@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 0.1.17 to 1.0.0

dist/cjs/eco-checkbox.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
 
@@ -8,0 +8,0 @@ const ecoCheckboxCss = ":host{display:flex;align-items:center;position:relative}input[type='checkbox']{appearance:none;background:none;opacity:0;z-index:2}eco-text-label{padding:var(--sp-xs) var(--sp-md) var(--sp-xs) var(--sp-xl);white-space:unset;display:flex;align-items:center;user-select:none}input[type='checkbox'],eco-text-label:before,eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:var(--br-sm);content:' '}eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset;background-color:var(--c-cta-success);mask-image:url(\"eco/static/icons/check.svg\");mask-repeat:no-repeat;mask-size:contain}input[disabled],input[disabled]~eco-text-label{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";

dist/cjs/eco-description-group.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
 
@@ -8,0 +8,0 @@ const ecoDescriptionGroupCss = ":host{display:block;max-width:100%}div{display:grid;gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    minmax(calc(var(--fs-md) * 12), 1fr)\n  );margin-bottom:0}.vertical{grid-template-columns:1fr}";

dist/cjs/eco-description.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
 
-const ecoDescriptionCss = ":host{display:block}dl{margin-top:0;margin-bottom:0}dt{font-weight:var(--fw-bold);margin-bottom:var(--sp-xs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd{margin:0;text-overflow:ellipsis;overflow:hidden}";
+const ecoDescriptionCss = ":host{display:block}dl{margin-top:0;margin-bottom:0}dt{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -10,0 +10,0 @@ const EcoDescription = class {

dist/cjs/eco-input-date.cjs.entry.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
-const ecoInputDateCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 6ch + var(--sp-md))\n  )}";
+const ecoInputDateCss = "div{display:grid;gap:var(--sp-xxs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 6ch + var(--sp-md))\n  )}";
 
@@ -47,3 +47,3 @@ const EcoInputDate = class {
     }
-    return (index.h(index.Host, null, index.h("eco-spacer", { gap: utils.EcoSpacerSizeList.xs }, this.label && (index.h("eco-text-label", null, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("span", { class: "inputs" }, index.h("eco-input-number", { label: "Day", value: this.dd, min: this.ddmin, max: this.ddmax, readonly: this.readonly, disabled: this.disabled }), index.h("eco-input-number", { label: "Month", value: this.mm, min: this.mmmin, max: this.mmmax, readonly: this.readonly, disabled: this.disabled }), index.h("eco-input-number", { label: "Year", value: this.yyyy, min: this.yyyymin, max: this.yyyymax, readonly: this.readonly, disabled: this.disabled }), this.withtime && (index.h("eco-input-number", { label: "Hour", value: this.hour, min: this.hourmin, max: this.hourmax, readonly: this.readonly, disabled: this.disabled })), this.withtime && (index.h("eco-input-number", { label: "Min", value: this.minute, min: this.minutemin, max: this.minutemax, readonly: this.readonly, disabled: this.disabled }))))));
+    return (index.h(index.Host, null, index.h("eco-spacer", { gap: utils.EcoSpacerSizeList.xxs }, this.label && (index.h("eco-text-label", null, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("span", { class: "inputs" }, index.h("eco-input-number", { label: "Day", value: this.dd, min: this.ddmin, max: this.ddmax, readonly: this.readonly, disabled: this.disabled }), index.h("eco-input-number", { label: "Month", value: this.mm, min: this.mmmin, max: this.mmmax, readonly: this.readonly, disabled: this.disabled }), index.h("eco-input-number", { label: "Year", value: this.yyyy, min: this.yyyymin, max: this.yyyymax, readonly: this.readonly, disabled: this.disabled }), this.withtime && (index.h("eco-input-number", { label: "Hour", value: this.hour, min: this.hourmin, max: this.hourmax, readonly: this.readonly, disabled: this.disabled })), this.withtime && (index.h("eco-input-number", { label: "Min", value: this.minute, min: this.minutemin, max: this.minutemax, readonly: this.readonly, disabled: this.disabled }))))));
   }
@@ -50,0 +50,0 @@ };

dist/cjs/eco-input-file.cjs.entry.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
-const ecoInputFileCss = "div{--color:var(--c-text);max-width:100%;display:grid;gap:var(--sp-xs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}.button{position:relative;cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md)}.button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--br-md);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent;mix-blend-mode:multiply}.button:hover::before,.button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--c-text) inset,\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}.disabled .button:hover::before,.disabled .button:focus::before,.disabled .button:active::before{box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}";
+const ecoInputFileCss = "div{--color:var(--c-text);max-width:100%;display:grid;gap:var(--sp-xxs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}.button{position:relative;cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md)}.button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--br-md);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent;mix-blend-mode:multiply}.button:hover::before,.button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--c-text) inset,\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}.disabled .button:hover::before,.disabled .button:focus::before,.disabled .button:active::before{box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}";
 
@@ -11,0 +11,0 @@ const EcoInputFile = class {

dist/cjs/eco-input-text.cjs.entry.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
-const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
+const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -11,0 +11,0 @@ const EcoInputText = class {

dist/cjs/eco-input-textarea.cjs.entry.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
-const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";
+const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";
 
@@ -11,0 +11,0 @@ const EcoInputTextarea = class {

dist/cjs/eco-input-time.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
@@ -25,3 +25,3 @@ const ecoInputTimeCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
   render() {
-    return (index.h(index.Host, null, index.h("eco-spacer", { gap: utils.EcoSpacerSizeList.xs }, this.label && (index.h("eco-text-label", null, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("span", { class: "inputs" }, this.weeks && (index.h("eco-input-number", { label: "Weeks", value: this.weeks, min: this.weeksmin, max: this.weeksmax, readonly: this.readonly, disabled: this.disabled })), this.days && (index.h("eco-input-number", { label: "Days", value: this.days, min: this.daysmin, max: this.daysmax, readonly: this.readonly, disabled: this.disabled })), this.hours && (index.h("eco-input-number", { label: "Hours", value: this.hours, min: this.hoursmin, max: this.hoursmax, readonly: this.readonly, disabled: this.disabled })), this.minutes && (index.h("eco-input-number", { label: "Minutes", value: this.minutes, min: this.minutesmin, max: this.minutesmax, readonly: this.readonly, disabled: this.disabled }))))));
+    return (index.h(index.Host, null, index.h("eco-spacer", { gap: utils.EcoSpacerSizeList.xxs }, this.label && (index.h("eco-text-label", null, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("span", { class: "inputs" }, this.weeks && (index.h("eco-input-number", { label: "Weeks", value: this.weeks, min: this.weeksmin, max: this.weeksmax, readonly: this.readonly, disabled: this.disabled })), this.days && (index.h("eco-input-number", { label: "Days", value: this.days, min: this.daysmin, max: this.daysmax, readonly: this.readonly, disabled: this.disabled })), this.hours && (index.h("eco-input-number", { label: "Hours", value: this.hours, min: this.hoursmin, max: this.hoursmax, readonly: this.readonly, disabled: this.disabled })), this.minutes && (index.h("eco-input-number", { label: "Minutes", value: this.minutes, min: this.minutesmin, max: this.minutesmax, readonly: this.readonly, disabled: this.disabled }))))));
   }
@@ -28,0 +28,0 @@ };

dist/cjs/eco-messagebox.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
@@ -9,0 +9,0 @@ const ecoMessageboxCss = ":host{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div{color:var(--c-text);background-color:hsla(var(--color), 0.1);padding:var(--sp-md);position:relative;z-index:2;border-radius:var(--br-md);border-width:calc(var(--sp-sm) / 8);border-style:solid;border-color:hsl(var(--color));display:flex}.default{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info{--color:var(--c-cta-info-hsl)}.ghost{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success{--color:var(--c-cta-success-hsl)}.danger{--color:var(--c-cta-danger-hsl)}.warning{--color:var(--c-cta-warning-hsl)}eco-icon{margin-right:var(--sp-md)}";

dist/cjs/eco-radio-button.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
 
@@ -8,0 +8,0 @@ const ecoRadioButtonCss = ":host{display:flex;align-items:center;position:relative}input[type=\"radio\"]{appearance:none;background:none;opacity:0;z-index:2}eco-text-label{padding:var(--sp-xs) var(--sp-md) var(--sp-xs) var(--sp-xl);white-space:unset;display:flex;align-items:center}input[type=\"radio\"],eco-text-label:before,eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:100%;content:\" \"}eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset,\n    0 0 0 calc(var(--sp-xs) / 2) var(--c-cta-background) inset,\n    0 0 0 var(--fs-lg) var(--c-cta-success) inset}input[disabled],input[disabled]~eco-text-label{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";

dist/cjs/eco-radio-group.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
 
@@ -8,0 +8,0 @@ const ecoRadioGroupCss = ":host{margin-bottom:var(--sp-md);display:block}:host:last-of-type{margin-bottom:0}div{display:grid;gap:var(--sp-xs);grid-template-columns:1fr}";

dist/cjs/eco-select.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
@@ -9,0 +9,0 @@ const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}";

dist/cjs/eco-spinner.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
-const utils = require('./utils-52a89285.js');
+const index = require('./index-7d3b3183.js');
+const utils = require('./utils-c81cf533.js');
 
@@ -9,0 +9,0 @@ const ecoSpinnerCss = ":host{display:block;--center:var(--sp-xl);--petal:calc(var(--center) / 2);--time:3000ms;--color:var(--c-cta-success);--num-petals:8;user-select:none}.fullscreen{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-text);display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;cursor:wait;z-index:99998;opacity:0;animation:fullscreen calc(var(--time) / var(--num-petals)) forwards}.sm{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span{grid-column:1 / 1;grid-row:1 / 1}.center{transform:scale(0);height:var(--center);width:var(--center);border-radius:var(--center);background-color:var(--color);animation:center calc(var(--time) / var(--num-petals)) forwards;z-index:1}.petal{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal:after{content:\"\";display:block;height:var(--petal);width:var(--petal);border-radius:var(--petal) var(--petal) var(--petal) 0;background-color:var(--color);transform:rotateZ(-0.125turn)}.petal-1{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono{--color:var(--c-text-on-light)}.fullscreen .mono{--color:var(--c-text-on-dark)}.multi{--color:var(--c-text-on-light)}.fullscreen .multi{--color:var(--c-text-on-dark)}.multi .petal-1{--color:hsl(0deg, 80%, 66%)}.multi .petal-2{--color:hsl(45deg, 80%, 66%)}.multi .petal-3{--color:hsl(90deg, 80%, 66%)}.multi .petal-4{--color:hsl(135deg, 80%, 66%)}.multi .petal-5{--color:hsl(180deg, 80%, 66%)}.multi .petal-6{--color:hsl(225deg, 80%, 66%)}.multi .petal-7{--color:hsl(270deg, 80%, 66%)}.multi .petal-8{--color:hsl(315deg, 80%, 66%)}p{padding:var(--sp-md);margin:0;color:var(--c-text-on-dark)}@keyframes fullscreen{from{opacity:0}to{opacity:0.9}}@keyframes loader{from{transform:rotateZ(0turn)}to{transform:rotateZ(1turn)}}@keyframes center{from{transform:scale(0)}to{transform:scale(1)}}@keyframes petal{0%{transform:scale(0) rotateZ(0turn)}20%{transform:scale(1) rotateZ(0.2turn)}90%{transform:scale(1) rotateZ(1turn)}100%{transform:scale(0) rotateZ(1turn)}}";

dist/cjs/eco-table.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
 
-const ecoTableCss = "eco-table table{--table-background:hsl(0, 0%, 100%);--table-even-row:hsla(var(--igs-primary-dark-blue-hsl), 0.05);--table-shadow:hsla(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;background-color:var(--table-background);border-radius:var(--br-sm);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n    var(--table-shadow)}eco-table table,eco-table thead{background-color:var(--c-cta-background)}eco-table tr:nth-of-type(even){background:var(--table-even-row)}eco-table th,eco-table td{padding:var(--sp-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}eco-table th{font-size:var(--fs-sm);font-weight:var(--fw-bold);background-color:var(--c-cta-background);box-shadow:0 calc(var(--sp-md) / -12) 0 var(--table-shadow) inset}eco-table td{border:0}eco-table.equalcolumns table{table-layout:fixed}eco-table.sticky table{overflow:unset;position:relative}eco-table.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){eco-table.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}eco-table.responsive tr{display:grid;grid-template-columns:repeat(\n      auto-fill,\n      minmax(calc(var(--fs-md) * 12), 1fr)\n    );gap:var(--sp-md);margin-bottom:var(--sp-md);border-radius:var(--br-md);overflow:hidden;box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n      hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);padding:var(--sp-md)}eco-table.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xs);padding:0;white-space:normal}eco-table.responsive tr:nth-of-type(even){background:var(--table-background)}eco-table.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}eco-table.responsive td:last-child{border-bottom:0}}";
+const ecoTableCss = "eco-table table{--table-background:hsl(0, 0%, 100%);--table-even-row:hsla(var(--igs-primary-dark-blue-hsl), 0.05);--table-shadow:hsla(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;background-color:var(--table-background);border-radius:var(--br-sm);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n    var(--table-shadow)}eco-table table,eco-table thead{background-color:var(--c-cta-background)}eco-table tr:nth-of-type(even){background:var(--table-even-row)}eco-table th,eco-table td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}eco-table th{font-size:var(--fs-sm);font-weight:var(--fw-bold);background-color:var(--c-cta-background);box-shadow:0 calc(var(--sp-md) / -12) 0 var(--table-shadow) inset}eco-table td{border:0}eco-table.equalcolumns table{table-layout:fixed}eco-table.sticky table{overflow:unset;position:relative}eco-table.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){eco-table.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}eco-table.responsive tr{display:grid;grid-template-columns:repeat(\n      auto-fill,\n      minmax(calc(var(--fs-md) * 12), 1fr)\n    );gap:var(--sp-md);margin-bottom:var(--sp-md);border-radius:var(--br-md);overflow:hidden;box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n      hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);padding:var(--sp-md)}eco-table.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}eco-table.responsive tr:nth-of-type(even){background:var(--table-background)}eco-table.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}eco-table.responsive td:last-child{border-bottom:0}}";
 
@@ -10,0 +10,0 @@ const EcoTable = class {

dist/cjs/eco.cjs.js

 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
@@ -8,13 +9,117 @@ /*
  */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
 const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (index.BUILD.isDev && !index.BUILD.isTesting) {
+        index.consoleDevInfo('Running in development mode.');
+    }
+    if (index.BUILD.cssVarShim) {
+        // shim css vars
+        index.plt.$cssShim$ = index.win.__cssshim;
+    }
+    if (index.BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(index.H.prototype);
+    }
+    if (index.BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = index.BUILD.scriptDataOpts || index.BUILD.safari10 || index.BUILD.dynamicImportShim
+        ? Array.from(index.doc.querySelectorAll('script')).find(s => new RegExp(`\/${index.NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute('data-stencil-namespace') === index.NAMESPACE)
+        : null;
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('eco.cjs.js', document.baseURI).href));
-    const opts =  {};
-    if ( importMeta !== '') {
+    const opts = index.BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (index.BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!index.BUILD.safari10 && importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
     }
+    else if (index.BUILD.dynamicImportShim || index.BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, index.win.location.href)).href;
+        if (index.BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (index.BUILD.dynamicImportShim && !index.win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-dom" */ './dom-9c8e2fa2.js'); }).then(() => opts);
+        }
+    }
     return index.promiseResolve(opts);
 };
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(index.NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        index.win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        index.win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = index.doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], { type: 'application/javascript' }));
+                mod = new Promise(resolve => {
+                    script.onload = () => {
+                        resolve(index.win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                index.doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-input-help_3.cjs",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"],[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number_2.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}],[1,"eco-spacer",{"gap":[1]}]]],["eco-button_7.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}],[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}],[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"],[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]]], options);
+  appGlobals.globalScripts();
+  return index.bootstrapLazy([["eco-modal.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body.cjs",[[1,"eco-card-body"]]],["eco-card-footer.cjs",[[1,"eco-card-footer"]]],["eco-card-header.cjs",[[1,"eco-card-header"]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["eco-text-input-optional.cjs",[[1,"eco-text-input-optional"]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,3 +5,4 @@ 'use strict';
 
-const index = require('./index-0c6896d2.js');
+const index = require('./index-7d3b3183.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
@@ -12,2 +13,16 @@ /*
 const patchEsm = () => {
+    // NOTE!! This fn cannot use async/await!
+    // @ts-ignore
+    if (index.BUILD.cssVarShim && !(index.CSS && index.CSS.supports && index.CSS.supports('color', 'var(--c)'))) {
+        // @ts-ignore
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-css-shim" */ './css-shim-fd7ca8db.js'); }).then(() => {
+            if ((index.plt.$cssShim$ = index.win.__cssshim)) {
+                return index.plt.$cssShim$.i();
+            }
+            else {
+                // for better minification
+                return 0;
+            }
+        });
+    }
     return index.promiseResolve();
@@ -19,3 +34,4 @@ };
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-input-help_3.cjs",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"],[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number_2.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}],[1,"eco-spacer",{"gap":[1]}]]],["eco-button_7.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}],[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}],[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"],[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]]], options);
+  appGlobals.globalScripts();
+  return index.bootstrapLazy([["eco-modal.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body.cjs",[[1,"eco-card-body"]]],["eco-card-footer.cjs",[[1,"eco-card-footer"]]],["eco-card-header.cjs",[[1,"eco-card-header"]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["eco-text-input-optional.cjs",[[1,"eco-text-input-optional"]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]]], options);
   });
@@ -22,0 +38,0 @@ };

dist/collection/components/eco-input-date/eco-input-date.js

@@ -39,3 +39,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
     return (h(Host, null,
-      h("eco-spacer", { gap: EcoSpacerSizeList.xs },
+      h("eco-spacer", { gap: EcoSpacerSizeList.xxs },
         this.label && (h("eco-text-label", null,
@@ -42,0 +42,0 @@ this.label,

dist/collection/components/eco-input-time/eco-input-time.js

@@ -17,3 +17,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
     return (h(Host, null,
-      h("eco-spacer", { gap: EcoSpacerSizeList.xs },
+      h("eco-spacer", { gap: EcoSpacerSizeList.xxs },
         this.label && (h("eco-text-label", null,
@@ -20,0 +20,0 @@ this.label,

dist/collection/components/eco-spacer/eco-spacer.js

@@ -32,3 +32,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
         "original": "EcoSpacerSizeList",
-        "resolved": "EcoSpacerSizeList.lg | EcoSpacerSizeList.md | EcoSpacerSizeList.sm | EcoSpacerSizeList.xl | EcoSpacerSizeList.xs | EcoSpacerSizeList.xxl",
+        "resolved": "EcoSpacerSizeList.lg | EcoSpacerSizeList.md | EcoSpacerSizeList.sm | EcoSpacerSizeList.xl | EcoSpacerSizeList.xs | EcoSpacerSizeList.xxl | EcoSpacerSizeList.xxs | EcoSpacerSizeList.xxxl",
         "references": {
@@ -35,0 +35,0 @@ "EcoSpacerSizeList": {

dist/collection/utils/utils.js

@@ -12,2 +12,3 @@ export var EcoTypeList;
 (function (EcoSpacerSizeList) {
+  EcoSpacerSizeList["xxs"] = "xxs";
   EcoSpacerSizeList["xs"] = "xs";
@@ -19,2 +20,3 @@ EcoSpacerSizeList["sm"] = "sm";
   EcoSpacerSizeList["xxl"] = "xxl";
+  EcoSpacerSizeList["xxxl"] = "xxxl";
 })(EcoSpacerSizeList || (EcoSpacerSizeList = {}));
@@ -21,0 +23,0 @@ export var EcoSpinnerSizeList;

dist/custom-elements/index.js

 import { attachShadow, h, Host, Fragment, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath } from '@stencil/core/internal/client';
 
+const globalScripts = () => {};
+
 var EcoTypeList;
@@ -15,2 +17,3 @@ (function (EcoTypeList) {
 (function (EcoSpacerSizeList) {
+  EcoSpacerSizeList["xxs"] = "xxs";
   EcoSpacerSizeList["xs"] = "xs";
@@ -22,2 +25,3 @@ EcoSpacerSizeList["sm"] = "sm";
   EcoSpacerSizeList["xxl"] = "xxl";
+  EcoSpacerSizeList["xxxl"] = "xxxl";
 })(EcoSpacerSizeList || (EcoSpacerSizeList = {}));
@@ -199,3 +203,3 @@ var EcoSpinnerSizeList;
 
-const ecoDescriptionCss = ":host{display:block}dl{margin-top:0;margin-bottom:0}dt{font-weight:var(--fw-bold);margin-bottom:var(--sp-xs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd{margin:0;text-overflow:ellipsis;overflow:hidden}";
+const ecoDescriptionCss = ":host{display:block}dl{margin-top:0;margin-bottom:0}dt{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -241,2 +245,3 @@ const EcoDescription = class extends HTMLElement {
     this.url = 'url("eco/static/icons/' + this.icon.toString() + '.svg")';
+    this.getCssClassMap;
   }
@@ -256,3 +261,3 @@ render() {
 
-const ecoInputDateCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 6ch + var(--sp-md))\n  )}";
+const ecoInputDateCss = "div{display:grid;gap:var(--sp-xxs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 6ch + var(--sp-md))\n  )}";
 
@@ -297,3 +302,3 @@ const EcoInputDate = class extends HTMLElement {
     }
-    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, h("eco-input-number", { label: "Day", value: this.dd, min: this.ddmin, max: this.ddmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Month", value: this.mm, min: this.mmmin, max: this.mmmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Year", value: this.yyyy, min: this.yyyymin, max: this.yyyymax, readonly: this.readonly, disabled: this.disabled }), this.withtime && (h("eco-input-number", { label: "Hour", value: this.hour, min: this.hourmin, max: this.hourmax, readonly: this.readonly, disabled: this.disabled })), this.withtime && (h("eco-input-number", { label: "Min", value: this.minute, min: this.minutemin, max: this.minutemax, readonly: this.readonly, disabled: this.disabled }))))));
+    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xxs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, h("eco-input-number", { label: "Day", value: this.dd, min: this.ddmin, max: this.ddmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Month", value: this.mm, min: this.mmmin, max: this.mmmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Year", value: this.yyyy, min: this.yyyymin, max: this.yyyymax, readonly: this.readonly, disabled: this.disabled }), this.withtime && (h("eco-input-number", { label: "Hour", value: this.hour, min: this.hourmin, max: this.hourmax, readonly: this.readonly, disabled: this.disabled })), this.withtime && (h("eco-input-number", { label: "Min", value: this.minute, min: this.minutemin, max: this.minutemax, readonly: this.readonly, disabled: this.disabled }))))));
   }
@@ -303,3 +308,3 @@ static get style() { return ecoInputDateCss; }
 
-const ecoInputFileCss = "div{--color:var(--c-text);max-width:100%;display:grid;gap:var(--sp-xs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}.button{position:relative;cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md)}.button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--br-md);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent;mix-blend-mode:multiply}.button:hover::before,.button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--c-text) inset,\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}.disabled .button:hover::before,.disabled .button:focus::before,.disabled .button:active::before{box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}";
+const ecoInputFileCss = "div{--color:var(--c-text);max-width:100%;display:grid;gap:var(--sp-xxs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}.button{position:relative;cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md)}.button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--br-md);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent;mix-blend-mode:multiply}.button:hover::before,.button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--c-text) inset,\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}.disabled .button:hover::before,.disabled .button:focus::before,.disabled .button:active::before{box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}";
 
@@ -343,3 +348,3 @@ const EcoInputFile = class extends HTMLElement {
 
-const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
+const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -373,3 +378,3 @@ const EcoInputNumber = class extends HTMLElement {
 
-const ecoInputTextCss$1 = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
+const ecoInputTextCss$1 = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -403,3 +408,3 @@ const EcoInputText = class extends HTMLElement {
 
-const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";
+const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";
 
@@ -452,3 +457,3 @@ const EcoInputTextarea = class extends HTMLElement {
   render() {
-    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, this.weeks && (h("eco-input-number", { label: "Weeks", value: this.weeks, min: this.weeksmin, max: this.weeksmax, readonly: this.readonly, disabled: this.disabled })), this.days && (h("eco-input-number", { label: "Days", value: this.days, min: this.daysmin, max: this.daysmax, readonly: this.readonly, disabled: this.disabled })), this.hours && (h("eco-input-number", { label: "Hours", value: this.hours, min: this.hoursmin, max: this.hoursmax, readonly: this.readonly, disabled: this.disabled })), this.minutes && (h("eco-input-number", { label: "Minutes", value: this.minutes, min: this.minutesmin, max: this.minutesmax, readonly: this.readonly, disabled: this.disabled }))))));
+    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xxs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, this.weeks && (h("eco-input-number", { label: "Weeks", value: this.weeks, min: this.weeksmin, max: this.weeksmax, readonly: this.readonly, disabled: this.disabled })), this.days && (h("eco-input-number", { label: "Days", value: this.days, min: this.daysmin, max: this.daysmax, readonly: this.readonly, disabled: this.disabled })), this.hours && (h("eco-input-number", { label: "Hours", value: this.hours, min: this.hoursmin, max: this.hoursmax, readonly: this.readonly, disabled: this.disabled })), this.minutes && (h("eco-input-number", { label: "Minutes", value: this.minutes, min: this.minutesmin, max: this.minutesmax, readonly: this.readonly, disabled: this.disabled }))))));
   }
@@ -581,3 +586,3 @@ static get style() { return ecoInputTimeCss; }
 
-const ecoSpacerCss = ":host{display:block}div{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xs{gap:var(--sp-xs)}.sm{gap:var(--sp-sm)}.md{gap:var(--sp-md)}.lg{gap:var(--sp-lg)}.xl{gap:var(--sp-xl)}.xxl{gap:var(--sp-xxl)}";
+const ecoSpacerCss = ":host{display:block}div{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs{gap:var(--sp-xxs)}.xs{gap:var(--sp-xs)}.sm{gap:var(--sp-sm)}.md{gap:var(--sp-md)}.lg{gap:var(--sp-lg)}.xl{gap:var(--sp-xl)}.xxl{gap:var(--sp-xxl)}.xxxl{gap:var(--sp-xxxl)}";
 
@@ -629,3 +634,3 @@ const EcoSpacer = class extends HTMLElement {
 
-const ecoTableCss = "eco-table table{--table-background:hsl(0, 0%, 100%);--table-even-row:hsla(var(--igs-primary-dark-blue-hsl), 0.05);--table-shadow:hsla(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;background-color:var(--table-background);border-radius:var(--br-sm);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n    var(--table-shadow)}eco-table table,eco-table thead{background-color:var(--c-cta-background)}eco-table tr:nth-of-type(even){background:var(--table-even-row)}eco-table th,eco-table td{padding:var(--sp-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}eco-table th{font-size:var(--fs-sm);font-weight:var(--fw-bold);background-color:var(--c-cta-background);box-shadow:0 calc(var(--sp-md) / -12) 0 var(--table-shadow) inset}eco-table td{border:0}eco-table.equalcolumns table{table-layout:fixed}eco-table.sticky table{overflow:unset;position:relative}eco-table.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){eco-table.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}eco-table.responsive tr{display:grid;grid-template-columns:repeat(\n      auto-fill,\n      minmax(calc(var(--fs-md) * 12), 1fr)\n    );gap:var(--sp-md);margin-bottom:var(--sp-md);border-radius:var(--br-md);overflow:hidden;box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n      hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);padding:var(--sp-md)}eco-table.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xs);padding:0;white-space:normal}eco-table.responsive tr:nth-of-type(even){background:var(--table-background)}eco-table.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}eco-table.responsive td:last-child{border-bottom:0}}";
+const ecoTableCss = "eco-table table{--table-background:hsl(0, 0%, 100%);--table-even-row:hsla(var(--igs-primary-dark-blue-hsl), 0.05);--table-shadow:hsla(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;background-color:var(--table-background);border-radius:var(--br-sm);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n    var(--table-shadow)}eco-table table,eco-table thead{background-color:var(--c-cta-background)}eco-table tr:nth-of-type(even){background:var(--table-even-row)}eco-table th,eco-table td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}eco-table th{font-size:var(--fs-sm);font-weight:var(--fw-bold);background-color:var(--c-cta-background);box-shadow:0 calc(var(--sp-md) / -12) 0 var(--table-shadow) inset}eco-table td{border:0}eco-table.equalcolumns table{table-layout:fixed}eco-table.sticky table{overflow:unset;position:relative}eco-table.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){eco-table.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}eco-table.responsive tr{display:grid;grid-template-columns:repeat(\n      auto-fill,\n      minmax(calc(var(--fs-md) * 12), 1fr)\n    );gap:var(--sp-md);margin-bottom:var(--sp-md);border-radius:var(--br-md);overflow:hidden;box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n      hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);padding:var(--sp-md)}eco-table.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}eco-table.responsive tr:nth-of-type(even){background:var(--table-background)}eco-table.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}eco-table.responsive td:last-child{border-bottom:0}}";
 
@@ -685,2 +690,3 @@ const EcoTable = class extends HTMLElement {
 
+globalScripts();
 const EcoButton$1 = /*@__PURE__*/proxyCustomElement(EcoButton, [1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]);
@@ -687,0 +693,0 @@ const EcoCard$1 = /*@__PURE__*/proxyCustomElement(EcoCard, [1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]);

dist/eco/eco.esm.js

@@ -1,1 +0,122 @@
-import{p as e,b as a}from"./p-8908b1ea.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-3f69a655",[[1,"eco-input-date",{label:[1],help:[1],optional:[1],readonly:[4],required:[4],disabled:[4],withnow:[4],withtime:[4],ddmin:[2],ddmax:[2],mmmin:[2],mmmax:[2],yyyymin:[2],yyyymax:[2],minutemin:[2],minutemax:[2],hourmin:[2],hourmax:[2]}]]],["p-0a521a1e",[[1,"eco-input-time",{label:[1],help:[1],optional:[1],readonly:[4],required:[4],disabled:[4],weeks:[8],days:[8],hours:[8],minutes:[8],weeksmin:[2],weeksmax:[2],daysmin:[2],daysmax:[2],hoursmin:[2],hoursmax:[2],minutesmin:[2],minutesmax:[2]}]]],["p-9b55a5e6",[[1,"eco-input-file",{label:[1],help:[1],optional:[1],text:[1],accept:[1],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],inputId:[1,"input-id"]}]]],["p-3b787ffe",[[1,"eco-input-text",{type:[1],label:[1],help:[1],optional:[1],value:[1],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],inputId:[1,"input-id"]}]]],["p-2b42748e",[[1,"eco-input-textarea",{label:[1],value:[1],help:[1],optional:[1],status:[1],width:[1],height:[1],disabled:[4],readonly:[4],required:[4],resize:[4],inputId:[1,"input-id"]}]]],["p-1242c800",[[1,"eco-radio-group",{label:[1],help:[1],radioData:[16]}]]],["p-43101d28",[[4,"eco-select",{label:[1],help:[1],name:[1],optional:[1],status:[1],width:[1],selectQaId:[1,"select-qa-id"],disabled:[4],required:[4],inputId:[1,"input-id"]}]]],["p-7c96afeb",[[1,"eco-checkbox",{label:[1],name:[1],checkboxQaId:[1,"checkbox-qa-id"],checked:[4],disabled:[4],inputId:[1,"input-id"]}]]],["p-85d58379",[[1,"eco-messagebox",{type:[1],icon:[1],icontype:[1]}]]],["p-1e6376d0",[[1,"eco-radio-button",{name:[1],label:[1],radioQaId:[1,"radio-qa-id"],checked:[4],disabled:[4],controlValue:[1,"control-value"],inputId:[1,"input-id"]}]]],["p-81e19add",[[1,"eco-description",{term:[1],description:[1],descQaId:[1,"desc-qa-id"]}]]],["p-178d8da8",[[1,"eco-description-group",{vertical:[4]}]]],["p-427c7d22",[[1,"eco-spinner",{text:[1],fullscreen:[4],size:[1],theme:[1]}]]],["p-123e70f7",[[4,"eco-table",{responsive:[4],equalcolumns:[4],sticky:[4],tableQaId:[1,"table-qa-id"]}]]],["p-258239ee",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"],[1,"eco-text-label",{for:[1],labelQaId:[1,"label-qa-id"],wrap:[4]}]]],["p-08aa3bbf",[[1,"eco-input-number",{type:[1],label:[1],help:[1],optional:[1],value:[2],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],min:[2],max:[2],step:[2],inputId:[1,"input-id"]}],[1,"eco-spacer",{gap:[1]}]]],["p-3ebb4a9a",[[1,"eco-modal",{modaltitle:[1],visible:[4]}],[1,"eco-card",{cardQaId:[1,"card-qa-id"],sticky:[4],collapsable:[4],collapsed:[4]}],[1,"eco-button",{label:[1],size:[1],type:[1],disabled:[4],icon:[1],icontype:[1],iconsize:[1]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"],[1,"eco-icon",{icon:[1],icontype:[1],iconsize:[1],url:[1]}]]]],e)));
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v2.3.0 | MIT Licensed | https://stenciljs.com
+ */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find(s => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
+    const importMeta = import.meta.url;
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-424264d0.js').then(() => opts);
+        }
+    }
+    return promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], { type: 'application/javascript' }));
+                mod = new Promise(resolve => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]]], options);
+});

dist/esm/eco-checkbox.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
 
@@ -3,0 +3,0 @@ const ecoCheckboxCss = ":host{display:flex;align-items:center;position:relative}input[type='checkbox']{appearance:none;background:none;opacity:0;z-index:2}eco-text-label{padding:var(--sp-xs) var(--sp-md) var(--sp-xs) var(--sp-xl);white-space:unset;display:flex;align-items:center;user-select:none}input[type='checkbox'],eco-text-label:before,eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:var(--br-sm);content:' '}eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset;background-color:var(--c-cta-success);mask-image:url(\"eco/static/icons/check.svg\");mask-repeat:no-repeat;mask-size:contain}input[disabled],input[disabled]~eco-text-label{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";

dist/esm/eco-description-group.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
 
@@ -3,0 +3,0 @@ const ecoDescriptionGroupCss = ":host{display:block;max-width:100%}div{display:grid;gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    minmax(calc(var(--fs-md) * 12), 1fr)\n  );margin-bottom:0}.vertical{grid-template-columns:1fr}";

dist/esm/eco-description.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
 
-const ecoDescriptionCss = ":host{display:block}dl{margin-top:0;margin-bottom:0}dt{font-weight:var(--fw-bold);margin-bottom:var(--sp-xs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd{margin:0;text-overflow:ellipsis;overflow:hidden}";
+const ecoDescriptionCss = ":host{display:block}dl{margin-top:0;margin-bottom:0}dt{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -5,0 +5,0 @@ const EcoDescription = class {

dist/esm/eco-input-date.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { c as EcoSpacerSizeList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { E as EcoSpacerSizeList } from './utils-811399b0.js';
 
-const ecoInputDateCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 6ch + var(--sp-md))\n  )}";
+const ecoInputDateCss = "div{display:grid;gap:var(--sp-xxs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n    auto-fill,\n    calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 3ch + var(--sp-md))\n      calc(var(--sp-md) + 6ch + var(--sp-md))\n  )}";
 
@@ -42,3 +42,3 @@ const EcoInputDate = class {
     }
-    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, h("eco-input-number", { label: "Day", value: this.dd, min: this.ddmin, max: this.ddmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Month", value: this.mm, min: this.mmmin, max: this.mmmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Year", value: this.yyyy, min: this.yyyymin, max: this.yyyymax, readonly: this.readonly, disabled: this.disabled }), this.withtime && (h("eco-input-number", { label: "Hour", value: this.hour, min: this.hourmin, max: this.hourmax, readonly: this.readonly, disabled: this.disabled })), this.withtime && (h("eco-input-number", { label: "Min", value: this.minute, min: this.minutemin, max: this.minutemax, readonly: this.readonly, disabled: this.disabled }))))));
+    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xxs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, h("eco-input-number", { label: "Day", value: this.dd, min: this.ddmin, max: this.ddmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Month", value: this.mm, min: this.mmmin, max: this.mmmax, readonly: this.readonly, disabled: this.disabled }), h("eco-input-number", { label: "Year", value: this.yyyy, min: this.yyyymin, max: this.yyyymax, readonly: this.readonly, disabled: this.disabled }), this.withtime && (h("eco-input-number", { label: "Hour", value: this.hour, min: this.hourmin, max: this.hourmax, readonly: this.readonly, disabled: this.disabled })), this.withtime && (h("eco-input-number", { label: "Min", value: this.minute, min: this.minutemin, max: this.minutemax, readonly: this.readonly, disabled: this.disabled }))))));
   }
@@ -45,0 +45,0 @@ };

dist/esm/eco-input-file.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4789c778.js';
-import { d as EcoInputStatusList, e as EcoInputWidthList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
+import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
 
-const ecoInputFileCss = "div{--color:var(--c-text);max-width:100%;display:grid;gap:var(--sp-xs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}.button{position:relative;cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md)}.button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--br-md);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent;mix-blend-mode:multiply}.button:hover::before,.button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--c-text) inset,\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}.disabled .button:hover::before,.disabled .button:focus::before,.disabled .button:active::before{box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}";
+const ecoInputFileCss = "div{--color:var(--c-text);max-width:100%;display:grid;gap:var(--sp-xxs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}.button{position:relative;cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md)}.button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--br-md);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent;mix-blend-mode:multiply}.button:hover::before,.button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--c-text) inset,\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}.disabled .button:hover::before,.disabled .button:focus::before,.disabled .button:active::before{box-shadow:0 0 0 transparent inset, 0 0 0 var(--bw-base) var(--c-text) inset,\n    0 0 0 transparent}";
 
@@ -6,0 +6,0 @@ const EcoInputFile = class {

dist/esm/eco-input-text.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { d as EcoInputStatusList, e as EcoInputWidthList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
 
-const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
+const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger) inset}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -6,0 +6,0 @@ const EcoInputText = class {

dist/esm/eco-input-textarea.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { d as EcoInputStatusList, e as EcoInputWidthList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
 
-const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";
+const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset;box-shadow:0 0 0 var(--bw-thin) var(--color) inset}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";
 
@@ -6,0 +6,0 @@ const EcoInputTextarea = class {

dist/esm/eco-input-time.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { c as EcoSpacerSizeList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { E as EcoSpacerSizeList } from './utils-811399b0.js';
 
@@ -20,3 +20,3 @@ const ecoInputTimeCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
   render() {
-    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, this.weeks && (h("eco-input-number", { label: "Weeks", value: this.weeks, min: this.weeksmin, max: this.weeksmax, readonly: this.readonly, disabled: this.disabled })), this.days && (h("eco-input-number", { label: "Days", value: this.days, min: this.daysmin, max: this.daysmax, readonly: this.readonly, disabled: this.disabled })), this.hours && (h("eco-input-number", { label: "Hours", value: this.hours, min: this.hoursmin, max: this.hoursmax, readonly: this.readonly, disabled: this.disabled })), this.minutes && (h("eco-input-number", { label: "Minutes", value: this.minutes, min: this.minutesmin, max: this.minutesmax, readonly: this.readonly, disabled: this.disabled }))))));
+    return (h(Host, null, h("eco-spacer", { gap: EcoSpacerSizeList.xxs }, this.label && (h("eco-text-label", null, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("span", { class: "inputs" }, this.weeks && (h("eco-input-number", { label: "Weeks", value: this.weeks, min: this.weeksmin, max: this.weeksmax, readonly: this.readonly, disabled: this.disabled })), this.days && (h("eco-input-number", { label: "Days", value: this.days, min: this.daysmin, max: this.daysmax, readonly: this.readonly, disabled: this.disabled })), this.hours && (h("eco-input-number", { label: "Hours", value: this.hours, min: this.hoursmin, max: this.hoursmax, readonly: this.readonly, disabled: this.disabled })), this.minutes && (h("eco-input-number", { label: "Minutes", value: this.minutes, min: this.minutesmin, max: this.minutesmax, readonly: this.readonly, disabled: this.disabled }))))));
   }
@@ -23,0 +23,0 @@ };

dist/esm/eco-messagebox.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { a as EcoTypeList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { c as EcoTypeList } from './utils-811399b0.js';
 
@@ -4,0 +4,0 @@ const ecoMessageboxCss = ":host{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div{color:var(--c-text);background-color:hsla(var(--color), 0.1);padding:var(--sp-md);position:relative;z-index:2;border-radius:var(--br-md);border-width:calc(var(--sp-sm) / 8);border-style:solid;border-color:hsl(var(--color));display:flex}.default{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info{--color:var(--c-cta-info-hsl)}.ghost{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success{--color:var(--c-cta-success-hsl)}.danger{--color:var(--c-cta-danger-hsl)}.warning{--color:var(--c-cta-warning-hsl)}eco-icon{margin-right:var(--sp-md)}";

dist/esm/eco-radio-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
 
@@ -3,0 +3,0 @@ const ecoRadioButtonCss = ":host{display:flex;align-items:center;position:relative}input[type=\"radio\"]{appearance:none;background:none;opacity:0;z-index:2}eco-text-label{padding:var(--sp-xs) var(--sp-md) var(--sp-xs) var(--sp-xl);white-space:unset;display:flex;align-items:center}input[type=\"radio\"],eco-text-label:before,eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:100%;content:\" \"}eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset,\n    0 0 0 calc(var(--sp-xs) / 2) var(--c-cta-background) inset,\n    0 0 0 var(--fs-lg) var(--c-cta-success) inset}input[disabled],input[disabled]~eco-text-label{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";

dist/esm/eco-radio-group.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-4789c778.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
 
@@ -3,0 +3,0 @@ const ecoRadioGroupCss = ":host{margin-bottom:var(--sp-md);display:block}:host:last-of-type{margin-bottom:0}div{display:grid;gap:var(--sp-xs);grid-template-columns:1fr}";

dist/esm/eco-select.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { d as EcoInputStatusList, e as EcoInputWidthList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
 
@@ -4,0 +4,0 @@ const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}";

dist/esm/eco-spinner.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { f as EcoSpinnerSizeList, g as EcoSpinnerThemeList } from './utils-bacb8d02.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-811399b0.js';
 
@@ -4,0 +4,0 @@ const ecoSpinnerCss = ":host{display:block;--center:var(--sp-xl);--petal:calc(var(--center) / 2);--time:3000ms;--color:var(--c-cta-success);--num-petals:8;user-select:none}.fullscreen{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-text);display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;cursor:wait;z-index:99998;opacity:0;animation:fullscreen calc(var(--time) / var(--num-petals)) forwards}.sm{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span{grid-column:1 / 1;grid-row:1 / 1}.center{transform:scale(0);height:var(--center);width:var(--center);border-radius:var(--center);background-color:var(--color);animation:center calc(var(--time) / var(--num-petals)) forwards;z-index:1}.petal{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal:after{content:\"\";display:block;height:var(--petal);width:var(--petal);border-radius:var(--petal) var(--petal) var(--petal) 0;background-color:var(--color);transform:rotateZ(-0.125turn)}.petal-1{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono{--color:var(--c-text-on-light)}.fullscreen .mono{--color:var(--c-text-on-dark)}.multi{--color:var(--c-text-on-light)}.fullscreen .multi{--color:var(--c-text-on-dark)}.multi .petal-1{--color:hsl(0deg, 80%, 66%)}.multi .petal-2{--color:hsl(45deg, 80%, 66%)}.multi .petal-3{--color:hsl(90deg, 80%, 66%)}.multi .petal-4{--color:hsl(135deg, 80%, 66%)}.multi .petal-5{--color:hsl(180deg, 80%, 66%)}.multi .petal-6{--color:hsl(225deg, 80%, 66%)}.multi .petal-7{--color:hsl(270deg, 80%, 66%)}.multi .petal-8{--color:hsl(315deg, 80%, 66%)}p{padding:var(--sp-md);margin:0;color:var(--c-text-on-dark)}@keyframes fullscreen{from{opacity:0}to{opacity:0.9}}@keyframes loader{from{transform:rotateZ(0turn)}to{transform:rotateZ(1turn)}}@keyframes center{from{transform:scale(0)}to{transform:scale(1)}}@keyframes petal{0%{transform:scale(0) rotateZ(0turn)}20%{transform:scale(1) rotateZ(0.2turn)}90%{transform:scale(1) rotateZ(1turn)}100%{transform:scale(0) rotateZ(1turn)}}";

dist/esm/eco-table.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-4789c778.js';
+import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
 
-const ecoTableCss = "eco-table table{--table-background:hsl(0, 0%, 100%);--table-even-row:hsla(var(--igs-primary-dark-blue-hsl), 0.05);--table-shadow:hsla(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;background-color:var(--table-background);border-radius:var(--br-sm);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n    var(--table-shadow)}eco-table table,eco-table thead{background-color:var(--c-cta-background)}eco-table tr:nth-of-type(even){background:var(--table-even-row)}eco-table th,eco-table td{padding:var(--sp-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}eco-table th{font-size:var(--fs-sm);font-weight:var(--fw-bold);background-color:var(--c-cta-background);box-shadow:0 calc(var(--sp-md) / -12) 0 var(--table-shadow) inset}eco-table td{border:0}eco-table.equalcolumns table{table-layout:fixed}eco-table.sticky table{overflow:unset;position:relative}eco-table.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){eco-table.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}eco-table.responsive tr{display:grid;grid-template-columns:repeat(\n      auto-fill,\n      minmax(calc(var(--fs-md) * 12), 1fr)\n    );gap:var(--sp-md);margin-bottom:var(--sp-md);border-radius:var(--br-md);overflow:hidden;box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n      hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);padding:var(--sp-md)}eco-table.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xs);padding:0;white-space:normal}eco-table.responsive tr:nth-of-type(even){background:var(--table-background)}eco-table.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}eco-table.responsive td:last-child{border-bottom:0}}";
+const ecoTableCss = "eco-table table{--table-background:hsl(0, 0%, 100%);--table-even-row:hsla(var(--igs-primary-dark-blue-hsl), 0.05);--table-shadow:hsla(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;background-color:var(--table-background);border-radius:var(--br-sm);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n    var(--table-shadow)}eco-table table,eco-table thead{background-color:var(--c-cta-background)}eco-table tr:nth-of-type(even){background:var(--table-even-row)}eco-table th,eco-table td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}eco-table th{font-size:var(--fs-sm);font-weight:var(--fw-bold);background-color:var(--c-cta-background);box-shadow:0 calc(var(--sp-md) / -12) 0 var(--table-shadow) inset}eco-table td{border:0}eco-table.equalcolumns table{table-layout:fixed}eco-table.sticky table{overflow:unset;position:relative}eco-table.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){eco-table.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}eco-table.responsive tr{display:grid;grid-template-columns:repeat(\n      auto-fill,\n      minmax(calc(var(--fs-md) * 12), 1fr)\n    );gap:var(--sp-md);margin-bottom:var(--sp-md);border-radius:var(--br-md);overflow:hidden;box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6)\n      hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);padding:var(--sp-md)}eco-table.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}eco-table.responsive tr:nth-of-type(even){background:var(--table-background)}eco-table.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}eco-table.responsive td:last-child{border-bottom:0}}";
 
@@ -5,0 +5,0 @@ const EcoTable = class {

dist/esm/eco.js

@@ -1,2 +0,3 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-4789c778.js';
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
@@ -6,13 +7,117 @@ /*
  */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
 const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find(s => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
     const importMeta = import.meta.url;
-    const opts =  {};
-    if ( importMeta !== '') {
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
     }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-424264d0.js').then(() => opts);
+        }
+    }
     return promiseResolve(opts);
 };
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], { type: 'application/javascript' }));
+                mod = new Promise(resolve => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-input-help_3",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"],[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number_2",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}],[1,"eco-spacer",{"gap":[1]}]]],["eco-button_7",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}],[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}],[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"],[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]]], options);
+  globalScripts();
+  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]]], options);
 });

dist/esm/loader.js

@@ -1,2 +0,3 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-4789c778.js';
+import { B as BUILD, C as CSS, p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
@@ -7,2 +8,16 @@ /*
 const patchEsm = () => {
+    // NOTE!! This fn cannot use async/await!
+    // @ts-ignore
+    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {
+        // @ts-ignore
+        return import(/* webpackChunkName: "polyfills-css-shim" */ './css-shim-af10229c.js').then(() => {
+            if ((plt.$cssShim$ = win.__cssshim)) {
+                return plt.$cssShim$.i();
+            }
+            else {
+                // for better minification
+                return 0;
+            }
+        });
+    }
     return promiseResolve();
@@ -14,3 +29,4 @@ };
   return patchEsm().then(() => {
-  return bootstrapLazy([["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-input-help_3",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"],[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number_2",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}],[1,"eco-spacer",{"gap":[1]}]]],["eco-button_7",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}],[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}],[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"],[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]]], options);
+  globalScripts();
+  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]]], options);
   });
@@ -17,0 +33,0 @@ };

dist/types/utils/utils.d.ts

@@ -13,2 +13,3 @@ export declare type CssClassMap = {
 export declare enum EcoSpacerSizeList {
+  xxs = "xxs",
   xs = "xs",
@@ -19,3 +20,4 @@ sm = "sm",
   xl = "xl",
-  xxl = "xxl"
+  xxl = "xxl",
+  xxxl = "xxxl"
 }
@@ -22,0 +24,0 @@ export declare enum EcoSpinnerSizeList {

package.json

 {
   "name": "@intelligentgrowthsolutions/eco",
-  "version": "0.1.17",
+  "version": "1.0.0",
   "description": "Eco Design System for Intelligent Growth Solutions",
@@ -36,2 +36,3 @@ "main": "dist/index.cjs.js",
     "@stencil/core": "^2.0.1",
+    "semver": "^7.3.4",
     "stencil-fragment": "^1.0.1"
@@ -38,0 +39,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1172632

increased by51.59%

Number of package files

308

increased by14.07%

Lines of code

23277

increased by57.58%

Number of low quality alerts

1

decreased by-50%

Number of low supply chain risk alerts

33

decreased by-2.94%

Worsened metrics

Dependency count

3

increased by50%

Number of low license alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

9

increased by350%

Dependency changes

• + Addedsemver@^7.3.4

• + Addedsemver@7.6.3(transitive)