@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

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

@@ -6,5 +6,5 @@ 'use strict';
 const index = require('./index-0c6896d2.js');
-const utils = require('./utils-51db8e84.js');
+const utils = require('./utils-bdd048cc.js');
 
-const ecoButtonCss = "button{--color:var(--c-text);--highlight:var(--c-text);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.2);position:relative;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)}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled)}button[disabled]:hover::before,button[disabled]:focus::before,button[disabled]:active::before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent}button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent;mix-blend-mode:multiply}button:hover::before,button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer)}button:active::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer) inset}.default{--color:var(--c-text);--highlight:var(--c-text)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.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{--color:var(--c-cta-default);--highlight:var(--c-cta-default);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.2);position:relative;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)}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled)}button[disabled]:hover::before,button[disabled]:focus::before,button[disabled]:active::before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent}button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent;mix-blend-mode:multiply}button:hover::before,button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer)}button:active::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer) inset}.default{--color:var(--c-cta-default);--highlight:var(--c-cta-default)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.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)}";
 
@@ -11,0 +11,0 @@ const EcoButton = class {

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

@@ -6,3 +6,3 @@ 'use strict';
 const index = require('./index-0c6896d2.js');
-const utils = require('./utils-51db8e84.js');
+const utils = require('./utils-bdd048cc.js');
 
@@ -9,0 +9,0 @@ 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);z-index:1}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:2}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";

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

@@ -6,3 +6,3 @@ 'use strict';
 const index = require('./index-0c6896d2.js');
-const utils = require('./utils-51db8e84.js');
+const utils = require('./utils-bdd048cc.js');
 
@@ -9,0 +9,0 @@ 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)}";

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

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

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

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

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

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

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

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

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

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

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

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

dist/cjs/eco.cjs.js

@@ -18,3 +18,3 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-table.cjs",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["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_3.cjs",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-help_2.cjs",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
+  return index.bootstrapLazy([["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body_3.cjs",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-text-input-help_2.cjs",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-table.cjs",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["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_3.cjs",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-help_2.cjs",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
+  return index.bootstrapLazy([["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button.cjs",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body_3.cjs",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-text-input-help_2.cjs",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
   });
@@ -20,0 +20,0 @@ };

dist/collection/collection-manifest.json

@@ -21,2 +21,3 @@ {
     "./components/eco-select/eco-select.js",
+    "./components/eco-spinner/eco-spinner.js",
     "./components/eco-table/eco-table.js",
@@ -23,0 +24,0 @@ "./components/eco-text-input-help/eco-text-input-help.js",

dist/collection/utils/utils.js

@@ -10,2 +10,14 @@ export var EcoTypeList;
 })(EcoTypeList || (EcoTypeList = {}));
+export var EcoSpinnerSizeList;
+(function (EcoSpinnerSizeList) {
+  EcoSpinnerSizeList["sm"] = "sm";
+  EcoSpinnerSizeList["md"] = "md";
+  EcoSpinnerSizeList["lg"] = "lg";
+})(EcoSpinnerSizeList || (EcoSpinnerSizeList = {}));
+export var EcoSpinnerThemeList;
+(function (EcoSpinnerThemeList) {
+  EcoSpinnerThemeList["mono"] = "mono";
+  EcoSpinnerThemeList["multi"] = "multi";
+  EcoSpinnerThemeList["base"] = "base";
+})(EcoSpinnerThemeList || (EcoSpinnerThemeList = {}));
 export var EcoInputSizeList;
@@ -12,0 +24,0 @@ (function (EcoInputSizeList) {

dist/custom-elements/index.d.ts

@@ -113,2 +113,8 @@ /* eco custom elements bundle */
 
+interface EcoSpinner extends Components.EcoSpinner, HTMLElement {}
+export const EcoSpinner: {
+  prototype: EcoSpinner;
+  new (): EcoSpinner;
+};
+
 interface EcoTable extends Components.EcoTable, HTMLElement {}
@@ -115,0 +121,0 @@ export const EcoTable: {

dist/custom-elements/index.js

@@ -13,2 +13,14 @@ import { attachShadow, h, Host, Fragment, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
 })(EcoTypeList || (EcoTypeList = {}));
+var EcoSpinnerSizeList;
+(function (EcoSpinnerSizeList) {
+  EcoSpinnerSizeList["sm"] = "sm";
+  EcoSpinnerSizeList["md"] = "md";
+  EcoSpinnerSizeList["lg"] = "lg";
+})(EcoSpinnerSizeList || (EcoSpinnerSizeList = {}));
+var EcoSpinnerThemeList;
+(function (EcoSpinnerThemeList) {
+  EcoSpinnerThemeList["mono"] = "mono";
+  EcoSpinnerThemeList["multi"] = "multi";
+  EcoSpinnerThemeList["base"] = "base";
+})(EcoSpinnerThemeList || (EcoSpinnerThemeList = {}));
 var EcoInputSizeList;
@@ -59,3 +71,3 @@ (function (EcoInputSizeList) {
 
-const ecoButtonCss = "button{--color:var(--c-text);--highlight:var(--c-text);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.2);position:relative;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)}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled)}button[disabled]:hover::before,button[disabled]:focus::before,button[disabled]:active::before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent}button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent;mix-blend-mode:multiply}button:hover::before,button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer)}button:active::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer) inset}.default{--color:var(--c-text);--highlight:var(--c-text)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.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{--color:var(--c-cta-default);--highlight:var(--c-cta-default);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.2);position:relative;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)}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled)}button[disabled]:hover::before,button[disabled]:focus::before,button[disabled]:active::before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent}button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent;mix-blend-mode:multiply}button:hover::before,button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer)}button:active::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer) inset}.default{--color:var(--c-cta-default);--highlight:var(--c-cta-default)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.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)}";
 
@@ -492,2 +504,28 @@ const EcoButton = class extends HTMLElement {
 
+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 EcoSpinner = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    attachShadow(this);
+    this.text = "Loading...";
+    this.fullscreen = false;
+    this.size = EcoSpinnerSizeList.lg;
+    this.theme = EcoSpinnerThemeList.base;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, null, h("div", { class: this.fullscreen && "fullscreen" }, h("div", { class: classMap }, h("span", { class: "center" }), h("span", { class: "petal petal-1" }), h("span", { class: "petal petal-2" }), h("span", { class: "petal petal-3" }), h("span", { class: "petal petal-4" }), h("span", { class: "petal petal-5" }), h("span", { class: "petal petal-6" }), h("span", { class: "petal petal-7" }), h("span", { class: "petal petal-8" })), this.fullscreen && h("p", { "qa-id": "gen-spinner-text" }, this.text))));
+  }
+  getCssClassMap() {
+    return {
+      spinner: true,
+      [this.size]: true,
+      [this.theme]: true,
+    };
+  }
+  static get style() { return ecoSpinnerCss; }
+};
+
 const EcoTable = class extends HTMLElement {
@@ -564,2 +602,3 @@ constructor() {
 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 EcoSpinner$1 = /*@__PURE__*/proxyCustomElement(EcoSpinner, [1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]);
 const EcoTable$1 = /*@__PURE__*/proxyCustomElement(EcoTable, [1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]);
@@ -590,2 +629,3 @@ const EcoTextInputHelp$1 = /*@__PURE__*/proxyCustomElement(EcoTextInputHelp, [1,"eco-text-input-help"]);
   EcoSelect$1,
+  EcoSpinner$1,
   EcoTable$1,
@@ -603,2 +643,2 @@ EcoTextInputHelp$1,
 
-export { EcoButton$1 as EcoButton, EcoCard$1 as EcoCard, EcoCardBody$1 as EcoCardBody, EcoCardFooter$1 as EcoCardFooter, EcoCardHeader$1 as EcoCardHeader, EcoCheckbox$1 as EcoCheckbox, EcoDescription$1 as EcoDescription, EcoDescriptionGroup$1 as EcoDescriptionGroup, EcoIcon$1 as EcoIcon, EcoInputDate$1 as EcoInputDate, EcoInputFile$1 as EcoInputFile, EcoInputNumber$1 as EcoInputNumber, EcoInputText$1 as EcoInputText, EcoInputTextarea$1 as EcoInputTextarea, EcoMessagebox$1 as EcoMessagebox, EcoRadioButton$1 as EcoRadioButton, EcoRadioGroup$1 as EcoRadioGroup, EcoSelect$1 as EcoSelect, EcoTable$1 as EcoTable, EcoTextInputHelp$1 as EcoTextInputHelp, EcoTextInputOptional$1 as EcoTextInputOptional, EcoTextLabel$1 as EcoTextLabel, defineCustomElements };
+export { EcoButton$1 as EcoButton, EcoCard$1 as EcoCard, EcoCardBody$1 as EcoCardBody, EcoCardFooter$1 as EcoCardFooter, EcoCardHeader$1 as EcoCardHeader, EcoCheckbox$1 as EcoCheckbox, EcoDescription$1 as EcoDescription, EcoDescriptionGroup$1 as EcoDescriptionGroup, EcoIcon$1 as EcoIcon, EcoInputDate$1 as EcoInputDate, EcoInputFile$1 as EcoInputFile, EcoInputNumber$1 as EcoInputNumber, EcoInputText$1 as EcoInputText, EcoInputTextarea$1 as EcoInputTextarea, EcoMessagebox$1 as EcoMessagebox, EcoRadioButton$1 as EcoRadioButton, EcoRadioGroup$1 as EcoRadioGroup, EcoSelect$1 as EcoSelect, EcoSpinner$1 as EcoSpinner, EcoTable$1 as EcoTable, EcoTextInputHelp$1 as EcoTextInputHelp, EcoTextInputOptional$1 as EcoTextInputOptional, EcoTextLabel$1 as EcoTextLabel, defineCustomElements };

dist/eco/eco.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-8908b1ea.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-4c94bc11",[[1,"eco-card",{cardQaId:[1,"card-qa-id"],sticky:[4],collapsable:[4],collapsed:[4]}]]],["p-bfcf61ab",[[1,"eco-input-date",{label:[1],help:[1],optional:[1],readonly:[4],required:[4],disabled:[4],withnow:[4],withtime:[4],ddmin:[2],ddmax:[2],mmmin:[2],mmmax:[2],yyyymin:[2],yyyymax:[2],minutemin:[2],minutemax:[2],hourmin:[2],hourmax:[2]}]]],["p-3e5babfd",[[1,"eco-input-file",{label:[1],help:[1],optional:[1],text:[1],accept:[1],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],inputId:[1,"input-id"]}]]],["p-7e5140fb",[[1,"eco-input-text",{type:[1],label:[1],help:[1],optional:[1],value:[1],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],inputId:[1,"input-id"]}]]],["p-081f8d61",[[1,"eco-input-textarea",{label:[1],value:[1],help:[1],optional:[1],status:[1],width:[1],height:[1],disabled:[4],readonly:[4],required:[4],resize:[4],inputId:[1,"input-id"]}]]],["p-1242c800",[[1,"eco-radio-group",{label:[1],help:[1],radioData:[16]}]]],["p-04de9fff",[[4,"eco-select",{label:[1],help:[1],name:[1],optional:[1],status:[1],width:[1],selectQaId:[1,"select-qa-id"],disabled:[4],required:[4],inputId:[1,"input-id"]}]]],["p-6ff3ca43",[[1,"eco-button",{label:[1],size:[1],type:[1],disabled:[4],icon:[1],icontype:[1],iconsize:[1]}]]],["p-7c96afeb",[[1,"eco-checkbox",{label:[1],name:[1],checkboxQaId:[1,"checkbox-qa-id"],checked:[4],disabled:[4],inputId:[1,"input-id"]}]]],["p-4bc1460d",[[1,"eco-messagebox",{type:[1],icon:[1],icontype:[1]}]]],["p-1e6376d0",[[1,"eco-radio-button",{name:[1],label:[1],radioQaId:[1,"radio-qa-id"],checked:[4],disabled:[4],controlValue:[1,"control-value"],inputId:[1,"input-id"]}]]],["p-81e19add",[[1,"eco-description",{term:[1],description:[1],descQaId:[1,"desc-qa-id"]}]]],["p-178d8da8",[[1,"eco-description-group",{vertical:[4]}]]],["p-35c67271",[[1,"eco-table",{responsive:[4],equalcolumns:[4],sticky:[4],tableQaId:[1,"table-qa-id"]}]]],["p-5f0647fa",[[1,"eco-text-label",{for:[1],labelQaId:[1,"label-qa-id"],wrap:[4]}]]],["p-20a424fc",[[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"]}]]],["p-08f0a10b",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["p-510ae47a",[[1,"eco-icon",{icon:[1],icontype:[1],iconsize:[1],url:[1]}]]],["p-e7404a01",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]],e)));
+import{p as e,b as a}from"./p-8908b1ea.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-9e70ccb3",[[1,"eco-card",{cardQaId:[1,"card-qa-id"],sticky:[4],collapsable:[4],collapsed:[4]}]]],["p-bfcf61ab",[[1,"eco-input-date",{label:[1],help:[1],optional:[1],readonly:[4],required:[4],disabled:[4],withnow:[4],withtime:[4],ddmin:[2],ddmax:[2],mmmin:[2],mmmax:[2],yyyymin:[2],yyyymax:[2],minutemin:[2],minutemax:[2],hourmin:[2],hourmax:[2]}]]],["p-0c1c664f",[[1,"eco-input-file",{label:[1],help:[1],optional:[1],text:[1],accept:[1],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],inputId:[1,"input-id"]}]]],["p-9e20a744",[[1,"eco-input-text",{type:[1],label:[1],help:[1],optional:[1],value:[1],status:[1],width:[1],disabled:[4],readonly:[4],required:[4],inputId:[1,"input-id"]}]]],["p-e55b1abc",[[1,"eco-input-textarea",{label:[1],value:[1],help:[1],optional:[1],status:[1],width:[1],height:[1],disabled:[4],readonly:[4],required:[4],resize:[4],inputId:[1,"input-id"]}]]],["p-1242c800",[[1,"eco-radio-group",{label:[1],help:[1],radioData:[16]}]]],["p-6cd1467e",[[4,"eco-select",{label:[1],help:[1],name:[1],optional:[1],status:[1],width:[1],selectQaId:[1,"select-qa-id"],disabled:[4],required:[4],inputId:[1,"input-id"]}]]],["p-923e7dfc",[[1,"eco-button",{label:[1],size:[1],type:[1],disabled:[4],icon:[1],icontype:[1],iconsize:[1]}]]],["p-7c96afeb",[[1,"eco-checkbox",{label:[1],name:[1],checkboxQaId:[1,"checkbox-qa-id"],checked:[4],disabled:[4],inputId:[1,"input-id"]}]]],["p-6dde9a2c",[[1,"eco-messagebox",{type:[1],icon:[1],icontype:[1]}]]],["p-1e6376d0",[[1,"eco-radio-button",{name:[1],label:[1],radioQaId:[1,"radio-qa-id"],checked:[4],disabled:[4],controlValue:[1,"control-value"],inputId:[1,"input-id"]}]]],["p-81e19add",[[1,"eco-description",{term:[1],description:[1],descQaId:[1,"desc-qa-id"]}]]],["p-178d8da8",[[1,"eco-description-group",{vertical:[4]}]]],["p-05bfa572",[[1,"eco-spinner",{text:[1],fullscreen:[4],size:[1],theme:[1]}]]],["p-35c67271",[[1,"eco-table",{responsive:[4],equalcolumns:[4],sticky:[4],tableQaId:[1,"table-qa-id"]}]]],["p-e20ca0bf",[[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"]}]]],["p-08f0a10b",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["p-3b7c8d30",[[1,"eco-icon",{icon:[1],icontype:[1],iconsize:[1],url:[1]}]]],["p-5f0647fa",[[1,"eco-text-label",{for:[1],labelQaId:[1,"label-qa-id"],wrap:[4]}]]],["p-e7404a01",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]],e)));

dist/esm/eco-button.entry.js

 import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { E as EcoInputSizeList, a as EcoTypeList } from './utils-d466c8a5.js';
+import { b as EcoInputSizeList, c as EcoTypeList } from './utils-965f9f3d.js';
 
-const ecoButtonCss = "button{--color:var(--c-text);--highlight:var(--c-text);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.2);position:relative;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)}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled)}button[disabled]:hover::before,button[disabled]:focus::before,button[disabled]:active::before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent}button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent;mix-blend-mode:multiply}button:hover::before,button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer)}button:active::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer) inset}.default{--color:var(--c-text);--highlight:var(--c-text)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.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{--color:var(--c-cta-default);--highlight:var(--c-cta-default);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.2);position:relative;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)}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled)}button[disabled]:hover::before,button[disabled]:focus::before,button[disabled]:active::before{box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent}button::before{transition:box-shadow 150ms;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-base) var(--c-cta-background) inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset, 0 0 0 transparent;mix-blend-mode:multiply}button:hover::before,button:focus::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer)}button:active::before{box-shadow:0 0 0 var(--bw-base) transparent inset,\n    0 0 0 var(--bw-thick) var(--highlight) inset,\n    0 0 var(--sp-sm) var(--shadow-outer) inset}.default{--color:var(--c-cta-default);--highlight:var(--c-cta-default)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.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)}";
 
@@ -6,0 +6,0 @@ const EcoButton = class {

dist/esm/eco-card.entry.js

 import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-4789c778.js';
-import { E as EcoInputSizeList, b as EcoIconList } from './utils-d466c8a5.js';
+import { b as EcoInputSizeList, d as EcoIconList } from './utils-965f9f3d.js';
 
@@ -4,0 +4,0 @@ 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);z-index:1}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:2}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";

dist/esm/eco-icon.entry.js

 import { r as registerInstance, h, H as Host } from './index-4789c778.js';
-import { b as EcoIconList, a as EcoTypeList, E as EcoInputSizeList } from './utils-d466c8a5.js';
+import { d as EcoIconList, c as EcoTypeList, b as EcoInputSizeList } from './utils-965f9f3d.js';
 
@@ -4,0 +4,0 @@ 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)}";

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

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

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

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

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

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

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

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

dist/esm/eco-messagebox.entry.js

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

dist/esm/eco-select.entry.js

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

dist/esm/eco.js

@@ -16,3 +16,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-4789c778.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-table",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["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_3",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-help_2",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
+  return bootstrapLazy([["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body_3",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-text-input-help_2",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
 });

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-4789c778.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-table",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["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_3",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-help_2",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
+  return bootstrapLazy([["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[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-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[16]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-radio-button",[[1,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[1,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body_3",[[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-text-input-help_2",[[1,"eco-text-input-optional"],[1,"eco-text-input-help"]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/types/components.d.ts

@@ -8,3 +8,3 @@ /* eslint-disable */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { EcoIconList, EcoInputSizeList, EcoInputStatusList, EcoInputWidthList, EcoTypeList } from "./utils/utils";
+import { EcoIconList, EcoInputSizeList, EcoInputStatusList, EcoInputWidthList, EcoSpinnerSizeList, EcoSpinnerThemeList, EcoTypeList } from "./utils/utils";
 import { EcoIcon } from "./components/eco-icon/eco-icon";
@@ -163,2 +163,8 @@ import { RadioValues } from "./components/eco-radio-group/eco-radio-group-values";
     }
+    interface EcoSpinner {
+        "fullscreen": boolean;
+        "size": EcoSpinnerSizeList;
+        "text": string;
+        "theme": EcoSpinnerThemeList;
+    }
     interface EcoTable {
@@ -289,2 +295,8 @@ "equalcolumns": boolean;
     };
+    interface HTMLEcoSpinnerElement extends Components.EcoSpinner, HTMLStencilElement {
+    }
+    var HTMLEcoSpinnerElement: {
+        prototype: HTMLEcoSpinnerElement;
+        new (): HTMLEcoSpinnerElement;
+    };
     interface HTMLEcoTableElement extends Components.EcoTable, HTMLStencilElement {
@@ -333,2 +345,3 @@ }
         "eco-select": HTMLEcoSelectElement;
+        "eco-spinner": HTMLEcoSpinnerElement;
         "eco-table": HTMLEcoTableElement;
@@ -492,2 +505,8 @@ "eco-text-input-help": HTMLEcoTextInputHelpElement;
     }
+    interface EcoSpinner {
+        "fullscreen"?: boolean;
+        "size"?: EcoSpinnerSizeList;
+        "text"?: string;
+        "theme"?: EcoSpinnerThemeList;
+    }
     interface EcoTable {
@@ -527,2 +546,3 @@ "equalcolumns"?: boolean;
         "eco-select": EcoSelect;
+        "eco-spinner": EcoSpinner;
         "eco-table": EcoTable;
@@ -556,2 +576,3 @@ "eco-text-input-help": EcoTextInputHelp;
             "eco-select": LocalJSX.EcoSelect & JSXBase.HTMLAttributes<HTMLEcoSelectElement>;
+            "eco-spinner": LocalJSX.EcoSpinner & JSXBase.HTMLAttributes<HTMLEcoSpinnerElement>;
             "eco-table": LocalJSX.EcoTable & JSXBase.HTMLAttributes<HTMLEcoTableElement>;
@@ -558,0 +579,0 @@ "eco-text-input-help": LocalJSX.EcoTextInputHelp & JSXBase.HTMLAttributes<HTMLEcoTextInputHelpElement>;

dist/types/utils/utils.d.ts

@@ -12,2 +12,12 @@ export declare type CssClassMap = {
 }
+export declare enum EcoSpinnerSizeList {
+  sm = "sm",
+  md = "md",
+  lg = "lg"
+}
+export declare enum EcoSpinnerThemeList {
+  mono = "mono",
+  multi = "multi",
+  base = "base"
+}
 export declare enum EcoInputSizeList {
@@ -14,0 +24,0 @@ sm = "sm",

package.json

 {
   "name": "@intelligentgrowthsolutions/eco",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Eco Design System for Intelligent Growth Solutions",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

README.md

@@ -80,3 +80,3 @@ ![](src/assets/storybook/logo.svg)
 ```
-import {defineCustomElements} from '@intelligentgrowthsolutions/eco/loader';
+import {defineCustomElements} from '@intelligentgrowthsolutions/eco';
 ```
@@ -87,3 +87,3 @@
 ```
-import {defineCustomElements} from '../../../../../eco/loader';`
+import {defineCustomElements} from '../../../../../eco';`
 ```
@@ -90,0 +90,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

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

821488

increased by20.1%

Number of package files

319

increased by28.63%

Lines of code

15287

increased by18.39%

Worsened metrics

Number of low supply chain risk alerts

41

increased by64%

No dependency changes