@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 1.0.10 to 1.1.0-1

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";
+const ecoButtonCss = "button.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button.sc-eco-button:hover,button.sc-eco-button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button.sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled].sc-eco-button{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled].sc-eco-button:hover,button[disabled].sc-eco-button:focus,button[disabled].sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info.sc-eco-button{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost.sc-eco-button{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost.sc-eco-button:hover::before,.ghost.sc-eco-button:focus::before{--highlight:var(--c-text)}.success.sc-eco-button{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger.sc-eco-button{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning.sc-eco-button{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm.sc-eco-button{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md.sc-eco-button{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg.sc-eco-button{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl.sc-eco-button{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span.sc-eco-button{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon.sc-eco-button{margin-right:var(--sp-xs)}";
 
@@ -11,0 +11,0 @@ const EcoButton = class {

dist/cjs/eco-card-body.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoCardBodyCss = ":host{display:block;padding:var(--sp-md)}";
+const ecoCardBodyCss = ".sc-eco-card-body-h{display:block;padding:var(--sp-md)}";
 
@@ -10,0 +10,0 @@ const EcoCardBody = class {

dist/cjs/eco-card-footer.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoCardFooterCss = ":host{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
+const ecoCardFooterCss = ".sc-eco-card-footer-h{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
 
@@ -10,0 +10,0 @@ const EcoCardFooter = class {

dist/cjs/eco-card-header.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoCardHeaderCss = ":host:empty{display:none}:host{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
+const ecoCardHeaderCss = ".sc-eco-card-header-h:empty{display:none}.sc-eco-card-header-h{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
 
@@ -10,0 +10,0 @@ const EcoCardHeader = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";
+const ecoCardCss = ".sc-eco-card-h{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky.sc-eco-card{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable.sc-eco-card{cursor:pointer;user-select:none}.collapsed.sc-eco-card{border-radius:var(--br-md)}";
 
@@ -30,3 +30,3 @@ const EcoCard = class {
         collapsed: this.collapsed,
-      } }, this.collapsable && (index.h("div", { class: "icon" }, this.collapsable && this.collapsed && (index.h("eco-icon", { iconsize: utils.EcoInputSizeList.xl, icon: utils.EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (index.h("eco-icon", { iconsize: utils.EcoInputSizeList.xl, icon: utils.EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), index.h("slot", { name: "header" }))), !this.collapsed && (index.h(index.Fragment, null, index.h("eco-card-body", null, index.h("slot", null)), this.footerExists && (index.h("eco-card-footer", null, index.h("slot", { name: "footer" })))))));
+      } }, this.collapsable && (index.h("div", { class: "icon" }, this.collapsable && this.collapsed && (index.h("eco-icon", { iconsize: utils.EcoInputSizeList.xl, icon: utils.EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (index.h("eco-icon", { iconsize: utils.EcoInputSizeList.xl, icon: utils.EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), index.h("slot", { name: "header" }))), index.h("eco-card-body", { style: this.collapsed && { display: "none" } }, index.h("slot", null)), index.h("eco-card-footer", { style: (this.collapsed || !this.footerExists) && { display: "none" } }, index.h("slot", { name: "footer" }))));
   }
@@ -33,0 +33,0 @@ get hostElement() { return index.getElement(this); }

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-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}";
+const ecoCheckboxCss = ".sc-eco-checkbox-h{display:flex;align-items:center;position:relative}input[type='checkbox'].sc-eco-checkbox{appearance:none;background:none;opacity:0;z-index:2}eco-text-label.sc-eco-checkbox{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'].sc-eco-checkbox,eco-text-label.sc-eco-checkbox:before,eco-text-label.sc-eco-checkbox:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:var(--br-sm);content:' '}eco-text-label.sc-eco-checkbox:before,input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input.sc-eco-checkbox:focus~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox: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].sc-eco-checkbox,input[disabled].sc-eco-checkbox~eco-text-label.sc-eco-checkbox{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";
 
@@ -13,3 +13,3 @@ const EcoCheckbox = class {
     index.registerInstance(this, hostRef);
-    this.label = 'Checkbox label';
+    this.label = "Checkbox label";
     this.name = this.label;
@@ -16,0 +16,0 @@ }

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-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}";
+const ecoDescriptionGroupCss = ".sc-eco-description-group-h{display:block;max-width:100%}div.sc-eco-description-group{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.sc-eco-description-group{grid-template-columns:1fr}";
 
@@ -10,0 +10,0 @@ const EcoDescriptionGroup = class {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-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}";
+const ecoDescriptionCss = ".sc-eco-description-h{display:block}dl.sc-eco-description{margin-top:0;margin-bottom:0}dt.sc-eco-description{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd.sc-eco-description{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -10,0 +10,0 @@ const EcoDescription = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";
+const ecoIconCss = ".sc-eco-icon-h{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div.sc-eco-icon{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm.sc-eco-icon{--size:var(--sp-md)}.md.sc-eco-icon{--size:var(--sp-lg)}.lg.sc-eco-icon{--size:var(--sp-xl)}.xl.sc-eco-icon{--size:var(--sp-xxl)}.default.sc-eco-icon{--color:var(--c-text)}.info.sc-eco-icon{--color:var(--c-cta-info)}.ghost.sc-eco-icon{--color:var(--c-text-secondary)}.success.sc-eco-icon{--color:var(--c-cta-success)}.danger.sc-eco-icon{--color:var(--c-cta-danger)}.warning.sc-eco-icon{--color:var(--c-cta-warning)}";
 
@@ -11,0 +11,0 @@ const EcoIcon = class {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoInputDateCss = ".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 = ".inputs.sc-eco-input-date{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  )}";
 
@@ -10,0 +10,0 @@ const EcoInputDate = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoInputFileCss = ":host{--color:var(--c-border-strong)}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);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)}.button{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-border-strong)}.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);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
+const ecoInputFileCss = ".sc-eco-input-file-h{--color:var(--c-border-strong)}.input.sc-eco-input-file{display:none}label.sc-eco-input-file{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);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label.sc-eco-input-file:hover,label.sc-eco-input-file:focus,label.sc-eco-input-file::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button.sc-eco-input-file{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button.sc-eco-input-file:hover,.button.sc-eco-input-file:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default.sc-eco-input-file{--color:var(--c-border-strong)}.error.sc-eco-input-file{--color:var(--c-cta-danger)}.success.sc-eco-input-file{--color:var(--c-cta-success)}.sm.sc-eco-input-file label.sc-eco-input-file{width:15ch}.md.sc-eco-input-file label.sc-eco-input-file{width:30ch}.lg.sc-eco-input-file label.sc-eco-input-file{width:45ch}.full.sc-eco-input-file label.sc-eco-input-file{max-width:100%}eco-text-input-optional.sc-eco-input-file{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled.sc-eco-input-file{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled.sc-eco-input-file .button.sc-eco-input-file{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled.sc-eco-input-file .button.sc-eco-input-file:hover,.disabled.sc-eco-input-file .button.sc-eco-input-file:focus,.disabled.sc-eco-input-file .button.sc-eco-input-file:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
 
@@ -23,4 +23,4 @@ const EcoInputFile = class {
   componentDidRender() {
-    const inputElement = this.el.shadowRoot.querySelector("input");
-    const labelElement = this.el.shadowRoot.querySelector("label .filename");
+    const inputElement = this.hostElement.querySelector("input");
+    const labelElement = this.hostElement.querySelector("label .filename");
     inputElement.addEventListener("change", function () {
@@ -35,3 +35,3 @@ var fileName = inputElement.files[0].name;
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("eco-input-wrapper", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, 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("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), index.h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, index.h("span", { class: "filename" }, this.text), index.h("span", { class: "button" }, "Choose file")))));
+    return (index.h(index.Host, null, index.h("eco-input-wrapper", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, 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("input", { class: "input", id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), index.h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, index.h("span", { class: "filename" }, this.text), index.h("span", { class: "button" }, "Choose file")))));
   }
@@ -44,3 +44,3 @@ getCssClassMap() {
   }
-  get el() { return index.getElement(this); }
+  get hostElement() { return index.getElement(this); }
 };
@@ -47,0 +47,0 @@ EcoInputFile.style = ecoInputFileCss;

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-number-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-number{--color:var(--c-border-strong)}.error.sc-eco-input-number{--color:var(--c-cta-danger)}.success.sc-eco-input-number{--color:var(--c-cta-success)}.sm.sc-eco-input-number input.sc-eco-input-number{width:15ch}.md.sc-eco-input-number input.sc-eco-input-number{width:30ch}.lg.sc-eco-input-number input.sc-eco-input-number{width:45ch}.full.sc-eco-input-number input.sc-eco-input-number{max-width:100%}eco-text-input-optional.sc-eco-input-number{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -11,0 +11,0 @@ const EcoInputNumber = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-text-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-text{--color:var(--c-border-strong)}.error.sc-eco-input-text{--color:var(--c-cta-danger)}.success.sc-eco-input-text{--color:var(--c-cta-success)}.sm.sc-eco-input-text input.sc-eco-input-text{width:15ch}.md.sc-eco-input-text input.sc-eco-input-text{width:30ch}.lg.sc-eco-input-text input.sc-eco-input-text{width:45ch}.full.sc-eco-input-text input.sc-eco-input-text{max-width:100%}eco-text-input-optional.sc-eco-input-text{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-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoInputTextareaCss = ":host{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-textarea-h{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default.sc-eco-input-textarea{--color:var(--c-border-strong)}.error.sc-eco-input-textarea{--color:var(--c-cta-danger)}.success.sc-eco-input-textarea{--color:var(--c-cta-success)}.sm.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:15ch}.md.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:30ch}.lg.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:45ch}.full.sc-eco-input-textarea textarea.sc-eco-input-textarea{max-width:100%}.short.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 4)}.average.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 6)}.tall.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 15)}.resize.sc-eco-input-textarea{resize:both}";
 
@@ -11,0 +11,0 @@ const EcoInputTextarea = class {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoInputTimeCss = ".inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
+const ecoInputTimeCss = ".inputs.sc-eco-input-time{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
 
@@ -10,0 +10,0 @@ const EcoInputTime = class {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoInputWrapperCss = ":host{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}::slotted(input){display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}::slotted(input:not(:placeholder-shown)){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}::slotted(input:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(input[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:read-only){color:var(--c-text-secondary)}::slotted(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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}::slotted(textarea:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(textarea:focus){box-shadow:0 0 0 var(--bw-thick) var(--color)}::slotted(textarea[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}::slotted(textarea:read-only){color:var(--c-text-secondary)}::slotted(select){display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}::slotted(select::-ms-expand){display:none}::slotted(select:hover){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(select:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--color);outline:none}::slotted(select option){font-weight:var(--fw-base)}*[dir=\"rtl\"] ::slotted(select),:root:lang(ar) ::slotted(select),:root:lang(iw) ::slotted(select){background-position:left var(--sp-xs) top 50%}::slotted(select:disabled),::slotted(select[aria-disabled=\"true\"]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
+const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}.sc-eco-input-wrapper-s>input{display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}.sc-eco-input-wrapper-s>input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}.sc-eco-input-wrapper-s>textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.sc-eco-input-wrapper-s>textarea:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}.sc-eco-input-wrapper-s>select::-ms-expand{display:none}.sc-eco-input-wrapper-s>select:hover{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>select:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--c-text);outline:none}.sc-eco-input-wrapper-s>select option{font-weight:var(--fw-base);color:var(--c-text)}*[dir=\"rtl\"].sc-eco-input-wrapper-s>select,*[dir=\"rtl\"] .sc-eco-input-wrapper-s>select,:root:lang(ar) .sc-eco-input-wrapper-s>select,:root:lang(iw) .sc-eco-input-wrapper-s>select{background-position:left var(--sp-xs) top 50%}.sc-eco-input-wrapper-s>select:disabled,.sc-eco-input-wrapper-s>select[aria-disabled=\"true\"]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
 
@@ -10,0 +10,0 @@ const EcoInputWrapper = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-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)}";
+const ecoMessageboxCss = ".sc-eco-messagebox-h{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div.sc-eco-messagebox{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.sc-eco-messagebox{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info.sc-eco-messagebox{--color:var(--c-cta-info-hsl)}.ghost.sc-eco-messagebox{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success.sc-eco-messagebox{--color:var(--c-cta-success-hsl)}.danger.sc-eco-messagebox{--color:var(--c-cta-danger-hsl)}.warning.sc-eco-messagebox{--color:var(--c-cta-warning-hsl)}eco-icon.sc-eco-messagebox{margin-right:var(--sp-md)}";
 
@@ -11,0 +11,0 @@ const EcoMessagebox = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
+const ecoModalCss = ".overlay.sc-eco-modal{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper.sc-eco-modal{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal.sc-eco-modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header.sc-eco-modal{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2.sc-eco-modal{margin:0}footer.sc-eco-modal{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
 
@@ -35,3 +35,3 @@ const EcoModal = class {
     document.addEventListener("keyup", this.handleEscape);
-    return (index.h(index.Host, null, index.h("div", { onClick: this.handleTrigger }, index.h("slot", { name: "trigger" })), this.visible && (index.h("div", { class: "overlay" }, index.h("div", { class: "wrapper" }, index.h("eco-card", { class: "modal" }, index.h("header", { slot: "header" }, index.h("h2", null, this.modaltitle), index.h("eco-icon", { onClick: this.handleClose, icon: utils.EcoIconList.cancel })), index.h("slot", null), index.h("footer", { slot: "footer" }, index.h("eco-button", { onClick: this.handleClose, label: "Cancel", type: utils.EcoTypeList.ghost }), index.h("slot", { name: "action" }))))))));
+    return (index.h(index.Host, null, index.h("div", { onClick: this.handleTrigger }, index.h("slot", { name: "trigger" })), index.h("div", { style: !this.visible && { display: "none" }, class: "overlay" }, index.h("div", { class: "wrapper" }, index.h("eco-card", { class: "modal" }, index.h("header", { slot: "header" }, index.h("h2", null, this.modaltitle), index.h("eco-icon", { onClick: this.handleClose, icon: utils.EcoIconList.cancel })), index.h("slot", null), index.h("footer", { slot: "footer" }, index.h("eco-button", { onClick: this.handleClose, label: "Cancel", type: utils.EcoTypeList.ghost }), index.h("slot", { name: "action" })))))));
   }
@@ -38,0 +38,0 @@ };

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoProgressCss = ":host{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info{--bar:var(--c-cta-info)}.ghost{--bar:var(--c-border-strong)}.success{--bar:var(--c-cta-success)}.danger{--bar:var(--c-cta-danger)}.warning{--bar:var(--c-cta-warning)}progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value]::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value]::-webkit-progress-value{border-radius:var(--br-sm)}progress[value]::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress::-webkit-progress-value{background:var(--bar)}span{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
+const ecoProgressCss = ".sc-eco-progress-h{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default.sc-eco-progress{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info.sc-eco-progress{--bar:var(--c-cta-info)}.ghost.sc-eco-progress{--bar:var(--c-border-strong)}.success.sc-eco-progress{--bar:var(--c-cta-success)}.danger.sc-eco-progress{--bar:var(--c-cta-danger)}.warning.sc-eco-progress{--bar:var(--c-cta-warning)}progress.sc-eco-progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value].sc-eco-progress::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value].sc-eco-progress::-webkit-progress-value{border-radius:var(--br-sm)}progress[value].sc-eco-progress::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress.sc-eco-progress::-webkit-progress-value{background:var(--bar)}span.sc-eco-progress{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
 
@@ -11,0 +11,0 @@ const EcoProgress = class {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
@@ -8,0 +8,0 @@ const ecoRadioButtonCss = "div{display:flex;align-items:center;position:relative}eco-radio-button eco-text-label{padding:var(--sp-xxs) var(--sp-md) var(--sp-xxs) var(--sp-xl);white-space:unset;display:flex;align-items:center;z-index:1}eco-radio-button eco-text-label:before,eco-radio-button eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:100%;content:\" \"}input[type=\"radio\"]{position:absolute;appearance:none;background:none;opacity:0;z-index:2;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%}eco-radio-button eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset,\n    0 0 0 var(--bw-thick) 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,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";
+const ecoRadioGroupCss = ".sc-eco-radio-group-h{display:block}.sc-eco-radio-group-h:last-of-type{margin-bottom:0}";
 
@@ -10,0 +10,0 @@ const EcoRadioGroup = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-const ecoSelectCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm select{width:15ch}.md select{width:30ch}.lg select{width:45ch}.full select{width:100%}";
+const ecoSelectCss = ".sc-eco-select-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-select{--color:var(--c-border-strong)}.error.sc-eco-select{--color:var(--c-cta-danger)}.success.sc-eco-select{--color:var(--c-cta-success)}.sm.sc-eco-select select.sc-eco-select{width:15ch}.md.sc-eco-select select.sc-eco-select{width:30ch}.lg.sc-eco-select select.sc-eco-select{width:45ch}.full.sc-eco-select select.sc-eco-select{width:100%}";
 
@@ -11,0 +11,0 @@ const EcoSelect = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-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)}";
+const ecoSpacerCss = ".sc-eco-spacer-h{display:block}div.sc-eco-spacer{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs.sc-eco-spacer{gap:var(--sp-xxs)}.xs.sc-eco-spacer{gap:var(--sp-xs)}.sm.sc-eco-spacer{gap:var(--sp-sm)}.md.sc-eco-spacer{gap:var(--sp-md)}.lg.sc-eco-spacer{gap:var(--sp-lg)}.xl.sc-eco-spacer{gap:var(--sp-xl)}.xxl.sc-eco-spacer{gap:var(--sp-xxl)}.xxxl.sc-eco-spacer{gap:var(--sp-xxxl)}";
 
@@ -11,0 +11,0 @@ const EcoSpacer = class {

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const utils = require('./utils-731d634a.js');
 
-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)}}";
+const ecoSpinnerCss = ".sc-eco-spinner-h{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.sc-eco-spinner{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.sc-eco-spinner{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md.sc-eco-spinner{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg.sc-eco-spinner{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner.sc-eco-spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span.sc-eco-spinner{grid-column:1 / 1;grid-row:1 / 1}.center.sc-eco-spinner{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.sc-eco-spinner{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal.sc-eco-spinner: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.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .mono.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .multi.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner .petal-1.sc-eco-spinner{--color:hsl(0deg, 80%, 66%)}.multi.sc-eco-spinner .petal-2.sc-eco-spinner{--color:hsl(45deg, 80%, 66%)}.multi.sc-eco-spinner .petal-3.sc-eco-spinner{--color:hsl(90deg, 80%, 66%)}.multi.sc-eco-spinner .petal-4.sc-eco-spinner{--color:hsl(135deg, 80%, 66%)}.multi.sc-eco-spinner .petal-5.sc-eco-spinner{--color:hsl(180deg, 80%, 66%)}.multi.sc-eco-spinner .petal-6.sc-eco-spinner{--color:hsl(225deg, 80%, 66%)}.multi.sc-eco-spinner .petal-7.sc-eco-spinner{--color:hsl(270deg, 80%, 66%)}.multi.sc-eco-spinner .petal-8.sc-eco-spinner{--color:hsl(315deg, 80%, 66%)}p.sc-eco-spinner{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)}}";
 
@@ -11,0 +11,0 @@ const EcoSpinner = class {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.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-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}}";
+const ecoTableCss = "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)}table,thead{background-color:var(--c-cta-background)}tr:nth-of-type(even){background:var(--table-even-row)}th,td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}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}td{border:0}.equalcolumns table{table-layout:fixed}.sticky table{overflow:unset;position:relative}.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.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)}.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}.responsive tr:nth-of-type(even){background:var(--table-background)}.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}.responsive td:last-child{border-bottom:0}}";
 
@@ -10,0 +10,0 @@ const EcoTable = class {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
@@ -16,4 +16,4 @@ const EcoTextInputHelp = class {
 };
-EcoTextInputHelp.style = ":host {opacity: 0.8;}";
+EcoTextInputHelp.style = ".sc-eco-text-input-help-h {opacity: 0.8;}";
 
 exports.eco_text_input_help = EcoTextInputHelp;

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
@@ -16,4 +16,4 @@ const EcoTextInputOptional = class {
 };
-EcoTextInputOptional.style = ":host {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}";
+EcoTextInputOptional.style = ".sc-eco-text-input-optional-h {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}";
 
 exports.eco_text_input_optional = EcoTextInputOptional;

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 
-const ecoTextLabelCss = ":host{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping{white-space:normal}";
+const ecoTextLabelCss = ".sc-eco-text-label-h{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label.sc-eco-text-label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping.sc-eco-text-label{white-space:normal}";
 
@@ -10,0 +10,0 @@ const EcoTextLabel = class {

dist/cjs/eco.cjs.js

 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
@@ -123,3 +123,3 @@
   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":[8,"radio-data"]}]]],["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-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-progress.cjs",[[1,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["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-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-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button.cjs",[[0,"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-text-input-optional.cjs",[[1,"eco-text-input-optional"]]],["eco-input-wrapper.cjs",[[1,"eco-input-wrapper"]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["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"]]]], options);
+  return index.bootstrapLazy([["eco-modal.cjs",[[6,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date.cjs",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-select.cjs",[[6,"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",[[2,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[6,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description.cjs",[[2,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[6,"eco-description-group",{"vertical":[4]}]]],["eco-progress.cjs",[[2,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer.cjs",[[6,"eco-spacer",{"gap":[1]}]]],["eco-spinner.cjs",[[2,"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-card-header.cjs",[[6,"eco-card-header"]]],["eco-icon.cjs",[[2,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card.cjs",[[6,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[2,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-text-label.cjs",[[6,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button.cjs",[[0,"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-text-input-optional.cjs",[[6,"eco-text-input-optional"]]],["eco-input-wrapper.cjs",[[6,"eco-input-wrapper"]]],["eco-text-input-help.cjs",[[6,"eco-text-input-help"]]],["eco-input-number.cjs",[[2,"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",[[6,"eco-card-body"]]],["eco-card-footer.cjs",[[6,"eco-card-footer"]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-7d3b3183.js');
+const index = require('./index-e782b4b4.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
@@ -34,3 +34,3 @@
   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":[8,"radio-data"]}]]],["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-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-progress.cjs",[[1,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["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-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-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button.cjs",[[0,"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-text-input-optional.cjs",[[1,"eco-text-input-optional"]]],["eco-input-wrapper.cjs",[[1,"eco-input-wrapper"]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["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"]]]], options);
+  return index.bootstrapLazy([["eco-modal.cjs",[[6,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date.cjs",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-select.cjs",[[6,"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",[[2,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[6,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description.cjs",[[2,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[6,"eco-description-group",{"vertical":[4]}]]],["eco-progress.cjs",[[2,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer.cjs",[[6,"eco-spacer",{"gap":[1]}]]],["eco-spinner.cjs",[[2,"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-card-header.cjs",[[6,"eco-card-header"]]],["eco-icon.cjs",[[2,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card.cjs",[[6,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[2,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-text-label.cjs",[[6,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button.cjs",[[0,"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-text-input-optional.cjs",[[6,"eco-text-input-optional"]]],["eco-input-wrapper.cjs",[[6,"eco-input-wrapper"]]],["eco-text-input-help.cjs",[[6,"eco-text-input-help"]]],["eco-input-number.cjs",[[2,"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",[[6,"eco-card-body"]]],["eco-card-footer.cjs",[[6,"eco-card-footer"]]]], options);
   });
@@ -37,0 +37,0 @@ };

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

@@ -25,3 +25,3 @@ import { Component, Prop, h, Host } from "@stencil/core";
   static get is() { return "eco-button"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -28,0 +28,0 @@ "$": ["eco-button.css"]

dist/collection/components/eco-card/eco-card-body/eco-card-body.js

@@ -8,3 +8,3 @@ import { Component, Host, h } from "@stencil/core";
   static get is() { return "eco-card-body"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -11,0 +11,0 @@ "$": ["eco-card-body.css"]

dist/collection/components/eco-card/eco-card-footer/eco-card-footer.js

@@ -8,3 +8,3 @@ import { Component, Host, h } from "@stencil/core";
   static get is() { return "eco-card-footer"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -11,0 +11,0 @@ "$": ["eco-card-footer.css"]

dist/collection/components/eco-card/eco-card-header/eco-card-header.js

@@ -8,3 +8,3 @@ import { Component, Host, h } from "@stencil/core";
   static get is() { return "eco-card-header"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -11,0 +11,0 @@ "$": ["eco-card-header.css"]

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

 import { Component, Host, h, Prop, Element } from "@stencil/core";
-import { Fragment } from "@stencil/core/internal";
 import { EcoIconList, EcoInputSizeList } from "../../utils/utils";
@@ -28,10 +27,9 @@ export class EcoCard {
         h("slot", { name: "header" }))),
-      !this.collapsed && (h(Fragment, null,
-        h("eco-card-body", null,
-          h("slot", null)),
-        this.footerExists && (h("eco-card-footer", null,
-          h("slot", { name: "footer" })))))));
+      h("eco-card-body", { style: this.collapsed && { display: "none" } },
+        h("slot", null)),
+      h("eco-card-footer", { style: (this.collapsed || !this.footerExists) && { display: "none" } },
+        h("slot", { name: "footer" }))));
   }
   static get is() { return "eco-card"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -38,0 +36,0 @@ "$": ["eco-card.css"]

dist/collection/components/eco-card/eco-card.stories.js

@@ -223,2 +223,3 @@ import { html } from "lit-html";
     <header slot="header"><h4>Collapsable</h4></header>
+    <footer slot="footer">footer</footer>
     <p>
@@ -261,2 +262,3 @@ SQUIRE TRELAWNEY, Dr. Livesey, and the rest of these gentlemen having
     <header slot="header"><h4>Collapsed</h4></header>
+    <footer slot="footer">footer</footer>
     <p>My father told him no, very little company, the more was the pity.</p>
@@ -292,2 +294,3 @@
   <header slot="header"><h2>Sticky Header & Collapsable</h2></header>
+
   <p>
@@ -294,0 +297,0 @@ In a village of La Mancha, the name of which I have no desire to call to

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

@@ -1,5 +0,5 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Component, Host, h, Prop } from "@stencil/core";
 export class EcoCheckbox {
   constructor() {
-    this.label = 'Checkbox label';
+    this.label = "Checkbox label";
     this.name = this.label;
@@ -15,3 +15,3 @@ }
   static get is() { return "eco-checkbox"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -40,3 +40,3 @@ "$": ["eco-checkbox.css"]
       "reflect": false,
-      "defaultValue": "'Checkbox label'"
+      "defaultValue": "\"Checkbox label\""
     },
@@ -43,0 +43,0 @@ "name": {

dist/collection/components/eco-description-group/eco-description-group.js

@@ -9,3 +9,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-description-group"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -12,0 +12,0 @@ "$": ["eco-description-group.css"]

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

@@ -10,3 +10,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-description"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -13,0 +13,0 @@ "$": ["eco-description.css"]

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

@@ -25,3 +25,3 @@ import { Component, Prop, h, Host } from "@stencil/core";
   static get is() { return "eco-icon"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -28,0 +28,0 @@ "$": ["eco-icon.css"]

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

@@ -51,3 +51,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-input-date"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -54,0 +54,0 @@ "$": ["eco-input-date.css"]

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

@@ -14,4 +14,4 @@ import { Component, Host, h, Prop, Element } from "@stencil/core";
   componentDidRender() {
-    const inputElement = this.el.shadowRoot.querySelector("input");
-    const labelElement = this.el.shadowRoot.querySelector("label .filename");
+    const inputElement = this.hostElement.querySelector("input");
+    const labelElement = this.hostElement.querySelector("label .filename");
     inputElement.addEventListener("change", function () {
@@ -32,3 +32,3 @@ var fileName = inputElement.files[0].name;
         this.help && h("eco-text-input-help", null, this.help),
-        h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }),
+        h("input", { class: "input", id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }),
         h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" },
@@ -45,3 +45,3 @@ h("span", { class: "filename" }, this.text),
   static get is() { return "eco-input-file"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -259,3 +259,3 @@ "$": ["eco-input-file.css"]
   }; }
-  static get elementRef() { return "el"; }
+  static get elementRef() { return "hostElement"; }
 }

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

@@ -31,3 +31,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-input-number"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -34,0 +34,0 @@ "$": ["../eco-input-text/eco-input-text.css"]

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

@@ -31,3 +31,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-input-text"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -34,0 +34,0 @@ "$": ["eco-input-text.css"]

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

@@ -32,3 +32,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-input-textarea"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -35,0 +35,0 @@ "$": ["eco-input-textarea.css"]

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

@@ -28,3 +28,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-input-time"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -31,0 +31,0 @@ "$": ["eco-input-time.css"]

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

@@ -1,2 +0,2 @@
-import { Component, Host, h } from '@stencil/core';
+import { Component, Host, h } from "@stencil/core";
 export class EcoInputWrapper {
@@ -8,3 +8,3 @@ render() {
   static get is() { return "eco-input-wrapper"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -11,0 +11,0 @@ "$": ["eco-input-wrapper.css"]

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

@@ -21,3 +21,3 @@ import { Component, Prop, h, Host } from "@stencil/core";
   static get is() { return "eco-messagebox"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -24,0 +24,0 @@ "$": ["eco-messagebox.css"]

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

@@ -27,3 +27,3 @@ import { Component, Host, h, Prop, Event } from "@stencil/core";
         h("slot", { name: "trigger" })),
-      this.visible && (h("div", { class: "overlay" },
+      h("div", { style: !this.visible && { display: "none" }, class: "overlay" },
         h("div", { class: "wrapper" },
@@ -37,6 +37,6 @@ h("eco-card", { class: "modal" },
               h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }),
-              h("slot", { name: "action" }))))))));
+              h("slot", { name: "action" })))))));
   }
   static get is() { return "eco-modal"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -43,0 +43,0 @@ "$": ["eco-modal.css"]

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

@@ -47,3 +47,3 @@ import { Host, Component, h, Prop } from "@stencil/core";
   static get is() { return "eco-progress"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -50,0 +50,0 @@ "$": ["eco-progress.css"]

dist/collection/components/eco-radio-group/eco-radio-group.js

@@ -21,3 +21,3 @@ import { Component, Host, h, Prop, Event } from "@stencil/core";
   static get is() { return "eco-radio-group"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -24,0 +24,0 @@ "$": ["eco-radio-group.css"]

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

@@ -30,2 +30,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-select"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -32,0 +33,0 @@ "$": ["eco-select.css"]

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

@@ -19,3 +19,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-spacer"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -22,0 +22,0 @@ "$": ["eco-spacer.css"]

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

@@ -34,3 +34,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-spinner"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -37,0 +37,0 @@ "$": ["eco-spinner.css"]

dist/collection/components/eco-text-input-help/eco-text-input-help.js

@@ -8,4 +8,4 @@ import { Component, Host, h } from "@stencil/core";
   static get is() { return "eco-text-input-help"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get styles() { return ":host {opacity: 0.8;}"; }
 }

dist/collection/components/eco-text-input-optional/eco-text-input-optional.js

@@ -8,4 +8,4 @@ import { Component, Host, h } from "@stencil/core";
   static get is() { return "eco-text-input-optional"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get styles() { return ":host {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}"; }
 }

dist/collection/components/eco-text-label/eco-text-label.js

@@ -9,3 +9,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
   static get is() { return "eco-text-label"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
@@ -12,0 +12,0 @@ "$": ["eco-text-label.css"]

dist/custom-elements/index.js

@@ -1,2 +0,2 @@
-import { attachShadow, h, Host, Fragment, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
+import { h, Host, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath } from '@stencil/core/internal/client';
@@ -88,3 +88,3 @@
 
-const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";
+const ecoButtonCss = "button.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button.sc-eco-button:hover,button.sc-eco-button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button.sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled].sc-eco-button{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled].sc-eco-button:hover,button[disabled].sc-eco-button:focus,button[disabled].sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info.sc-eco-button{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost.sc-eco-button{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost.sc-eco-button:hover::before,.ghost.sc-eco-button:focus::before{--highlight:var(--c-text)}.success.sc-eco-button{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger.sc-eco-button{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning.sc-eco-button{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm.sc-eco-button{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md.sc-eco-button{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg.sc-eco-button{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl.sc-eco-button{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span.sc-eco-button{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon.sc-eco-button{margin-right:var(--sp-xs)}";
 
@@ -95,3 +95,2 @@ const EcoButton = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.label = "Button";
@@ -116,3 +115,3 @@ this.size = EcoInputSizeList.md;
 
-const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";
+const ecoCardCss = ".sc-eco-card-h{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky.sc-eco-card{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable.sc-eco-card{cursor:pointer;user-select:none}.collapsed.sc-eco-card{border-radius:var(--br-md)}";
 
@@ -123,3 +122,2 @@ const EcoCard = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.sticky = false;
@@ -141,3 +139,3 @@ this.collapsable = false;
         collapsed: this.collapsed,
-      } }, this.collapsable && (h("div", { class: "icon" }, this.collapsable && this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), h("slot", { name: "header" }))), !this.collapsed && (h(Fragment, null, h("eco-card-body", null, h("slot", null)), this.footerExists && (h("eco-card-footer", null, h("slot", { name: "footer" })))))));
+      } }, this.collapsable && (h("div", { class: "icon" }, this.collapsable && this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), h("slot", { name: "header" }))), h("eco-card-body", { style: this.collapsed && { display: "none" } }, h("slot", null)), h("eco-card-footer", { style: (this.collapsed || !this.footerExists) && { display: "none" } }, h("slot", { name: "footer" }))));
   }
@@ -148,3 +146,3 @@ get hostElement() { return this; }
 
-const ecoCardBodyCss = ":host{display:block;padding:var(--sp-md)}";
+const ecoCardBodyCss = ".sc-eco-card-body-h{display:block;padding:var(--sp-md)}";
 
@@ -155,3 +153,2 @@ const EcoCardBody = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -164,3 +161,3 @@ render() {
 
-const ecoCardFooterCss = ":host{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
+const ecoCardFooterCss = ".sc-eco-card-footer-h{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
 
@@ -171,3 +168,2 @@ const EcoCardFooter = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -180,3 +176,3 @@ render() {
 
-const ecoCardHeaderCss = ":host:empty{display:none}:host{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
+const ecoCardHeaderCss = ".sc-eco-card-header-h:empty{display:none}.sc-eco-card-header-h{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
 
@@ -187,3 +183,2 @@ const EcoCardHeader = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -196,3 +191,3 @@ render() {
 
-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}";
+const ecoCheckboxCss = ".sc-eco-checkbox-h{display:flex;align-items:center;position:relative}input[type='checkbox'].sc-eco-checkbox{appearance:none;background:none;opacity:0;z-index:2}eco-text-label.sc-eco-checkbox{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'].sc-eco-checkbox,eco-text-label.sc-eco-checkbox:before,eco-text-label.sc-eco-checkbox:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:var(--br-sm);content:' '}eco-text-label.sc-eco-checkbox:before,input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input.sc-eco-checkbox:focus~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox: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].sc-eco-checkbox,input[disabled].sc-eco-checkbox~eco-text-label.sc-eco-checkbox{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";
 
@@ -203,4 +198,3 @@ const EcoCheckbox = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
-    this.label = 'Checkbox label';
+    this.label = "Checkbox label";
     this.name = this.label;
@@ -216,3 +210,3 @@ }
 
-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}";
+const ecoDescriptionCss = ".sc-eco-description-h{display:block}dl.sc-eco-description{margin-top:0;margin-bottom:0}dt.sc-eco-description{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd.sc-eco-description{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -223,3 +217,2 @@ const EcoDescription = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -232,3 +225,3 @@ render() {
 
-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}";
+const ecoDescriptionGroupCss = ".sc-eco-description-group-h{display:block;max-width:100%}div.sc-eco-description-group{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.sc-eco-description-group{grid-template-columns:1fr}";
 
@@ -239,3 +232,2 @@ const EcoDescriptionGroup = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -248,3 +240,3 @@ render() {
 
-const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";
+const ecoIconCss = ".sc-eco-icon-h{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div.sc-eco-icon{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm.sc-eco-icon{--size:var(--sp-md)}.md.sc-eco-icon{--size:var(--sp-lg)}.lg.sc-eco-icon{--size:var(--sp-xl)}.xl.sc-eco-icon{--size:var(--sp-xxl)}.default.sc-eco-icon{--color:var(--c-text)}.info.sc-eco-icon{--color:var(--c-cta-info)}.ghost.sc-eco-icon{--color:var(--c-text-secondary)}.success.sc-eco-icon{--color:var(--c-cta-success)}.danger.sc-eco-icon{--color:var(--c-cta-danger)}.warning.sc-eco-icon{--color:var(--c-cta-warning)}";
 
@@ -255,3 +247,2 @@ const EcoIcon = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.icon = EcoIconList.alert;
@@ -278,3 +269,3 @@ this.icontype = EcoTypeList.default;
 
-const ecoInputDateCss = ".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 = ".inputs.sc-eco-input-date{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  )}";
 
@@ -285,3 +276,2 @@ const EcoInputDate = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.label = "Date input";
@@ -325,3 +315,3 @@ this.optional = "Optional";
 
-const ecoInputFileCss = ":host{--color:var(--c-border-strong)}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);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)}.button{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-border-strong)}.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);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
+const ecoInputFileCss = ".sc-eco-input-file-h{--color:var(--c-border-strong)}.input.sc-eco-input-file{display:none}label.sc-eco-input-file{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);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label.sc-eco-input-file:hover,label.sc-eco-input-file:focus,label.sc-eco-input-file::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button.sc-eco-input-file{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button.sc-eco-input-file:hover,.button.sc-eco-input-file:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default.sc-eco-input-file{--color:var(--c-border-strong)}.error.sc-eco-input-file{--color:var(--c-cta-danger)}.success.sc-eco-input-file{--color:var(--c-cta-success)}.sm.sc-eco-input-file label.sc-eco-input-file{width:15ch}.md.sc-eco-input-file label.sc-eco-input-file{width:30ch}.lg.sc-eco-input-file label.sc-eco-input-file{width:45ch}.full.sc-eco-input-file label.sc-eco-input-file{max-width:100%}eco-text-input-optional.sc-eco-input-file{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled.sc-eco-input-file{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled.sc-eco-input-file .button.sc-eco-input-file{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled.sc-eco-input-file .button.sc-eco-input-file:hover,.disabled.sc-eco-input-file .button.sc-eco-input-file:focus,.disabled.sc-eco-input-file .button.sc-eco-input-file:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
 
@@ -332,3 +322,2 @@ const EcoInputFile = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.label = "File input label";
@@ -343,4 +332,4 @@ this.optional = "Optional";
   componentDidRender() {
-    const inputElement = this.el.shadowRoot.querySelector("input");
-    const labelElement = this.el.shadowRoot.querySelector("label .filename");
+    const inputElement = this.hostElement.querySelector("input");
+    const labelElement = this.hostElement.querySelector("label .filename");
     inputElement.addEventListener("change", function () {
@@ -355,3 +344,3 @@ var fileName = inputElement.files[0].name;
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("eco-input-wrapper", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
+    return (h(Host, null, h("eco-input-wrapper", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { class: "input", id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
   }
@@ -364,7 +353,7 @@ getCssClassMap() {
   }
-  get el() { return this; }
+  get hostElement() { return this; }
   static get style() { return ecoInputFileCss; }
 };
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-number-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-number{--color:var(--c-border-strong)}.error.sc-eco-input-number{--color:var(--c-cta-danger)}.success.sc-eco-input-number{--color:var(--c-cta-success)}.sm.sc-eco-input-number input.sc-eco-input-number{width:15ch}.md.sc-eco-input-number input.sc-eco-input-number{width:30ch}.lg.sc-eco-input-number input.sc-eco-input-number{width:45ch}.full.sc-eco-input-number input.sc-eco-input-number{max-width:100%}eco-text-input-optional.sc-eco-input-number{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -375,3 +364,2 @@ const EcoInputNumber = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.type = "number";
@@ -399,3 +387,3 @@ this.label = "Number input label";
 
-const ecoInputTextCss$1 = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-text-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-text{--color:var(--c-border-strong)}.error.sc-eco-input-text{--color:var(--c-cta-danger)}.success.sc-eco-input-text{--color:var(--c-cta-success)}.sm.sc-eco-input-text input.sc-eco-input-text{width:15ch}.md.sc-eco-input-text input.sc-eco-input-text{width:30ch}.lg.sc-eco-input-text input.sc-eco-input-text{width:45ch}.full.sc-eco-input-text input.sc-eco-input-text{max-width:100%}eco-text-input-optional.sc-eco-input-text{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -406,3 +394,2 @@ const EcoInputText = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.type = "text";
@@ -430,3 +417,3 @@ this.label = "Text input label";
 
-const ecoInputTextareaCss = ":host{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-textarea-h{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default.sc-eco-input-textarea{--color:var(--c-border-strong)}.error.sc-eco-input-textarea{--color:var(--c-cta-danger)}.success.sc-eco-input-textarea{--color:var(--c-cta-success)}.sm.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:15ch}.md.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:30ch}.lg.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:45ch}.full.sc-eco-input-textarea textarea.sc-eco-input-textarea{max-width:100%}.short.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 4)}.average.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 6)}.tall.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 15)}.resize.sc-eco-input-textarea{resize:both}";
 
@@ -437,3 +424,2 @@ const EcoInputTextarea = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.label = "Textarea input label";
@@ -462,3 +448,3 @@ this.optional = "Optional";
 
-const ecoInputTimeCss = ".inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
+const ecoInputTimeCss = ".inputs.sc-eco-input-time{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
 
@@ -469,3 +455,2 @@ const EcoInputTime = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.label = "Time input";
@@ -487,3 +472,3 @@ this.optional = "Optional";
 
-const ecoInputWrapperCss = ":host{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}::slotted(input){display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}::slotted(input:not(:placeholder-shown)){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}::slotted(input:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(input[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:read-only){color:var(--c-text-secondary)}::slotted(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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}::slotted(textarea:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(textarea:focus){box-shadow:0 0 0 var(--bw-thick) var(--color)}::slotted(textarea[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}::slotted(textarea:read-only){color:var(--c-text-secondary)}::slotted(select){display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}::slotted(select::-ms-expand){display:none}::slotted(select:hover){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(select:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--color);outline:none}::slotted(select option){font-weight:var(--fw-base)}*[dir=\"rtl\"] ::slotted(select),:root:lang(ar) ::slotted(select),:root:lang(iw) ::slotted(select){background-position:left var(--sp-xs) top 50%}::slotted(select:disabled),::slotted(select[aria-disabled=\"true\"]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
+const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}.sc-eco-input-wrapper-s>input{display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}.sc-eco-input-wrapper-s>input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}.sc-eco-input-wrapper-s>textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.sc-eco-input-wrapper-s>textarea:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}.sc-eco-input-wrapper-s>select::-ms-expand{display:none}.sc-eco-input-wrapper-s>select:hover{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>select:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--c-text);outline:none}.sc-eco-input-wrapper-s>select option{font-weight:var(--fw-base);color:var(--c-text)}*[dir=\"rtl\"].sc-eco-input-wrapper-s>select,*[dir=\"rtl\"] .sc-eco-input-wrapper-s>select,:root:lang(ar) .sc-eco-input-wrapper-s>select,:root:lang(iw) .sc-eco-input-wrapper-s>select{background-position:left var(--sp-xs) top 50%}.sc-eco-input-wrapper-s>select:disabled,.sc-eco-input-wrapper-s>select[aria-disabled=\"true\"]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
 
@@ -494,3 +479,2 @@ const EcoInputWrapper = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -503,3 +487,3 @@ render() {
 
-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)}";
+const ecoMessageboxCss = ".sc-eco-messagebox-h{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div.sc-eco-messagebox{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.sc-eco-messagebox{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info.sc-eco-messagebox{--color:var(--c-cta-info-hsl)}.ghost.sc-eco-messagebox{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success.sc-eco-messagebox{--color:var(--c-cta-success-hsl)}.danger.sc-eco-messagebox{--color:var(--c-cta-danger-hsl)}.warning.sc-eco-messagebox{--color:var(--c-cta-warning-hsl)}eco-icon.sc-eco-messagebox{margin-right:var(--sp-md)}";
 
@@ -510,3 +494,2 @@ const EcoMessagebox = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.type = EcoTypeList.default;
@@ -527,3 +510,3 @@ this.icontype = this.type;
 
-const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
+const ecoModalCss = ".overlay.sc-eco-modal{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper.sc-eco-modal{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal.sc-eco-modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header.sc-eco-modal{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2.sc-eco-modal{margin:0}footer.sc-eco-modal{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
 
@@ -534,3 +517,2 @@ const EcoModal = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.close = createEvent(this, "close", 7);
@@ -557,3 +539,3 @@ this.trigger = createEvent(this, "trigger", 7);
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
+    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), h("div", { style: !this.visible && { display: "none" }, class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" })))))));
   }
@@ -563,3 +545,3 @@ static get style() { return ecoModalCss; }
 
-const ecoProgressCss = ":host{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info{--bar:var(--c-cta-info)}.ghost{--bar:var(--c-border-strong)}.success{--bar:var(--c-cta-success)}.danger{--bar:var(--c-cta-danger)}.warning{--bar:var(--c-cta-warning)}progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value]::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value]::-webkit-progress-value{border-radius:var(--br-sm)}progress[value]::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress::-webkit-progress-value{background:var(--bar)}span{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
+const ecoProgressCss = ".sc-eco-progress-h{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default.sc-eco-progress{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info.sc-eco-progress{--bar:var(--c-cta-info)}.ghost.sc-eco-progress{--bar:var(--c-border-strong)}.success.sc-eco-progress{--bar:var(--c-cta-success)}.danger.sc-eco-progress{--bar:var(--c-cta-danger)}.warning.sc-eco-progress{--bar:var(--c-cta-warning)}progress.sc-eco-progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value].sc-eco-progress::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value].sc-eco-progress::-webkit-progress-value{border-radius:var(--br-sm)}progress[value].sc-eco-progress::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress.sc-eco-progress::-webkit-progress-value{background:var(--bar)}span.sc-eco-progress{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
 
@@ -570,3 +552,2 @@ const EcoProgress = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.type = EcoTypeList.default;
@@ -623,3 +604,3 @@ this.max = 100;
 
-const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";
+const ecoRadioGroupCss = ".sc-eco-radio-group-h{display:block}.sc-eco-radio-group-h:last-of-type{margin-bottom:0}";
 
@@ -630,3 +611,2 @@ const EcoRadioGroup = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.selectedRadioEvent = createEvent(this, "selectedRadioEvent", 7);
@@ -648,3 +628,3 @@ this.label = "Radio group label";
 
-const ecoSelectCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm select{width:15ch}.md select{width:30ch}.lg select{width:45ch}.full select{width:100%}";
+const ecoSelectCss = ".sc-eco-select-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-select{--color:var(--c-border-strong)}.error.sc-eco-select{--color:var(--c-cta-danger)}.success.sc-eco-select{--color:var(--c-cta-success)}.sm.sc-eco-select select.sc-eco-select{width:15ch}.md.sc-eco-select select.sc-eco-select{width:30ch}.lg.sc-eco-select select.sc-eco-select{width:45ch}.full.sc-eco-select select.sc-eco-select{width:100%}";
 
@@ -677,3 +657,3 @@ const EcoSelect = class extends HTMLElement {
 
-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)}";
+const ecoSpacerCss = ".sc-eco-spacer-h{display:block}div.sc-eco-spacer{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs.sc-eco-spacer{gap:var(--sp-xxs)}.xs.sc-eco-spacer{gap:var(--sp-xs)}.sm.sc-eco-spacer{gap:var(--sp-sm)}.md.sc-eco-spacer{gap:var(--sp-md)}.lg.sc-eco-spacer{gap:var(--sp-lg)}.xl.sc-eco-spacer{gap:var(--sp-xl)}.xxl.sc-eco-spacer{gap:var(--sp-xxl)}.xxxl.sc-eco-spacer{gap:var(--sp-xxxl)}";
 
@@ -684,3 +664,2 @@ const EcoSpacer = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.gap = EcoSpacerSizeList.md;
@@ -700,3 +679,3 @@ }
 
-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)}}";
+const ecoSpinnerCss = ".sc-eco-spinner-h{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.sc-eco-spinner{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.sc-eco-spinner{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md.sc-eco-spinner{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg.sc-eco-spinner{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner.sc-eco-spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span.sc-eco-spinner{grid-column:1 / 1;grid-row:1 / 1}.center.sc-eco-spinner{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.sc-eco-spinner{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal.sc-eco-spinner: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.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .mono.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .multi.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner .petal-1.sc-eco-spinner{--color:hsl(0deg, 80%, 66%)}.multi.sc-eco-spinner .petal-2.sc-eco-spinner{--color:hsl(45deg, 80%, 66%)}.multi.sc-eco-spinner .petal-3.sc-eco-spinner{--color:hsl(90deg, 80%, 66%)}.multi.sc-eco-spinner .petal-4.sc-eco-spinner{--color:hsl(135deg, 80%, 66%)}.multi.sc-eco-spinner .petal-5.sc-eco-spinner{--color:hsl(180deg, 80%, 66%)}.multi.sc-eco-spinner .petal-6.sc-eco-spinner{--color:hsl(225deg, 80%, 66%)}.multi.sc-eco-spinner .petal-7.sc-eco-spinner{--color:hsl(270deg, 80%, 66%)}.multi.sc-eco-spinner .petal-8.sc-eco-spinner{--color:hsl(315deg, 80%, 66%)}p.sc-eco-spinner{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)}}";
 
@@ -707,3 +686,2 @@ const EcoSpinner = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
     this.text = "Loading...";
@@ -728,3 +706,3 @@ this.fullscreen = false;
 
-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}}";
+const ecoTableCss = "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)}table,thead{background-color:var(--c-cta-background)}tr:nth-of-type(even){background:var(--table-even-row)}th,td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}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}td{border:0}.equalcolumns table{table-layout:fixed}.sticky table{overflow:unset;position:relative}.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.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)}.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}.responsive tr:nth-of-type(even){background:var(--table-background)}.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}.responsive td:last-child{border-bottom:0}}";
 
@@ -750,3 +728,2 @@ const EcoTable = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -756,3 +733,3 @@ render() {
   }
-  static get style() { return ":host {opacity: 0.8;}"; }
+  static get style() { return ".sc-eco-text-input-help-h {opacity: 0.8;}"; }
 };
@@ -764,3 +741,2 @@
     this.__registerHost();
-    attachShadow(this);
   }
@@ -770,6 +746,6 @@ render() {
   }
-  static get style() { return ":host {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}"; }
+  static get style() { return ".sc-eco-text-input-optional-h {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}"; }
 };
 
-const ecoTextLabelCss = ":host{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping{white-space:normal}";
+const ecoTextLabelCss = ".sc-eco-text-label-h{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label.sc-eco-text-label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping.sc-eco-text-label{white-space:normal}";
 
@@ -780,3 +756,2 @@ const EcoTextLabel = class extends HTMLElement {
     this.__registerHost();
-    attachShadow(this);
   }
@@ -790,30 +765,30 @@ render() {
 globalScripts();
-const EcoButton$1 = /*@__PURE__*/proxyCustomElement(EcoButton, [1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]);
-const EcoCard$1 = /*@__PURE__*/proxyCustomElement(EcoCard, [1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]);
-const EcoCardBody$1 = /*@__PURE__*/proxyCustomElement(EcoCardBody, [1,"eco-card-body"]);
-const EcoCardFooter$1 = /*@__PURE__*/proxyCustomElement(EcoCardFooter, [1,"eco-card-footer"]);
-const EcoCardHeader$1 = /*@__PURE__*/proxyCustomElement(EcoCardHeader, [1,"eco-card-header"]);
-const EcoCheckbox$1 = /*@__PURE__*/proxyCustomElement(EcoCheckbox, [1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]);
-const EcoDescription$1 = /*@__PURE__*/proxyCustomElement(EcoDescription, [1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]);
-const EcoDescriptionGroup$1 = /*@__PURE__*/proxyCustomElement(EcoDescriptionGroup, [1,"eco-description-group",{"vertical":[4]}]);
-const EcoIcon$1 = /*@__PURE__*/proxyCustomElement(EcoIcon, [1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]);
-const EcoInputDate$1 = /*@__PURE__*/proxyCustomElement(EcoInputDate, [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]}]);
-const EcoInputFile$1 = /*@__PURE__*/proxyCustomElement(EcoInputFile, [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"]}]);
-const EcoInputNumber$1 = /*@__PURE__*/proxyCustomElement(EcoInputNumber, [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"]}]);
-const EcoInputText$1 = /*@__PURE__*/proxyCustomElement(EcoInputText, [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"]}]);
-const EcoInputTextarea$1 = /*@__PURE__*/proxyCustomElement(EcoInputTextarea, [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"]}]);
-const EcoInputTime$1 = /*@__PURE__*/proxyCustomElement(EcoInputTime, [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]}]);
-const EcoInputWrapper$1 = /*@__PURE__*/proxyCustomElement(EcoInputWrapper, [1,"eco-input-wrapper"]);
-const EcoMessagebox$1 = /*@__PURE__*/proxyCustomElement(EcoMessagebox, [1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]);
-const EcoModal$1 = /*@__PURE__*/proxyCustomElement(EcoModal, [1,"eco-modal",{"modaltitle":[1],"visible":[4]}]);
-const EcoProgress$1 = /*@__PURE__*/proxyCustomElement(EcoProgress, [1,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]);
+const EcoButton$1 = /*@__PURE__*/proxyCustomElement(EcoButton, [2,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]);
+const EcoCard$1 = /*@__PURE__*/proxyCustomElement(EcoCard, [6,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]);
+const EcoCardBody$1 = /*@__PURE__*/proxyCustomElement(EcoCardBody, [6,"eco-card-body"]);
+const EcoCardFooter$1 = /*@__PURE__*/proxyCustomElement(EcoCardFooter, [6,"eco-card-footer"]);
+const EcoCardHeader$1 = /*@__PURE__*/proxyCustomElement(EcoCardHeader, [6,"eco-card-header"]);
+const EcoCheckbox$1 = /*@__PURE__*/proxyCustomElement(EcoCheckbox, [2,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]);
+const EcoDescription$1 = /*@__PURE__*/proxyCustomElement(EcoDescription, [2,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]);
+const EcoDescriptionGroup$1 = /*@__PURE__*/proxyCustomElement(EcoDescriptionGroup, [6,"eco-description-group",{"vertical":[4]}]);
+const EcoIcon$1 = /*@__PURE__*/proxyCustomElement(EcoIcon, [2,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]);
+const EcoInputDate$1 = /*@__PURE__*/proxyCustomElement(EcoInputDate, [2,"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]}]);
+const EcoInputFile$1 = /*@__PURE__*/proxyCustomElement(EcoInputFile, [2,"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"]}]);
+const EcoInputNumber$1 = /*@__PURE__*/proxyCustomElement(EcoInputNumber, [2,"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"]}]);
+const EcoInputText$1 = /*@__PURE__*/proxyCustomElement(EcoInputText, [2,"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"]}]);
+const EcoInputTextarea$1 = /*@__PURE__*/proxyCustomElement(EcoInputTextarea, [2,"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"]}]);
+const EcoInputTime$1 = /*@__PURE__*/proxyCustomElement(EcoInputTime, [2,"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]}]);
+const EcoInputWrapper$1 = /*@__PURE__*/proxyCustomElement(EcoInputWrapper, [6,"eco-input-wrapper"]);
+const EcoMessagebox$1 = /*@__PURE__*/proxyCustomElement(EcoMessagebox, [6,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]);
+const EcoModal$1 = /*@__PURE__*/proxyCustomElement(EcoModal, [6,"eco-modal",{"modaltitle":[1],"visible":[4]}]);
+const EcoProgress$1 = /*@__PURE__*/proxyCustomElement(EcoProgress, [2,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]);
 const EcoRadioButton$1 = /*@__PURE__*/proxyCustomElement(EcoRadioButton, [0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]);
-const EcoRadioGroup$1 = /*@__PURE__*/proxyCustomElement(EcoRadioGroup, [1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]);
-const EcoSelect$1 = /*@__PURE__*/proxyCustomElement(EcoSelect, [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"]}]);
-const EcoSpacer$1 = /*@__PURE__*/proxyCustomElement(EcoSpacer, [1,"eco-spacer",{"gap":[1]}]);
-const EcoSpinner$1 = /*@__PURE__*/proxyCustomElement(EcoSpinner, [1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]);
+const EcoRadioGroup$1 = /*@__PURE__*/proxyCustomElement(EcoRadioGroup, [2,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]);
+const EcoSelect$1 = /*@__PURE__*/proxyCustomElement(EcoSelect, [6,"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"]}]);
+const EcoSpacer$1 = /*@__PURE__*/proxyCustomElement(EcoSpacer, [6,"eco-spacer",{"gap":[1]}]);
+const EcoSpinner$1 = /*@__PURE__*/proxyCustomElement(EcoSpinner, [2,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]);
 const EcoTable$1 = /*@__PURE__*/proxyCustomElement(EcoTable, [4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]);
-const EcoTextInputHelp$1 = /*@__PURE__*/proxyCustomElement(EcoTextInputHelp, [1,"eco-text-input-help"]);
-const EcoTextInputOptional$1 = /*@__PURE__*/proxyCustomElement(EcoTextInputOptional, [1,"eco-text-input-optional"]);
-const EcoTextLabel$1 = /*@__PURE__*/proxyCustomElement(EcoTextLabel, [1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]);
+const EcoTextInputHelp$1 = /*@__PURE__*/proxyCustomElement(EcoTextInputHelp, [6,"eco-text-input-help"]);
+const EcoTextInputOptional$1 = /*@__PURE__*/proxyCustomElement(EcoTextInputOptional, [6,"eco-text-input-optional"]);
+const EcoTextLabel$1 = /*@__PURE__*/proxyCustomElement(EcoTextLabel, [6,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]);
 const defineCustomElements = (opts) => {
@@ -820,0 +795,0 @@ if (typeof customElements !== 'undefined') {

dist/eco/eco-button.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { g as EcoInputSizeList, b as EcoTypeList } from './utils-d88dcc72.js';
 
-const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";
+const ecoButtonCss = "button.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button.sc-eco-button:hover,button.sc-eco-button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button.sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled].sc-eco-button{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled].sc-eco-button:hover,button[disabled].sc-eco-button:focus,button[disabled].sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info.sc-eco-button{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost.sc-eco-button{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost.sc-eco-button:hover::before,.ghost.sc-eco-button:focus::before{--highlight:var(--c-text)}.success.sc-eco-button{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger.sc-eco-button{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning.sc-eco-button{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm.sc-eco-button{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md.sc-eco-button{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg.sc-eco-button{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl.sc-eco-button{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span.sc-eco-button{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon.sc-eco-button{margin-right:var(--sp-xs)}";
 
@@ -6,0 +6,0 @@ const EcoButton = class {

dist/eco/eco-card-body.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoCardBodyCss = ":host{display:block;padding:var(--sp-md)}";
+const ecoCardBodyCss = ".sc-eco-card-body-h{display:block;padding:var(--sp-md)}";
 
@@ -5,0 +5,0 @@ const EcoCardBody = class {

dist/eco/eco-card-footer.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoCardFooterCss = ":host{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
+const ecoCardFooterCss = ".sc-eco-card-footer-h{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
 
@@ -5,0 +5,0 @@ const EcoCardFooter = class {

dist/eco/eco-card-header.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoCardHeaderCss = ":host:empty{display:none}:host{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
+const ecoCardHeaderCss = ".sc-eco-card-header-h:empty{display:none}.sc-eco-card-header-h{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
 
@@ -5,0 +5,0 @@ const EcoCardHeader = class {

dist/eco/eco-card.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host, F as Fragment, g as getElement } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22080363.js';
 import { g as EcoInputSizeList, c as EcoIconList } from './utils-d88dcc72.js';
 
-const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";
+const ecoCardCss = ".sc-eco-card-h{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky.sc-eco-card{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable.sc-eco-card{cursor:pointer;user-select:none}.collapsed.sc-eco-card{border-radius:var(--br-md)}";
 
@@ -25,3 +25,3 @@ const EcoCard = class {
         collapsed: this.collapsed,
-      } }, this.collapsable && (h("div", { class: "icon" }, this.collapsable && this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), h("slot", { name: "header" }))), !this.collapsed && (h(Fragment, null, h("eco-card-body", null, h("slot", null)), this.footerExists && (h("eco-card-footer", null, h("slot", { name: "footer" })))))));
+      } }, this.collapsable && (h("div", { class: "icon" }, this.collapsable && this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), h("slot", { name: "header" }))), h("eco-card-body", { style: this.collapsed && { display: "none" } }, h("slot", null)), h("eco-card-footer", { style: (this.collapsed || !this.footerExists) && { display: "none" } }, h("slot", { name: "footer" }))));
   }
@@ -28,0 +28,0 @@ get hostElement() { return getElement(this); }

dist/eco/eco-checkbox.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-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}";
+const ecoCheckboxCss = ".sc-eco-checkbox-h{display:flex;align-items:center;position:relative}input[type='checkbox'].sc-eco-checkbox{appearance:none;background:none;opacity:0;z-index:2}eco-text-label.sc-eco-checkbox{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'].sc-eco-checkbox,eco-text-label.sc-eco-checkbox:before,eco-text-label.sc-eco-checkbox:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:var(--br-sm);content:' '}eco-text-label.sc-eco-checkbox:before,input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input.sc-eco-checkbox:focus~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox: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].sc-eco-checkbox,input[disabled].sc-eco-checkbox~eco-text-label.sc-eco-checkbox{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";
 
@@ -8,3 +8,3 @@ const EcoCheckbox = class {
     registerInstance(this, hostRef);
-    this.label = 'Checkbox label';
+    this.label = "Checkbox label";
     this.name = this.label;
@@ -11,0 +11,0 @@ }

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-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}";
+const ecoDescriptionGroupCss = ".sc-eco-description-group-h{display:block;max-width:100%}div.sc-eco-description-group{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.sc-eco-description-group{grid-template-columns:1fr}";
 
@@ -5,0 +5,0 @@ const EcoDescriptionGroup = class {

dist/eco/eco-description.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-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}";
+const ecoDescriptionCss = ".sc-eco-description-h{display:block}dl.sc-eco-description{margin-top:0;margin-bottom:0}dt.sc-eco-description{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd.sc-eco-description{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -5,0 +5,0 @@ const EcoDescription = class {

dist/eco/eco-icon.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { c as EcoIconList, b as EcoTypeList, g as EcoInputSizeList } from './utils-d88dcc72.js';
 
-const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";
+const ecoIconCss = ".sc-eco-icon-h{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div.sc-eco-icon{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm.sc-eco-icon{--size:var(--sp-md)}.md.sc-eco-icon{--size:var(--sp-lg)}.lg.sc-eco-icon{--size:var(--sp-xl)}.xl.sc-eco-icon{--size:var(--sp-xxl)}.default.sc-eco-icon{--color:var(--c-text)}.info.sc-eco-icon{--color:var(--c-cta-info)}.ghost.sc-eco-icon{--color:var(--c-text-secondary)}.success.sc-eco-icon{--color:var(--c-cta-success)}.danger.sc-eco-icon{--color:var(--c-cta-danger)}.warning.sc-eco-icon{--color:var(--c-cta-warning)}";
 
@@ -6,0 +6,0 @@ const EcoIcon = class {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoInputDateCss = ".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 = ".inputs.sc-eco-input-date{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  )}";
 
@@ -5,0 +5,0 @@ const EcoInputDate = class {

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

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputFileCss = ":host{--color:var(--c-border-strong)}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);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)}.button{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-border-strong)}.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);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
+const ecoInputFileCss = ".sc-eco-input-file-h{--color:var(--c-border-strong)}.input.sc-eco-input-file{display:none}label.sc-eco-input-file{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);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label.sc-eco-input-file:hover,label.sc-eco-input-file:focus,label.sc-eco-input-file::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button.sc-eco-input-file{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button.sc-eco-input-file:hover,.button.sc-eco-input-file:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default.sc-eco-input-file{--color:var(--c-border-strong)}.error.sc-eco-input-file{--color:var(--c-cta-danger)}.success.sc-eco-input-file{--color:var(--c-cta-success)}.sm.sc-eco-input-file label.sc-eco-input-file{width:15ch}.md.sc-eco-input-file label.sc-eco-input-file{width:30ch}.lg.sc-eco-input-file label.sc-eco-input-file{width:45ch}.full.sc-eco-input-file label.sc-eco-input-file{max-width:100%}eco-text-input-optional.sc-eco-input-file{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled.sc-eco-input-file{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled.sc-eco-input-file .button.sc-eco-input-file{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled.sc-eco-input-file .button.sc-eco-input-file:hover,.disabled.sc-eco-input-file .button.sc-eco-input-file:focus,.disabled.sc-eco-input-file .button.sc-eco-input-file:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
 
@@ -18,4 +18,4 @@ const EcoInputFile = class {
   componentDidRender() {
-    const inputElement = this.el.shadowRoot.querySelector("input");
-    const labelElement = this.el.shadowRoot.querySelector("label .filename");
+    const inputElement = this.hostElement.querySelector("input");
+    const labelElement = this.hostElement.querySelector("label .filename");
     inputElement.addEventListener("change", function () {
@@ -30,3 +30,3 @@ var fileName = inputElement.files[0].name;
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("eco-input-wrapper", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
+    return (h(Host, null, h("eco-input-wrapper", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { class: "input", id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
   }
@@ -39,3 +39,3 @@ getCssClassMap() {
   }
-  get el() { return getElement(this); }
+  get hostElement() { return getElement(this); }
 };
@@ -42,0 +42,0 @@ EcoInputFile.style = ecoInputFileCss;

dist/eco/eco-input-number.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-number-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-number{--color:var(--c-border-strong)}.error.sc-eco-input-number{--color:var(--c-cta-danger)}.success.sc-eco-input-number{--color:var(--c-cta-success)}.sm.sc-eco-input-number input.sc-eco-input-number{width:15ch}.md.sc-eco-input-number input.sc-eco-input-number{width:30ch}.lg.sc-eco-input-number input.sc-eco-input-number{width:45ch}.full.sc-eco-input-number input.sc-eco-input-number{max-width:100%}eco-text-input-optional.sc-eco-input-number{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -6,0 +6,0 @@ const EcoInputNumber = class {

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

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-text-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-text{--color:var(--c-border-strong)}.error.sc-eco-input-text{--color:var(--c-cta-danger)}.success.sc-eco-input-text{--color:var(--c-cta-success)}.sm.sc-eco-input-text input.sc-eco-input-text{width:15ch}.md.sc-eco-input-text input.sc-eco-input-text{width:30ch}.lg.sc-eco-input-text input.sc-eco-input-text{width:45ch}.full.sc-eco-input-text input.sc-eco-input-text{max-width:100%}eco-text-input-optional.sc-eco-input-text{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -6,0 +6,0 @@ const EcoInputText = class {

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

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputTextareaCss = ":host{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-textarea-h{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default.sc-eco-input-textarea{--color:var(--c-border-strong)}.error.sc-eco-input-textarea{--color:var(--c-cta-danger)}.success.sc-eco-input-textarea{--color:var(--c-cta-success)}.sm.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:15ch}.md.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:30ch}.lg.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:45ch}.full.sc-eco-input-textarea textarea.sc-eco-input-textarea{max-width:100%}.short.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 4)}.average.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 6)}.tall.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 15)}.resize.sc-eco-input-textarea{resize:both}";
 
@@ -6,0 +6,0 @@ const EcoInputTextarea = class {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoInputTimeCss = ".inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
+const ecoInputTimeCss = ".inputs.sc-eco-input-time{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
 
@@ -5,0 +5,0 @@ const EcoInputTime = class {

dist/eco/eco-input-wrapper.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoInputWrapperCss = ":host{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}::slotted(input){display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}::slotted(input:not(:placeholder-shown)){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}::slotted(input:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(input[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:read-only){color:var(--c-text-secondary)}::slotted(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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}::slotted(textarea:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(textarea:focus){box-shadow:0 0 0 var(--bw-thick) var(--color)}::slotted(textarea[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}::slotted(textarea:read-only){color:var(--c-text-secondary)}::slotted(select){display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}::slotted(select::-ms-expand){display:none}::slotted(select:hover){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(select:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--color);outline:none}::slotted(select option){font-weight:var(--fw-base)}*[dir=\"rtl\"] ::slotted(select),:root:lang(ar) ::slotted(select),:root:lang(iw) ::slotted(select){background-position:left var(--sp-xs) top 50%}::slotted(select:disabled),::slotted(select[aria-disabled=\"true\"]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
+const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}.sc-eco-input-wrapper-s>input{display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}.sc-eco-input-wrapper-s>input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}.sc-eco-input-wrapper-s>textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.sc-eco-input-wrapper-s>textarea:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}.sc-eco-input-wrapper-s>select::-ms-expand{display:none}.sc-eco-input-wrapper-s>select:hover{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>select:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--c-text);outline:none}.sc-eco-input-wrapper-s>select option{font-weight:var(--fw-base);color:var(--c-text)}*[dir=\"rtl\"].sc-eco-input-wrapper-s>select,*[dir=\"rtl\"] .sc-eco-input-wrapper-s>select,:root:lang(ar) .sc-eco-input-wrapper-s>select,:root:lang(iw) .sc-eco-input-wrapper-s>select{background-position:left var(--sp-xs) top 50%}.sc-eco-input-wrapper-s>select:disabled,.sc-eco-input-wrapper-s>select[aria-disabled=\"true\"]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
 
@@ -5,0 +5,0 @@ const EcoInputWrapper = class {

dist/eco/eco-messagebox.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { b as EcoTypeList } from './utils-d88dcc72.js';
 
-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)}";
+const ecoMessageboxCss = ".sc-eco-messagebox-h{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div.sc-eco-messagebox{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.sc-eco-messagebox{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info.sc-eco-messagebox{--color:var(--c-cta-info-hsl)}.ghost.sc-eco-messagebox{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success.sc-eco-messagebox{--color:var(--c-cta-success-hsl)}.danger.sc-eco-messagebox{--color:var(--c-cta-danger-hsl)}.warning.sc-eco-messagebox{--color:var(--c-cta-warning-hsl)}eco-icon.sc-eco-messagebox{margin-right:var(--sp-md)}";
 
@@ -6,0 +6,0 @@ const EcoMessagebox = class {

dist/eco/eco-modal.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-22080363.js';
 import { c as EcoIconList, b as EcoTypeList } from './utils-d88dcc72.js';
 
-const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
+const ecoModalCss = ".overlay.sc-eco-modal{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper.sc-eco-modal{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal.sc-eco-modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header.sc-eco-modal{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2.sc-eco-modal{margin:0}footer.sc-eco-modal{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
 
@@ -30,3 +30,3 @@ const EcoModal = class {
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
+    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), h("div", { style: !this.visible && { display: "none" }, class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" })))))));
   }
@@ -33,0 +33,0 @@ };

dist/eco/eco-progress.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { b as EcoTypeList } from './utils-d88dcc72.js';
 
-const ecoProgressCss = ":host{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info{--bar:var(--c-cta-info)}.ghost{--bar:var(--c-border-strong)}.success{--bar:var(--c-cta-success)}.danger{--bar:var(--c-cta-danger)}.warning{--bar:var(--c-cta-warning)}progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value]::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value]::-webkit-progress-value{border-radius:var(--br-sm)}progress[value]::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress::-webkit-progress-value{background:var(--bar)}span{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
+const ecoProgressCss = ".sc-eco-progress-h{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default.sc-eco-progress{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info.sc-eco-progress{--bar:var(--c-cta-info)}.ghost.sc-eco-progress{--bar:var(--c-border-strong)}.success.sc-eco-progress{--bar:var(--c-cta-success)}.danger.sc-eco-progress{--bar:var(--c-cta-danger)}.warning.sc-eco-progress{--bar:var(--c-cta-warning)}progress.sc-eco-progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value].sc-eco-progress::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value].sc-eco-progress::-webkit-progress-value{border-radius:var(--br-sm)}progress[value].sc-eco-progress::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress.sc-eco-progress::-webkit-progress-value{background:var(--bar)}span.sc-eco-progress{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
 
@@ -6,0 +6,0 @@ const EcoProgress = class {

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

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-c81e7d26.js';
+import { r as registerInstance, h } from './index-22080363.js';
 
@@ -3,0 +3,0 @@ const ecoRadioButtonCss = "div{display:flex;align-items:center;position:relative}eco-radio-button eco-text-label{padding:var(--sp-xxs) var(--sp-md) var(--sp-xxs) var(--sp-xl);white-space:unset;display:flex;align-items:center;z-index:1}eco-radio-button eco-text-label:before,eco-radio-button eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:100%;content:\" \"}input[type=\"radio\"]{position:absolute;appearance:none;background:none;opacity:0;z-index:2;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%}eco-radio-button eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset,\n    0 0 0 var(--bw-thick) 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/eco/eco-radio-group.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-22080363.js';
 
-const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";
+const ecoRadioGroupCss = ".sc-eco-radio-group-h{display:block}.sc-eco-radio-group-h:last-of-type{margin-bottom:0}";
 
@@ -5,0 +5,0 @@ const EcoRadioGroup = class {

dist/eco/eco-select.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoSelectCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm select{width:15ch}.md select{width:30ch}.lg select{width:45ch}.full select{width:100%}";
+const ecoSelectCss = ".sc-eco-select-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-select{--color:var(--c-border-strong)}.error.sc-eco-select{--color:var(--c-cta-danger)}.success.sc-eco-select{--color:var(--c-cta-success)}.sm.sc-eco-select select.sc-eco-select{width:15ch}.md.sc-eco-select select.sc-eco-select{width:30ch}.lg.sc-eco-select select.sc-eco-select{width:45ch}.full.sc-eco-select select.sc-eco-select{width:100%}";
 
@@ -6,0 +6,0 @@ const EcoSelect = class {

dist/eco/eco-spacer.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { d as EcoSpacerSizeList } from './utils-d88dcc72.js';
 
-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)}";
+const ecoSpacerCss = ".sc-eco-spacer-h{display:block}div.sc-eco-spacer{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs.sc-eco-spacer{gap:var(--sp-xxs)}.xs.sc-eco-spacer{gap:var(--sp-xs)}.sm.sc-eco-spacer{gap:var(--sp-sm)}.md.sc-eco-spacer{gap:var(--sp-md)}.lg.sc-eco-spacer{gap:var(--sp-lg)}.xl.sc-eco-spacer{gap:var(--sp-xl)}.xxl.sc-eco-spacer{gap:var(--sp-xxl)}.xxxl.sc-eco-spacer{gap:var(--sp-xxxl)}";
 
@@ -6,0 +6,0 @@ const EcoSpacer = class {

dist/eco/eco-spinner.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-d88dcc72.js';
 
-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)}}";
+const ecoSpinnerCss = ".sc-eco-spinner-h{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.sc-eco-spinner{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.sc-eco-spinner{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md.sc-eco-spinner{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg.sc-eco-spinner{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner.sc-eco-spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span.sc-eco-spinner{grid-column:1 / 1;grid-row:1 / 1}.center.sc-eco-spinner{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.sc-eco-spinner{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal.sc-eco-spinner: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.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .mono.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .multi.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner .petal-1.sc-eco-spinner{--color:hsl(0deg, 80%, 66%)}.multi.sc-eco-spinner .petal-2.sc-eco-spinner{--color:hsl(45deg, 80%, 66%)}.multi.sc-eco-spinner .petal-3.sc-eco-spinner{--color:hsl(90deg, 80%, 66%)}.multi.sc-eco-spinner .petal-4.sc-eco-spinner{--color:hsl(135deg, 80%, 66%)}.multi.sc-eco-spinner .petal-5.sc-eco-spinner{--color:hsl(180deg, 80%, 66%)}.multi.sc-eco-spinner .petal-6.sc-eco-spinner{--color:hsl(225deg, 80%, 66%)}.multi.sc-eco-spinner .petal-7.sc-eco-spinner{--color:hsl(270deg, 80%, 66%)}.multi.sc-eco-spinner .petal-8.sc-eco-spinner{--color:hsl(315deg, 80%, 66%)}p.sc-eco-spinner{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)}}";
 
@@ -6,0 +6,0 @@ const EcoSpinner = class {

dist/eco/eco-table.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.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-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}}";
+const ecoTableCss = "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)}table,thead{background-color:var(--c-cta-background)}tr:nth-of-type(even){background:var(--table-even-row)}th,td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}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}td{border:0}.equalcolumns table{table-layout:fixed}.sticky table{overflow:unset;position:relative}.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.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)}.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}.responsive tr:nth-of-type(even){background:var(--table-background)}.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}.responsive td:last-child{border-bottom:0}}";
 
@@ -5,0 +5,0 @@ const EcoTable = class {

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

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
@@ -11,4 +11,4 @@ const EcoTextInputHelp = class {
 };
-EcoTextInputHelp.style = ":host {opacity: 0.8;}";
+EcoTextInputHelp.style = ".sc-eco-text-input-help-h {opacity: 0.8;}";
 
 export { EcoTextInputHelp as eco_text_input_help };

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

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
@@ -11,4 +11,4 @@ const EcoTextInputOptional = class {
 };
-EcoTextInputOptional.style = ":host {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}";
+EcoTextInputOptional.style = ".sc-eco-text-input-optional-h {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}";
 
 export { EcoTextInputOptional as eco_text_input_optional };

dist/eco/eco-text-label.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoTextLabelCss = ":host{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping{white-space:normal}";
+const ecoTextLabelCss = ".sc-eco-text-label-h{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label.sc-eco-text-label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping.sc-eco-text-label{white-space:normal}";
 
@@ -5,0 +5,0 @@ const EcoTextLabel = class {

dist/eco/eco.esm.js

@@ -1,2 +0,2 @@
-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 { 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-22080363.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
@@ -121,3 +121,3 @@
   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":[8,"radio-data"]}]]],["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-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-progress",[[1,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["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-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-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button",[[0,"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-text-input-optional",[[1,"eco-text-input-optional"]]],["eco-input-wrapper",[[1,"eco-input-wrapper"]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["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"]]]], options);
+  return bootstrapLazy([["eco-modal",[[6,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-select",[[6,"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",[[2,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[6,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[2,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[6,"eco-description-group",{"vertical":[4]}]]],["eco-progress",[[2,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer",[[6,"eco-spacer",{"gap":[1]}]]],["eco-spinner",[[2,"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-card-header",[[6,"eco-card-header"]]],["eco-icon",[[2,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card",[[6,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[2,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-text-label",[[6,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button",[[0,"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-text-input-optional",[[6,"eco-text-input-optional"]]],["eco-input-wrapper",[[6,"eco-input-wrapper"]]],["eco-text-input-help",[[6,"eco-text-input-help"]]],["eco-input-number",[[2,"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",[[6,"eco-card-body"]]],["eco-card-footer",[[6,"eco-card-footer"]]]], options);
 });

dist/esm/eco-button.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { g as EcoInputSizeList, b as EcoTypeList } from './utils-d88dcc72.js';
 
-const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";
+const ecoButtonCss = "button.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-base) var(--highlight);transition:all 150ms}button.sc-eco-button:hover,button.sc-eco-button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button.sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n    0 0 var(--bw-thick) var(--highlight),\n    0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled].sc-eco-button{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled].sc-eco-button:hover,button[disabled].sc-eco-button:focus,button[disabled].sc-eco-button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default.sc-eco-button{--color:var(--c-cta-default);--highlight:var(--c-border-strong)}.info.sc-eco-button{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost.sc-eco-button{--color:var(--c-text);--highlight:var(--c-border-weak)}.ghost.sc-eco-button:hover::before,.ghost.sc-eco-button:focus::before{--highlight:var(--c-text)}.success.sc-eco-button{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger.sc-eco-button{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning.sc-eco-button{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm.sc-eco-button{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md.sc-eco-button{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg.sc-eco-button{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl.sc-eco-button{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span.sc-eco-button{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon.sc-eco-button{margin-right:var(--sp-xs)}";
 
@@ -6,0 +6,0 @@ const EcoButton = class {

dist/esm/eco-card-body.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoCardBodyCss = ":host{display:block;padding:var(--sp-md)}";
+const ecoCardBodyCss = ".sc-eco-card-body-h{display:block;padding:var(--sp-md)}";
 
@@ -5,0 +5,0 @@ const EcoCardBody = class {

dist/esm/eco-card-footer.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoCardFooterCss = ":host{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
+const ecoCardFooterCss = ".sc-eco-card-footer-h{display:block;padding:var(--sp-md);background-color:var(--c-cta-background);border-top:var(--bw-base) solid var(--c-border-base);border-bottom-left-radius:var(--br-md);border-bottom-right-radius:var(--br-md)}";
 
@@ -5,0 +5,0 @@ const EcoCardFooter = class {

dist/esm/eco-card-header.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoCardHeaderCss = ":host:empty{display:none}:host{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
+const ecoCardHeaderCss = ".sc-eco-card-header-h:empty{display:none}.sc-eco-card-header-h{display:flex;align-items:center;padding:var(--sp-md);box-shadow:0 calc(var(--sp-md) / 12) calc(var(--sp-md) / 8) var(--c-shadow);border-top-left-radius:var(--br-md);border-top-right-radius:var(--br-md)}";
 
@@ -5,0 +5,0 @@ const EcoCardHeader = class {

dist/esm/eco-card.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host, F as Fragment, g as getElement } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22080363.js';
 import { g as EcoInputSizeList, c as EcoIconList } from './utils-d88dcc72.js';
 
-const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";
+const ecoCardCss = ".sc-eco-card-h{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky.sc-eco-card{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable.sc-eco-card{cursor:pointer;user-select:none}.collapsed.sc-eco-card{border-radius:var(--br-md)}";
 
@@ -25,3 +25,3 @@ const EcoCard = class {
         collapsed: this.collapsed,
-      } }, this.collapsable && (h("div", { class: "icon" }, this.collapsable && this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), h("slot", { name: "header" }))), !this.collapsed && (h(Fragment, null, h("eco-card-body", null, h("slot", null)), this.footerExists && (h("eco-card-footer", null, h("slot", { name: "footer" })))))));
+      } }, this.collapsable && (h("div", { class: "icon" }, this.collapsable && this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentExpand, "qa-id": "gen-expand-details-button" })), this.collapsable && !this.collapsed && (h("eco-icon", { iconsize: EcoInputSizeList.xl, icon: EcoIconList.contentCollapse, "qa-id": "gen-expand-details-button" })))), h("slot", { name: "header" }))), h("eco-card-body", { style: this.collapsed && { display: "none" } }, h("slot", null)), h("eco-card-footer", { style: (this.collapsed || !this.footerExists) && { display: "none" } }, h("slot", { name: "footer" }))));
   }
@@ -28,0 +28,0 @@ get hostElement() { return getElement(this); }

dist/esm/eco-checkbox.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-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}";
+const ecoCheckboxCss = ".sc-eco-checkbox-h{display:flex;align-items:center;position:relative}input[type='checkbox'].sc-eco-checkbox{appearance:none;background:none;opacity:0;z-index:2}eco-text-label.sc-eco-checkbox{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'].sc-eco-checkbox,eco-text-label.sc-eco-checkbox:before,eco-text-label.sc-eco-checkbox:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:var(--br-sm);content:' '}eco-text-label.sc-eco-checkbox:before,input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 6) var(--c-cta-success) inset}input.sc-eco-checkbox:focus~eco-text-label.sc-eco-checkbox:before{box-shadow:0 0 0 calc(var(--sp-xs) / 3) var(--c-cta-success) inset}input.sc-eco-checkbox:checked~eco-text-label.sc-eco-checkbox: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].sc-eco-checkbox,input[disabled].sc-eco-checkbox~eco-text-label.sc-eco-checkbox{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;user-select:none}";
 
@@ -8,3 +8,3 @@ const EcoCheckbox = class {
     registerInstance(this, hostRef);
-    this.label = 'Checkbox label';
+    this.label = "Checkbox label";
     this.name = this.label;
@@ -11,0 +11,0 @@ }

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-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}";
+const ecoDescriptionGroupCss = ".sc-eco-description-group-h{display:block;max-width:100%}div.sc-eco-description-group{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.sc-eco-description-group{grid-template-columns:1fr}";
 
@@ -5,0 +5,0 @@ const EcoDescriptionGroup = class {

dist/esm/eco-description.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-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}";
+const ecoDescriptionCss = ".sc-eco-description-h{display:block}dl.sc-eco-description{margin-top:0;margin-bottom:0}dt.sc-eco-description{font-weight:var(--fw-bold);margin-bottom:var(--sp-xxs);line-height:var(--line-height-tight);text-overflow:ellipsis;overflow:hidden}dd.sc-eco-description{margin:0;text-overflow:ellipsis;overflow:hidden}";
 
@@ -5,0 +5,0 @@ const EcoDescription = class {

dist/esm/eco-icon.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { c as EcoIconList, b as EcoTypeList, g as EcoInputSizeList } from './utils-d88dcc72.js';
 
-const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";
+const ecoIconCss = ".sc-eco-icon-h{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div.sc-eco-icon{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm.sc-eco-icon{--size:var(--sp-md)}.md.sc-eco-icon{--size:var(--sp-lg)}.lg.sc-eco-icon{--size:var(--sp-xl)}.xl.sc-eco-icon{--size:var(--sp-xxl)}.default.sc-eco-icon{--color:var(--c-text)}.info.sc-eco-icon{--color:var(--c-cta-info)}.ghost.sc-eco-icon{--color:var(--c-text-secondary)}.success.sc-eco-icon{--color:var(--c-cta-success)}.danger.sc-eco-icon{--color:var(--c-cta-danger)}.warning.sc-eco-icon{--color:var(--c-cta-warning)}";
 
@@ -6,0 +6,0 @@ const EcoIcon = class {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoInputDateCss = ".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 = ".inputs.sc-eco-input-date{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  )}";
 
@@ -5,0 +5,0 @@ const EcoInputDate = class {

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

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputFileCss = ":host{--color:var(--c-border-strong)}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);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)}.button{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-border-strong)}.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);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
+const ecoInputFileCss = ".sc-eco-input-file-h{--color:var(--c-border-strong)}.input.sc-eco-input-file{display:none}label.sc-eco-input-file{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);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label.sc-eco-input-file:hover,label.sc-eco-input-file:focus,label.sc-eco-input-file::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button.sc-eco-input-file{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);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button.sc-eco-input-file:hover,.button.sc-eco-input-file:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n    0 0 var(--bw-thick) var(--color),\n    0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default.sc-eco-input-file{--color:var(--c-border-strong)}.error.sc-eco-input-file{--color:var(--c-cta-danger)}.success.sc-eco-input-file{--color:var(--c-cta-success)}.sm.sc-eco-input-file label.sc-eco-input-file{width:15ch}.md.sc-eco-input-file label.sc-eco-input-file{width:30ch}.lg.sc-eco-input-file label.sc-eco-input-file{width:45ch}.full.sc-eco-input-file label.sc-eco-input-file{max-width:100%}eco-text-input-optional.sc-eco-input-file{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled.sc-eco-input-file{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled.sc-eco-input-file .button.sc-eco-input-file{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled.sc-eco-input-file .button.sc-eco-input-file:hover,.disabled.sc-eco-input-file .button.sc-eco-input-file:focus,.disabled.sc-eco-input-file .button.sc-eco-input-file:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";
 
@@ -18,4 +18,4 @@ const EcoInputFile = class {
   componentDidRender() {
-    const inputElement = this.el.shadowRoot.querySelector("input");
-    const labelElement = this.el.shadowRoot.querySelector("label .filename");
+    const inputElement = this.hostElement.querySelector("input");
+    const labelElement = this.hostElement.querySelector("label .filename");
     inputElement.addEventListener("change", function () {
@@ -30,3 +30,3 @@ var fileName = inputElement.files[0].name;
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("eco-input-wrapper", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
+    return (h(Host, null, h("eco-input-wrapper", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { class: "input", id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
   }
@@ -39,3 +39,3 @@ getCssClassMap() {
   }
-  get el() { return getElement(this); }
+  get hostElement() { return getElement(this); }
 };
@@ -42,0 +42,0 @@ EcoInputFile.style = ecoInputFileCss;

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

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-number-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-number{--color:var(--c-border-strong)}.error.sc-eco-input-number{--color:var(--c-cta-danger)}.success.sc-eco-input-number{--color:var(--c-cta-success)}.sm.sc-eco-input-number input.sc-eco-input-number{width:15ch}.md.sc-eco-input-number input.sc-eco-input-number{width:30ch}.lg.sc-eco-input-number input.sc-eco-input-number{width:45ch}.full.sc-eco-input-number input.sc-eco-input-number{max-width:100%}eco-text-input-optional.sc-eco-input-number{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";
 
@@ -6,0 +6,0 @@ const EcoInputNumber = class {

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

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputTextCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-text-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-input-text{--color:var(--c-border-strong)}.error.sc-eco-input-text{--color:var(--c-cta-danger)}.success.sc-eco-input-text{--color:var(--c-cta-success)}.sm.sc-eco-input-text input.sc-eco-input-text{width:15ch}.md.sc-eco-input-text input.sc-eco-input-text{width:30ch}.lg.sc-eco-input-text input.sc-eco-input-text{width:45ch}.full.sc-eco-input-text input.sc-eco-input-text{max-width:100%}eco-text-input-optional.sc-eco-input-text{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, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoInputTextareaCss = ":host{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.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 = ".sc-eco-input-textarea-h{--color:var(--c-border-strong);--height:var(--fs-md);display:block;max-width:100%}.default.sc-eco-input-textarea{--color:var(--c-border-strong)}.error.sc-eco-input-textarea{--color:var(--c-cta-danger)}.success.sc-eco-input-textarea{--color:var(--c-cta-success)}.sm.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:15ch}.md.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:30ch}.lg.sc-eco-input-textarea textarea.sc-eco-input-textarea{width:45ch}.full.sc-eco-input-textarea textarea.sc-eco-input-textarea{max-width:100%}.short.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 4)}.average.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 6)}.tall.sc-eco-input-textarea textarea.sc-eco-input-textarea{height:calc(var(--height) * 15)}.resize.sc-eco-input-textarea{resize:both}";
 
@@ -6,0 +6,0 @@ const EcoInputTextarea = class {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoInputTimeCss = ".inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
+const ecoInputTimeCss = ".inputs.sc-eco-input-time{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";
 
@@ -5,0 +5,0 @@ const EcoInputTime = class {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoInputWrapperCss = ":host{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}::slotted(input){display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}::slotted(input:not(:placeholder-shown)){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}::slotted(input:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(input[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(input:read-only){color:var(--c-text-secondary)}::slotted(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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}::slotted(textarea:valid){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}::slotted(textarea:focus){box-shadow:0 0 0 var(--bw-thick) var(--color)}::slotted(textarea[disabled]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}::slotted(textarea:read-only){color:var(--c-text-secondary)}::slotted(select){display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}::slotted(select::-ms-expand){display:none}::slotted(select:hover){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}::slotted(select:focus){box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--color);outline:none}::slotted(select option){font-weight:var(--fw-base)}*[dir=\"rtl\"] ::slotted(select),:root:lang(ar) ::slotted(select),:root:lang(iw) ::slotted(select){background-position:left var(--sp-xs) top 50%}::slotted(select:disabled),::slotted(select[aria-disabled=\"true\"]){cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
+const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;--color:var(--c-border-strong)}.sc-eco-input-wrapper-s>input{display:block;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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}.sc-eco-input-wrapper-s>input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>input:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>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;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}.sc-eco-input-wrapper-s>textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.sc-eco-input-wrapper-s>textarea:read-only{color:var(--c-text-secondary)}.sc-eco-input-wrapper-s>select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--c-text);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);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}.sc-eco-input-wrapper-s>select::-ms-expand{display:none}.sc-eco-input-wrapper-s>select:hover{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>select:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default);color:var(--c-text);outline:none}.sc-eco-input-wrapper-s>select option{font-weight:var(--fw-base);color:var(--c-text)}*[dir=\"rtl\"].sc-eco-input-wrapper-s>select,*[dir=\"rtl\"] .sc-eco-input-wrapper-s>select,:root:lang(ar) .sc-eco-input-wrapper-s>select,:root:lang(iw) .sc-eco-input-wrapper-s>select{background-position:left var(--sp-xs) top 50%}.sc-eco-input-wrapper-s>select:disabled,.sc-eco-input-wrapper-s>select[aria-disabled=\"true\"]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text);box-shadow:0 0 0 var(--bw-thin) var(--color)}";
 
@@ -5,0 +5,0 @@ const EcoInputWrapper = class {

dist/esm/eco-messagebox.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { b as EcoTypeList } from './utils-d88dcc72.js';
 
-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)}";
+const ecoMessageboxCss = ".sc-eco-messagebox-h{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div.sc-eco-messagebox{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.sc-eco-messagebox{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info.sc-eco-messagebox{--color:var(--c-cta-info-hsl)}.ghost.sc-eco-messagebox{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success.sc-eco-messagebox{--color:var(--c-cta-success-hsl)}.danger.sc-eco-messagebox{--color:var(--c-cta-danger-hsl)}.warning.sc-eco-messagebox{--color:var(--c-cta-warning-hsl)}eco-icon.sc-eco-messagebox{margin-right:var(--sp-md)}";
 
@@ -6,0 +6,0 @@ const EcoMessagebox = class {

dist/esm/eco-modal.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-22080363.js';
 import { c as EcoIconList, b as EcoTypeList } from './utils-d88dcc72.js';
 
-const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
+const ecoModalCss = ".overlay.sc-eco-modal{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper.sc-eco-modal{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal.sc-eco-modal{overflow:hidden;width:clamp(\n    calc(var(--fs-md) * 12),\n    calc(var(--fs-md) * 48),\n    calc(100vw - var(--sp-md) - var(--sp-md))\n  )}header.sc-eco-modal{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2.sc-eco-modal{margin:0}footer.sc-eco-modal{display:flex;justify-content:flex-end;gap:var(--sp-md)}";
 
@@ -30,3 +30,3 @@ const EcoModal = class {
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
+    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), h("div", { style: !this.visible && { display: "none" }, class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" })))))));
   }
@@ -33,0 +33,0 @@ };

dist/esm/eco-progress.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { b as EcoTypeList } from './utils-d88dcc72.js';
 
-const ecoProgressCss = ":host{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info{--bar:var(--c-cta-info)}.ghost{--bar:var(--c-border-strong)}.success{--bar:var(--c-cta-success)}.danger{--bar:var(--c-cta-danger)}.warning{--bar:var(--c-cta-warning)}progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value]::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value]::-webkit-progress-value{border-radius:var(--br-sm)}progress[value]::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress::-webkit-progress-value{background:var(--bar)}span{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
+const ecoProgressCss = ".sc-eco-progress-h{--height:var(--sp-xs);--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  );display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-md)}.default.sc-eco-progress{--bar:hsl(\n    calc(199 + (var(--value) * 3)),\n    calc(var(--igs-secondary-grass-s) * 1%),\n    calc(var(--igs-secondary-grass-l) * 1%)\n  )}.info.sc-eco-progress{--bar:var(--c-cta-info)}.ghost.sc-eco-progress{--bar:var(--c-border-strong)}.success.sc-eco-progress{--bar:var(--c-cta-success)}.danger.sc-eco-progress{--bar:var(--c-cta-danger)}.warning.sc-eco-progress{--bar:var(--c-cta-warning)}progress.sc-eco-progress{appearance:none;border:none;flex:1 0 auto;height:var(--height);background-color:var(--c-border-weak);border-radius:var(--br-sm);box-shadow:0 0 0 var(--bw-thin) var(--c-border-base)}progress[value].sc-eco-progress::-webkit-progress-bar{background-color:var(--c-cta-background);border-radius:var(--br-sm)}progress[value].sc-eco-progress::-webkit-progress-value{border-radius:var(--br-sm)}progress[value].sc-eco-progress::-moz-progress-bar{background:var(--bar);border-radius:var(--br-sm)}progress.sc-eco-progress::-webkit-progress-value{background:var(--bar)}span.sc-eco-progress{color:inherit;display:block;flex:0 1 auto;font-size:inherit;line-height:var(--line-height-tight)}";
 
@@ -6,0 +6,0 @@ const EcoProgress = class {

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

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-c81e7d26.js';
+import { r as registerInstance, h } from './index-22080363.js';
 
@@ -3,0 +3,0 @@ const ecoRadioButtonCss = "div{display:flex;align-items:center;position:relative}eco-radio-button eco-text-label{padding:var(--sp-xxs) var(--sp-md) var(--sp-xxs) var(--sp-xl);white-space:unset;display:flex;align-items:center;z-index:1}eco-radio-button eco-text-label:before,eco-radio-button eco-text-label:after{height:var(--fs-lg);width:var(--fs-lg);border:none;left:0;position:absolute;border-radius:100%;content:\" \"}input[type=\"radio\"]{position:absolute;appearance:none;background:none;opacity:0;z-index:2;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%}eco-radio-button eco-text-label:before,input:checked~eco-text-label:before{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset}input:focus~eco-text-label:before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-success) inset}input:checked~eco-text-label:after{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success) inset,\n    0 0 0 var(--bw-thick) 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,4 +0,4 @@
-import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-22080363.js';
 
-const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";
+const ecoRadioGroupCss = ".sc-eco-radio-group-h{display:block}.sc-eco-radio-group-h:last-of-type{margin-bottom:0}";
 
@@ -5,0 +5,0 @@ const EcoRadioGroup = class {

dist/esm/eco-select.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { E as EcoInputStatusList, a as EcoInputWidthList } from './utils-d88dcc72.js';
 
-const ecoSelectCss = ":host{--color:var(--c-border-strong);display:block;max-width:100%}.default{--color:var(--c-border-strong)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm select{width:15ch}.md select{width:30ch}.lg select{width:45ch}.full select{width:100%}";
+const ecoSelectCss = ".sc-eco-select-h{--color:var(--c-border-strong);display:block;max-width:100%}.default.sc-eco-select{--color:var(--c-border-strong)}.error.sc-eco-select{--color:var(--c-cta-danger)}.success.sc-eco-select{--color:var(--c-cta-success)}.sm.sc-eco-select select.sc-eco-select{width:15ch}.md.sc-eco-select select.sc-eco-select{width:30ch}.lg.sc-eco-select select.sc-eco-select{width:45ch}.full.sc-eco-select select.sc-eco-select{width:100%}";
 
@@ -6,0 +6,0 @@ const EcoSelect = class {

dist/esm/eco-spacer.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { d as EcoSpacerSizeList } from './utils-d88dcc72.js';
 
-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)}";
+const ecoSpacerCss = ".sc-eco-spacer-h{display:block}div.sc-eco-spacer{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs.sc-eco-spacer{gap:var(--sp-xxs)}.xs.sc-eco-spacer{gap:var(--sp-xs)}.sm.sc-eco-spacer{gap:var(--sp-sm)}.md.sc-eco-spacer{gap:var(--sp-md)}.lg.sc-eco-spacer{gap:var(--sp-lg)}.xl.sc-eco-spacer{gap:var(--sp-xl)}.xxl.sc-eco-spacer{gap:var(--sp-xxl)}.xxxl.sc-eco-spacer{gap:var(--sp-xxxl)}";
 
@@ -6,0 +6,0 @@ const EcoSpacer = class {

dist/esm/eco-spinner.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-d88dcc72.js';
 
-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)}}";
+const ecoSpinnerCss = ".sc-eco-spinner-h{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.sc-eco-spinner{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.sc-eco-spinner{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md.sc-eco-spinner{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg.sc-eco-spinner{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner.sc-eco-spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span.sc-eco-spinner{grid-column:1 / 1;grid-row:1 / 1}.center.sc-eco-spinner{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.sc-eco-spinner{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal.sc-eco-spinner: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.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8.sc-eco-spinner{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .mono.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner{--color:var(--c-text-on-light)}.fullscreen.sc-eco-spinner .multi.sc-eco-spinner{--color:var(--c-text-on-dark)}.multi.sc-eco-spinner .petal-1.sc-eco-spinner{--color:hsl(0deg, 80%, 66%)}.multi.sc-eco-spinner .petal-2.sc-eco-spinner{--color:hsl(45deg, 80%, 66%)}.multi.sc-eco-spinner .petal-3.sc-eco-spinner{--color:hsl(90deg, 80%, 66%)}.multi.sc-eco-spinner .petal-4.sc-eco-spinner{--color:hsl(135deg, 80%, 66%)}.multi.sc-eco-spinner .petal-5.sc-eco-spinner{--color:hsl(180deg, 80%, 66%)}.multi.sc-eco-spinner .petal-6.sc-eco-spinner{--color:hsl(225deg, 80%, 66%)}.multi.sc-eco-spinner .petal-7.sc-eco-spinner{--color:hsl(270deg, 80%, 66%)}.multi.sc-eco-spinner .petal-8.sc-eco-spinner{--color:hsl(315deg, 80%, 66%)}p.sc-eco-spinner{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)}}";
 
@@ -6,0 +6,0 @@ const EcoSpinner = class {

dist/esm/eco-table.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.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-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}}";
+const ecoTableCss = "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)}table,thead{background-color:var(--c-cta-background)}tr:nth-of-type(even){background:var(--table-even-row)}th,td{padding:var(--sp-xxs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;text-align:left}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}td{border:0}.equalcolumns table{table-layout:fixed}.sticky table{overflow:unset;position:relative}.sticky th{height:min-content;position:sticky;top:0}@media (max-width: 660px){.responsive thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.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)}.responsive td{display:grid;grid-template-columns:1fr;align-content:start;gap:var(--sp-xxs);padding:0;white-space:normal}.responsive tr:nth-of-type(even){background:var(--table-background)}.responsive td::before{content:attr(data-label);line-height:var(--line-height-tight);font-weight:var(--fw-bold)}.responsive td:last-child{border-bottom:0}}";
 
@@ -5,0 +5,0 @@ const EcoTable = class {

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

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
@@ -11,4 +11,4 @@ const EcoTextInputHelp = class {
 };
-EcoTextInputHelp.style = ":host {opacity: 0.8;}";
+EcoTextInputHelp.style = ".sc-eco-text-input-help-h {opacity: 0.8;}";
 
 export { EcoTextInputHelp as eco_text_input_help };

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

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
@@ -11,4 +11,4 @@ const EcoTextInputOptional = class {
 };
-EcoTextInputOptional.style = ":host {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}";
+EcoTextInputOptional.style = ".sc-eco-text-input-optional-h {font-weight: var(--fw-light);font-size: var(--fs-sm);margin-left: var(--sp-xs);}";
 
 export { EcoTextInputOptional as eco_text_input_optional };

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
+import { r as registerInstance, h, e as Host } from './index-22080363.js';
 
-const ecoTextLabelCss = ":host{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping{white-space:normal}";
+const ecoTextLabelCss = ".sc-eco-text-label-h{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}label.sc-eco-text-label{display:block;font-weight:var(--fw-bold);margin-bottom:0;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowWrapping.sc-eco-text-label{white-space:normal}";
 
@@ -5,0 +5,0 @@ const EcoTextLabel = class {

dist/esm/eco.js

@@ -1,2 +0,2 @@
-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 { 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-22080363.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
@@ -121,3 +121,3 @@
   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":[8,"radio-data"]}]]],["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-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-progress",[[1,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["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-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-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button",[[0,"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-text-input-optional",[[1,"eco-text-input-optional"]]],["eco-input-wrapper",[[1,"eco-input-wrapper"]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["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"]]]], options);
+  return bootstrapLazy([["eco-modal",[[6,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-select",[[6,"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",[[2,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[6,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[2,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[6,"eco-description-group",{"vertical":[4]}]]],["eco-progress",[[2,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer",[[6,"eco-spacer",{"gap":[1]}]]],["eco-spinner",[[2,"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-card-header",[[6,"eco-card-header"]]],["eco-icon",[[2,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card",[[6,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[2,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-text-label",[[6,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button",[[0,"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-text-input-optional",[[6,"eco-text-input-optional"]]],["eco-input-wrapper",[[6,"eco-input-wrapper"]]],["eco-text-input-help",[[6,"eco-text-input-help"]]],["eco-input-number",[[2,"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",[[6,"eco-card-body"]]],["eco-card-footer",[[6,"eco-card-footer"]]]], options);
 });

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { B as BUILD, C as CSS, p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
+import { B as BUILD, C as CSS, p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-22080363.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
@@ -29,3 +29,3 @@
   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":[8,"radio-data"]}]]],["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-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-progress",[[1,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["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-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-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button",[[0,"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-text-input-optional",[[1,"eco-text-input-optional"]]],["eco-input-wrapper",[[1,"eco-input-wrapper"]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["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"]]]], options);
+  return bootstrapLazy([["eco-modal",[[6,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"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",[[2,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-select",[[6,"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",[[2,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[6,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[2,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[6,"eco-description-group",{"vertical":[4]}]]],["eco-progress",[[2,"eco-progress",{"type":[1],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"]}]]],["eco-spacer",[[6,"eco-spacer",{"gap":[1]}]]],["eco-spinner",[[2,"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-card-header",[[6,"eco-card-header"]]],["eco-icon",[[2,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-card",[[6,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[2,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-text-label",[[6,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-radio-button",[[0,"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-text-input-optional",[[6,"eco-text-input-optional"]]],["eco-input-wrapper",[[6,"eco-input-wrapper"]]],["eco-text-input-help",[[6,"eco-text-input-help"]]],["eco-input-number",[[2,"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",[[6,"eco-card-body"]]],["eco-card-footer",[[6,"eco-card-footer"]]]], options);
   });
@@ -32,0 +32,0 @@ };

dist/types/components/eco-input-file/eco-input-file.d.ts

@@ -0,8 +1,5 @@
+import { HTMLStencilElement } from "../../stencil-public-runtime";
 import { EcoInputStatusList, EcoInputWidthList } from "../../utils/utils";
 export declare class EcoInputFile {
-  el: {
-    shadowRoot: {
-      querySelector: (arg0: string) => any;
-    };
-  };
+  hostElement: HTMLStencilElement;
   label: string;
@@ -9,0 +6,0 @@ help: string;

package.json

 {
   "name": "@intelligentgrowthsolutions/eco",
-  "version": "1.0.10",
+  "version": "1.1.0-1",
   "description": "Eco Design System for Intelligent Growth Solutions",
@@ -42,9 +42,9 @@ "main": "dist/index.cjs.js",
     "@babel/core": "^7.12.3",
-    "@storybook/addon-a11y": "^6.1.14",
-    "@storybook/addon-actions": "^6.1.14",
-    "@storybook/addon-docs": "^6.1.14",
-    "@storybook/addon-essentials": "^6.1.14",
-    "@storybook/addon-links": "^6.1.14",
-    "@storybook/addon-storysource": "^6.1.14",
-    "@storybook/web-components": "^6.1.14",
+    "@storybook/addon-a11y": "^6.1.17",
+    "@storybook/addon-actions": "^6.1.17",
+    "@storybook/addon-docs": "^6.1.17",
+    "@storybook/addon-essentials": "^6.1.17",
+    "@storybook/addon-links": "^6.1.17",
+    "@storybook/addon-storysource": "^6.1.17",
+    "@storybook/web-components": "^6.1.17",
     "@types/jest": "^26.0.15",
@@ -51,0 +51,0 @@ "@types/puppeteer": "^5.4.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

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

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

Improved metrics

Total package byte prevSize

1209610

increased by1.35%

Lines of code

23959

increased by0.15%

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of low supply chain risk alerts

33

increased by13.79%

No dependency changes