@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 17.2.5 to 17.2.6

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

@@ -16,2 +16,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -141,5 +142,5 @@ this.noResults = false;
     render() {
-        return (index.h(index.Host, { key: '0d49d312ffef37bc2cf3cb00b9cb46c1777f77e4', "qa-id": this.qaIdElement, class: {
+        return (index.h(index.Host, { key: '35a9e3a6131a487cc37c7035ecedc0a1203bdb97', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !helpers.exists(this.maxBlockSize),
-            } }, this.showTop() ? (index.h("div", { class: "sticky-top" }, index.h("eco-input-wrapper", null, !this.searchable && helpers.exists(this.label) ? (index.h("eco-text-label", null, this.label)) : null, !this.searchable && helpers.exists(this.help) ? (index.h("eco-text-input-help", null, this.help)) : null, this.searchable ? (index.h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (index.h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: utils.EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, index.h("eco-spacer", { key: '4e98d24fff23da8d40f37240f654792203cd34d2', gap: utils.EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (index.h("div", { class: helpers.exists(this.maxBlockSize) && 'overflow-wrapper' }, index.h("slot", null))) : (this.searchable && (index.h("eco-messagebox", { type: utils.EcoTypeList.info }, index.h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (index.h("div", { class: "sticky-top" }, index.h("eco-input-wrapper", null, !this.searchable && helpers.exists(this.label) ? (index.h("eco-text-label", null, this.label)) : null, !this.searchable && helpers.exists(this.help) ? (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (index.h("eco-input-text", { type: "search", label: this.label, help: this.help, status: helpers.exists(this.help) ? this.helpStatus : null, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (index.h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: utils.EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, index.h("eco-spacer", { key: '694bd55ab52c308de6ee45646c422c1c9e0978cf', gap: utils.EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (index.h("div", { class: helpers.exists(this.maxBlockSize) && 'overflow-wrapper' }, index.h("slot", null))) : (this.searchable && (index.h("eco-messagebox", { type: utils.EcoTypeList.info }, index.h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -146,0 +147,0 @@ get hostElement() { return index.getElement(this); }

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

@@ -19,2 +19,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.inputId = undefined;
@@ -64,3 +65,3 @@ this.listId = undefined;
     render() {
-        return (index.h(index.Host, { key: '3123af720547605f516320d7baf1e3d01dcc8f54', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '92a691e8504e742bdb63e902976f2c869b2298ce' }, helpers.exists(this.label) && (index.h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), helpers.exists(this.help) && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("input", { key: '325d77bcfc4ba698da1a5b4f94ddf37717d6a943', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), index.h("datalist", { key: '72e57942377753a2eb063ea40331b79380143513', id: this.listId, "qa-id": this.qaIdDataList }, index.h("slot", { key: '6845f3500c05c5dfb98a173958c5d3e2a16a9cf9' })), this.notListedOption ? (index.h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: utils.EcoTypeList.info, icon: utils.EcoIconList.info }, this.notListedMessage)) : null)));
+        return (index.h(index.Host, { key: '66fbe3c218eae9eff5b6b0365fe62981591df5a2', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'd20dab5e8b1d1f49c78430827676dc307f661d52' }, helpers.exists(this.label) && (index.h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), helpers.exists(this.help) && (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), index.h("input", { key: 'a9490d084d341ec66c7bd1a1d0bd2bfa487b66f1', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), index.h("datalist", { key: '1fad2b309410fc7b4bdf99d675d1a90bc42241b1', id: this.listId, "qa-id": this.qaIdDataList }, index.h("slot", { key: 'd9a49ba780e1dcae54d0bc87b977790d24304e14' })), this.notListedOption ? (index.h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: utils.EcoTypeList.info, icon: utils.EcoIconList.info }, this.notListedMessage)) : null)));
     }
@@ -67,0 +68,0 @@ get hostElement() { return index.getElement(this); }

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

@@ -78,3 +78,3 @@ 'use strict';
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '5cb0c9835d5fb15689e0282244bef10e2e846dbd', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '7e80e4f396368a168554f40d7f4eb525d88b52ee', class: classMap }, this.label && (index.h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), index.h("input", { key: '2aa819a8937d209368797fbbd2da5ac6896b3776', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), index.h("label", { key: '2032868f7f88dbffe2c11b3e9702dc95bab38603', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, index.h("span", { key: 'fde9cdc53da66ad5727dcfdc7bfefc4c3b2a42cb', class: "filename", "qa-id": this.qaIdFilename }, this.text), index.h("span", { key: '97b6dbc49fc54e0289e6bab26b0497173d884de9', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
+        return (index.h(index.Host, { key: '5e35e0dfa1f4a5efecbeb9926844914ff192ad08', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'c486cf37f574b4bec56d392bef9548531d9636f4', class: classMap }, this.label && (index.h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), helpers.exists(this.help) && (index.h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), index.h("input", { key: 'ee94ca5cab0ce4c95cc01865369b261630ed8dac', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), index.h("label", { key: '71504b0c12a7099c92a71575bd134ef69a25e6b4', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, index.h("span", { key: '7881ee8254a9a7e1ace9e272cd79ee7103d53590', class: "filename", "qa-id": this.qaIdFilename }, this.text), index.h("span", { key: 'fec15f895395590ff9454bf6de52a396d0cea46c', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
     }
@@ -81,0 +81,0 @@ getCssClassMap() {

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

@@ -19,2 +19,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.placeholder = undefined;
@@ -142,3 +143,3 @@ this.optional = undefined;
     render() {
-        return (index.h(index.Host, { key: '4dff1e87bd0708bc12d4b3d21af5a8acd69c0653', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '7955c40ecf37efd1890a754befaf6fcad1cbb94b' }, this.label && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("div", { key: '22b5c03fccfa7584dd8761e8f2f07adf5d4606e0', class: "wrapper" }, this.filterChildren.length >= 2 && (index.h("eco-popover", { popoverAlignment: utils.EcoTabAlignment.start }, index.h("eco-button", { slot: "trigger", icon: utils.EcoIconList.filter, label: this.buttonText }), index.h("div", { class: "options" }))), index.h("eco-input-text", { key: 'fe88abfbaf4b7484059803250ed2882fc476cd71', type: "search", label: "", width: utils.EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
+        return (index.h(index.Host, { key: 'a62986fe20ee422c9c969ebb72e57ac62655a975', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '7ee0980a87f5efbc83924e862eb7cbd9a3b1e471' }, this.label && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), index.h("div", { key: '0e316d235141124f85302490326ed62d03c6c61b', class: "wrapper" }, this.filterChildren.length >= 2 && (index.h("eco-popover", { popoverAlignment: utils.EcoTabAlignment.start }, index.h("eco-button", { slot: "trigger", icon: utils.EcoIconList.filter, label: this.buttonText }), index.h("div", { class: "options" }))), index.h("eco-input-text", { key: '83eb36a12829703b557a6b89fe565cd248a4bda8', type: "search", label: "", width: utils.EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
     }
@@ -145,0 +146,0 @@ get hostElement() { return index.getElement(this); }

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

@@ -110,3 +110,3 @@ 'use strict';
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("input", { key: '50a462ef456a6b6c82cee739df721c697d1f42d4', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, value: value, type: "tel" }))));
+        return (index.h(index.Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), helpers.exists(this.help) && (index.h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), index.h("input", { key: '730e8d7b193e55697991e3678da78ac2ff084f5e', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: "tel", value: value }))));
     }
@@ -113,0 +113,0 @@ getCssClassMap() {

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

@@ -33,2 +33,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = 'Range';
@@ -142,3 +143,3 @@ this.disabled = false;
         const inputOrientation = this.inputOrientation();
-        return (index.h(index.Host, { key: '595cafe4a70003633c037b8da411d151df287fd6', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'b38b7446434162bd7c80935b82b6e8487b1038a0', status: utils.EcoInputStatusList.default }, this.label && (index.h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("div", { key: 'b87f85289ce287ab7977172db9280acc80cfef39', class: inputOrientation }, index.h("div", { key: '51b974263fe6dc0b0d5f6f81bda4dfe8b86e6b37', class: sliderOrientation }, index.h("span", { key: 'e28aebb9d9da2806af125b4b920aa88d78a1271d', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), index.h("input", { key: '9a19e5f0cbeed9459b9cdc2f152d62fa29a2a77e', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), index.h("span", { key: '0b2f91e39c1588681fb44171e61210d99be2bf2e', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), index.h("output", { key: '8d362f2ee21cb30d5f42b1554b19d15de41371c3', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (index.h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (index.h(index.Fragment, null, !this.showError ? (index.h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (index.h("eco-icon", { class: "error-icon", icon: utils.EcoIconList.alert, icontype: utils.EcoIconTypeList.danger, iconsize: utils.EcoIconSizeList.xl })) : null)) : null), this.showError ? (index.h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: utils.EcoTypeList.danger, icon: utils.EcoIconList.info }, index.h("div", null, this.showError ? (index.h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
+        return (index.h(index.Host, { key: 'b24cf67ea4f040053b5679c4411b1059c0ef0d2b', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'e0fe70ccf6e0edf264931c65416773120c0277c3', status: utils.EcoInputStatusList.default }, this.label && (index.h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), index.h("div", { key: '19badc4740d0ca4a742b81a2299eefebff54eafe', class: inputOrientation }, index.h("div", { key: 'd62775f9f7dc4dca212fdfc195f9891af298f9ff', class: sliderOrientation }, index.h("span", { key: '790351fabc92eabcbde58b856ec59ef3c7099cfb', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), index.h("input", { key: '24fe12f6d19622b0794eef14ca93cc9b616eb757', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), index.h("span", { key: 'fecd543e0b6a6f610d1e15a3b078718f79e69fb9', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), index.h("output", { key: '47e4bdce5e61077ef3d8d742722bed5d3df1073a', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (index.h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (index.h(index.Fragment, null, !this.showError ? (index.h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (index.h("eco-icon", { class: "error-icon", icon: utils.EcoIconList.alert, icontype: utils.EcoIconTypeList.danger, iconsize: utils.EcoIconSizeList.xl })) : null)) : null), this.showError ? (index.h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: utils.EcoTypeList.danger, icon: utils.EcoIconList.info }, index.h("div", null, this.showError ? (index.h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
             ? ` and must be a multiple of ${this.step}`
@@ -145,0 +146,0 @@ : null, ".")) : null))) : null)));

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

@@ -19,2 +19,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -114,4 +115,4 @@ this.inputId = undefined;
         })) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.localeCompare(b));
-        return (index.h(index.Host, { key: '7887c4eed6180e4a5c75f92d89c4b633c07b1d21' }, index.h("eco-input-wrapper", { key: '8cf14ce948e1880cf515274b3238860ace7b46ec' }, helpers.exists(this.label) && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), helpers.exists(this.help) && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("div", { key: '46b2edd21fda1f449e7511ce8fffe8d9085a6432', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
-            _c.map((tag) => (index.h("eco-input-tag", { label: tag }))), index.h("input", { key: 'd5cb39f0abbb02f6a3fd534a354331b6a60886af', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (index.h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, index.h("eco-input-tag", { action: utils.EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
+        return (index.h(index.Host, { key: '7c395bb640cd94a9f27887b084981e96a2965bfb' }, index.h("eco-input-wrapper", { key: '98c7f3dcb2b59ff40e70ebe02c18b1039a63ed55' }, helpers.exists(this.label) && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), helpers.exists(this.help) && (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), index.h("div", { key: '6b533a557e2652de9f1758288f66a4ecfb73240e', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
+            _c.map((tag) => (index.h("eco-input-tag", { label: tag }))), index.h("input", { key: '8986ada9d64259cf212e31c52aa5aa9feeaaa585', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (index.h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, index.h("eco-input-tag", { action: utils.EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
             filteredOptions.map((tag) => (index.h("eco-input-tag", { action: utils.EcoTagAction.add, label: tag, key: tag }))))))));
@@ -118,0 +119,0 @@ }

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

@@ -145,3 +145,3 @@ 'use strict';
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: 'b9d1244a59a67c0f40c6a86a782bb875b8d9e33d', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '5724fac02ec00999c64050deda82e5be52cc6c02', class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), this.type === 'search' ? (index.h("eco-icon", { "aria-hidden": true, icon: utils.EcoIconList.search, iconsize: utils.EcoIconSizeList.sm })) : null, index.h("input", { key: '626d951f93f4318c5c04b2eb316aeae5ebe093bc', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
+        return (index.h(index.Host, { key: '6c6b72a13ec6a066b4995dbe4c3bbe2d154e567a', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '090901696fb06997719fec60eee39b35638ed0ad', class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), this.type === 'search' ? (index.h("eco-icon", { "aria-hidden": true, icon: utils.EcoIconList.search, iconsize: utils.EcoIconSizeList.sm })) : null, index.h("input", { key: '831c98ad0467b205eb03282cbc7cfc2e16788f61', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
     }
@@ -148,0 +148,0 @@ getCssClassMap() {

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

@@ -59,3 +59,3 @@ 'use strict';
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), index.h("textarea", { key: '81163595dff8209c85b331355cc9333a1fae2d7f', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
+        return (index.h(index.Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), index.h("textarea", { key: 'ed54f2c8f8bba34f6f0d0bcc45f67e0d06643edf', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
     }
@@ -62,0 +62,0 @@ getCssClassMap() {

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

@@ -93,2 +93,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -185,3 +186,3 @@ this.optional = 'Optional';
     render() {
-        return (index.h(index.Host, { key: 'b47089968591203fd0873f5eb14853ba584c748b', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '12de16e10d664b3ffbc7e6d7edf18ff378d36ad4' }, this.label && (index.h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("span", { key: 'aecfc72e9e3725befc09e64c754371aa7d7affbd', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (index.h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (index.h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (index.h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (index.h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (index.h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
+        return (index.h(index.Host, { key: '5a829261b2ecb530241683e016a4db85167c21ec', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'a6848804cfd0c74157d3aed6ef597167357f187c' }, this.label && (index.h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), index.h("span", { key: '8f51de37e1670b7c50109a913a41d5ab603f0a80', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (index.h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (index.h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (index.h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (index.h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (index.h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
     }
@@ -188,0 +189,0 @@ get hostElement() { return index.getElement(this); }

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

@@ -83,6 +83,6 @@ 'use strict';
                     this.hostElement.getBoundingClientRect().top +
-                    this.nativeInput.offsetTop}px - ${ecoTokens.SpXxs} - ${this.maxHeight});
+                    this.nativeInput.offsetTop}px - ${ecoTokens.SpXxs} - ${this.maxBlockSize});
         width: ${this.nativeInput.getBoundingClientRect().width}px;
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -97,3 +97,3 @@ }
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -126,3 +126,3 @@ }
         this.placeholder = 'Select multiple options';
-        this.maxHeight = 'calc(40vh - var(--sp-xxxl))';
+        this.maxBlockSize = 'calc(40vh - var(--sp-xxxl))';
         this.status = utils.EcoInputStatusList.default;
@@ -191,3 +191,3 @@ this.disabled = false;
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '27391531c504ea1baefd40e9e5dbc9439207c03b', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'd435dda67a2b69d44f932199a3e8b83a807e3977', class: classMap }, index.h("eco-text-label", { key: '10bf1d261eee390c029021a172ca0a928f0381b2', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("input", { key: '9c3f436e18572cbce198d3b1a4e57d4d7fe941fb', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, index.h("slot", { key: 'c93dd28dc6c597f7a76fe7ebfebc0b7312246b56' })), index.h("eco-icon", { key: '9ff599f8d98a5ceebbc2e0901adfc161f4bf81fd', "aria-hidden": true, icon: utils.EcoIconList.toggleDown }))));
+        return (index.h(index.Host, { key: '98e12d89f743f7504e68541d0df2d21a40c1e853', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'b6492f449776ff1e74c2164b6e240b41b66b746f', class: classMap }, index.h("eco-text-label", { key: '7c7a01970321f5fa189ad883539740eadd340610', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (index.h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (index.h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), index.h("input", { key: 'dfa8546f9bee78d184e12cf005c57340c3d28b74', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, index.h("slot", { key: '65e92834b2ffbce02152851ae60a356898204b30' })), index.h("eco-icon", { key: '8e87668dda0150ce17a7a423c038511be35ccdb9', "aria-hidden": true, icon: utils.EcoIconList.toggleDown }))));
     }
@@ -194,0 +194,0 @@ getCssClassMap() {

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

@@ -31,2 +31,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.name = undefined;
@@ -178,5 +179,5 @@ this.label = undefined;
     render() {
-        return (index.h(index.Host, { key: '71811718f12c64dcd7cb5b271ddb78f7daa62236', "qa-id": this.qaIdElement, class: {
+        return (index.h(index.Host, { key: 'ec44a3e09fedfcb005d5f8847460e21a3efa8497', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !helpers.exists(this.maxBlockSize),
-            } }, this.showTop() ? (index.h("div", { class: "sticky-top" }, index.h("eco-input-wrapper", null, !this.searchable && helpers.exists(this.label) ? (index.h("eco-text-label", null, this.label)) : null, !this.searchable && helpers.exists(this.help) ? (index.h("eco-text-input-help", null, this.help)) : null, this.searchable ? (index.h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, index.h("eco-spacer", { key: '173f19abaa98000bd17a0aac4226536e88c17c9c', onClick: this.onClick, gap: utils.EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (index.h("div", { class: helpers.exists(this.maxBlockSize) && 'overflow-wrapper' }, index.h("slot", null))) : (this.searchable && (index.h("eco-messagebox", { type: utils.EcoTypeList.info }, index.h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (index.h("div", { class: "sticky-top" }, index.h("eco-input-wrapper", null, !this.searchable && helpers.exists(this.label) ? (index.h("eco-text-label", null, this.label)) : null, !this.searchable && helpers.exists(this.help) ? (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (index.h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, index.h("eco-spacer", { key: '3bb9a5695e96af3a97fa3f64afc2ac8882721112', onClick: this.onClick, gap: utils.EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (index.h("div", { class: helpers.exists(this.maxBlockSize) && 'overflow-wrapper' }, index.h("slot", null))) : (this.searchable && (index.h("eco-messagebox", { type: utils.EcoTypeList.info }, index.h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -183,0 +184,0 @@ get hostElement() { return index.getElement(this); }

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

@@ -45,3 +45,3 @@ 'use strict';
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, index.h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (index.h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), index.h("select", { key: '0c00a368f2d61aacda6ec781261e0bd6ce881911', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, index.h("slot", { key: 'e9bc86c88278df607a7fdd409df914543107468e' })), index.h("eco-icon", { key: 'aee244990873fe9424ef32e0f8815c80f24caca9', "aria-hidden": true, icon: utils.EcoIconList.toggleDown }))));
+        return (index.h(index.Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, index.h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (index.h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), index.h("select", { key: '73fed47daaf9ee88dc0c1fbf3f7ce472db894a93', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, index.h("slot", { key: '61d0dcf810c8ae492f773202aab52f0fc3cc206c' })), index.h("eco-icon", { key: '2398cc7c1242b69f17179f29ed1bc5d734e03246', "aria-hidden": true, icon: utils.EcoIconList.toggleDown }))));
     }
@@ -48,0 +48,0 @@ getCssClassMap() {

dist/cjs/eco-stacked-bar.cjs.entry.js

@@ -16,2 +16,3 @@ 'use strict';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.showLegend = false;
@@ -120,3 +121,3 @@ this.showPercent = false;
     render() {
-        return (index.h(index.Host, { key: 'e1036a5d74a9f29a79612e90b96266163cb12d6a', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: 'b9c90581bd0745bd2ef5a1e3f97008b5eeccd096' }, this.label && (index.h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (index.h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), index.h("slot", { key: '3918ca41b378baa39398cf504d3d92ea7ef9dba1' }))));
+        return (index.h(index.Host, { key: '961401ab2880ad847663e521a028a8ac3674b24e', "qa-id": this.qaIdElement }, index.h("eco-input-wrapper", { key: '89b46cf7bf27d3733c0e71ae49d1e5fbb37d2a84' }, this.label && (index.h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (index.h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), index.h("slot", { key: '7878561948d2d3dc8957090f21c7be3e2c6cc6b9' }))));
     }
@@ -123,0 +124,0 @@ get el() { return index.getElement(this); }

dist/cjs/eco.cjs.js

@@ -22,3 +22,3 @@ 'use strict';
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"eco-multi-select.cjs\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxHeight\":[1,\"max-height\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message.cjs\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter.cjs\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table.cjs\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code.cjs\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal.cjs\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list.cjs\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range.cjs\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios.cjs\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist.cjs\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags.cjs\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-layout-nav.cjs\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs.cjs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-time.cjs\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-input-file.cjs\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone.cjs\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select.cjs\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-docs-responses.cjs\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner.cjs\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-stacked-bar.cjs\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-lightbox.cjs\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button.cjs\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option.cjs\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over.cjs\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item.cjs\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation.cjs\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge.cjs\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline.cjs\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio.cjs\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside.cjs\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks.cjs\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter.cjs\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header.cjs\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link.cjs\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon.cjs\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item.cjs\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp.cjs\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge.cjs\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion.cjs\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset.cjs\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots.cjs\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes.cjs\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body.cjs\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level.cjs\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo.cjs\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout.cjs\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress.cjs\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment.cjs\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments.cjs\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav.cjs\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab.cjs\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content.cjs\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs.cjs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes.cjs\",[[1,\"eco-checkboxes\",{\"help\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag.cjs\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover.cjs\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options.cjs\",[[1,\"eco-split-options\"]]],[\"eco-toast_2.cjs\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea.cjs\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox.cjs\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2.cjs\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2.cjs\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description.cjs\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content.cjs\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9.cjs\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"inputStatus\":[1025,\"input-status\"],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3.cjs\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3.cjs\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading.cjs\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text.cjs\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4.cjs\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"eco-multi-select.cjs\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxBlockSize\":[1,\"max-block-size\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message.cjs\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter.cjs\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table.cjs\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code.cjs\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal.cjs\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list.cjs\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range.cjs\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios.cjs\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist.cjs\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags.cjs\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-input-time.cjs\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-layout-nav.cjs\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs.cjs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-file.cjs\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone.cjs\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select.cjs\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-stacked-bar.cjs\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-docs-responses.cjs\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner.cjs\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-lightbox.cjs\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button.cjs\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option.cjs\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over.cjs\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item.cjs\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation.cjs\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge.cjs\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline.cjs\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio.cjs\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside.cjs\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks.cjs\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter.cjs\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header.cjs\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link.cjs\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon.cjs\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item.cjs\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp.cjs\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge.cjs\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion.cjs\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset.cjs\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots.cjs\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes.cjs\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body.cjs\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level.cjs\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo.cjs\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout.cjs\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress.cjs\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment.cjs\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments.cjs\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav.cjs\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab.cjs\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content.cjs\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs.cjs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes.cjs\",[[1,\"eco-checkboxes\",{\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag.cjs\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover.cjs\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options.cjs\",[[1,\"eco-split-options\"]]],[\"eco-toast_2.cjs\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea.cjs\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox.cjs\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2.cjs\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2.cjs\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description.cjs\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content.cjs\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9.cjs\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"status\":[1025],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3.cjs\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3.cjs\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading.cjs\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text.cjs\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4.cjs\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
 });
@@ -25,0 +25,0 @@

dist/cjs/loader.cjs.js

@@ -11,3 +11,3 @@ 'use strict';
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"eco-multi-select.cjs\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxHeight\":[1,\"max-height\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message.cjs\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter.cjs\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table.cjs\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code.cjs\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal.cjs\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list.cjs\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range.cjs\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios.cjs\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist.cjs\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags.cjs\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-layout-nav.cjs\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs.cjs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-time.cjs\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-input-file.cjs\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone.cjs\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select.cjs\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-docs-responses.cjs\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner.cjs\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-stacked-bar.cjs\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-lightbox.cjs\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button.cjs\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option.cjs\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over.cjs\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item.cjs\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation.cjs\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge.cjs\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline.cjs\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio.cjs\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside.cjs\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks.cjs\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter.cjs\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header.cjs\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link.cjs\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon.cjs\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item.cjs\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp.cjs\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge.cjs\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion.cjs\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset.cjs\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots.cjs\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes.cjs\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body.cjs\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level.cjs\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo.cjs\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout.cjs\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress.cjs\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment.cjs\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments.cjs\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav.cjs\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab.cjs\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content.cjs\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs.cjs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes.cjs\",[[1,\"eco-checkboxes\",{\"help\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag.cjs\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover.cjs\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options.cjs\",[[1,\"eco-split-options\"]]],[\"eco-toast_2.cjs\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea.cjs\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox.cjs\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2.cjs\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2.cjs\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description.cjs\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content.cjs\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9.cjs\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"inputStatus\":[1025,\"input-status\"],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3.cjs\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3.cjs\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading.cjs\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text.cjs\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4.cjs\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"eco-multi-select.cjs\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxBlockSize\":[1,\"max-block-size\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message.cjs\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter.cjs\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table.cjs\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code.cjs\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal.cjs\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list.cjs\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range.cjs\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios.cjs\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist.cjs\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags.cjs\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-input-time.cjs\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-layout-nav.cjs\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs.cjs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-file.cjs\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone.cjs\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select.cjs\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-stacked-bar.cjs\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-docs-responses.cjs\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner.cjs\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-lightbox.cjs\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button.cjs\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option.cjs\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over.cjs\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item.cjs\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation.cjs\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge.cjs\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline.cjs\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio.cjs\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside.cjs\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks.cjs\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter.cjs\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header.cjs\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link.cjs\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon.cjs\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item.cjs\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp.cjs\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge.cjs\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion.cjs\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset.cjs\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots.cjs\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes.cjs\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body.cjs\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level.cjs\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo.cjs\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout.cjs\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress.cjs\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment.cjs\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments.cjs\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav.cjs\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab.cjs\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content.cjs\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs.cjs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes.cjs\",[[1,\"eco-checkboxes\",{\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag.cjs\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover.cjs\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options.cjs\",[[1,\"eco-split-options\"]]],[\"eco-toast_2.cjs\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea.cjs\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox.cjs\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2.cjs\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2.cjs\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description.cjs\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content.cjs\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9.cjs\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"status\":[1025],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3.cjs\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3.cjs\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading.cjs\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text.cjs\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4.cjs\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
 };
@@ -14,0 +14,0 @@

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

@@ -6,2 +6,3 @@ import { h, Host, } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -131,5 +132,5 @@ this.noResults = false;
     render() {
-        return (h(Host, { key: '0d49d312ffef37bc2cf3cb00b9cb46c1777f77e4', "qa-id": this.qaIdElement, class: {
+        return (h(Host, { key: '35a9e3a6131a487cc37c7035ecedc0a1203bdb97', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !exists(this.maxBlockSize),
-            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", null, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, h("eco-spacer", { key: '4e98d24fff23da8d40f37240f654792203cd34d2', gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, status: exists(this.help) ? this.helpStatus : null, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, h("eco-spacer", { key: '694bd55ab52c308de6ee45646c422c1c9e0978cf', gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -167,2 +168,25 @@ static get is() { return "eco-checkboxes"; }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "label": {
@@ -169,0 +193,0 @@ "type": "string",

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

 import { html } from "lit";
+import { EcoInputStatusList } from "../../utils";
 const meta = {
@@ -13,5 +14,6 @@ title: 'Input/eco-checkboxes',
         searchPlaceholder: 'Search checkboxes',
-        label: '',
-        help: '',
+        label: 'Basic label',
+        help: 'Some help text',
         noResultsText: 'No results',
+        helpStatus: EcoInputStatusList.error,
     },
@@ -24,4 +26,10 @@ argTypes: {
         },
+        helpStatus: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
     },
-    render: ({ allowCheckAll, checkAll, searchable, searchPlaceholder, label, help, noResultsText, }) => html `
+    render: ({ allowCheckAll, checkAll, searchable, searchPlaceholder, label, help, noResultsText, helpStatus, }) => html `
 		<style>
@@ -33,9 +41,10 @@ eco-checkboxes {
 		<eco-checkboxes
-			label="${label}"
+			label=${label}
 			help=${help}
-			allow-check-all=${allowCheckAll}
-			check-all=${checkAll}
+			.helpStatus=${helpStatus}
+			.allowCheckAll=${allowCheckAll}
+			.checkAll=${checkAll}
 			searchable=${searchable}
-			search-placeholder=${searchPlaceholder}
-			no-results-text=${noResultsText}
+			.searchPlaceholder=${searchPlaceholder}
+			.noResultsText=${noResultsText}
 		>
@@ -55,50 +64,57 @@ <eco-input-checkbox label="One"></eco-input-checkbox>
 };
-const maxBlockSizeArgs = {
-    allowCheckAll: true,
-    checkAll: false,
-    searchable: true,
-    searchPlaceholder: 'Search checkboxes',
-    label: 'Max block size',
-    help: 'This story has a max block size to show how the component behaves when it overflows',
-    noResultsText: 'No results',
-    maxBlockSize: 'clamp(10rem, 30ch, 400px)',
-};
-const maxBlockSizeArgTypes = {
-    checkAll: {
-        control: {
-            type: 'boolean',
+export const MaxBlockSize = {
+    args: {
+        allowCheckAll: true,
+        checkAll: false,
+        searchable: true,
+        searchPlaceholder: 'Search checkboxes',
+        label: 'Max block size',
+        help: 'This story has a max block size to show how the component behaves when it overflows',
+        noResultsText: 'No results',
+        maxBlockSize: 'clamp(10rem, 30ch, 400px)',
+        helpStatus: EcoInputStatusList.error,
+    },
+    argTypes: {
+        checkAll: {
+            control: {
+                type: 'boolean',
+            },
         },
+        helpStatus: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
     },
+    render: ({ allowCheckAll, checkAll, searchable, searchPlaceholder, label, help, noResultsText, maxBlockSize, helpStatus, }) => html `
+		<style>
+			eco-checkboxes {
+				--background: var(--c-background);
+			}
+		</style>
+		<eco-checkboxes
+			label="${label}"
+			help=${help}
+			.helpStatus=${helpStatus}
+			.allowCheckAll=${allowCheckAll}
+			.checkAll=${checkAll}
+			searchable=${searchable}
+			.searchPlaceholder=${searchPlaceholder}
+			no-results-text=${noResultsText}
+			max-block-size=${maxBlockSize}
+		>
+			<eco-input-checkbox label="One"></eco-input-checkbox>
+			<eco-input-checkbox label="Two"></eco-input-checkbox>
+			<eco-input-checkbox label="Three"></eco-input-checkbox>
+			<eco-input-checkbox label="Four"></eco-input-checkbox>
+			<eco-input-checkbox label="Five"></eco-input-checkbox>
+			<eco-input-checkbox label="Six"></eco-input-checkbox>
+			<eco-input-checkbox label="Seven"></eco-input-checkbox>
+			<eco-input-checkbox label="Eight"></eco-input-checkbox>
+			<eco-input-checkbox label="Nine"></eco-input-checkbox>
+			<eco-input-checkbox label="Ten"></eco-input-checkbox>
+		</eco-checkboxes>
+	`,
 };
-const MaxBlockSizeTemplate = ({ allowCheckAll, checkAll, searchable, searchPlaceholder, label, help, noResultsText, maxBlockSize, }) => html `
-	<style>
-		eco-checkboxes {
-			--background: var(--c-background);
-		}
-	</style>
-	<eco-checkboxes
-		label="${label}"
-		help=${help}
-		allow-check-all=${allowCheckAll}
-		check-all=${checkAll}
-		searchable=${searchable}
-		search-placeholder=${searchPlaceholder}
-		no-results-text=${noResultsText}
-		max-block-size=${maxBlockSize}
-	>
-		<eco-input-checkbox label="One"></eco-input-checkbox>
-		<eco-input-checkbox label="Two"></eco-input-checkbox>
-		<eco-input-checkbox label="Three"></eco-input-checkbox>
-		<eco-input-checkbox label="Four"></eco-input-checkbox>
-		<eco-input-checkbox label="Five"></eco-input-checkbox>
-		<eco-input-checkbox label="Six"></eco-input-checkbox>
-		<eco-input-checkbox label="Seven"></eco-input-checkbox>
-		<eco-input-checkbox label="Eight"></eco-input-checkbox>
-		<eco-input-checkbox label="Nine"></eco-input-checkbox>
-		<eco-input-checkbox label="Ten"></eco-input-checkbox>
-	</eco-checkboxes>
-`;
-export const MaxBlockSize = MaxBlockSizeTemplate.bind({});
-MaxBlockSize.args = Object.assign({}, maxBlockSizeArgs);
-MaxBlockSize.argTypes = Object.assign({}, maxBlockSizeArgTypes);
 //# sourceMappingURL=eco-checkboxes.stories.js.map

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

@@ -7,2 +7,3 @@ import { h, Host } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.inputId = undefined;
@@ -52,3 +53,3 @@ this.listId = undefined;
     render() {
-        return (h(Host, { key: '3123af720547605f516320d7baf1e3d01dcc8f54', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '92a691e8504e742bdb63e902976f2c869b2298ce' }, exists(this.label) && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '325d77bcfc4ba698da1a5b4f94ddf37717d6a943', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), h("datalist", { key: '72e57942377753a2eb063ea40331b79380143513', id: this.listId, "qa-id": this.qaIdDataList }, h("slot", { key: '6845f3500c05c5dfb98a173958c5d3e2a16a9cf9' })), this.notListedOption ? (h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: EcoTypeList.info, icon: EcoIconList.info }, this.notListedMessage)) : null)));
+        return (h(Host, { key: '66fbe3c218eae9eff5b6b0365fe62981591df5a2', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'd20dab5e8b1d1f49c78430827676dc307f661d52' }, exists(this.label) && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'a9490d084d341ec66c7bd1a1d0bd2bfa487b66f1', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), h("datalist", { key: '1fad2b309410fc7b4bdf99d675d1a90bc42241b1', id: this.listId, "qa-id": this.qaIdDataList }, h("slot", { key: 'd9a49ba780e1dcae54d0bc87b977790d24304e14' })), this.notListedOption ? (h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: EcoTypeList.info, icon: EcoIconList.info }, this.notListedMessage)) : null)));
     }
@@ -104,2 +105,25 @@ static get is() { return "eco-input-datalist"; }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "inputId": {
@@ -106,0 +130,0 @@ "type": "string",

dist/collection/components/eco-input-datalist/eco-input-datalist.stories.js

 import { faker } from "@faker-js/faker";
 import { html } from "lit";
+import { EcoInputStatusList } from "../../utils";
 const meta = {
@@ -9,2 +10,3 @@ title: 'Input/eco-input-datalist',
         help: 'Choose from a predefined list of options or enter a new one',
+        helpStatus: EcoInputStatusList.default,
         label: 'Datalist',
@@ -17,7 +19,16 @@ optional: 'Optional',
     },
+    argTypes: {
+        helpStatus: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
+    },
 };
 export default meta;
 export const Default = {
-    render: ({ disabled, help, label, optional, placeholder, readonly, required, value, }) => html `
+    render: ({ disabled, help, helpStatus, label, optional, placeholder, readonly, required, value, }) => html `
 		<eco-input-datalist
+			.helpStatus=${helpStatus}
 			disabled=${disabled}
@@ -37,4 +48,5 @@ help=${help}
 export const LoadsOfOptions = {
-    render: ({ disabled, help, label, optional, placeholder, readonly, required, value, }) => html `
+    render: ({ disabled, help, helpStatus, label, optional, placeholder, readonly, required, value, }) => html `
 		<eco-input-datalist
+			.helpStatus=${helpStatus}
 			disabled=${disabled}
@@ -41,0 +53,0 @@ help=${help}

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

@@ -9,2 +9,3 @@ /* eslint-disable react/jsx-no-bind */
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -14,3 +15,3 @@ this.readonly = false;
         this.disabled = false;
-        this.inputStatus = EcoInputStatusList.default;
+        this.status = EcoInputStatusList.default;
         this.withTime = false;
@@ -120,9 +121,9 @@ this.daysPast = undefined;
                 await this.getDate();
-                this.inputStatus = EcoInputStatusList.default;
+                this.status = EcoInputStatusList.default;
                 if (this.value <= this.sinceDate) {
-                    this.inputStatus = EcoInputStatusList.error;
+                    this.status = EcoInputStatusList.error;
                     this.sinceDateError = true;
                 }
                 if (this.value >= this.untilDate) {
-                    this.inputStatus = EcoInputStatusList.error;
+                    this.status = EcoInputStatusList.error;
                     this.untilDateError = true;
@@ -136,9 +137,9 @@ }
             else {
-                this.inputStatus = EcoInputStatusList.error;
+                this.status = EcoInputStatusList.error;
             }
         }
         else {
-            this.inputStatus = EcoInputStatusList.error;
+            this.status = EcoInputStatusList.error;
         }
-        if (this.inputStatus !== EcoInputStatusList.default) {
+        if (this.status !== EcoInputStatusList.default) {
             this.setValue(undefined);
@@ -187,3 +188,3 @@ }
     render() {
-        return (h(Host, { key: '8e6795dda907ae970990ab579cce688d15460961' }, h("eco-input-wrapper", { key: 'a4d36c3c7c30f542617b4aed2e0ade3bd9de311e', "qa-id": this.qaIdElement }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("span", { key: 'adf5740d44ca1b0c4cbbd48e7378e43126f109e6', class: "inputs", "qa-id": this.qaIdInputs }, h("span", { key: '47ae1c78c40784199e92c82d46a4e8b07638adf6', class: "date" }, h("eco-input-number", { key: '64493f1af524932a2231ba47dc048470d1a85d46', qaIdInput: this.qaIdDd, label: "Day", name: "day", class: "day", value: this.day, min: this.dayMin, max: this.dayMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { key: '4cc3369ccc905d8554be797670c5792fb876e81a', qaIdInput: this.qaIdMm, label: "Month", name: "month", class: "month", value: this.month, min: this.monthMin, max: this.monthMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'ca8b1aa0cc48580e5e6e54a88d3b9d3550e4b641', qaIdInput: this.qaIdYyyy, label: "Year", name: "year", class: "year", value: this.year, min: this.yearMin, max: this.yearMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate })), this.withTime && (h("span", { class: "time" }, h("eco-input-number", { qaIdInput: this.qaIdHour, label: "Hour", name: "hour", class: "hour", value: this.hour, min: this.hourMin, max: this.hourMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { qaIdInput: this.qaIdMinute, label: "Minute", name: "minute", class: "minute", value: this.minute, min: this.minuteMin, max: this.minuteMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate })))), !this.dateExists ||
+        return (h(Host, { key: 'f12783c7ea81c918413e6206a19ece629140f589' }, h("eco-input-wrapper", { key: '762931253c7094ed2f4148af187db0d16242450d', "qa-id": this.qaIdElement }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("span", { key: 'a94c213cd538263ce28e37d5d6fd4d5af52e6480', class: "inputs", "qa-id": this.qaIdInputs }, h("span", { key: '51c202bb2a241dc0b899a61097af09ff4b75b12c', class: "date" }, h("eco-input-number", { key: '5a85a5b4067fc092f18322589f1472be0a09726c', qaIdInput: this.qaIdDd, label: "Day", name: "day", class: "day", value: this.day, min: this.dayMin, max: this.dayMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'f2ef324ee900e9ce4f90a12318aadd080f005490', qaIdInput: this.qaIdMm, label: "Month", name: "month", class: "month", value: this.month, min: this.monthMin, max: this.monthMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'b15f3d632430220cfd9a696746662cf0f95b4f28', qaIdInput: this.qaIdYyyy, label: "Year", name: "year", class: "year", value: this.year, min: this.yearMin, max: this.yearMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate })), this.withTime && (h("span", { class: "time" }, h("eco-input-number", { qaIdInput: this.qaIdHour, label: "Hour", name: "hour", class: "hour", value: this.hour, min: this.hourMin, max: this.hourMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { qaIdInput: this.qaIdMinute, label: "Minute", name: "minute", class: "minute", value: this.minute, min: this.minuteMin, max: this.minuteMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate })))), !this.dateExists ||
             this.inputsEmpty ||
@@ -247,2 +248,25 @@ this.sinceDateError ||
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "optional": {
@@ -320,3 +344,3 @@ "type": "string",
             },
-            "inputStatus": {
+            "status": {
                 "type": "string",
@@ -341,3 +365,3 @@ "mutable": true,
                 },
-                "attribute": "input-status",
+                "attribute": "status",
                 "reflect": false,
@@ -344,0 +368,0 @@ "defaultValue": "EcoInputStatusList.default"

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

 import { html } from "lit";
+import { EcoInputStatusList } from "../../utils";
 const meta = {
@@ -6,13 +7,20 @@ title: 'Input/eco-input-date',
     args: {
-        value: new Date().toISOString(),
+        disabled: false,
+        help: 'Some helpful text for the user',
         label: 'Input label',
-        help: 'Some helpful text for the user',
         optional: 'Optional',
+        readonly: false,
+        required: true,
+        status: EcoInputStatusList.default,
+        value: new Date().toISOString(),
         withTime: false,
-        required: true,
-        readonly: false,
-        disabled: false,
     },
     argTypes: {
         value: { control: { type: 'date' } },
+        status: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
     },
@@ -22,12 +30,13 @@ };
 export const Default = {
-    render: ({ value, label, help, optional, withTime, required, readonly, disabled, }) => html `
+    render: ({ disabled, help, label, optional, readonly, required, status, value, withTime, }) => html `
 		<eco-input-date
 			.value="${new Date(value)}"
+			.withTime="${withTime}"
+			disabled="${disabled}"
+			help="${help}"
 			label="${label}"
-			help="${help}"
 			optional="${optional}"
+			readonly="${readonly}"
 			required="${required}"
-			readonly="${readonly}"
-			disabled="${disabled}"
-			with-time="${withTime}"
+			status="${status}"
 		></eco-input-date>
@@ -41,15 +50,16 @@ `,
     },
-    render: ({ daysPast, daysFuture, label, help, optional, withTime, required, readonly, disabled, }) => html `
+    render: ({ daysFuture, daysPast, disabled, help, label, optional, readonly, required, status, withTime, }) => html `
 		<eco-input-date
-			label="Limited days"
+			.daysFuture="${daysFuture}"
+			.daysPast="${daysPast}"
+			.withTime="${withTime}"
+			disabled="${disabled}"
+			help="${help}"
 			help="Dates are limited to ${daysPast} days before and ${daysFuture} days after today"
-			days-past="${daysPast}"
-			days-future="${daysFuture}"
 			label="${label}"
-			help="${help}"
+			label="Limited days"
 			optional="${optional}"
+			readonly="${readonly}"
 			required="${required}"
-			readonly="${readonly}"
-			disabled="${disabled}"
-			with-time="${withTime}"
+			status="${status}"
 		></eco-input-date>
@@ -56,0 +66,0 @@ `,

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

@@ -68,3 +68,3 @@ import { h, Host, } from "@stencil/core";
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '5cb0c9835d5fb15689e0282244bef10e2e846dbd', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7e80e4f396368a168554f40d7f4eb525d88b52ee', class: classMap }, this.label && (h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '2aa819a8937d209368797fbbd2da5ac6896b3776', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), h("label", { key: '2032868f7f88dbffe2c11b3e9702dc95bab38603', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, h("span", { key: 'fde9cdc53da66ad5727dcfdc7bfefc4c3b2a42cb', class: "filename", "qa-id": this.qaIdFilename }, this.text), h("span", { key: '97b6dbc49fc54e0289e6bab26b0497173d884de9', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
+        return (h(Host, { key: '5e35e0dfa1f4a5efecbeb9926844914ff192ad08', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'c486cf37f574b4bec56d392bef9548531d9636f4', class: classMap }, this.label && (h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'ee94ca5cab0ce4c95cc01865369b261630ed8dac', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), h("label", { key: '71504b0c12a7099c92a71575bd134ef69a25e6b4', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, h("span", { key: '7881ee8254a9a7e1ace9e272cd79ee7103d53590', class: "filename", "qa-id": this.qaIdFilename }, this.text), h("span", { key: 'fec15f895395590ff9454bf6de52a396d0cea46c', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
     }
@@ -149,3 +149,3 @@ getCssClassMap() {
                     "tags": [],
-                    "text": ""
+                    "text": "Help text to show for eco-input-file"
                 },
@@ -152,0 +152,0 @@ "attribute": "help",

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

 import { html } from "lit";
+import { EcoInputStatusList } from "../../utils";
 const meta = {
@@ -6,23 +7,33 @@ title: 'Input/eco-input-file',
     args: {
+        accept: '.json, .csv',
+        disabled: false,
+        help: 'We can only accept JSON or CSV files',
         label: 'Upload recipe',
-        help: 'We can only accept JSON or CSV files',
-        text: 'Select a file...',
-        accept: '.json, .csv',
         optional: 'Optional',
         required: true,
-        disabled: false,
+        status: EcoInputStatusList.default,
+        text: 'Select a file...',
     },
+    argTypes: {
+        status: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
+    },
 };
 export default meta;
 export const Default = {
-    render: ({ label, help, accept, text, optional, required, disabled }) => html `
+    render: ({ accept, disabled, help, label, optional, required, status, text, }) => html `
 		<div style="display: grid; gap: var(--sp-md);grid-template-columns: 100%;">
 			<eco-input-file
+				accept="${accept}"
+				disabled="${disabled}"
+				help="${help}"
 				label="${label}"
-				help="${help}"
-				accept="${accept}"
-				text="${text}"
 				optional="${optional}"
 				required="${required}"
-				disabled="${disabled}"
+				status="${status}"
+				text="${text}"
 			></eco-input-file>
@@ -29,0 +40,0 @@ </div>

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

@@ -8,2 +8,3 @@ import { h, Host } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.placeholder = undefined;
@@ -131,3 +132,3 @@ this.optional = undefined;
     render() {
-        return (h(Host, { key: '4dff1e87bd0708bc12d4b3d21af5a8acd69c0653', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7955c40ecf37efd1890a754befaf6fcad1cbb94b' }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: '22b5c03fccfa7584dd8761e8f2f07adf5d4606e0', class: "wrapper" }, this.filterChildren.length >= 2 && (h("eco-popover", { popoverAlignment: EcoTabAlignment.start }, h("eco-button", { slot: "trigger", icon: EcoIconList.filter, label: this.buttonText }), h("div", { class: "options" }))), h("eco-input-text", { key: 'fe88abfbaf4b7484059803250ed2882fc476cd71', type: "search", label: "", width: EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
+        return (h(Host, { key: 'a62986fe20ee422c9c969ebb72e57ac62655a975', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7ee0980a87f5efbc83924e862eb7cbd9a3b1e471' }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '0e316d235141124f85302490326ed62d03c6c61b', class: "wrapper" }, this.filterChildren.length >= 2 && (h("eco-popover", { popoverAlignment: EcoTabAlignment.start }, h("eco-button", { slot: "trigger", icon: EcoIconList.filter, label: this.buttonText }), h("div", { class: "options" }))), h("eco-input-text", { key: '83eb36a12829703b557a6b89fe565cd248a4bda8', type: "search", label: "", width: EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
     }
@@ -182,2 +183,25 @@ static get is() { return "eco-input-filter"; }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "placeholder": {
@@ -184,0 +208,0 @@ "type": "string",

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

@@ -100,3 +100,3 @@ import { h, Host, } from "@stencil/core";
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '9971d56a3d9ff386be7cbe4296730814704a7982', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '6bd9cf697c99ffd5c960d9ec72425d09e21e470b', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '98738f9301504dd3c6d349dc15a5fac2b89399b4', disabled: this.disabled, id: this.inputId, max: this.max, min: this.min, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, pattern: this.pattern, "qa-id": this.qaIdInput, readonly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabindex: this.tabindex, type: "number", value: this.value }))));
+        return (h(Host, { key: '9971d56a3d9ff386be7cbe4296730814704a7982', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '6bd9cf697c99ffd5c960d9ec72425d09e21e470b', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '9df63c4271924d8e5193431e798ae30993dec320', disabled: this.disabled, id: this.inputId, max: this.max, min: this.min, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, pattern: this.pattern, "qa-id": this.qaIdInput, readonly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabindex: this.tabindex, type: "number", value: this.value }))));
     }
@@ -103,0 +103,0 @@ getCssClassMap() {

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

@@ -7,14 +7,14 @@ import { html } from "lit";
     args: {
-        type: 'number',
+        disabled: false,
+        help: 'Some helpful text for the user',
         label: 'Input label',
-        help: 'Some helpful text for the user',
+        max: 100,
+        min: 0,
         optional: 'Optional',
-        status: 'default',
+        readonly: false,
+        required: true,
+        status: EcoInputStatusList.default,
+        step: 1,
+        type: 'number',
         width: 'full',
-        min: 0,
-        max: 100,
-        step: 1,
-        required: true,
-        readonly: false,
-        disabled: false,
     },
@@ -46,18 +46,18 @@ argTypes: {
 export const Default = {
-    render: ({ type, label, help, optional, status, width, min, max, step, required, readonly, disabled, }) => html `
+    render: ({ disabled, help, label, max, min, optional, readonly, required, status, step, type, width, }) => html `
 		<div style="display: grid; gap: var(--sp-md);grid-template-columns: 100%;">
 			<eco-input-number
-				main-qa-id="qa-id-test"
-				type="${type}"
+				.mainQaId="qa-id-test"
+				disabled="${disabled}"
+				help="${help}"
 				label="${label}"
-				help="${help}"
+				max="${max}"
+				min="${min}"
 				optional="${optional}"
+				readonly="${readonly}"
+				required="${required}"
 				status="${status}"
+				step="${step}"
+				type="${type}"
 				width="${width}"
-				min="${min}"
-				max="${max}"
-				step="${step}"
-				required="${required}"
-				readonly="${readonly}"
-				disabled="${disabled}"
 			></eco-input-number>
@@ -64,0 +64,0 @@ </div>

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

@@ -95,3 +95,3 @@ import { h, Host, } from "@stencil/core";
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '50a462ef456a6b6c82cee739df721c697d1f42d4', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, value: value, type: "tel" }))));
+        return (h(Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '730e8d7b193e55697991e3678da78ac2ff084f5e', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: "tel", value: value }))));
     }
@@ -98,0 +98,0 @@ getCssClassMap() {

dist/collection/components/eco-input-phone/eco-input-phone.stories.js

@@ -10,3 +10,3 @@ import { html } from "lit";
         optional: 'Optional',
-        status: 'default',
+        status: EcoInputStatusList.default,
         width: 'full',
@@ -13,0 +13,0 @@ placeholder: ' ',

dist/collection/components/eco-input-phone/test/eco-input-phone.e2e.js

@@ -28,3 +28,3 @@ import { newE2EPage } from "@stencil/core/testing";
         expect(help).toEqualLightHtml(`
-    <eco-text-input-help class="hydrated">
+    <eco-text-input-help class="default hydrated">
       Help text
@@ -31,0 +31,0 @@ </eco-text-input-help>`);

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

@@ -20,2 +20,3 @@ import { Fragment, h, Host, } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = 'Range';
@@ -129,3 +130,3 @@ this.disabled = false;
         const inputOrientation = this.inputOrientation();
-        return (h(Host, { key: '595cafe4a70003633c037b8da411d151df287fd6', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b38b7446434162bd7c80935b82b6e8487b1038a0', status: EcoInputStatusList.default }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: 'b87f85289ce287ab7977172db9280acc80cfef39', class: inputOrientation }, h("div", { key: '51b974263fe6dc0b0d5f6f81bda4dfe8b86e6b37', class: sliderOrientation }, h("span", { key: 'e28aebb9d9da2806af125b4b920aa88d78a1271d', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), h("input", { key: '9a19e5f0cbeed9459b9cdc2f152d62fa29a2a77e', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), h("span", { key: '0b2f91e39c1588681fb44171e61210d99be2bf2e', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), h("output", { key: '8d362f2ee21cb30d5f42b1554b19d15de41371c3', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (h(Fragment, null, !this.showError ? (h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (h("eco-icon", { class: "error-icon", icon: EcoIconList.alert, icontype: EcoIconTypeList.danger, iconsize: EcoIconSizeList.xl })) : null)) : null), this.showError ? (h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: EcoTypeList.danger, icon: EcoIconList.info }, h("div", null, this.showError ? (h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
+        return (h(Host, { key: 'b24cf67ea4f040053b5679c4411b1059c0ef0d2b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'e0fe70ccf6e0edf264931c65416773120c0277c3', status: EcoInputStatusList.default }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '19badc4740d0ca4a742b81a2299eefebff54eafe', class: inputOrientation }, h("div", { key: 'd62775f9f7dc4dca212fdfc195f9891af298f9ff', class: sliderOrientation }, h("span", { key: '790351fabc92eabcbde58b856ec59ef3c7099cfb', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), h("input", { key: '24fe12f6d19622b0794eef14ca93cc9b616eb757', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), h("span", { key: 'fecd543e0b6a6f610d1e15a3b078718f79e69fb9', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), h("output", { key: '47e4bdce5e61077ef3d8d742722bed5d3df1073a', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (h(Fragment, null, !this.showError ? (h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (h("eco-icon", { class: "error-icon", icon: EcoIconList.alert, icontype: EcoIconTypeList.danger, iconsize: EcoIconSizeList.xl })) : null)) : null), this.showError ? (h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: EcoTypeList.danger, icon: EcoIconList.info }, h("div", null, this.showError ? (h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
             ? ` and must be a multiple of ${this.step}`
@@ -445,2 +446,25 @@ : null, ".")) : null))) : null)));
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "label": {
@@ -447,0 +471,0 @@ "type": "string",

dist/collection/components/eco-input-range/eco-input-range.stories.js

@@ -7,13 +7,13 @@ import { html } from "lit";
     args: {
+        inputFlow: EcoFlowDirection.horizontalLtr,
         label: 'Range',
+        max: 100,
         min: 0,
-        max: 100,
-        step: 1,
-        inputFlow: EcoFlowDirection.horizontalLtr,
         rangeFlow: EcoFlowDirection.horizontalLtr,
-        thumbSize: EcoInputSizeList.md,
         showInput: false,
         showOutput: false,
+        step: 1,
+        thumbSize: EcoInputSizeList.md,
+        valuePrefix: '',
         valueSuffix: '',
-        valuePrefix: '',
     },
@@ -43,17 +43,17 @@ argTypes: {
 export const Default = {
-    render: ({ label, min, max, step, inputFlow, rangeFlow, thumbSize, showInput, showOutput, valuePrefix, valueSuffix, }) => html ` <eco-input-range
-			value="40"
+    render: ({ inputFlow, label, max, min, rangeFlow, showInput, showOutput, step, thumbSize, valuePrefix, valueSuffix, }) => html ` <eco-input-range
+			.inputFlow="${inputFlow}"
+			.rangeFlow="${rangeFlow}"
+			.showInput="${showInput}"
+			.showOutput="${showOutput}"
+			.thumbSize="${thumbSize}"
+			.valuePrefix="${valuePrefix}"
+			.valueSuffix="${valueSuffix}"
 			label="${label}"
+			max="${max}"
 			min="${min}"
-			max="${max}"
 			step="${step}"
-			value-prefix="${valuePrefix}"
-			value-suffix="${valueSuffix}"
-			input-flow="${inputFlow}"
-			range-flow="${rangeFlow}"
-			thumb-size="${thumbSize}"
-			show-input="${showInput}"
-			show-output="${showOutput}"
+			value="40"
 		></eco-input-range>`,
 };
 //# sourceMappingURL=eco-input-range.stories.js.map

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

@@ -7,2 +7,3 @@ import { Host, h, } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -102,4 +103,4 @@ this.inputId = undefined;
         })) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.localeCompare(b));
-        return (h(Host, { key: '7887c4eed6180e4a5c75f92d89c4b633c07b1d21' }, h("eco-input-wrapper", { key: '8cf14ce948e1880cf515274b3238860ace7b46ec' }, exists(this.label) && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: '46b2edd21fda1f449e7511ce8fffe8d9085a6432', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
-            _c.map((tag) => (h("eco-input-tag", { label: tag }))), h("input", { key: 'd5cb39f0abbb02f6a3fd534a354331b6a60886af', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, h("eco-input-tag", { action: EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
+        return (h(Host, { key: '7c395bb640cd94a9f27887b084981e96a2965bfb' }, h("eco-input-wrapper", { key: '98c7f3dcb2b59ff40e70ebe02c18b1039a63ed55' }, exists(this.label) && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '6b533a557e2652de9f1758288f66a4ecfb73240e', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
+            _c.map((tag) => (h("eco-input-tag", { label: tag }))), h("input", { key: '8986ada9d64259cf212e31c52aa5aa9feeaaa585', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, h("eco-input-tag", { action: EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
             filteredOptions.map((tag) => (h("eco-input-tag", { action: EcoTagAction.add, label: tag, key: tag }))))))));
@@ -155,2 +156,25 @@ }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "optional": {
@@ -157,0 +181,0 @@ "type": "string",

dist/collection/components/eco-input-tags/eco-input-tags.stories.js

 import { faker } from "@faker-js/faker";
 import { html } from "lit";
-import { EcoIconList, EcoTypeList } from "../../utils";
+import { EcoIconList, EcoInputStatusList, EcoTypeList } from "../../utils";
 const meta = {
@@ -8,4 +8,5 @@ title: 'Input/eco-input-tags',
     args: {
+        help: 'Help text for Eco Input Tags',
+        helpStatus: EcoInputStatusList.default,
         label: 'Eco Input Tags',
-        help: 'Help text for Eco Input Tags',
         optional: 'Optional',
@@ -17,6 +18,7 @@ required: false,
 export const Default = {
-    render: ({ label, help, optional, required }) => html `
+    render: ({ label, help, helpStatus, optional, required }) => html `
 			<eco-input-tags
+				.helpStatus=${helpStatus}
+				help=${help}
 				label=${label}
-				help=${help}
 				optional=${optional}
@@ -28,3 +30,3 @@ required=${required}
 export const Options = {
-    render: ({ label, help, optional, required }) => html `
+    render: ({ label, help, helpStatus, optional, required }) => html `
 			<eco-spacer>
@@ -53,5 +55,6 @@ <eco-messagebox type=${EcoTypeList.info} icon=${EcoIconList.info}>
 				<eco-input-tags
+					.helpStatus=${helpStatus}
 					.options=${optionData}
+					help=${help}
 					label=${label}
-					help=${help}
 					optional=${optional}
@@ -58,0 +61,0 @@ required=${required}

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

@@ -130,3 +130,3 @@ import { h, Host, } from "@stencil/core";
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'b9d1244a59a67c0f40c6a86a782bb875b8d9e33d', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '5724fac02ec00999c64050deda82e5be52cc6c02', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), this.type === 'search' ? (h("eco-icon", { "aria-hidden": true, icon: EcoIconList.search, iconsize: EcoIconSizeList.sm })) : null, h("input", { key: '626d951f93f4318c5c04b2eb316aeae5ebe093bc', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
+        return (h(Host, { key: '6c6b72a13ec6a066b4995dbe4c3bbe2d154e567a', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '090901696fb06997719fec60eee39b35638ed0ad', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), this.type === 'search' ? (h("eco-icon", { "aria-hidden": true, icon: EcoIconList.search, iconsize: EcoIconSizeList.sm })) : null, h("input", { key: '831c98ad0467b205eb03282cbc7cfc2e16788f61', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
     }
@@ -218,3 +218,3 @@ getCssClassMap() {
                     "tags": [],
-                    "text": ""
+                    "text": "The help text to show for eco-inut-text"
                 },
@@ -221,0 +221,0 @@ "attribute": "help",

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

@@ -7,12 +7,12 @@ import { html } from "lit";
     args: {
-        type: 'text',
+        disabled: false,
+        help: 'Some helpful text for the user',
         label: 'Input label',
-        help: 'Some helpful text for the user',
         optional: 'Optional',
+        placeholder: '',
+        readonly: false,
+        required: true,
         status: 'default',
+        type: 'text',
         width: 'full',
-        placeholder: '',
-        required: true,
-        readonly: false,
-        disabled: false,
     },
@@ -42,14 +42,14 @@ argTypes: {
 export const Default = {
-    render: ({ type, label, help, optional, status, width, required, readonly, disabled, placeholder, }) => html `
+    render: ({ disabled, help, label, optional, placeholder, readonly, required, status, type, width, }) => html `
 		<eco-input-text
-			type="${type}"
+			disabled="${disabled}"
+			help="${help}"
 			label="${label}"
-			help="${help}"
+			optional="${optional}"
 			placeholder="${placeholder}"
-			optional="${optional}"
+			readonly="${readonly}"
+			required="${required}"
 			status="${status}"
+			type="${type}"
 			width="${width}"
-			required="${required}"
-			readonly="${readonly}"
-			disabled="${disabled}"
 		></eco-input-text>
@@ -56,0 +56,0 @@ `,

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

@@ -47,3 +47,3 @@ import { h, Host } from "@stencil/core";
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("textarea", { key: '81163595dff8209c85b331355cc9333a1fae2d7f', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
+        return (h(Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("textarea", { key: 'ed54f2c8f8bba34f6f0d0bcc45f67e0d06643edf', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
     }
@@ -50,0 +50,0 @@ getCssClassMap() {

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

@@ -7,12 +7,12 @@ import { html } from "lit";
     args: {
+        disabled: false,
+        height: 'average',
+        help: 'Some helpful text for the user',
         label: 'Textarea label',
-        help: 'Some helpful text for the user',
         optional: 'Optional',
+        readonly: false,
+        required: true,
+        resize: true,
         status: 'default',
         width: 'full',
-        height: 'average',
-        required: true,
-        readonly: false,
-        disabled: false,
-        resize: true,
     },
@@ -42,15 +42,15 @@ argTypes: {
 export const Default = {
-    render: ({ label, help, optional, status, width, height, required, readonly, disabled, resize, }) => html `
+    render: ({ disabled, height, help, label, optional, readonly, required, resize, status, width, }) => html `
 		<div style="display: grid; gap: var(--sp-md);grid-template-columns: 100%;">
 			<eco-input-textarea
+				disabled="${disabled}"
+				height="${height}"
+				help="${help}"
 				label="${label}"
-				help="${help}"
 				optional="${optional}"
+				readonly="${readonly}"
+				required="${required}"
+				resize="${resize}"
 				status="${status}"
 				width="${width}"
-				height="${height}"
-				required="${required}"
-				readonly="${readonly}"
-				disabled="${disabled}"
-				resize="${resize}"
 			></eco-input-textarea>
@@ -57,0 +57,0 @@ </div>

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

 import { h, Host } from "@stencil/core";
-import { exists } from "../../utils";
+import { exists, } from "../../utils";
 export class EcoInputTime {
@@ -82,2 +82,3 @@ constructor() {
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -174,3 +175,3 @@ this.optional = 'Optional';
     render() {
-        return (h(Host, { key: 'b47089968591203fd0873f5eb14853ba584c748b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '12de16e10d664b3ffbc7e6d7edf18ff378d36ad4' }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("span", { key: 'aecfc72e9e3725befc09e64c754371aa7d7affbd', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
+        return (h(Host, { key: '5a829261b2ecb530241683e016a4db85167c21ec', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'a6848804cfd0c74157d3aed6ef597167357f187c' }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("span", { key: '8f51de37e1670b7c50109a913a41d5ab603f0a80', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
     }
@@ -226,2 +227,25 @@ static get is() { return "eco-input-time"; }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "label": {
@@ -228,0 +252,0 @@ "type": "string",

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

 import { html } from "lit";
-import { EcoIconList, EcoSpacerSizeList, EcoTypeList } from "../../utils";
+import { EcoIconList, EcoInputStatusList, EcoSpacerSizeList, EcoTypeList, } from "../../utils";
 const meta = {
@@ -8,2 +8,3 @@ title: 'Input/eco-input-time',
         help: "Some optional help text to explain what's being asked of the user",
+        helpStatus: EcoInputStatusList.default,
         optional: 'Optional',
@@ -17,3 +18,3 @@ required: true,
 export const Default = {
-    render: ({ help, optional, required, readonly, disabled }) => html `
+    render: ({ help, helpStatus, optional, required, readonly, disabled, }) => html `
 		<eco-spacer gap="${EcoSpacerSizeList.xl}">
@@ -28,46 +29,47 @@ <eco-messagebox type="${EcoTypeList.info}" icon="${EcoIconList.info}">
 			<eco-input-time
-				main-qa-id="qa-id-long"
+				.helpStatus=${helpStatus}
+				.mainQaId="qa-id-long"
+				days
+				disabled="${disabled}"
+				help="${help}"
+				hours
 				label="Run command for a long time"
-				help="${help}"
+				minutes
 				optional="${optional}"
+				readonly="${readonly}"
 				required="${required}"
-				readonly="${readonly}"
-				disabled="${disabled}"
 				weeks
+			></eco-input-time>
+			<eco-input-time
+				.mainQaId="qa-id-wee"
 				days
+				disabled="${disabled}"
+				help="${help}"
 				hours
+				label="Run command for a wee while"
 				minutes
+				optional="${optional}"
+				readonly="${readonly}"
+				required="${required}"
 			></eco-input-time>
 			<eco-input-time
-				main-qa-id="qa-id-wee"
-				label="Run command for a wee while"
+				.mainQaId="qa-id-smidge"
+				disabled="${disabled}"
 				help="${help}"
-				optional="${optional}"
-				required="${required}"
-				readonly="${readonly}"
-				disabled="${disabled}"
-				days
 				hours
+				label="Run command for a smidge"
 				minutes
-			></eco-input-time>
-			<eco-input-time
-				main-qa-id="qa-id-smidge"
-				label="Run command for a smidge"
-				help="${help}"
 				optional="${optional}"
+				readonly="${readonly}"
 				required="${required}"
-				readonly="${readonly}"
-				disabled="${disabled}"
-				hours
-				minutes
 			></eco-input-time>
 			<eco-input-time
-				main-qa-id="qa-id-moment"
+				.mainQaId="qa-id-moment"
+				disabled="${disabled}"
+				help="${help}"
 				label="Run command for a moment"
-				help="${help}"
+				minutes
 				optional="${optional}"
+				readonly="${readonly}"
 				required="${required}"
-				readonly="${readonly}"
-				disabled="${disabled}"
-				minutes
 				seconds
@@ -74,0 +76,0 @@ ></eco-input-time>

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

 import { html } from "lit";
-import { EcoIconList, EcoInputWidthList, EcoSpacerSizeList, EcoTypeList, } from "../../utils";
+import { EcoIconList, EcoInputStatusList, EcoInputWidthList, EcoSpacerSizeList, EcoTypeList, } from "../../utils";
 const meta = {
@@ -7,3 +7,4 @@ title: 'Input/eco-input-wrapper',
     args: {
-        width: 'full',
+        width: EcoInputWidthList.full,
+        status: EcoInputStatusList.default,
     },
@@ -17,2 +18,8 @@ argTypes: {
         },
+        status: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
     },
@@ -22,3 +29,3 @@ };
 export const Default = {
-    render: ({ width }) => html `
+    render: ({ width, status }) => html `
 		<eco-spacer gap="${EcoSpacerSizeList.lg}">
@@ -41,11 +48,11 @@ <eco-messagebox type="${EcoTypeList.info}" icon="${EcoIconList.info}">
 			<h4>With <code>&#60;eco-input-wrapper&#62;</code></h4>
-			<eco-input-wrapper width="${width}">
+			<eco-input-wrapper width="${width}" status=${status}>
 				<eco-text-label>Input</eco-text-label>
 				<input type="text" value="Value" />
 			</eco-input-wrapper>
-			<eco-input-wrapper width="${width}">
+			<eco-input-wrapper width="${width}" status=${status}>
 				<eco-text-label>Textarea</eco-text-label>
 				<textarea></textarea>
 			</eco-input-wrapper>
-			<eco-input-wrapper width="${width}">
+			<eco-input-wrapper width="${width}" status=${status}>
 				<eco-text-label>Select</eco-text-label>
@@ -64,3 +71,3 @@ <select>
 			</eco-input-wrapper>
-			<eco-input-wrapper width="${width}">
+			<eco-input-wrapper width="${width}" status=${status}>
 				<eco-text-label>File</eco-text-label>
@@ -67,0 +74,0 @@ <input type="file" for="input" />

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

@@ -68,6 +68,6 @@ import { h, Host, } from "@stencil/core";
                     this.hostElement.getBoundingClientRect().top +
-                    this.nativeInput.offsetTop}px - ${SpXxs} - ${this.maxHeight});
+                    this.nativeInput.offsetTop}px - ${SpXxs} - ${this.maxBlockSize});
         width: ${this.nativeInput.getBoundingClientRect().width}px;
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -82,3 +82,3 @@ }
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -111,3 +111,3 @@ }
         this.placeholder = 'Select multiple options';
-        this.maxHeight = 'calc(40vh - var(--sp-xxxl))';
+        this.maxBlockSize = 'calc(40vh - var(--sp-xxxl))';
         this.status = EcoInputStatusList.default;
@@ -176,3 +176,3 @@ this.disabled = false;
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '27391531c504ea1baefd40e9e5dbc9439207c03b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'd435dda67a2b69d44f932199a3e8b83a807e3977', class: classMap }, h("eco-text-label", { key: '10bf1d261eee390c029021a172ca0a928f0381b2', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '9c3f436e18572cbce198d3b1a4e57d4d7fe941fb', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, h("slot", { key: 'c93dd28dc6c597f7a76fe7ebfebc0b7312246b56' })), h("eco-icon", { key: '9ff599f8d98a5ceebbc2e0901adfc161f4bf81fd', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
+        return (h(Host, { key: '98e12d89f743f7504e68541d0df2d21a40c1e853', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b6492f449776ff1e74c2164b6e240b41b66b746f', class: classMap }, h("eco-text-label", { key: '7c7a01970321f5fa189ad883539740eadd340610', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'dfa8546f9bee78d184e12cf005c57340c3d28b74', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, h("slot", { key: '65e92834b2ffbce02152851ae60a356898204b30' })), h("eco-icon", { key: '8e87668dda0150ce17a7a423c038511be35ccdb9', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
     }
@@ -302,3 +302,3 @@ getCssClassMap() {
             },
-            "maxHeight": {
+            "maxBlockSize": {
                 "type": "string",
@@ -317,3 +317,3 @@ "mutable": false,
                 },
-                "attribute": "max-height",
+                "attribute": "max-block-size",
                 "reflect": false,
@@ -320,0 +320,0 @@ "defaultValue": "'calc(40vh - var(--sp-xxxl))'"

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

@@ -7,6 +7,7 @@ import { html } from "lit";
     args: {
+        disabled: false,
+        help: 'Choose as many instruments as you want.',
         label: 'Instruments',
-        help: 'Choose as many instruments as you want.',
         required: true,
-        disabled: false,
+        width: EcoInputWidthList.full,
     },
@@ -26,6 +27,6 @@ argTypes: {
 		<eco-multi-select
+			disabled=${disabled}
+			help=${help}
 			label=${label}
-			help=${help}
 			required=${required}
-			disabled=${disabled}
 			width=${width}
@@ -49,6 +50,6 @@ >
 		<eco-multi-select
+			disabled=${disabled}
+			help=${help}
 			label=${label}
-			help=${help}
 			required=${required}
-			disabled=${disabled}
 			width=${width}
@@ -81,6 +82,6 @@ >
 			<eco-multi-select
+				disabled=${disabled}
+				help=${help}
 				label=${label}
-				help=${help}
 				required=${required}
-				disabled=${disabled}
 				width=${width}
@@ -102,16 +103,16 @@ >
 };
-export const MaxHeight = {
+export const MaxBlockSize = {
     args: {
-        maxHeight: '30ch',
+        maxBlockSize: '30ch',
     },
-    render: ({ maxHeight, label, help, required, disabled, width }) => html `
+    render: ({ maxBlockSize, label, help, required, disabled, width }) => html `
 		<eco-spacer>
 			<eco-messagebox type="${EcoTypeList.info}" icon="${EcoIconList.info}">
 				<span>
-					<code>maxHeight</code> can be used to limit the height of the options
-					list by passing a CSS length value as a string.
+					<code>maxBlockSize</code> can be used to limit the height of the
+					options list by passing a CSS length value as a string.
 				</span>
 			</eco-messagebox>
 			<eco-multi-select
-				max-height=${maxHeight}
+				.maxBlockSize=${maxBlockSize}
 				label=${label}
@@ -146,8 +147,6 @@ help=${help}
 			<eco-multi-select
-				label="Instruments"
-				help="Choose as many instruments as you want."
+				disabled=${disabled}
+				help=${help}
 				label=${label}
-				help=${help}
 				required=${required}
-				disabled=${disabled}
 				width=${width}
@@ -154,0 +153,0 @@ >

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

@@ -19,2 +19,3 @@ import { h, Host, } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.name = undefined;
@@ -166,5 +167,5 @@ this.label = undefined;
     render() {
-        return (h(Host, { key: '71811718f12c64dcd7cb5b271ddb78f7daa62236', "qa-id": this.qaIdElement, class: {
+        return (h(Host, { key: 'ec44a3e09fedfcb005d5f8847460e21a3efa8497', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !exists(this.maxBlockSize),
-            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", null, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, h("eco-spacer", { key: '173f19abaa98000bd17a0aac4226536e88c17c9c', onClick: this.onClick, gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, h("eco-spacer", { key: '3bb9a5695e96af3a97fa3f64afc2ac8882721112', onClick: this.onClick, gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -238,2 +239,25 @@ static get is() { return "eco-radios"; }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "name": {
@@ -240,0 +264,0 @@ "type": "string",

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

@@ -7,8 +7,8 @@ import { html } from "lit";
         editableLabel: 'Editable',
+        help: 'Some helpful text',
+        label: 'Label',
+        maxBlockSize: 'clamp(10rem, 30ch, 400px)',
+        noResultsText: 'No results',
         searchable: true,
         searchPlaceholder: 'Search options',
-        label: '',
-        help: '',
-        noResultsText: 'No results',
-        maxBlockSize: 'clamp(10rem, 30ch, 400px)',
     },
@@ -18,3 +18,3 @@ };
 export const Default = {
-    render: ({ editableLabel, searchable, searchPlaceholder, label, help, noResultsText, maxBlockSize, }) => html `
+    render: ({ editableLabel, help, label, maxBlockSize, noResultsText, searchable, searchPlaceholder, }) => html `
 		<eco-radios
@@ -21,0 +21,0 @@ label="${label}"

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

@@ -33,3 +33,3 @@ import { h, Host } from "@stencil/core";
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("select", { key: '0c00a368f2d61aacda6ec781261e0bd6ce881911', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, h("slot", { key: 'e9bc86c88278df607a7fdd409df914543107468e' })), h("eco-icon", { key: 'aee244990873fe9424ef32e0f8815c80f24caca9', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
+        return (h(Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("select", { key: '73fed47daaf9ee88dc0c1fbf3f7ce472db894a93', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, h("slot", { key: '61d0dcf810c8ae492f773202aab52f0fc3cc206c' })), h("eco-icon", { key: '2398cc7c1242b69f17179f29ed1bc5d734e03246', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
     }
@@ -36,0 +36,0 @@ getCssClassMap() {

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

@@ -7,10 +7,10 @@ import { html } from "lit";
     args: {
+        disabled: false,
+        help: 'Some helpful text for the user',
         label: 'Input label',
-        help: 'Some helpful text for the user',
+        multiple: false,
         optional: 'Optional',
+        required: true,
         status: EcoInputStatusList.default,
         width: EcoInputWidthList.full,
-        required: true,
-        disabled: false,
-        multiple: false,
     },
@@ -34,12 +34,12 @@ argTypes: {
 export const Default = {
-    render: ({ label, help, optional, status, width, required, disabled, multiple, }) => html `
+    render: ({ disabled, help, label, multiple, optional, required, status, width, }) => html `
 		<eco-select
+			disabled="${disabled}"
+			help="${help}"
 			label="${label}"
-			help="${help}"
+			multiple="${multiple}"
 			optional="${optional}"
+			required="${required}"
 			status="${status}"
 			width="${width}"
-			required="${required}"
-			disabled="${disabled}"
-			multiple="${multiple}"
 		>
@@ -46,0 +46,0 @@ <option value="Basil">Basil</option>

dist/collection/components/eco-stacked-bar/eco-stacked-bar.js

@@ -7,2 +7,3 @@ import { h, Host } from "@stencil/core";
         this.help = undefined;
+        this.helpStatus = undefined;
         this.showLegend = false;
@@ -111,3 +112,3 @@ this.showPercent = false;
     render() {
-        return (h(Host, { key: 'e1036a5d74a9f29a79612e90b96266163cb12d6a', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b9c90581bd0745bd2ef5a1e3f97008b5eeccd096' }, this.label && (h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("slot", { key: '3918ca41b378baa39398cf504d3d92ea7ef9dba1' }))));
+        return (h(Host, { key: '961401ab2880ad847663e521a028a8ac3674b24e', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '89b46cf7bf27d3733c0e71ae49d1e5fbb37d2a84' }, this.label && (h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("slot", { key: '7878561948d2d3dc8957090f21c7be3e2c6cc6b9' }))));
     }
@@ -162,2 +163,25 @@ static get is() { return "eco-stacked-bar"; }
             },
+            "helpStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The help text status to convey more meaning"
+                },
+                "attribute": "help-status",
+                "reflect": false
+            },
             "showLegend": {
@@ -164,0 +188,0 @@ "type": "boolean",

dist/collection/components/eco-stacked-bar/eco-stacked-bar.stories.js

 import { html } from "lit";
-import { EcoIconList, EcoTypeList } from "../../utils";
+import { EcoIconList, EcoInputStatusList, EcoTypeList } from "../../utils";
 const meta = {
@@ -7,6 +7,7 @@ title: 'Components/eco-stacked-bar',
     args: {
+        help: 'A stacked bar can be helpful to show percentages of different values',
+        helpStatus: EcoInputStatusList.default,
         label: 'Stacked bar',
-        help: 'A stacked bar can be helpful to show percentages of different values',
+        showCount: false,
         showLegend: true,
-        showCount: false,
         showPercent: true,
@@ -31,2 +32,10 @@ data: [
     },
+    argTypes: {
+        helpStatus: {
+            options: EcoInputStatusList,
+            control: {
+                type: 'select',
+            },
+        },
+    },
 };
@@ -36,10 +45,11 @@ export default meta;
 export const Default = {
-    render: ({ label, help, data, showLegend, showCount, showPercent, }) => html ` <eco-spacer>
+    render: ({ data, help, helpStatus, label, showCount, showLegend, showPercent, }) => html ` <eco-spacer>
 		<eco-stacked-bar
+			.data=${data}
+			.helpStatus=${helpStatus}
+			.showCount=${showCount}
+			.showLegend=${showLegend}
+			.showPercent=${showPercent}
+			help="${help}"
 			label="${label}"
-			help="${help}"
-			.data=${data}
-			show-legend=${showLegend}
-			show-percent=${showPercent}
-			show-count=${showCount}
 		></eco-stacked-bar>
@@ -46,0 +56,0 @@ <eco-messagebox type="${EcoTypeList.info}" icon="${EcoIconList.info}">

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

 import { h, Host } from "@stencil/core";
+import { EcoIconList, EcoIconSizeList, EcoIconTypeList, EcoInputStatusList, } from "../../utils";
+const STATUS_TO_ICON_MAP = {
+    [EcoInputStatusList.default]: { icon: null, type: null },
+    [EcoInputStatusList.success]: {
+        icon: EcoIconList.check,
+        type: EcoIconTypeList.success,
+    },
+    [EcoInputStatusList.error]: {
+        icon: EcoIconList.alert,
+        type: EcoIconTypeList.danger,
+    },
+};
 export class EcoTextInputHelp {
     constructor() {
+        this.status = EcoInputStatusList.default;
         this.qaIdElement = undefined;
+        this.qaIdIcon = undefined;
     }
     render() {
-        return (h(Host, { key: '375debe565cb1f7d0adc46381dd2008f7d9cea30', "qa-id": this.qaIdElement }, h("slot", { key: 'df517c002b48bfa6521cd4516a2a65ff1835ca4e' })));
+        const { icon, type } = STATUS_TO_ICON_MAP[this.status];
+        return (h(Host, { key: '36efa7bc6eec4c4ef2eba0db94cfeebbb0f3d143', "qa-id": this.qaIdElement, class: this.status }, icon !== null && (h("eco-icon", { icontype: type, icon: icon, iconsize: EcoIconSizeList.sm, qaIdElement: this.qaIdIcon })), h("slot", { key: 'f8e5760828cb0a8412124b2ed6c5c4321c38e34d' })));
     }
     static get is() { return "eco-text-input-help"; }
     static get encapsulation() { return "shadow"; }
-    static get styles() { return ":host {opacity: 0.8;white-space: normal;font-size:var(--fs-sm);}"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["eco-text-input-help.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["eco-text-input-help.css"]
+        };
+    }
     static get properties() {
         return {
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EcoInputStatusList",
+                    "resolved": "EcoInputStatusList.default | EcoInputStatusList.error | EcoInputStatusList.success",
+                    "references": {
+                        "EcoInputStatusList": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::EcoInputStatusList"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The status of the help text"
+                },
+                "attribute": "status",
+                "reflect": false,
+                "defaultValue": "EcoInputStatusList.default"
+            },
             "qaIdElement": {
@@ -26,6 +74,23 @@ "type": "string",
                     "tags": [],
-                    "text": ""
+                    "text": "The QA ID for eco-input-text-help element"
                 },
                 "attribute": "qa-id-element",
                 "reflect": false
+            },
+            "qaIdIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The QA ID for icon"
+                },
+                "attribute": "qa-id-icon",
+                "reflect": false
             }
@@ -32,0 +97,0 @@ };

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

 import { html } from "lit";
+import { EcoInputStatusList } from "../../utils";
 const meta = {
@@ -6,3 +7,3 @@ title: 'Text/eco-text-input-help',
     args: {
-        helpText: 'Some text that is helpful to the user',
+        helpText: 'Phone numbers should be provided in the format 07XXX XXXXXX',
     },
@@ -18,2 +19,31 @@ };
 };
+export const Status = {
+    args: {
+        status: EcoInputStatusList.default,
+    },
+    argTypes: {
+        status: {
+            options: [
+                EcoInputStatusList.default,
+                EcoInputStatusList.success,
+                EcoInputStatusList.error,
+            ],
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    render: ({ status, helpText }) => html `
+		<eco-spacer>
+			<eco-messagebox>
+				The default <code>status</code> of the
+				<code>eco-text-input-help</code> is <code>default</code>. This should be
+				the initial state of the help text. If the user enters and needs to be
+				notified, the <code>status</code> property can be changed to
+				<code>success</code> or <code>error</code>.
+			</eco-messagebox>
+			<eco-text-input-help status=${status}>${helpText}</eco-text-input-help>
+		</eco-spacer>
+	`,
+};
 //# sourceMappingURL=eco-text-input-help.stories.js.map

dist/components/eco-checkboxes2.js

@@ -23,2 +23,3 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -148,5 +149,5 @@ this.noResults = false;
     render() {
-        return (h(Host, { key: '0d49d312ffef37bc2cf3cb00b9cb46c1777f77e4', "qa-id": this.qaIdElement, class: {
+        return (h(Host, { key: '35a9e3a6131a487cc37c7035ecedc0a1203bdb97', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !exists(this.maxBlockSize),
-            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", null, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, h("eco-spacer", { key: '4e98d24fff23da8d40f37240f654792203cd34d2', gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, status: exists(this.help) ? this.helpStatus : null, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, h("eco-spacer", { key: '694bd55ab52c308de6ee45646c422c1c9e0978cf', gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -157,2 +158,3 @@ get hostElement() { return this; }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "label": [1],
@@ -159,0 +161,0 @@ "noResults": [1028, "no-results"],

dist/components/eco-input-datalist.js

@@ -23,2 +23,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.inputId = undefined;
@@ -68,3 +69,3 @@ this.listId = undefined;
     render() {
-        return (h(Host, { key: '3123af720547605f516320d7baf1e3d01dcc8f54', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '92a691e8504e742bdb63e902976f2c869b2298ce' }, exists(this.label) && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '325d77bcfc4ba698da1a5b4f94ddf37717d6a943', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), h("datalist", { key: '72e57942377753a2eb063ea40331b79380143513', id: this.listId, "qa-id": this.qaIdDataList }, h("slot", { key: '6845f3500c05c5dfb98a173958c5d3e2a16a9cf9' })), this.notListedOption ? (h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: EcoTypeList.info, icon: EcoIconList.info }, this.notListedMessage)) : null)));
+        return (h(Host, { key: '66fbe3c218eae9eff5b6b0365fe62981591df5a2', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'd20dab5e8b1d1f49c78430827676dc307f661d52' }, exists(this.label) && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'a9490d084d341ec66c7bd1a1d0bd2bfa487b66f1', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), h("datalist", { key: '1fad2b309410fc7b4bdf99d675d1a90bc42241b1', id: this.listId, "qa-id": this.qaIdDataList }, h("slot", { key: 'd9a49ba780e1dcae54d0bc87b977790d24304e14' })), this.notListedOption ? (h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: EcoTypeList.info, icon: EcoIconList.info }, this.notListedMessage)) : null)));
     }
@@ -76,2 +77,3 @@ get hostElement() { return this; }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "inputId": [1, "input-id"],
@@ -78,0 +80,0 @@ "listId": [1, "list-id"],

dist/components/eco-input-date.js

@@ -131,2 +131,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -136,3 +137,3 @@ this.readonly = false;
         this.disabled = false;
-        this.inputStatus = EcoInputStatusList.default;
+        this.status = EcoInputStatusList.default;
         this.withTime = false;
@@ -242,9 +243,9 @@ this.daysPast = undefined;
                 await this.getDate();
-                this.inputStatus = EcoInputStatusList.default;
+                this.status = EcoInputStatusList.default;
                 if (this.value <= this.sinceDate) {
-                    this.inputStatus = EcoInputStatusList.error;
+                    this.status = EcoInputStatusList.error;
                     this.sinceDateError = true;
                 }
                 if (this.value >= this.untilDate) {
-                    this.inputStatus = EcoInputStatusList.error;
+                    this.status = EcoInputStatusList.error;
                     this.untilDateError = true;
@@ -258,9 +259,9 @@ }
             else {
-                this.inputStatus = EcoInputStatusList.error;
+                this.status = EcoInputStatusList.error;
             }
         }
         else {
-            this.inputStatus = EcoInputStatusList.error;
+            this.status = EcoInputStatusList.error;
         }
-        if (this.inputStatus !== EcoInputStatusList.default) {
+        if (this.status !== EcoInputStatusList.default) {
             this.setValue(undefined);
@@ -309,3 +310,3 @@ }
     render() {
-        return (h(Host, { key: '8e6795dda907ae970990ab579cce688d15460961' }, h("eco-input-wrapper", { key: 'a4d36c3c7c30f542617b4aed2e0ade3bd9de311e', "qa-id": this.qaIdElement }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("span", { key: 'adf5740d44ca1b0c4cbbd48e7378e43126f109e6', class: "inputs", "qa-id": this.qaIdInputs }, h("span", { key: '47ae1c78c40784199e92c82d46a4e8b07638adf6', class: "date" }, h("eco-input-number", { key: '64493f1af524932a2231ba47dc048470d1a85d46', qaIdInput: this.qaIdDd, label: "Day", name: "day", class: "day", value: this.day, min: this.dayMin, max: this.dayMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { key: '4cc3369ccc905d8554be797670c5792fb876e81a', qaIdInput: this.qaIdMm, label: "Month", name: "month", class: "month", value: this.month, min: this.monthMin, max: this.monthMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'ca8b1aa0cc48580e5e6e54a88d3b9d3550e4b641', qaIdInput: this.qaIdYyyy, label: "Year", name: "year", class: "year", value: this.year, min: this.yearMin, max: this.yearMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate })), this.withTime && (h("span", { class: "time" }, h("eco-input-number", { qaIdInput: this.qaIdHour, label: "Hour", name: "hour", class: "hour", value: this.hour, min: this.hourMin, max: this.hourMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { qaIdInput: this.qaIdMinute, label: "Minute", name: "minute", class: "minute", value: this.minute, min: this.minuteMin, max: this.minuteMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate })))), !this.dateExists ||
+        return (h(Host, { key: 'f12783c7ea81c918413e6206a19ece629140f589' }, h("eco-input-wrapper", { key: '762931253c7094ed2f4148af187db0d16242450d', "qa-id": this.qaIdElement }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("span", { key: 'a94c213cd538263ce28e37d5d6fd4d5af52e6480', class: "inputs", "qa-id": this.qaIdInputs }, h("span", { key: '51c202bb2a241dc0b899a61097af09ff4b75b12c', class: "date" }, h("eco-input-number", { key: '5a85a5b4067fc092f18322589f1472be0a09726c', qaIdInput: this.qaIdDd, label: "Day", name: "day", class: "day", value: this.day, min: this.dayMin, max: this.dayMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'f2ef324ee900e9ce4f90a12318aadd080f005490', qaIdInput: this.qaIdMm, label: "Month", name: "month", class: "month", value: this.month, min: this.monthMin, max: this.monthMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'b15f3d632430220cfd9a696746662cf0f95b4f28', qaIdInput: this.qaIdYyyy, label: "Year", name: "year", class: "year", value: this.year, min: this.yearMin, max: this.yearMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate })), this.withTime && (h("span", { class: "time" }, h("eco-input-number", { qaIdInput: this.qaIdHour, label: "Hour", name: "hour", class: "hour", value: this.hour, min: this.hourMin, max: this.hourMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { qaIdInput: this.qaIdMinute, label: "Minute", name: "minute", class: "minute", value: this.minute, min: this.minuteMin, max: this.minuteMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate })))), !this.dateExists ||
             this.inputsEmpty ||
@@ -326,2 +327,3 @@ this.sinceDateError ||
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "optional": [1],
@@ -331,3 +333,3 @@ "readonly": [4],
         "disabled": [4],
-        "inputStatus": [1025, "input-status"],
+        "status": [1025],
         "withTime": [4, "with-time"],
@@ -334,0 +336,0 @@ "daysPast": [2, "days-past"],

dist/components/eco-input-file.js

@@ -5,2 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as EcoInputStatusList, j as EcoInputWidthList } from './utils.js';
+import { d as defineCustomElement$7 } from './eco-icon2.js';
 import { d as defineCustomElement$6 } from './eco-input-wrapper2.js';
@@ -81,3 +82,3 @@ import { d as defineCustomElement$5 } from './eco-spacer2.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '5cb0c9835d5fb15689e0282244bef10e2e846dbd', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7e80e4f396368a168554f40d7f4eb525d88b52ee', class: classMap }, this.label && (h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '2aa819a8937d209368797fbbd2da5ac6896b3776', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), h("label", { key: '2032868f7f88dbffe2c11b3e9702dc95bab38603', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, h("span", { key: 'fde9cdc53da66ad5727dcfdc7bfefc4c3b2a42cb', class: "filename", "qa-id": this.qaIdFilename }, this.text), h("span", { key: '97b6dbc49fc54e0289e6bab26b0497173d884de9', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
+        return (h(Host, { key: '5e35e0dfa1f4a5efecbeb9926844914ff192ad08', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'c486cf37f574b4bec56d392bef9548531d9636f4', class: classMap }, this.label && (h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'ee94ca5cab0ce4c95cc01865369b261630ed8dac', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), h("label", { key: '71504b0c12a7099c92a71575bd134ef69a25e6b4', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, h("span", { key: '7881ee8254a9a7e1ace9e272cd79ee7103d53590', class: "filename", "qa-id": this.qaIdFilename }, this.text), h("span", { key: 'fec15f895395590ff9454bf6de52a396d0cea46c', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
     }
@@ -118,3 +119,3 @@ getCssClassMap() {
     }
-    const components = ["eco-input-file", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
+    const components = ["eco-input-file", "eco-icon", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
     components.forEach(tagName => { switch (tagName) {
@@ -126,2 +127,7 @@ case "eco-input-file":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "eco-input-wrapper":
@@ -128,0 +134,0 @@ if (!customElements.get(tagName)) {

dist/components/eco-input-filter.js

@@ -28,2 +28,3 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.placeholder = undefined;
@@ -151,3 +152,3 @@ this.optional = undefined;
     render() {
-        return (h(Host, { key: '4dff1e87bd0708bc12d4b3d21af5a8acd69c0653', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7955c40ecf37efd1890a754befaf6fcad1cbb94b' }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: '22b5c03fccfa7584dd8761e8f2f07adf5d4606e0', class: "wrapper" }, this.filterChildren.length >= 2 && (h("eco-popover", { popoverAlignment: EcoTabAlignment.start }, h("eco-button", { slot: "trigger", icon: EcoIconList.filter, label: this.buttonText }), h("div", { class: "options" }))), h("eco-input-text", { key: 'fe88abfbaf4b7484059803250ed2882fc476cd71', type: "search", label: "", width: EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
+        return (h(Host, { key: 'a62986fe20ee422c9c969ebb72e57ac62655a975', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7ee0980a87f5efbc83924e862eb7cbd9a3b1e471' }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '0e316d235141124f85302490326ed62d03c6c61b', class: "wrapper" }, this.filterChildren.length >= 2 && (h("eco-popover", { popoverAlignment: EcoTabAlignment.start }, h("eco-button", { slot: "trigger", icon: EcoIconList.filter, label: this.buttonText }), h("div", { class: "options" }))), h("eco-input-text", { key: '83eb36a12829703b557a6b89fe565cd248a4bda8', type: "search", label: "", width: EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
     }
@@ -159,2 +160,3 @@ get hostElement() { return this; }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "placeholder": [1],
@@ -161,0 +163,0 @@ "optional": [1],

dist/components/eco-input-number2.js

@@ -5,2 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as EcoInputStatusList, j as EcoInputWidthList } from './utils.js';
+import { d as defineCustomElement$6 } from './eco-icon2.js';
 import { d as defineCustomElement$5 } from './eco-input-wrapper2.js';
@@ -118,3 +119,3 @@ import { d as defineCustomElement$4 } from './eco-spacer2.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '9971d56a3d9ff386be7cbe4296730814704a7982', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '6bd9cf697c99ffd5c960d9ec72425d09e21e470b', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '98738f9301504dd3c6d349dc15a5fac2b89399b4', disabled: this.disabled, id: this.inputId, max: this.max, min: this.min, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, pattern: this.pattern, "qa-id": this.qaIdInput, readonly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabindex: this.tabindex, type: "number", value: this.value }))));
+        return (h(Host, { key: '9971d56a3d9ff386be7cbe4296730814704a7982', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '6bd9cf697c99ffd5c960d9ec72425d09e21e470b', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '9df63c4271924d8e5193431e798ae30993dec320', disabled: this.disabled, id: this.inputId, max: this.max, min: this.min, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, pattern: this.pattern, "qa-id": this.qaIdInput, readonly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabindex: this.tabindex, type: "number", value: this.value }))));
     }
@@ -161,3 +162,3 @@ getCssClassMap() {
     }
-    const components = ["eco-input-number", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
+    const components = ["eco-input-number", "eco-icon", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
     components.forEach(tagName => { switch (tagName) {
@@ -169,2 +170,7 @@ case "eco-input-number":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
         case "eco-input-wrapper":
@@ -171,0 +177,0 @@ if (!customElements.get(tagName)) {

dist/components/eco-input-phone.js

@@ -5,2 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as EcoInputStatusList, j as EcoInputWidthList } from './utils.js';
+import { d as defineCustomElement$7 } from './eco-icon2.js';
 import { d as defineCustomElement$6 } from './eco-input-wrapper2.js';
@@ -114,3 +115,3 @@ import { d as defineCustomElement$5 } from './eco-spacer2.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '50a462ef456a6b6c82cee739df721c697d1f42d4', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, value: value, type: "tel" }))));
+        return (h(Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '730e8d7b193e55697991e3678da78ac2ff084f5e', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: "tel", value: value }))));
     }
@@ -152,3 +153,3 @@ getCssClassMap() {
     }
-    const components = ["eco-input-phone", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
+    const components = ["eco-input-phone", "eco-icon", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
     components.forEach(tagName => { switch (tagName) {
@@ -160,2 +161,7 @@ case "eco-input-phone":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "eco-input-wrapper":
@@ -162,0 +168,0 @@ if (!customElements.get(tagName)) {

dist/components/eco-input-range.js

@@ -38,2 +38,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = 'Range';
@@ -147,3 +148,3 @@ this.disabled = false;
         const inputOrientation = this.inputOrientation();
-        return (h(Host, { key: '595cafe4a70003633c037b8da411d151df287fd6', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b38b7446434162bd7c80935b82b6e8487b1038a0', status: EcoInputStatusList.default }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: 'b87f85289ce287ab7977172db9280acc80cfef39', class: inputOrientation }, h("div", { key: '51b974263fe6dc0b0d5f6f81bda4dfe8b86e6b37', class: sliderOrientation }, h("span", { key: 'e28aebb9d9da2806af125b4b920aa88d78a1271d', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), h("input", { key: '9a19e5f0cbeed9459b9cdc2f152d62fa29a2a77e', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), h("span", { key: '0b2f91e39c1588681fb44171e61210d99be2bf2e', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), h("output", { key: '8d362f2ee21cb30d5f42b1554b19d15de41371c3', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (h(Fragment, null, !this.showError ? (h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (h("eco-icon", { class: "error-icon", icon: EcoIconList.alert, icontype: EcoIconTypeList.danger, iconsize: EcoIconSizeList.xl })) : null)) : null), this.showError ? (h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: EcoTypeList.danger, icon: EcoIconList.info }, h("div", null, this.showError ? (h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
+        return (h(Host, { key: 'b24cf67ea4f040053b5679c4411b1059c0ef0d2b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'e0fe70ccf6e0edf264931c65416773120c0277c3', status: EcoInputStatusList.default }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '19badc4740d0ca4a742b81a2299eefebff54eafe', class: inputOrientation }, h("div", { key: 'd62775f9f7dc4dca212fdfc195f9891af298f9ff', class: sliderOrientation }, h("span", { key: '790351fabc92eabcbde58b856ec59ef3c7099cfb', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), h("input", { key: '24fe12f6d19622b0794eef14ca93cc9b616eb757', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), h("span", { key: 'fecd543e0b6a6f610d1e15a3b078718f79e69fb9', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), h("output", { key: '47e4bdce5e61077ef3d8d742722bed5d3df1073a', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (h(Fragment, null, !this.showError ? (h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (h("eco-icon", { class: "error-icon", icon: EcoIconList.alert, icontype: EcoIconTypeList.danger, iconsize: EcoIconSizeList.xl })) : null)) : null), this.showError ? (h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: EcoTypeList.danger, icon: EcoIconList.info }, h("div", null, this.showError ? (h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
             ? ` and must be a multiple of ${this.step}`
@@ -187,2 +188,3 @@ : null, ".")) : null))) : null)));
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "label": [1],
@@ -189,0 +191,0 @@ "disabled": [4],

dist/components/eco-input-tags.js

@@ -24,2 +24,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -119,4 +120,4 @@ this.inputId = undefined;
         })) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.localeCompare(b));
-        return (h(Host, { key: '7887c4eed6180e4a5c75f92d89c4b633c07b1d21' }, h("eco-input-wrapper", { key: '8cf14ce948e1880cf515274b3238860ace7b46ec' }, exists(this.label) && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: '46b2edd21fda1f449e7511ce8fffe8d9085a6432', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
-            _c.map((tag) => (h("eco-input-tag", { label: tag }))), h("input", { key: 'd5cb39f0abbb02f6a3fd534a354331b6a60886af', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, h("eco-input-tag", { action: EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
+        return (h(Host, { key: '7c395bb640cd94a9f27887b084981e96a2965bfb' }, h("eco-input-wrapper", { key: '98c7f3dcb2b59ff40e70ebe02c18b1039a63ed55' }, exists(this.label) && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '6b533a557e2652de9f1758288f66a4ecfb73240e', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
+            _c.map((tag) => (h("eco-input-tag", { label: tag }))), h("input", { key: '8986ada9d64259cf212e31c52aa5aa9feeaaa585', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, h("eco-input-tag", { action: EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
             filteredOptions.map((tag) => (h("eco-input-tag", { action: EcoTagAction.add, label: tag, key: tag }))))))));
@@ -129,2 +130,3 @@ }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "optional": [1],
@@ -131,0 +133,0 @@ "inputId": [1025, "input-id"],

dist/components/eco-input-text2.js

@@ -148,3 +148,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'b9d1244a59a67c0f40c6a86a782bb875b8d9e33d', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '5724fac02ec00999c64050deda82e5be52cc6c02', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), this.type === 'search' ? (h("eco-icon", { "aria-hidden": true, icon: EcoIconList.search, iconsize: EcoIconSizeList.sm })) : null, h("input", { key: '626d951f93f4318c5c04b2eb316aeae5ebe093bc', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
+        return (h(Host, { key: '6c6b72a13ec6a066b4995dbe4c3bbe2d154e567a', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '090901696fb06997719fec60eee39b35638ed0ad', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), this.type === 'search' ? (h("eco-icon", { "aria-hidden": true, icon: EcoIconList.search, iconsize: EcoIconSizeList.sm })) : null, h("input", { key: '831c98ad0467b205eb03282cbc7cfc2e16788f61', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
     }
@@ -151,0 +151,0 @@ getCssClassMap() {

dist/components/eco-input-textarea2.js

@@ -5,2 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as EcoInputStatusList, j as EcoInputWidthList } from './utils.js';
+import { d as defineCustomElement$6 } from './eco-icon2.js';
 import { d as defineCustomElement$5 } from './eco-input-wrapper2.js';
@@ -62,3 +63,3 @@ import { d as defineCustomElement$4 } from './eco-spacer2.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("textarea", { key: '81163595dff8209c85b331355cc9333a1fae2d7f', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
+        return (h(Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("textarea", { key: 'ed54f2c8f8bba34f6f0d0bcc45f67e0d06643edf', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
     }
@@ -101,3 +102,3 @@ getCssClassMap() {
     }
-    const components = ["eco-input-textarea", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
+    const components = ["eco-input-textarea", "eco-icon", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
     components.forEach(tagName => { switch (tagName) {
@@ -109,2 +110,7 @@ case "eco-input-textarea":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
         case "eco-input-wrapper":
@@ -111,0 +117,0 @@ if (!customElements.get(tagName)) {

dist/components/eco-input-time.js

 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { e as exists } from './helpers.js';
 import './utils.js';
+import { d as defineCustomElement$8 } from './eco-icon2.js';
 import { d as defineCustomElement$7 } from './eco-input-number2.js';
@@ -96,2 +97,3 @@ import { d as defineCustomElement$6 } from './eco-input-wrapper2.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -188,3 +190,3 @@ this.optional = 'Optional';
     render() {
-        return (h(Host, { key: 'b47089968591203fd0873f5eb14853ba584c748b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '12de16e10d664b3ffbc7e6d7edf18ff378d36ad4' }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("span", { key: 'aecfc72e9e3725befc09e64c754371aa7d7affbd', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
+        return (h(Host, { key: '5a829261b2ecb530241683e016a4db85167c21ec', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'a6848804cfd0c74157d3aed6ef597167357f187c' }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("span", { key: '8f51de37e1670b7c50109a913a41d5ab603f0a80', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
     }
@@ -196,2 +198,3 @@ get hostElement() { return this; }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "label": [1],
@@ -237,3 +240,3 @@ "optional": [1],
     }
-    const components = ["eco-input-time", "eco-input-number", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
+    const components = ["eco-input-time", "eco-icon", "eco-input-number", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-input-optional", "eco-text-label"];
     components.forEach(tagName => { switch (tagName) {
@@ -245,2 +248,7 @@ case "eco-input-time":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
         case "eco-input-number":
@@ -247,0 +255,0 @@ if (!customElements.get(tagName)) {

dist/components/eco-input-wrapper2.js

@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{--color:var(--c-border-base)}.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-inline-size:100%;color:var(--c-text)}.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(--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.hidden{display:none}.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);box-shadow:0 0 0 var(--bw-thin) var(--color);background-color:var(--c-input-disabled)}.sc-eco-input-wrapper-s>input[type='number']{box-shadow:0 0 0 var(--bw-thin) var(--color);font-feature-settings:'tnum'}.sc-eco-input-wrapper-s>input[type='number']:not(:in-range){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input[type='search']{background-color:var(--c-cta-background);padding-inline-start:var(--sp-xxl)}.sc-eco-input-wrapper-s>input[type='file']{display:none}.sc-eco-input-wrapper-s>input[type='file']+label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;font-weight:var(--fw-base);align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-inline-start:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background);overflow:unset}.sc-eco-input-wrapper-s>input[type='file']+label:hover,.sc-eco-input-wrapper-s>input[type='file']+label:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[type='file']+label .button{--color:var(--c-cta-default);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(--color);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 var(--speed-normal) linear}.sc-eco-input-wrapper-s>input[type='file']+label .button:hover,.sc-eco-input-wrapper-s>input[type='file']+label .button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n\t\t0 0 var(--bw-thick) var(--color), 0 0 var(--sp-md) var(--c-shadow)}.sc-eco-input-wrapper-s>input[type='file']~label .filename{overflow:hidden}.sc-eco-input-wrapper-s>textarea{color:var(--c-text);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-inline-size:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.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);inline-size:100%;max-inline-size: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)}.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)}.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)}.sm.sc-eco-input-wrapper{inline-size:15ch}.md.sc-eco-input-wrapper{inline-size:30ch}.lg.sc-eco-input-wrapper{inline-size:45ch}.full.sc-eco-input-wrapper{max-inline-size:100%}.default.sc-eco-input-wrapper-h{--color:var(--c-border-base)}.error.sc-eco-input-wrapper-h{--color:var(--c-cta-danger)}.success.sc-eco-input-wrapper-h{--color:var(--c-cta-success)}";
+const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{--color:var(--c-border-base)}.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-inline-size:100%;color:var(--c-text)}.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(--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.hidden{display:none}.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);box-shadow:0 0 0 var(--bw-thin) var(--color);background-color:var(--c-input-disabled)}.sc-eco-input-wrapper-s>input[type='number'],.sc-eco-input-wrapper-s>input[type='tel']{box-shadow:0 0 0 var(--bw-thin) var(--color);font-feature-settings:'tnum'}.sc-eco-input-wrapper-s>input[type='number']:not(:in-range){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input[type='search']{background-color:var(--c-cta-background);padding-inline-start:var(--sp-xxl)}.sc-eco-input-wrapper-s>input[type='file']{display:none}.sc-eco-input-wrapper-s>input[type='file']+label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;font-weight:var(--fw-base);align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-inline-start:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background);overflow:unset}.sc-eco-input-wrapper-s>input[type='file']+label:hover,.sc-eco-input-wrapper-s>input[type='file']+label:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[type='file']+label .button{--color:var(--c-cta-default);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(--color);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 var(--speed-normal) linear}.sc-eco-input-wrapper-s>input[type='file']+label .button:hover,.sc-eco-input-wrapper-s>input[type='file']+label .button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n\t\t0 0 var(--bw-thick) var(--color), 0 0 var(--sp-md) var(--c-shadow)}.sc-eco-input-wrapper-s>input[type='file']~label .filename{overflow:hidden}.sc-eco-input-wrapper-s>textarea{color:var(--c-text);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-inline-size:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.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);inline-size:100%;max-inline-size: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)}.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)}.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)}.sm.sc-eco-input-wrapper{inline-size:15ch}.md.sc-eco-input-wrapper{inline-size:30ch}.lg.sc-eco-input-wrapper{inline-size:45ch}.full.sc-eco-input-wrapper{max-inline-size:100%}.default.sc-eco-input-wrapper-h{--color:var(--c-border-base)}.error.sc-eco-input-wrapper-h{--color:var(--c-cta-danger)}.success.sc-eco-input-wrapper-h{--color:var(--c-cta-success)}";
 const EcoInputWrapperStyle0 = ecoInputWrapperCss;
@@ -8,0 +8,0 @@

dist/components/eco-multi-select.js

@@ -95,6 +95,6 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
                     this.hostElement.getBoundingClientRect().top +
-                    this.nativeInput.offsetTop}px - ${SpXxs} - ${this.maxHeight});
+                    this.nativeInput.offsetTop}px - ${SpXxs} - ${this.maxBlockSize});
         width: ${this.nativeInput.getBoundingClientRect().width}px;
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -109,3 +109,3 @@ }
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -138,3 +138,3 @@ }
         this.placeholder = 'Select multiple options';
-        this.maxHeight = 'calc(40vh - var(--sp-xxxl))';
+        this.maxBlockSize = 'calc(40vh - var(--sp-xxxl))';
         this.status = EcoInputStatusList.default;
@@ -203,3 +203,3 @@ this.disabled = false;
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '27391531c504ea1baefd40e9e5dbc9439207c03b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'd435dda67a2b69d44f932199a3e8b83a807e3977', class: classMap }, h("eco-text-label", { key: '10bf1d261eee390c029021a172ca0a928f0381b2', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '9c3f436e18572cbce198d3b1a4e57d4d7fe941fb', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, h("slot", { key: 'c93dd28dc6c597f7a76fe7ebfebc0b7312246b56' })), h("eco-icon", { key: '9ff599f8d98a5ceebbc2e0901adfc161f4bf81fd', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
+        return (h(Host, { key: '98e12d89f743f7504e68541d0df2d21a40c1e853', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b6492f449776ff1e74c2164b6e240b41b66b746f', class: classMap }, h("eco-text-label", { key: '7c7a01970321f5fa189ad883539740eadd340610', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'dfa8546f9bee78d184e12cf005c57340c3d28b74', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, h("slot", { key: '65e92834b2ffbce02152851ae60a356898204b30' })), h("eco-icon", { key: '8e87668dda0150ce17a7a423c038511be35ccdb9', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
     }
@@ -220,3 +220,3 @@ getCssClassMap() {
         "placeholder": [1],
-        "maxHeight": [1, "max-height"],
+        "maxBlockSize": [1, "max-block-size"],
         "status": [1],
@@ -223,0 +223,0 @@ "disabled": [4],

dist/components/eco-radios.js

@@ -37,2 +37,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.name = undefined;
@@ -184,5 +185,5 @@ this.label = undefined;
     render() {
-        return (h(Host, { key: '71811718f12c64dcd7cb5b271ddb78f7daa62236', "qa-id": this.qaIdElement, class: {
+        return (h(Host, { key: 'ec44a3e09fedfcb005d5f8847460e21a3efa8497', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !exists(this.maxBlockSize),
-            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", null, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, h("eco-spacer", { key: '173f19abaa98000bd17a0aac4226536e88c17c9c', onClick: this.onClick, gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, h("eco-spacer", { key: '3bb9a5695e96af3a97fa3f64afc2ac8882721112', onClick: this.onClick, gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -198,2 +199,3 @@ get hostElement() { return this; }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "name": [1],
@@ -200,0 +202,0 @@ "label": [1],

dist/components/eco-select.js

@@ -47,3 +47,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("select", { key: '0c00a368f2d61aacda6ec781261e0bd6ce881911', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, h("slot", { key: 'e9bc86c88278df607a7fdd409df914543107468e' })), h("eco-icon", { key: 'aee244990873fe9424ef32e0f8815c80f24caca9', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
+        return (h(Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("select", { key: '73fed47daaf9ee88dc0c1fbf3f7ce472db894a93', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, h("slot", { key: '61d0dcf810c8ae492f773202aab52f0fc3cc206c' })), h("eco-icon", { key: '2398cc7c1242b69f17179f29ed1bc5d734e03246', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
     }
@@ -50,0 +50,0 @@ getCssClassMap() {

dist/components/eco-stacked-bar.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { m as EcoSpacerSizeList } from './utils.js';
+import { d as defineCustomElement$6 } from './eco-icon2.js';
 import { d as defineCustomElement$5 } from './eco-input-wrapper2.js';
@@ -18,2 +19,3 @@ import { d as defineCustomElement$4 } from './eco-spacer2.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.showLegend = false;
@@ -122,3 +124,3 @@ this.showPercent = false;
     render() {
-        return (h(Host, { key: 'e1036a5d74a9f29a79612e90b96266163cb12d6a', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b9c90581bd0745bd2ef5a1e3f97008b5eeccd096' }, this.label && (h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("slot", { key: '3918ca41b378baa39398cf504d3d92ea7ef9dba1' }))));
+        return (h(Host, { key: '961401ab2880ad847663e521a028a8ac3674b24e', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '89b46cf7bf27d3733c0e71ae49d1e5fbb37d2a84' }, this.label && (h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("slot", { key: '7878561948d2d3dc8957090f21c7be3e2c6cc6b9' }))));
     }
@@ -130,2 +132,3 @@ get el() { return this; }
         "help": [1],
+        "helpStatus": [1, "help-status"],
         "showLegend": [4, "show-legend"],
@@ -149,3 +152,3 @@ "showPercent": [4, "show-percent"],
     }
-    const components = ["eco-stacked-bar", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-label"];
+    const components = ["eco-stacked-bar", "eco-icon", "eco-input-wrapper", "eco-spacer", "eco-text-input-help", "eco-text-label"];
     components.forEach(tagName => { switch (tagName) {
@@ -157,2 +160,7 @@ case "eco-stacked-bar":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
         case "eco-input-wrapper":
@@ -159,0 +167,0 @@ if (!customElements.get(tagName)) {

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

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { i as EcoInputStatusList, f as EcoIconSizeList, e as EcoIconList, g as EcoIconTypeList } from './utils.js';
+import { d as defineCustomElement$1 } from './eco-icon2.js';
 
+const ecoTextInputHelpCss = ":host{--font-size:var(--fs-sm);--font-weight:var(--fw-base);--status-colour:var(--c-text-secondary);white-space:normal;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--status-colour);display:flex;gap:var(--sp-xxs);align-items:center}:host(.default){--status-colour:var(--c-text-secondary)}:host(.success){--status-colour:var(--c-cta-success)}:host(.error){--status-colour:var(--c-cta-danger)}:host(.success),:host(.error){--font-weight:var(--fw-bold)}";
+const EcoTextInputHelpStyle0 = ecoTextInputHelpCss;
+
+const STATUS_TO_ICON_MAP = {
+    [EcoInputStatusList.default]: { icon: null, type: null },
+    [EcoInputStatusList.success]: {
+        icon: EcoIconList.check,
+        type: EcoIconTypeList.success,
+    },
+    [EcoInputStatusList.error]: {
+        icon: EcoIconList.alert,
+        type: EcoIconTypeList.danger,
+    },
+};
 const EcoTextInputHelp = /*@__PURE__*/ proxyCustomElement(class EcoTextInputHelp extends HTMLElement {
@@ -8,10 +24,15 @@ constructor() {
         this.__attachShadow();
+        this.status = EcoInputStatusList.default;
         this.qaIdElement = undefined;
+        this.qaIdIcon = undefined;
     }
     render() {
-        return (h(Host, { key: '375debe565cb1f7d0adc46381dd2008f7d9cea30', "qa-id": this.qaIdElement }, h("slot", { key: 'df517c002b48bfa6521cd4516a2a65ff1835ca4e' })));
+        const { icon, type } = STATUS_TO_ICON_MAP[this.status];
+        return (h(Host, { key: '36efa7bc6eec4c4ef2eba0db94cfeebbb0f3d143', "qa-id": this.qaIdElement, class: this.status }, icon !== null && (h("eco-icon", { icontype: type, icon: icon, iconsize: EcoIconSizeList.sm, qaIdElement: this.qaIdIcon })), h("slot", { key: 'f8e5760828cb0a8412124b2ed6c5c4321c38e34d' })));
     }
-    static get style() { return ":host {opacity: 0.8;white-space: normal;font-size:var(--fs-sm);}"; }
+    static get style() { return EcoTextInputHelpStyle0; }
 }, [1, "eco-text-input-help", {
-        "qaIdElement": [1, "qa-id-element"]
+        "status": [1],
+        "qaIdElement": [1, "qa-id-element"],
+        "qaIdIcon": [1, "qa-id-icon"]
     }]);
@@ -22,3 +43,3 @@ function defineCustomElement() {
     }
-    const components = ["eco-text-input-help"];
+    const components = ["eco-text-input-help", "eco-icon"];
     components.forEach(tagName => { switch (tagName) {
@@ -30,2 +51,7 @@ case "eco-text-input-help":
             break;
+        case "eco-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
     } });
@@ -32,0 +58,0 @@ }

dist/eco/eco.esm.js

@@ -1,2 +0,2 @@
-import{p as e,b as a}from"./p-4323c41c.js";export{s as setNonce}from"./p-4323c41c.js";import{g as t}from"./p-e1255160.js";const d=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};d().then((async e=>{await t();return a(JSON.parse('[["p-3b8c8e24",[[1,"eco-multi-select",{"value":[1040],"label":[1],"help":[1],"name":[1],"optional":[1],"placeholder":[1],"maxHeight":[1,"max-height"],"status":[1],"disabled":[4],"required":[4],"inputId":[1025,"input-id"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdLabel":[1,"qa-id-label"],"qaIdInput":[1,"qa-id-input"],"qaIdOptional":[1,"qa-id-optional"],"setFocus":[64]}]]],["p-e1c80fde",[[1,"eco-chat-message",{"timestamp":[1],"author":[1],"message":[1],"authorIsUser":[4,"author-is-user"],"canDelete":[4,"can-delete"],"canEdit":[4,"can-edit"],"qaIdElement":[1,"qa-id-element"],"qaIdTimestamp":[1,"qa-id-timestamp"],"qaIdAuthor":[1,"qa-id-author"],"qaIdMessage":[1,"qa-id-message"],"qaIdActionCancel":[1,"qa-id-action-cancel"],"qaIdActionDelete":[1,"qa-id-action-delete"],"qaIdActionDeleteConfirm":[1,"qa-id-action-delete-confirm"],"qaIdActionEdit":[1,"qa-id-action-edit"],"qaIdActionEditConfirm":[1,"qa-id-action-edit-confirm"],"updatedMessage":[32]},[[0,"messageEdited","onEdited"],[0,"messageDeleted","onDeleted"]]]]],["p-2de8667d",[[2,"eco-input-filter",{"label":[1],"help":[1],"placeholder":[1],"optional":[1],"inputId":[1025,"input-id"],"required":[4],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdOptional":[1,"qa-id-optional"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"resetFilter":[64]}]]],["p-e61b23af",[[4,"eco-table",{"responsive":[4],"resizable":[4],"equalcolumns":[4],"containsDocs":[4,"contains-docs"],"stickyOffset":[1,"sticky-offset"],"stickyTableHeight":[1,"sticky-table-height"],"searchable":[4],"searchableNoResults":[1028,"searchable-no-results"],"searchableNoResultsText":[1,"searchable-no-results-text"],"searchableLabel":[1,"searchable-label"],"searchableHelp":[1,"searchable-help"],"searchablePlaceholder":[1,"searchable-placeholder"],"qaIdElement":[1,"qa-id-element"],"qaIdResetButton":[1,"qa-id-reset-button"],"qaIdActions":[1,"qa-id-actions"],"qaIdTable":[1,"qa-id-table"],"qaIdSearchableElement":[1,"qa-id-searchable-element"],"qaIdSearchableInput":[1,"qa-id-searchable-input"],"qaIdSearchableLabel":[1,"qa-id-searchable-label"],"qaIdSearchableHelp":[1,"qa-id-searchable-help"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"customSortEnabled":[4,"custom-sort-enabled"],"resetColumns":[64],"searchClear":[64]}]]],["p-423e6ed3",[[1,"eco-docs-code",{"codeTitle":[1,"code-title"],"code":[1],"showLines":[4,"show-lines"],"allowCopy":[4,"allow-copy"],"copyLabel":[1025,"copy-label"],"qaIdElement":[1,"qa-id-element"],"qaIdCode":[1,"qa-id-code"],"qaIdCopy":[1,"qa-id-copy"],"qaIdCopyLabel":[1,"qa-id-copy-label"],"qaIdCodeTitle":[1,"qa-id-code-title"],"qaIdLineNumbers":[1,"qa-id-line-numbers"],"hasCopied":[32],"copyIcon":[32]}]]],["p-fe2f0c17",[[6,"eco-modal",{"modaltitle":[1],"visible":[1028],"fill":[4],"showBody":[4,"show-body"],"qaIdElement":[1,"qa-id-element"],"qaIdModal":[1,"qa-id-modal"],"qaIdTitle":[1,"qa-id-title"],"qaIdClose":[1,"qa-id-close"],"qaIdCancel":[1,"qa-id-cancel"],"handleClose":[64],"handleTrigger":[64]}]]],["p-696d7427",[[1,"eco-filter-list",{"label":[1],"help":[1],"placeholder":[1],"hideInputIfLessThan":[2,"hide-input-if-less-than"],"noResultsText":[1,"no-results-text"],"inputId":[1,"input-id"],"maxBlockSize":[1,"max-block-size"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"noResults":[32],"showInput":[32],"filterSlot":[64],"filterClear":[64]}]]],["p-6130fde1",[[2,"eco-input-range",{"value":[1026],"inputId":[1025,"input-id"],"min":[2],"step":[2],"max":[2],"rangeFlow":[1,"range-flow"],"inputFlow":[1,"input-flow"],"thumbSize":[1,"thumb-size"],"showInput":[4,"show-input"],"showOutput":[4,"show-output"],"showError":[1028,"show-error"],"showStepMismatchError":[1028,"show-step-mismatch-error"],"valuePrefix":[1,"value-prefix"],"valueSuffix":[1,"value-suffix"],"help":[1],"label":[1],"disabled":[4],"readonly":[4],"required":[4],"optional":[1],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"qaIdHelp":[1,"qa-id-help"],"qaIdRange":[1,"qa-id-range"],"qaIdInput":[1,"qa-id-input"],"qaIdOutput":[1,"qa-id-output"],"qaIdMessagebox":[1,"qa-id-messagebox"]},null,{"value":["valueChanged"]}]]],["p-22ac70dd",[[1,"eco-radios",{"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"help":[1],"name":[1],"label":[1],"noResults":[1028,"no-results"],"noResultsText":[1,"no-results-text"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"radioData":[16],"value":[1032],"maxBlockSize":[1,"max-block-size"],"searchClear":[64]},[[4,"keydown","onKeydown"]],{"value":["valueChanged"]}]]],["p-e6a03d48",[[6,"eco-input-datalist",{"disabled":[4],"help":[1],"inputId":[1,"input-id"],"listId":[1,"list-id"],"label":[1],"optional":[1],"qaIdDataList":[1,"qa-id-data-list"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"qaIdNotListedMessage":[1,"qa-id-not-listed-message"],"readonly":[4],"required":[4],"value":[1025],"placeholder":[1],"notListedMessage":[1,"not-listed-message"],"notListedOption":[32],"optionsList":[32]}]]],["p-654d1476",[[1,"eco-input-tags",{"label":[1],"help":[1],"optional":[1],"inputId":[1025,"input-id"],"value":[1040],"options":[16],"required":[4],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdOptional":[1,"qa-id-optional"],"qaIdValues":[1,"qa-id-values"],"qaIdInput":[1,"qa-id-input"],"qaIdOptions":[1,"qa-id-options"],"currentInput":[32],"setOptions":[64]},[[0,"focusout","handleFocusOut"],[0,"tagRemoved","removeTagHandler"],[0,"tagAdded","addTagHandler"]]]]],["p-aa52d23d",[[6,"eco-layout-nav",{"logoTitle":[1,"logo-title"],"homeLink":[1,"home-link"],"appName":[1,"app-name"],"accountName":[1,"account-name"],"allowHiding":[4,"allow-hiding"],"hideNav":[4,"hide-nav"],"qaIdElement":[1,"qa-id-element"],"qaIdLogo":[1,"qa-id-logo"],"qaIdAppName":[1,"qa-id-app-name"],"qaIdNav":[1,"qa-id-nav"],"accentHue":[2,"accent-hue"],"accentSaturation":[2,"accent-saturation"],"accentLightness":[2,"accent-lightness"],"accentAlpha":[2,"accent-alpha"],"followActive":[64],"navHide":[64],"navShow":[64],"navToggle":[64]}]]],["p-45277d0a",[[1,"eco-tetrigs",{"board":[32],"score":[32],"currentPiece":[32],"nextPiece":[32],"isGameOver":[32]}]]],["p-c3337533",[[2,"eco-input-time",{"disabled":[4],"help":[1],"label":[1],"optional":[1],"qaIdDays":[1,"qa-id-days"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdHours":[1,"qa-id-hours"],"qaIdInputs":[1,"qa-id-inputs"],"qaIdLabel":[1,"qa-id-label"],"qaIdMinutes":[1,"qa-id-minutes"],"qaIdOptional":[1,"qa-id-optional"],"qaIdSeconds":[1,"qa-id-seconds"],"qaIdWeeks":[1,"qa-id-weeks"],"readonly":[4],"required":[4],"value":[1025],"weeks":[4],"weeksMax":[2,"weeks-max"],"weeksMin":[2,"weeks-min"],"weeksValue":[1026,"weeks-value"],"days":[4],"daysMax":[2,"days-max"],"daysMin":[2,"days-min"],"daysValue":[1026,"days-value"],"hours":[4],"hoursMax":[2,"hours-max"],"hoursMin":[2,"hours-min"],"hoursValue":[1026,"hours-value"],"minutes":[4],"minutesMax":[2,"minutes-max"],"minutesMin":[2,"minutes-min"],"minutesValue":[1026,"minutes-value"],"seconds":[4],"secondsMax":[2,"seconds-max"],"secondsMin":[2,"seconds-min"],"secondsValue":[1026,"seconds-value"]}]]],["p-2190bc91",[[2,"eco-input-file",{"accept":[1],"disabled":[4],"files":[16],"help":[1],"inputId":[1,"input-id"],"label":[1],"optional":[1],"qaIdButton":[1,"qa-id-button"],"qaIdElement":[1,"qa-id-element"],"qaIdFilename":[1,"qa-id-filename"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"text":[1],"value":[1],"width":[1],"reset":[64]}]]],["p-f9796673",[[1,"eco-input-phone",{"disabled":[4],"help":[1],"label":[1],"name":[1],"optional":[1],"pattern":[1],"placeholder":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"width":[1],"inputId":[1025,"input-id"],"value":[1025],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]}]]],["p-278f015b",[[6,"eco-select",{"value":[1025],"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"disabled":[4],"required":[4],"multiple":[4],"inputId":[1025,"input-id"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdLabel":[1,"qa-id-label"],"qaIdSelect":[1,"qa-id-select"]}]]],["p-3505a2bb",[[1,"eco-docs-responses",{"responsesTitle":[1,"responses-title"],"responses":[16],"qaIdElement":[1,"qa-id-element"],"qaIdResponsesTitle":[1,"qa-id-responses-title"]}]]],["p-b47520dd",[[1,"eco-qr-scanner",{"label":[1],"icon":[1],"type":[1],"styletype":[1],"qaIdElement":[1,"qa-id-element"],"value":[32],"scanningInProgress":[32],"start":[64],"reset":[64]}]]],["p-5de34311",[[1,"eco-stacked-bar",{"label":[1],"help":[1],"showLegend":[4,"show-legend"],"showPercent":[4,"show-percent"],"showCount":[4,"show-count"],"gap":[1],"barThickness":[1,"bar-thickness"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdBar":[1,"qa-id-bar"],"qaIdLegend":[1,"qa-id-legend"],"qaIdPercent":[1,"qa-id-percent"],"qaIdCount":[1,"qa-id-count"],"data":[16]}]]],["p-104c0c93",[[1,"eco-lightbox",{"visible":[1028],"loaded":[4],"disabled":[4],"qaIdElement":[1,"qa-id-element"],"handleTrigger":[64]}]]],["p-7dca7e39",[[1,"eco-split-button",{"showOptions":[32],"toggleIconSize":[32],"toggleIcon":[32],"open":[64],"close":[64]}]]],["p-c3d5d685",[[1,"eco-split-option",{"disabled":[4],"icon":[1],"isBusy":[4,"is-busy"],"label":[1],"size":[1],"styletype":[1],"type":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"qaIdLabel":[1,"qa-id-label"],"focusButton":[64]}]]],["p-d1f094f8",[[1,"eco-slide-over",{"qaIdElement":[1,"qa-id-element"],"qaIdClose":[1,"qa-id-close"],"visible":[1028],"handleClose":[64],"handleTrigger":[64]}]]],["p-cbd78683",[[1,"eco-accordion-item",{"align":[1025],"clickAnywhere":[4,"click-anywhere"],"sticky":[4],"collapsable":[4],"collapsed":[1028],"disabled":[1028],"qaIdContent":[1,"qa-id-content"],"qaIdElement":[1,"qa-id-element"],"qaIdHeader":[1,"qa-id-header"],"qaIdIcon":[1,"qa-id-icon"],"qaIdToggle":[1,"qa-id-toggle"],"disable":[64]}]]],["p-9c8a1f69",[[2,"eco-ani-add-gtl-orientation",{"location":[1]}]]],["p-b4c2e443",[[1,"eco-badge",{"type":[1],"icon":[1],"dot":[4],"label":[1],"rotateIcon":[4,"rotate-icon"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdIcon":[1,"qa-id-icon"],"qaIdDot":[1,"qa-id-dot"]}]]],["p-af28e1b9",[[1,"eco-chart-sparkline",{"label":[1],"showCount":[4,"show-count"],"data":[16],"lineColour":[1,"line-colour"],"strokeWidth":[2,"stroke-width"],"fillColour":[1,"fill-colour"],"fillOpacity":[1,"fill-opacity"],"yAxisMax":[2,"y-axis-max"],"flow":[1],"lineXPos":[32],"count":[32]}]]],["p-f60b3291",[[1,"eco-input-radio",{"value":[1032],"disabled":[4],"label":[1],"name":[1],"qaIdElement":[1,"qa-id-element"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"checked":[32],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["p-a8a61e0c",[[6,"eco-layout-aside",{"collapsable":[4],"collapsed":[1028],"localStorageName":[1,"local-storage-name"],"sticky":[4],"stickyOffset":[1,"sticky-offset"],"asideMaxBlockSize":[1,"aside-max-block-size"],"asidePosition":[1,"aside-position"],"qaIdElement":[1,"qa-id-element"],"qaIdAside":[1,"qa-id-aside"],"qaIdAsideContent":[1,"qa-id-aside-content"],"qaIdToggle":[1,"qa-id-toggle"],"qaIdContent":[1,"qa-id-content"],"handleCollapse":[64]}]]],["p-3ad84cb2",[[1,"eco-layout-blocks",{"qaIdElement":[1,"qa-id-element"],"qaIdContent":[1,"qa-id-content"]}]]],["p-8c8c3a4f",[[6,"eco-layout-filter",{"collapsable":[4],"collapsed":[1028],"filtersApplied":[4,"filters-applied"],"localStorageName":[1,"local-storage-name"],"sticky":[4],"stickyOffset":[1,"sticky-offset"],"filterMaxBlockSize":[1,"filter-max-block-size"],"qaIdElement":[1,"qa-id-element"],"qaIdFilter":[1,"qa-id-filter"],"qaIdToggle":[1,"qa-id-toggle"],"qaIdContent":[1,"qa-id-content"],"handleCollapse":[64]}]]],["p-088297d2",[[1,"eco-layout-header",{"level":[2],"displayAs":[2,"display-as"],"qaIdElement":[1,"qa-id-element"],"qaIdActionsBefore":[1,"qa-id-actions-before"],"qaIdActionsAfter":[1,"qa-id-actions-after"],"qaIdHeadingElement":[1,"qa-id-heading-element"],"qaIdHeading":[1,"qa-id-heading"]}]]],["p-6c6f0090",[[1,"eco-nav-link",{"href":[1],"label":[1],"target":[1],"rel":[1],"active":[4],"icon":[1],"iconsize":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]},[[0,"keydown","handleKeyDown"]]]]],["p-b2bae900",[[2,"eco-status-icon",{"icon":[1],"type":[1],"iconsize":[1],"label":[1],"labelLocation":[1,"label-location"],"wrapLabel":[4,"wrap-label"],"width":[2],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"qaIdLabel":[1,"qa-id-label"]}]]],["p-6c49d639",[[1,"eco-subnav-item",{"disabled":[4],"href":[1],"target":[1],"label":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconSize":[1,"icon-size"],"active":[4],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]}]]],["p-40e4c64b",[[1,"eco-text-clamp",{"linesToShow":[2,"lines-to-show"],"suppressExpand":[4,"suppress-expand"]}]]],["p-9ad6ef47",[[1,"eco-user-badge",{"userId":[1,"user-id"],"userName":[1,"user-name"],"initials":[4],"qaIdElement":[1,"qa-id-element"]}]]],["p-697c9de9",[[1,"eco-accordion",{"qaIdElement":[1,"qa-id-element"],"align":[1],"clickAnywhere":[4,"click-anywhere"],"sticky":[4]}]]],["p-e5b3971a",[[1,"eco-fieldset",{"legend":[1],"disabled":[4],"qaIdElement":[1,"qa-id-element"],"qaIdLegend":[1,"qa-id-legend"]},null,{"disabled":["onDisabledChange"]}]]],["p-06fb2a75",[[1,"eco-generated-pattern-dots",{"text":[1],"qaIdElement":[1,"qa-id-element"]}]]],["p-341f7b6f",[[1,"eco-generated-pattern-stripes",{"text":[1],"stripeWidth":[2,"stripe-width"],"qaIdElement":[1,"qa-id-element"]}]]],["p-b8cfb9ef",[[6,"eco-layout-body",{"qaIdElement":[1,"qa-id-element"],"qaIdMain":[1,"qa-id-main"]}]]],["p-64efe4b3",[[0,"eco-level",{"tooltip":[1],"steps":[2],"amount":[2],"emptyLabel":[1,"empty-label"],"overfullLabel":[1,"overfull-label"],"showAmount":[4,"show-amount"],"approximate":[4],"levelGap":[4,"level-gap"],"type":[1],"elementFlow":[1,"element-flow"],"levelFlow":[1,"level-flow"],"qaIdElement":[1,"qa-id-element"],"qaIdAmount":[1,"qa-id-amount"],"renderAmount":[4,"render-amount"]}]]],["p-ed54ed21",[[1,"eco-logo",{"colour":[1]}]]],["p-ba2e1c61",[[1,"eco-nav-flyout",{"qaIdElement":[1,"qa-id-element"],"visible":[1028],"handleClose":[64],"handleTrigger":[64]},[[8,"click","handleClick"],[8,"keyup","handleKeyup"]]]]],["p-fe898884",[[2,"eco-progress",{"variant":[1],"type":[1],"width":[1],"improving":[4],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"],"qaIdElement":[1,"qa-id-element"],"qaIdText":[1,"qa-id-text"],"qaIdProgress":[1,"qa-id-progress"]}]]],["p-934385c9",[[1,"eco-segment",{"value":[1032],"disabled":[4],"name":[1],"qaIdElement":[1,"qa-id-element"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"checked":[32],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["p-f41d1ed6",[[1,"eco-segments",{"qaIdElement":[1,"qa-id-element"],"value":[1032]},[[4,"keydown","onKeydown"]]]]],["p-9051156a",[[1,"eco-subnav",{"flow":[1],"qaIdElement":[1,"qa-id-element"],"followActive":[64]}]]],["p-c7509dea",[[1,"eco-tab",{"bind":[1],"active":[4],"qaIdElement":[1,"qa-id-element"]}]]],["p-96be4713",[[1,"eco-tab-content",{"bind":[1],"qaIdElement":[1,"qa-id-element"]}]]],["p-1bdc30e5",[[1,"eco-tabs",{"tabLocation":[1,"tab-location"],"alignTabs":[1,"align-tabs"],"wrap":[4],"sticky":[4],"stickyOffset":[1,"sticky-offset"],"changeUrl":[1,"change-url"],"urlSearchQuery":[1,"url-search-query"],"autoPlay":[4,"auto-play"],"autoPlaySpeed":[2,"auto-play-speed"],"qaIdElement":[1,"qa-id-element"],"setActiveTab":[64]},[[0,"click","handleClick"],[0,"keyup","handleKeyup"]]]]],["p-f2d1222e",[[1,"eco-checkboxes",{"help":[1],"label":[1],"noResults":[1028,"no-results"],"noResultsText":[1,"no-results-text"],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"checkAll":[4,"check-all"],"allowCheckAll":[4,"allow-check-all"],"maxBlockSize":[1,"max-block-size"],"searchClear":[64]},[[0,"ecoChange","handleEcoChange"]]]]],["p-c85f4dc3",[[1,"eco-input-tag",{"label":[1],"action":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"addTag":[64],"removeTag":[64]}]]],["p-a42a3e7d",[[1,"eco-popover",{"showOn":[1,"show-on"],"popoverFlow":[1,"popover-flow"],"popoverAlignment":[1,"popover-alignment"],"qaIdElement":[1,"qa-id-element"],"qaIdPopover":[1,"qa-id-popover"],"visible":[32],"open":[64],"close":[64],"handleMouseEnter":[64],"handleFocusIn":[64],"handleFocusOut":[64],"handleMouseLeave":[64],"handleClickOnElement":[64]}]]],["p-8da442e2",[[1,"eco-split-options"]]],["p-56243c8b",[[1,"eco-toast",{"type":[1],"icon":[1],"autoDismiss":[4,"auto-dismiss"],"dismissAfter":[2,"dismiss-after"],"qaIdElement":[1,"qa-id-element"],"qaIdContent":[1,"qa-id-content"],"qaIdClose":[1,"qa-id-close"],"qaIdTimer":[1,"qa-id-timer"]}],[1,"eco-toast-rack",{"qaIdElement":[1,"qa-id-element"],"stack":[4]},[[0,"present","toastPresent"],[0,"dismiss","toastDismiss"]]]]],["p-853a0158",[[2,"eco-input-textarea",{"disabled":[4],"height":[1],"help":[1],"label":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"optional":[1],"placeholder":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"resize":[4],"status":[1],"width":[1],"inputId":[1025,"input-id"],"value":[1025]}]]],["p-0b339cbe",[[1,"eco-input-checkbox",{"label":[1],"checked":[1028],"indeterminate":[1028],"disabled":[4],"inputId":[1025,"input-id"],"qaIdElement":[1,"qa-id-element"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"name":[1],"value":[1],"labelPosition":[1,"label-position"],"showAsToggle":[4,"show-as-toggle"],"setChecked":[64]}]]],["p-164c7303",[[1,"eco-nav-action",{"notice":[1028],"icon":[1],"iconsize":[1],"qaIdElement":[1,"qa-id-element"],"isNoticed":[32],"noticeStart":[64],"noticeStop":[64]}],[1,"eco-igs-logo",{"theme":[1],"colour":[1]}]]],["p-c7484ca8",[[1,"eco-description-group",{"vertical":[4],"flow":[1],"qaIdElement":[1,"qa-id-element"],"colWidth":[1,"col-width"],"termWidth":[1,"term-width"],"gap":[1],"inverted":[4]}],[1,"eco-docs-parameter",{"name":[1],"required":[4],"schemaType":[1,"schema-type"],"in":[1],"qaIdElement":[1,"qa-id-element"],"qaIdName":[1,"qa-id-name"],"qaIdRequired":[1,"qa-id-required"],"qaIdSchemaType":[1,"qa-id-schema-type"],"qaIdIn":[1,"qa-id-in"]}]]],["p-78aa5552",[[1,"eco-description",{"term":[1],"description":[8],"flow":[1025],"inverted":[4],"qaIdElement":[1,"qa-id-element"],"qaIdTerm":[1,"qa-id-term"],"qaIdDesc":[1,"qa-id-desc"]}]]],["p-9874fe21",[[1,"eco-popover-content",{"popoverFlow":[1,"popover-flow"],"popoverAlignment":[1,"popover-alignment"],"qaIdPopover":[1,"qa-id-popover"]}]]],["p-634946cc",[[2,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"inputStatus":[1025,"input-status"],"withTime":[4,"with-time"],"daysPast":[2,"days-past"],"daysFuture":[2,"days-future"],"dayMin":[2,"day-min"],"dayMax":[2,"day-max"],"monthMin":[2,"month-min"],"monthMax":[2,"month-max"],"yearMin":[2,"year-min"],"yearMax":[2,"year-max"],"minuteMin":[2,"minute-min"],"minuteMax":[2,"minute-max"],"hourMin":[2,"hour-min"],"hourMax":[2,"hour-max"],"qaIdInputs":[1,"qa-id-inputs"],"qaIdDd":[1,"qa-id-dd"],"qaIdMm":[1,"qa-id-mm"],"qaIdYyyy":[1,"qa-id-yyyy"],"qaIdMinute":[1,"qa-id-minute"],"qaIdHour":[1,"qa-id-hour"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"qaIdHelp":[1,"qa-id-help"],"qaIdMessagebox":[1,"qa-id-messagebox"],"value":[1025],"dateExists":[32],"inputsEmpty":[32],"sinceDate":[32],"sinceDateError":[32],"untilDate":[32],"untilDateError":[32],"validateDate":[64],"getDate":[64],"setDate":[64]}],[2,"eco-input-number",{"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"disabled":[4],"help":[1],"label":[1],"max":[2],"min":[2],"name":[1],"optional":[1],"pattern":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"step":[2],"width":[1],"inputId":[1025,"input-id"],"valid":[1028],"value":[1026],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]}],[6,"eco-messagebox",{"type":[1],"icon":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]}],[1,"eco-text-input-optional",{"qaIdElement":[1,"qa-id-element"]}],[1,"eco-text-input-help",{"qaIdElement":[1,"qa-id-element"]}],[6,"eco-input-wrapper",{"width":[1],"status":[1],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-text-label",{"for":[1],"wrap":[4],"qaIdLabel":[1,"qa-id-label"],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-spacer",{"gap":[1],"flow":[1],"wrap":[4],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"qaIdElement":[1,"qa-id-element"],"rotate":[4]}]]],["p-af9a3809",[[2,"eco-button",{"disabled":[4],"href":[1],"target":[1],"icon":[1],"isBusy":[4,"is-busy"],"label":[1],"link":[4],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"qaIdLabel":[1,"qa-id-label"],"size":[1],"styletype":[1],"type":[1],"iconsize":[1025],"toggleLabel":[4,"toggle-label"],"iconPosition":[1,"icon-position"]},[[0,"keydown","handleKeyDown"]]],[2,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1],"qaIdElement":[1,"qa-id-element"],"qaIdText":[1,"qa-id-text"]}],[1,"eco-backdrop",{"visible":[1028],"showBackdrop":[64],"hideBackdrop":[64]}]]],["p-509e983b",[[1,"eco-chat-bubble",{"message":[1],"authorIsUser":[4,"author-is-user"],"canDelete":[4,"can-delete"],"canEdit":[4,"can-edit"],"qaIdElement":[1,"qa-id-element"],"qaIdActionCancel":[1,"qa-id-action-cancel"],"qaIdActionDelete":[1,"qa-id-action-delete"],"qaIdActionDeleteConfirm":[1,"qa-id-action-delete-confirm"],"qaIdActionEdit":[1,"qa-id-action-edit"],"qaIdActionEditConfirm":[1,"qa-id-action-edit-confirm"],"isUpdating":[32],"isEditing":[32],"isDeleting":[32],"updatedMessage":[32]},[[0,"ecoChange","updateMessage"]],{"message":["valueChanged"]}],[1,"eco-chat-author",{"author":[1],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-chat-timestamp",{"timestamp":[1],"qaIdElement":[1,"qa-id-element"]}]]],["p-d2785c4f",[[6,"eco-text-heading",{"level":[2],"displayAs":[1026,"display-as"],"headingId":[1,"heading-id"],"qaIdElement":[1,"qa-id-element"],"qaIdHeading":[1,"qa-id-heading"]}]]],["p-40712a32",[[2,"eco-input-text",{"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"disabled":[4],"help":[1],"hidden":[4],"label":[1],"name":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"optional":[1],"placeholder":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"type":[1],"width":[1],"inputId":[1025,"input-id"],"value":[1025],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]}]]],["p-6ac3d9e9",[[1,"eco-card",{"border":[1],"collapsable":[4],"collapsed":[1028],"elevation":[1],"showBody":[4,"show-body"],"qaIdBody":[1,"qa-id-body"],"qaIdElement":[1,"qa-id-element"],"qaIdExpand":[1,"qa-id-expand"],"qaIdFooter":[1,"qa-id-footer"],"qaIdHeader":[1,"qa-id-header"],"qaIdToggle":[1,"qa-id-toggle"],"sticky":[4],"stickyOffset":[1,"sticky-offset"]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]]]'),e)}));
+import{p as e,b as a}from"./p-4323c41c.js";export{s as setNonce}from"./p-4323c41c.js";import{g as t}from"./p-e1255160.js";const l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await t();return a(JSON.parse('[["p-56119033",[[1,"eco-multi-select",{"value":[1040],"label":[1],"help":[1],"name":[1],"optional":[1],"placeholder":[1],"maxBlockSize":[1,"max-block-size"],"status":[1],"disabled":[4],"required":[4],"inputId":[1025,"input-id"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdLabel":[1,"qa-id-label"],"qaIdInput":[1,"qa-id-input"],"qaIdOptional":[1,"qa-id-optional"],"setFocus":[64]}]]],["p-e1c80fde",[[1,"eco-chat-message",{"timestamp":[1],"author":[1],"message":[1],"authorIsUser":[4,"author-is-user"],"canDelete":[4,"can-delete"],"canEdit":[4,"can-edit"],"qaIdElement":[1,"qa-id-element"],"qaIdTimestamp":[1,"qa-id-timestamp"],"qaIdAuthor":[1,"qa-id-author"],"qaIdMessage":[1,"qa-id-message"],"qaIdActionCancel":[1,"qa-id-action-cancel"],"qaIdActionDelete":[1,"qa-id-action-delete"],"qaIdActionDeleteConfirm":[1,"qa-id-action-delete-confirm"],"qaIdActionEdit":[1,"qa-id-action-edit"],"qaIdActionEditConfirm":[1,"qa-id-action-edit-confirm"],"updatedMessage":[32]},[[0,"messageEdited","onEdited"],[0,"messageDeleted","onDeleted"]]]]],["p-94e6e97a",[[2,"eco-input-filter",{"label":[1],"help":[1],"helpStatus":[1,"help-status"],"placeholder":[1],"optional":[1],"inputId":[1025,"input-id"],"required":[4],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdOptional":[1,"qa-id-optional"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"resetFilter":[64]}]]],["p-e61b23af",[[4,"eco-table",{"responsive":[4],"resizable":[4],"equalcolumns":[4],"containsDocs":[4,"contains-docs"],"stickyOffset":[1,"sticky-offset"],"stickyTableHeight":[1,"sticky-table-height"],"searchable":[4],"searchableNoResults":[1028,"searchable-no-results"],"searchableNoResultsText":[1,"searchable-no-results-text"],"searchableLabel":[1,"searchable-label"],"searchableHelp":[1,"searchable-help"],"searchablePlaceholder":[1,"searchable-placeholder"],"qaIdElement":[1,"qa-id-element"],"qaIdResetButton":[1,"qa-id-reset-button"],"qaIdActions":[1,"qa-id-actions"],"qaIdTable":[1,"qa-id-table"],"qaIdSearchableElement":[1,"qa-id-searchable-element"],"qaIdSearchableInput":[1,"qa-id-searchable-input"],"qaIdSearchableLabel":[1,"qa-id-searchable-label"],"qaIdSearchableHelp":[1,"qa-id-searchable-help"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"customSortEnabled":[4,"custom-sort-enabled"],"resetColumns":[64],"searchClear":[64]}]]],["p-423e6ed3",[[1,"eco-docs-code",{"codeTitle":[1,"code-title"],"code":[1],"showLines":[4,"show-lines"],"allowCopy":[4,"allow-copy"],"copyLabel":[1025,"copy-label"],"qaIdElement":[1,"qa-id-element"],"qaIdCode":[1,"qa-id-code"],"qaIdCopy":[1,"qa-id-copy"],"qaIdCopyLabel":[1,"qa-id-copy-label"],"qaIdCodeTitle":[1,"qa-id-code-title"],"qaIdLineNumbers":[1,"qa-id-line-numbers"],"hasCopied":[32],"copyIcon":[32]}]]],["p-fe2f0c17",[[6,"eco-modal",{"modaltitle":[1],"visible":[1028],"fill":[4],"showBody":[4,"show-body"],"qaIdElement":[1,"qa-id-element"],"qaIdModal":[1,"qa-id-modal"],"qaIdTitle":[1,"qa-id-title"],"qaIdClose":[1,"qa-id-close"],"qaIdCancel":[1,"qa-id-cancel"],"handleClose":[64],"handleTrigger":[64]}]]],["p-696d7427",[[1,"eco-filter-list",{"label":[1],"help":[1],"placeholder":[1],"hideInputIfLessThan":[2,"hide-input-if-less-than"],"noResultsText":[1,"no-results-text"],"inputId":[1,"input-id"],"maxBlockSize":[1,"max-block-size"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"noResults":[32],"showInput":[32],"filterSlot":[64],"filterClear":[64]}]]],["p-6f643ee1",[[2,"eco-input-range",{"value":[1026],"inputId":[1025,"input-id"],"min":[2],"step":[2],"max":[2],"rangeFlow":[1,"range-flow"],"inputFlow":[1,"input-flow"],"thumbSize":[1,"thumb-size"],"showInput":[4,"show-input"],"showOutput":[4,"show-output"],"showError":[1028,"show-error"],"showStepMismatchError":[1028,"show-step-mismatch-error"],"valuePrefix":[1,"value-prefix"],"valueSuffix":[1,"value-suffix"],"help":[1],"helpStatus":[1,"help-status"],"label":[1],"disabled":[4],"readonly":[4],"required":[4],"optional":[1],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"qaIdHelp":[1,"qa-id-help"],"qaIdRange":[1,"qa-id-range"],"qaIdInput":[1,"qa-id-input"],"qaIdOutput":[1,"qa-id-output"],"qaIdMessagebox":[1,"qa-id-messagebox"]},null,{"value":["valueChanged"]}]]],["p-f4f0484e",[[1,"eco-radios",{"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"help":[1],"helpStatus":[1,"help-status"],"name":[1],"label":[1],"noResults":[1028,"no-results"],"noResultsText":[1,"no-results-text"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"radioData":[16],"value":[1032],"maxBlockSize":[1,"max-block-size"],"searchClear":[64]},[[4,"keydown","onKeydown"]],{"value":["valueChanged"]}]]],["p-4897d265",[[6,"eco-input-datalist",{"disabled":[4],"help":[1],"helpStatus":[1,"help-status"],"inputId":[1,"input-id"],"listId":[1,"list-id"],"label":[1],"optional":[1],"qaIdDataList":[1,"qa-id-data-list"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"qaIdNotListedMessage":[1,"qa-id-not-listed-message"],"readonly":[4],"required":[4],"value":[1025],"placeholder":[1],"notListedMessage":[1,"not-listed-message"],"notListedOption":[32],"optionsList":[32]}]]],["p-a9ff1d74",[[1,"eco-input-tags",{"label":[1],"help":[1],"helpStatus":[1,"help-status"],"optional":[1],"inputId":[1025,"input-id"],"value":[1040],"options":[16],"required":[4],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdOptional":[1,"qa-id-optional"],"qaIdValues":[1,"qa-id-values"],"qaIdInput":[1,"qa-id-input"],"qaIdOptions":[1,"qa-id-options"],"currentInput":[32],"setOptions":[64]},[[0,"focusout","handleFocusOut"],[0,"tagRemoved","removeTagHandler"],[0,"tagAdded","addTagHandler"]]]]],["p-ddcb0d5c",[[2,"eco-input-time",{"disabled":[4],"help":[1],"helpStatus":[1,"help-status"],"label":[1],"optional":[1],"qaIdDays":[1,"qa-id-days"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdHours":[1,"qa-id-hours"],"qaIdInputs":[1,"qa-id-inputs"],"qaIdLabel":[1,"qa-id-label"],"qaIdMinutes":[1,"qa-id-minutes"],"qaIdOptional":[1,"qa-id-optional"],"qaIdSeconds":[1,"qa-id-seconds"],"qaIdWeeks":[1,"qa-id-weeks"],"readonly":[4],"required":[4],"value":[1025],"weeks":[4],"weeksMax":[2,"weeks-max"],"weeksMin":[2,"weeks-min"],"weeksValue":[1026,"weeks-value"],"days":[4],"daysMax":[2,"days-max"],"daysMin":[2,"days-min"],"daysValue":[1026,"days-value"],"hours":[4],"hoursMax":[2,"hours-max"],"hoursMin":[2,"hours-min"],"hoursValue":[1026,"hours-value"],"minutes":[4],"minutesMax":[2,"minutes-max"],"minutesMin":[2,"minutes-min"],"minutesValue":[1026,"minutes-value"],"seconds":[4],"secondsMax":[2,"seconds-max"],"secondsMin":[2,"seconds-min"],"secondsValue":[1026,"seconds-value"]}]]],["p-aa52d23d",[[6,"eco-layout-nav",{"logoTitle":[1,"logo-title"],"homeLink":[1,"home-link"],"appName":[1,"app-name"],"accountName":[1,"account-name"],"allowHiding":[4,"allow-hiding"],"hideNav":[4,"hide-nav"],"qaIdElement":[1,"qa-id-element"],"qaIdLogo":[1,"qa-id-logo"],"qaIdAppName":[1,"qa-id-app-name"],"qaIdNav":[1,"qa-id-nav"],"accentHue":[2,"accent-hue"],"accentSaturation":[2,"accent-saturation"],"accentLightness":[2,"accent-lightness"],"accentAlpha":[2,"accent-alpha"],"followActive":[64],"navHide":[64],"navShow":[64],"navToggle":[64]}]]],["p-45277d0a",[[1,"eco-tetrigs",{"board":[32],"score":[32],"currentPiece":[32],"nextPiece":[32],"isGameOver":[32]}]]],["p-85500437",[[2,"eco-input-file",{"accept":[1],"disabled":[4],"files":[16],"help":[1],"inputId":[1,"input-id"],"label":[1],"optional":[1],"qaIdButton":[1,"qa-id-button"],"qaIdElement":[1,"qa-id-element"],"qaIdFilename":[1,"qa-id-filename"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"text":[1],"value":[1],"width":[1],"reset":[64]}]]],["p-65b32045",[[1,"eco-input-phone",{"disabled":[4],"help":[1],"label":[1],"name":[1],"optional":[1],"pattern":[1],"placeholder":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"width":[1],"inputId":[1025,"input-id"],"value":[1025],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]}]]],["p-7a4bf6fc",[[6,"eco-select",{"value":[1025],"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"disabled":[4],"required":[4],"multiple":[4],"inputId":[1025,"input-id"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdLabel":[1,"qa-id-label"],"qaIdSelect":[1,"qa-id-select"]}]]],["p-67c31e00",[[1,"eco-stacked-bar",{"label":[1],"help":[1],"helpStatus":[1,"help-status"],"showLegend":[4,"show-legend"],"showPercent":[4,"show-percent"],"showCount":[4,"show-count"],"gap":[1],"barThickness":[1,"bar-thickness"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdHelp":[1,"qa-id-help"],"qaIdBar":[1,"qa-id-bar"],"qaIdLegend":[1,"qa-id-legend"],"qaIdPercent":[1,"qa-id-percent"],"qaIdCount":[1,"qa-id-count"],"data":[16]}]]],["p-3505a2bb",[[1,"eco-docs-responses",{"responsesTitle":[1,"responses-title"],"responses":[16],"qaIdElement":[1,"qa-id-element"],"qaIdResponsesTitle":[1,"qa-id-responses-title"]}]]],["p-b47520dd",[[1,"eco-qr-scanner",{"label":[1],"icon":[1],"type":[1],"styletype":[1],"qaIdElement":[1,"qa-id-element"],"value":[32],"scanningInProgress":[32],"start":[64],"reset":[64]}]]],["p-104c0c93",[[1,"eco-lightbox",{"visible":[1028],"loaded":[4],"disabled":[4],"qaIdElement":[1,"qa-id-element"],"handleTrigger":[64]}]]],["p-7dca7e39",[[1,"eco-split-button",{"showOptions":[32],"toggleIconSize":[32],"toggleIcon":[32],"open":[64],"close":[64]}]]],["p-c3d5d685",[[1,"eco-split-option",{"disabled":[4],"icon":[1],"isBusy":[4,"is-busy"],"label":[1],"size":[1],"styletype":[1],"type":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"qaIdLabel":[1,"qa-id-label"],"focusButton":[64]}]]],["p-d1f094f8",[[1,"eco-slide-over",{"qaIdElement":[1,"qa-id-element"],"qaIdClose":[1,"qa-id-close"],"visible":[1028],"handleClose":[64],"handleTrigger":[64]}]]],["p-cbd78683",[[1,"eco-accordion-item",{"align":[1025],"clickAnywhere":[4,"click-anywhere"],"sticky":[4],"collapsable":[4],"collapsed":[1028],"disabled":[1028],"qaIdContent":[1,"qa-id-content"],"qaIdElement":[1,"qa-id-element"],"qaIdHeader":[1,"qa-id-header"],"qaIdIcon":[1,"qa-id-icon"],"qaIdToggle":[1,"qa-id-toggle"],"disable":[64]}]]],["p-9c8a1f69",[[2,"eco-ani-add-gtl-orientation",{"location":[1]}]]],["p-b4c2e443",[[1,"eco-badge",{"type":[1],"icon":[1],"dot":[4],"label":[1],"rotateIcon":[4,"rotate-icon"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdIcon":[1,"qa-id-icon"],"qaIdDot":[1,"qa-id-dot"]}]]],["p-af28e1b9",[[1,"eco-chart-sparkline",{"label":[1],"showCount":[4,"show-count"],"data":[16],"lineColour":[1,"line-colour"],"strokeWidth":[2,"stroke-width"],"fillColour":[1,"fill-colour"],"fillOpacity":[1,"fill-opacity"],"yAxisMax":[2,"y-axis-max"],"flow":[1],"lineXPos":[32],"count":[32]}]]],["p-f60b3291",[[1,"eco-input-radio",{"value":[1032],"disabled":[4],"label":[1],"name":[1],"qaIdElement":[1,"qa-id-element"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"checked":[32],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["p-a8a61e0c",[[6,"eco-layout-aside",{"collapsable":[4],"collapsed":[1028],"localStorageName":[1,"local-storage-name"],"sticky":[4],"stickyOffset":[1,"sticky-offset"],"asideMaxBlockSize":[1,"aside-max-block-size"],"asidePosition":[1,"aside-position"],"qaIdElement":[1,"qa-id-element"],"qaIdAside":[1,"qa-id-aside"],"qaIdAsideContent":[1,"qa-id-aside-content"],"qaIdToggle":[1,"qa-id-toggle"],"qaIdContent":[1,"qa-id-content"],"handleCollapse":[64]}]]],["p-3ad84cb2",[[1,"eco-layout-blocks",{"qaIdElement":[1,"qa-id-element"],"qaIdContent":[1,"qa-id-content"]}]]],["p-8c8c3a4f",[[6,"eco-layout-filter",{"collapsable":[4],"collapsed":[1028],"filtersApplied":[4,"filters-applied"],"localStorageName":[1,"local-storage-name"],"sticky":[4],"stickyOffset":[1,"sticky-offset"],"filterMaxBlockSize":[1,"filter-max-block-size"],"qaIdElement":[1,"qa-id-element"],"qaIdFilter":[1,"qa-id-filter"],"qaIdToggle":[1,"qa-id-toggle"],"qaIdContent":[1,"qa-id-content"],"handleCollapse":[64]}]]],["p-088297d2",[[1,"eco-layout-header",{"level":[2],"displayAs":[2,"display-as"],"qaIdElement":[1,"qa-id-element"],"qaIdActionsBefore":[1,"qa-id-actions-before"],"qaIdActionsAfter":[1,"qa-id-actions-after"],"qaIdHeadingElement":[1,"qa-id-heading-element"],"qaIdHeading":[1,"qa-id-heading"]}]]],["p-6c6f0090",[[1,"eco-nav-link",{"href":[1],"label":[1],"target":[1],"rel":[1],"active":[4],"icon":[1],"iconsize":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]},[[0,"keydown","handleKeyDown"]]]]],["p-b2bae900",[[2,"eco-status-icon",{"icon":[1],"type":[1],"iconsize":[1],"label":[1],"labelLocation":[1,"label-location"],"wrapLabel":[4,"wrap-label"],"width":[2],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"qaIdLabel":[1,"qa-id-label"]}]]],["p-6c49d639",[[1,"eco-subnav-item",{"disabled":[4],"href":[1],"target":[1],"label":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconSize":[1,"icon-size"],"active":[4],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]}]]],["p-40e4c64b",[[1,"eco-text-clamp",{"linesToShow":[2,"lines-to-show"],"suppressExpand":[4,"suppress-expand"]}]]],["p-9ad6ef47",[[1,"eco-user-badge",{"userId":[1,"user-id"],"userName":[1,"user-name"],"initials":[4],"qaIdElement":[1,"qa-id-element"]}]]],["p-697c9de9",[[1,"eco-accordion",{"qaIdElement":[1,"qa-id-element"],"align":[1],"clickAnywhere":[4,"click-anywhere"],"sticky":[4]}]]],["p-e5b3971a",[[1,"eco-fieldset",{"legend":[1],"disabled":[4],"qaIdElement":[1,"qa-id-element"],"qaIdLegend":[1,"qa-id-legend"]},null,{"disabled":["onDisabledChange"]}]]],["p-06fb2a75",[[1,"eco-generated-pattern-dots",{"text":[1],"qaIdElement":[1,"qa-id-element"]}]]],["p-341f7b6f",[[1,"eco-generated-pattern-stripes",{"text":[1],"stripeWidth":[2,"stripe-width"],"qaIdElement":[1,"qa-id-element"]}]]],["p-b8cfb9ef",[[6,"eco-layout-body",{"qaIdElement":[1,"qa-id-element"],"qaIdMain":[1,"qa-id-main"]}]]],["p-64efe4b3",[[0,"eco-level",{"tooltip":[1],"steps":[2],"amount":[2],"emptyLabel":[1,"empty-label"],"overfullLabel":[1,"overfull-label"],"showAmount":[4,"show-amount"],"approximate":[4],"levelGap":[4,"level-gap"],"type":[1],"elementFlow":[1,"element-flow"],"levelFlow":[1,"level-flow"],"qaIdElement":[1,"qa-id-element"],"qaIdAmount":[1,"qa-id-amount"],"renderAmount":[4,"render-amount"]}]]],["p-ed54ed21",[[1,"eco-logo",{"colour":[1]}]]],["p-ba2e1c61",[[1,"eco-nav-flyout",{"qaIdElement":[1,"qa-id-element"],"visible":[1028],"handleClose":[64],"handleTrigger":[64]},[[8,"click","handleClick"],[8,"keyup","handleKeyup"]]]]],["p-fe898884",[[2,"eco-progress",{"variant":[1],"type":[1],"width":[1],"improving":[4],"max":[2],"value":[2],"roundTo":[2,"round-to"],"showPercentage":[4,"show-percentage"],"of":[4],"ofString":[1,"of-string"],"qaIdElement":[1,"qa-id-element"],"qaIdText":[1,"qa-id-text"],"qaIdProgress":[1,"qa-id-progress"]}]]],["p-934385c9",[[1,"eco-segment",{"value":[1032],"disabled":[4],"name":[1],"qaIdElement":[1,"qa-id-element"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"checked":[32],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["p-f41d1ed6",[[1,"eco-segments",{"qaIdElement":[1,"qa-id-element"],"value":[1032]},[[4,"keydown","onKeydown"]]]]],["p-9051156a",[[1,"eco-subnav",{"flow":[1],"qaIdElement":[1,"qa-id-element"],"followActive":[64]}]]],["p-c7509dea",[[1,"eco-tab",{"bind":[1],"active":[4],"qaIdElement":[1,"qa-id-element"]}]]],["p-96be4713",[[1,"eco-tab-content",{"bind":[1],"qaIdElement":[1,"qa-id-element"]}]]],["p-1bdc30e5",[[1,"eco-tabs",{"tabLocation":[1,"tab-location"],"alignTabs":[1,"align-tabs"],"wrap":[4],"sticky":[4],"stickyOffset":[1,"sticky-offset"],"changeUrl":[1,"change-url"],"urlSearchQuery":[1,"url-search-query"],"autoPlay":[4,"auto-play"],"autoPlaySpeed":[2,"auto-play-speed"],"qaIdElement":[1,"qa-id-element"],"setActiveTab":[64]},[[0,"click","handleClick"],[0,"keyup","handleKeyup"]]]]],["p-4e3989f1",[[1,"eco-checkboxes",{"help":[1],"helpStatus":[1,"help-status"],"label":[1],"noResults":[1028,"no-results"],"noResultsText":[1,"no-results-text"],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdNoResultsText":[1,"qa-id-no-results-text"],"checkAll":[4,"check-all"],"allowCheckAll":[4,"allow-check-all"],"maxBlockSize":[1,"max-block-size"],"searchClear":[64]},[[0,"ecoChange","handleEcoChange"]]]]],["p-c85f4dc3",[[1,"eco-input-tag",{"label":[1],"action":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"addTag":[64],"removeTag":[64]}]]],["p-a42a3e7d",[[1,"eco-popover",{"showOn":[1,"show-on"],"popoverFlow":[1,"popover-flow"],"popoverAlignment":[1,"popover-alignment"],"qaIdElement":[1,"qa-id-element"],"qaIdPopover":[1,"qa-id-popover"],"visible":[32],"open":[64],"close":[64],"handleMouseEnter":[64],"handleFocusIn":[64],"handleFocusOut":[64],"handleMouseLeave":[64],"handleClickOnElement":[64]}]]],["p-8da442e2",[[1,"eco-split-options"]]],["p-56243c8b",[[1,"eco-toast",{"type":[1],"icon":[1],"autoDismiss":[4,"auto-dismiss"],"dismissAfter":[2,"dismiss-after"],"qaIdElement":[1,"qa-id-element"],"qaIdContent":[1,"qa-id-content"],"qaIdClose":[1,"qa-id-close"],"qaIdTimer":[1,"qa-id-timer"]}],[1,"eco-toast-rack",{"qaIdElement":[1,"qa-id-element"],"stack":[4]},[[0,"present","toastPresent"],[0,"dismiss","toastDismiss"]]]]],["p-1b6b3bf8",[[2,"eco-input-textarea",{"disabled":[4],"height":[1],"help":[1],"label":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"optional":[1],"placeholder":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"resize":[4],"status":[1],"width":[1],"inputId":[1025,"input-id"],"value":[1025]}]]],["p-0b339cbe",[[1,"eco-input-checkbox",{"label":[1],"checked":[1028],"indeterminate":[1028],"disabled":[4],"inputId":[1025,"input-id"],"qaIdElement":[1,"qa-id-element"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"name":[1],"value":[1],"labelPosition":[1,"label-position"],"showAsToggle":[4,"show-as-toggle"],"setChecked":[64]}]]],["p-164c7303",[[1,"eco-nav-action",{"notice":[1028],"icon":[1],"iconsize":[1],"qaIdElement":[1,"qa-id-element"],"isNoticed":[32],"noticeStart":[64],"noticeStop":[64]}],[1,"eco-igs-logo",{"theme":[1],"colour":[1]}]]],["p-c7484ca8",[[1,"eco-description-group",{"vertical":[4],"flow":[1],"qaIdElement":[1,"qa-id-element"],"colWidth":[1,"col-width"],"termWidth":[1,"term-width"],"gap":[1],"inverted":[4]}],[1,"eco-docs-parameter",{"name":[1],"required":[4],"schemaType":[1,"schema-type"],"in":[1],"qaIdElement":[1,"qa-id-element"],"qaIdName":[1,"qa-id-name"],"qaIdRequired":[1,"qa-id-required"],"qaIdSchemaType":[1,"qa-id-schema-type"],"qaIdIn":[1,"qa-id-in"]}]]],["p-78aa5552",[[1,"eco-description",{"term":[1],"description":[8],"flow":[1025],"inverted":[4],"qaIdElement":[1,"qa-id-element"],"qaIdTerm":[1,"qa-id-term"],"qaIdDesc":[1,"qa-id-desc"]}]]],["p-9874fe21",[[1,"eco-popover-content",{"popoverFlow":[1,"popover-flow"],"popoverAlignment":[1,"popover-alignment"],"qaIdPopover":[1,"qa-id-popover"]}]]],["p-69b61d87",[[2,"eco-input-date",{"label":[1],"help":[1],"helpStatus":[1,"help-status"],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"status":[1025],"withTime":[4,"with-time"],"daysPast":[2,"days-past"],"daysFuture":[2,"days-future"],"dayMin":[2,"day-min"],"dayMax":[2,"day-max"],"monthMin":[2,"month-min"],"monthMax":[2,"month-max"],"yearMin":[2,"year-min"],"yearMax":[2,"year-max"],"minuteMin":[2,"minute-min"],"minuteMax":[2,"minute-max"],"hourMin":[2,"hour-min"],"hourMax":[2,"hour-max"],"qaIdInputs":[1,"qa-id-inputs"],"qaIdDd":[1,"qa-id-dd"],"qaIdMm":[1,"qa-id-mm"],"qaIdYyyy":[1,"qa-id-yyyy"],"qaIdMinute":[1,"qa-id-minute"],"qaIdHour":[1,"qa-id-hour"],"qaIdElement":[1,"qa-id-element"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"qaIdHelp":[1,"qa-id-help"],"qaIdMessagebox":[1,"qa-id-messagebox"],"value":[1025],"dateExists":[32],"inputsEmpty":[32],"sinceDate":[32],"sinceDateError":[32],"untilDate":[32],"untilDateError":[32],"validateDate":[64],"getDate":[64],"setDate":[64]}],[2,"eco-input-number",{"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"disabled":[4],"help":[1],"label":[1],"max":[2],"min":[2],"name":[1],"optional":[1],"pattern":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"step":[2],"width":[1],"inputId":[1025,"input-id"],"valid":[1028],"value":[1026],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]}],[6,"eco-messagebox",{"type":[1],"icon":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]}],[1,"eco-text-input-optional",{"qaIdElement":[1,"qa-id-element"]}],[1,"eco-text-input-help",{"status":[1],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"]}],[6,"eco-input-wrapper",{"width":[1],"status":[1],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-text-label",{"for":[1],"wrap":[4],"qaIdLabel":[1,"qa-id-label"],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-spacer",{"gap":[1],"flow":[1],"wrap":[4],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"qaIdElement":[1,"qa-id-element"],"rotate":[4]}]]],["p-af9a3809",[[2,"eco-button",{"disabled":[4],"href":[1],"target":[1],"icon":[1],"isBusy":[4,"is-busy"],"label":[1],"link":[4],"qaIdElement":[1,"qa-id-element"],"qaIdIcon":[1,"qa-id-icon"],"qaIdLabel":[1,"qa-id-label"],"size":[1],"styletype":[1],"type":[1],"iconsize":[1025],"toggleLabel":[4,"toggle-label"],"iconPosition":[1,"icon-position"]},[[0,"keydown","handleKeyDown"]]],[2,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1],"qaIdElement":[1,"qa-id-element"],"qaIdText":[1,"qa-id-text"]}],[1,"eco-backdrop",{"visible":[1028],"showBackdrop":[64],"hideBackdrop":[64]}]]],["p-509e983b",[[1,"eco-chat-bubble",{"message":[1],"authorIsUser":[4,"author-is-user"],"canDelete":[4,"can-delete"],"canEdit":[4,"can-edit"],"qaIdElement":[1,"qa-id-element"],"qaIdActionCancel":[1,"qa-id-action-cancel"],"qaIdActionDelete":[1,"qa-id-action-delete"],"qaIdActionDeleteConfirm":[1,"qa-id-action-delete-confirm"],"qaIdActionEdit":[1,"qa-id-action-edit"],"qaIdActionEditConfirm":[1,"qa-id-action-edit-confirm"],"isUpdating":[32],"isEditing":[32],"isDeleting":[32],"updatedMessage":[32]},[[0,"ecoChange","updateMessage"]],{"message":["valueChanged"]}],[1,"eco-chat-author",{"author":[1],"qaIdElement":[1,"qa-id-element"]}],[1,"eco-chat-timestamp",{"timestamp":[1],"qaIdElement":[1,"qa-id-element"]}]]],["p-d2785c4f",[[6,"eco-text-heading",{"level":[2],"displayAs":[1026,"display-as"],"headingId":[1,"heading-id"],"qaIdElement":[1,"qa-id-element"],"qaIdHeading":[1,"qa-id-heading"]}]]],["p-7684e503",[[2,"eco-input-text",{"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"disabled":[4],"help":[1],"hidden":[4],"label":[1],"name":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"optional":[1],"placeholder":[1],"qaIdElement":[1,"qa-id-element"],"qaIdHelp":[1,"qa-id-help"],"qaIdInput":[1,"qa-id-input"],"qaIdLabel":[1,"qa-id-label"],"qaIdOptional":[1,"qa-id-optional"],"readonly":[4],"required":[4],"status":[1],"type":[1],"width":[1],"inputId":[1025,"input-id"],"value":[1025],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]}]]],["p-6ac3d9e9",[[1,"eco-card",{"border":[1],"collapsable":[4],"collapsed":[1028],"elevation":[1],"showBody":[4,"show-body"],"qaIdBody":[1,"qa-id-body"],"qaIdElement":[1,"qa-id-element"],"qaIdExpand":[1,"qa-id-expand"],"qaIdFooter":[1,"qa-id-footer"],"qaIdHeader":[1,"qa-id-header"],"qaIdToggle":[1,"qa-id-toggle"],"sticky":[4],"stickyOffset":[1,"sticky-offset"]}],[1,"eco-card-body"],[1,"eco-card-footer"],[1,"eco-card-header"]]]]'),e)}));
 //# sourceMappingURL=eco.esm.js.map

dist/esm/eco-checkboxes.entry.js

@@ -12,2 +12,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -137,5 +138,5 @@ this.noResults = false;
     render() {
-        return (h(Host, { key: '0d49d312ffef37bc2cf3cb00b9cb46c1777f77e4', "qa-id": this.qaIdElement, class: {
+        return (h(Host, { key: '35a9e3a6131a487cc37c7035ecedc0a1203bdb97', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !exists(this.maxBlockSize),
-            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", null, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, h("eco-spacer", { key: '4e98d24fff23da8d40f37240f654792203cd34d2', gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, status: exists(this.help) ? this.helpStatus : null, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.searchCheckboxes })) : null, this.allowCheckAll ? (h("eco-input-checkbox", { class: "toggle", label: "Check all options", labelPosition: EcoRelPosition.after, onClick: this.toggleAllCheckboxes, showAsToggle: true, checked: this.checkAll })) : null))) : null, h("eco-spacer", { key: '694bd55ab52c308de6ee45646c422c1c9e0978cf', gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -142,0 +143,0 @@ get hostElement() { return getElement(this); }

dist/esm/eco-icon_9.entry.js

@@ -231,2 +231,3 @@ import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -236,3 +237,3 @@ this.readonly = false;
         this.disabled = false;
-        this.inputStatus = EcoInputStatusList.default;
+        this.status = EcoInputStatusList.default;
         this.withTime = false;
@@ -342,9 +343,9 @@ this.daysPast = undefined;
                 await this.getDate();
-                this.inputStatus = EcoInputStatusList.default;
+                this.status = EcoInputStatusList.default;
                 if (this.value <= this.sinceDate) {
-                    this.inputStatus = EcoInputStatusList.error;
+                    this.status = EcoInputStatusList.error;
                     this.sinceDateError = true;
                 }
                 if (this.value >= this.untilDate) {
-                    this.inputStatus = EcoInputStatusList.error;
+                    this.status = EcoInputStatusList.error;
                     this.untilDateError = true;
@@ -358,9 +359,9 @@ }
             else {
-                this.inputStatus = EcoInputStatusList.error;
+                this.status = EcoInputStatusList.error;
             }
         }
         else {
-            this.inputStatus = EcoInputStatusList.error;
+            this.status = EcoInputStatusList.error;
         }
-        if (this.inputStatus !== EcoInputStatusList.default) {
+        if (this.status !== EcoInputStatusList.default) {
             this.setValue(undefined);
@@ -409,3 +410,3 @@ }
     render() {
-        return (h(Host, { key: '8e6795dda907ae970990ab579cce688d15460961' }, h("eco-input-wrapper", { key: 'a4d36c3c7c30f542617b4aed2e0ade3bd9de311e', "qa-id": this.qaIdElement }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("span", { key: 'adf5740d44ca1b0c4cbbd48e7378e43126f109e6', class: "inputs", "qa-id": this.qaIdInputs }, h("span", { key: '47ae1c78c40784199e92c82d46a4e8b07638adf6', class: "date" }, h("eco-input-number", { key: '64493f1af524932a2231ba47dc048470d1a85d46', qaIdInput: this.qaIdDd, label: "Day", name: "day", class: "day", value: this.day, min: this.dayMin, max: this.dayMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { key: '4cc3369ccc905d8554be797670c5792fb876e81a', qaIdInput: this.qaIdMm, label: "Month", name: "month", class: "month", value: this.month, min: this.monthMin, max: this.monthMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'ca8b1aa0cc48580e5e6e54a88d3b9d3550e4b641', qaIdInput: this.qaIdYyyy, label: "Year", name: "year", class: "year", value: this.year, min: this.yearMin, max: this.yearMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate })), this.withTime && (h("span", { class: "time" }, h("eco-input-number", { qaIdInput: this.qaIdHour, label: "Hour", name: "hour", class: "hour", value: this.hour, min: this.hourMin, max: this.hourMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate }), h("eco-input-number", { qaIdInput: this.qaIdMinute, label: "Minute", name: "minute", class: "minute", value: this.minute, min: this.minuteMin, max: this.minuteMax, readonly: this.readonly, disabled: this.disabled, status: this.inputStatus, onEcoChange: this.validateDate })))), !this.dateExists ||
+        return (h(Host, { key: 'f12783c7ea81c918413e6206a19ece629140f589' }, h("eco-input-wrapper", { key: '762931253c7094ed2f4148af187db0d16242450d', "qa-id": this.qaIdElement }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("span", { key: 'a94c213cd538263ce28e37d5d6fd4d5af52e6480', class: "inputs", "qa-id": this.qaIdInputs }, h("span", { key: '51c202bb2a241dc0b899a61097af09ff4b75b12c', class: "date" }, h("eco-input-number", { key: '5a85a5b4067fc092f18322589f1472be0a09726c', qaIdInput: this.qaIdDd, label: "Day", name: "day", class: "day", value: this.day, min: this.dayMin, max: this.dayMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'f2ef324ee900e9ce4f90a12318aadd080f005490', qaIdInput: this.qaIdMm, label: "Month", name: "month", class: "month", value: this.month, min: this.monthMin, max: this.monthMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { key: 'b15f3d632430220cfd9a696746662cf0f95b4f28', qaIdInput: this.qaIdYyyy, label: "Year", name: "year", class: "year", value: this.year, min: this.yearMin, max: this.yearMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate })), this.withTime && (h("span", { class: "time" }, h("eco-input-number", { qaIdInput: this.qaIdHour, label: "Hour", name: "hour", class: "hour", value: this.hour, min: this.hourMin, max: this.hourMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate }), h("eco-input-number", { qaIdInput: this.qaIdMinute, label: "Minute", name: "minute", class: "minute", value: this.minute, min: this.minuteMin, max: this.minuteMax, readonly: this.readonly, disabled: this.disabled, status: this.status, onEcoChange: this.validateDate })))), !this.dateExists ||
             this.inputsEmpty ||
@@ -530,3 +531,3 @@ this.sinceDateError ||
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '9971d56a3d9ff386be7cbe4296730814704a7982', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '6bd9cf697c99ffd5c960d9ec72425d09e21e470b', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '98738f9301504dd3c6d349dc15a5fac2b89399b4', disabled: this.disabled, id: this.inputId, max: this.max, min: this.min, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, pattern: this.pattern, "qa-id": this.qaIdInput, readonly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabindex: this.tabindex, type: "number", value: this.value }))));
+        return (h(Host, { key: '9971d56a3d9ff386be7cbe4296730814704a7982', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '6bd9cf697c99ffd5c960d9ec72425d09e21e470b', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '9df63c4271924d8e5193431e798ae30993dec320', disabled: this.disabled, id: this.inputId, max: this.max, min: this.min, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, pattern: this.pattern, "qa-id": this.qaIdInput, readonly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabindex: this.tabindex, type: "number", value: this.value }))));
     }
@@ -543,3 +544,3 @@ getCssClassMap() {
 
-const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{--color:var(--c-border-base)}.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-inline-size:100%;color:var(--c-text)}.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(--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.hidden{display:none}.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);box-shadow:0 0 0 var(--bw-thin) var(--color);background-color:var(--c-input-disabled)}.sc-eco-input-wrapper-s>input[type='number']{box-shadow:0 0 0 var(--bw-thin) var(--color);font-feature-settings:'tnum'}.sc-eco-input-wrapper-s>input[type='number']:not(:in-range){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input[type='search']{background-color:var(--c-cta-background);padding-inline-start:var(--sp-xxl)}.sc-eco-input-wrapper-s>input[type='file']{display:none}.sc-eco-input-wrapper-s>input[type='file']+label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;font-weight:var(--fw-base);align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-inline-start:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background);overflow:unset}.sc-eco-input-wrapper-s>input[type='file']+label:hover,.sc-eco-input-wrapper-s>input[type='file']+label:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[type='file']+label .button{--color:var(--c-cta-default);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(--color);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 var(--speed-normal) linear}.sc-eco-input-wrapper-s>input[type='file']+label .button:hover,.sc-eco-input-wrapper-s>input[type='file']+label .button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n\t\t0 0 var(--bw-thick) var(--color), 0 0 var(--sp-md) var(--c-shadow)}.sc-eco-input-wrapper-s>input[type='file']~label .filename{overflow:hidden}.sc-eco-input-wrapper-s>textarea{color:var(--c-text);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-inline-size:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.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);inline-size:100%;max-inline-size: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)}.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)}.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)}.sm.sc-eco-input-wrapper{inline-size:15ch}.md.sc-eco-input-wrapper{inline-size:30ch}.lg.sc-eco-input-wrapper{inline-size:45ch}.full.sc-eco-input-wrapper{max-inline-size:100%}.default.sc-eco-input-wrapper-h{--color:var(--c-border-base)}.error.sc-eco-input-wrapper-h{--color:var(--c-cta-danger)}.success.sc-eco-input-wrapper-h{--color:var(--c-cta-success)}";
+const ecoInputWrapperCss = ".sc-eco-input-wrapper-h{--color:var(--c-border-base)}.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-inline-size:100%;color:var(--c-text)}.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(--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.hidden{display:none}.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);box-shadow:0 0 0 var(--bw-thin) var(--color);background-color:var(--c-input-disabled)}.sc-eco-input-wrapper-s>input[type='number'],.sc-eco-input-wrapper-s>input[type='tel']{box-shadow:0 0 0 var(--bw-thin) var(--color);font-feature-settings:'tnum'}.sc-eco-input-wrapper-s>input[type='number']:not(:in-range){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}.sc-eco-input-wrapper-s>input[type='search']{background-color:var(--c-cta-background);padding-inline-start:var(--sp-xxl)}.sc-eco-input-wrapper-s>input[type='file']{display:none}.sc-eco-input-wrapper-s>input[type='file']+label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;font-weight:var(--fw-base);align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-inline-start:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background);overflow:unset}.sc-eco-input-wrapper-s>input[type='file']+label:hover,.sc-eco-input-wrapper-s>input[type='file']+label:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.sc-eco-input-wrapper-s>input[type='file']+label .button{--color:var(--c-cta-default);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(--color);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 var(--speed-normal) linear}.sc-eco-input-wrapper-s>input[type='file']+label .button:hover,.sc-eco-input-wrapper-s>input[type='file']+label .button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n\t\t0 0 var(--bw-thick) var(--color), 0 0 var(--sp-md) var(--c-shadow)}.sc-eco-input-wrapper-s>input[type='file']~label .filename{overflow:hidden}.sc-eco-input-wrapper-s>textarea{color:var(--c-text);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-inline-size:100%;resize:none}.sc-eco-input-wrapper-s>textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--color)}.sc-eco-input-wrapper-s>textarea:focus{box-shadow:0 0 var(--bw-thick) var(--bw-thin) var(--c-cta-default)}.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);inline-size:100%;max-inline-size: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)}.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)}.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)}.sm.sc-eco-input-wrapper{inline-size:15ch}.md.sc-eco-input-wrapper{inline-size:30ch}.lg.sc-eco-input-wrapper{inline-size:45ch}.full.sc-eco-input-wrapper{max-inline-size:100%}.default.sc-eco-input-wrapper-h{--color:var(--c-border-base)}.error.sc-eco-input-wrapper-h{--color:var(--c-cta-danger)}.success.sc-eco-input-wrapper-h{--color:var(--c-cta-success)}";
 const EcoInputWrapperStyle0 = ecoInputWrapperCss;
@@ -623,12 +624,29 @@
 
+const ecoTextInputHelpCss = ":host{--font-size:var(--fs-sm);--font-weight:var(--fw-base);--status-colour:var(--c-text-secondary);white-space:normal;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--status-colour);display:flex;gap:var(--sp-xxs);align-items:center}:host(.default){--status-colour:var(--c-text-secondary)}:host(.success){--status-colour:var(--c-cta-success)}:host(.error){--status-colour:var(--c-cta-danger)}:host(.success),:host(.error){--font-weight:var(--fw-bold)}";
+const EcoTextInputHelpStyle0 = ecoTextInputHelpCss;
+
+const STATUS_TO_ICON_MAP = {
+    [EcoInputStatusList.default]: { icon: null, type: null },
+    [EcoInputStatusList.success]: {
+        icon: EcoIconList.check,
+        type: EcoIconTypeList.success,
+    },
+    [EcoInputStatusList.error]: {
+        icon: EcoIconList.alert,
+        type: EcoIconTypeList.danger,
+    },
+};
 const EcoTextInputHelp = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.status = EcoInputStatusList.default;
         this.qaIdElement = undefined;
+        this.qaIdIcon = undefined;
     }
     render() {
-        return (h(Host, { key: '375debe565cb1f7d0adc46381dd2008f7d9cea30', "qa-id": this.qaIdElement }, h("slot", { key: 'df517c002b48bfa6521cd4516a2a65ff1835ca4e' })));
+        const { icon, type } = STATUS_TO_ICON_MAP[this.status];
+        return (h(Host, { key: '36efa7bc6eec4c4ef2eba0db94cfeebbb0f3d143', "qa-id": this.qaIdElement, class: this.status }, icon !== null && (h("eco-icon", { icontype: type, icon: icon, iconsize: EcoIconSizeList.sm, qaIdElement: this.qaIdIcon })), h("slot", { key: 'f8e5760828cb0a8412124b2ed6c5c4321c38e34d' })));
     }
 };
-EcoTextInputHelp.style = ":host {opacity: 0.8;white-space: normal;font-size:var(--fs-sm);}";
+EcoTextInputHelp.style = EcoTextInputHelpStyle0;
 
@@ -635,0 +653,0 @@ const EcoTextInputOptional = class {

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

@@ -15,2 +15,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.inputId = undefined;
@@ -60,3 +61,3 @@ this.listId = undefined;
     render() {
-        return (h(Host, { key: '3123af720547605f516320d7baf1e3d01dcc8f54', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '92a691e8504e742bdb63e902976f2c869b2298ce' }, exists(this.label) && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '325d77bcfc4ba698da1a5b4f94ddf37717d6a943', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), h("datalist", { key: '72e57942377753a2eb063ea40331b79380143513', id: this.listId, "qa-id": this.qaIdDataList }, h("slot", { key: '6845f3500c05c5dfb98a173958c5d3e2a16a9cf9' })), this.notListedOption ? (h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: EcoTypeList.info, icon: EcoIconList.info }, this.notListedMessage)) : null)));
+        return (h(Host, { key: '66fbe3c218eae9eff5b6b0365fe62981591df5a2', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'd20dab5e8b1d1f49c78430827676dc307f661d52' }, exists(this.label) && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'a9490d084d341ec66c7bd1a1d0bd2bfa487b66f1', "qa-id": this.qaIdInput, type: "text", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, list: this.listId, onBlur: this.handleChangeInput, value: this.value }), h("datalist", { key: '1fad2b309410fc7b4bdf99d675d1a90bc42241b1', id: this.listId, "qa-id": this.qaIdDataList }, h("slot", { key: 'd9a49ba780e1dcae54d0bc87b977790d24304e14' })), this.notListedOption ? (h("eco-messagebox", { qaIdElement: this.qaIdNotListedMessage, type: EcoTypeList.info, icon: EcoIconList.info }, this.notListedMessage)) : null)));
     }
@@ -63,0 +64,0 @@ get hostElement() { return getElement(this); }

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

@@ -74,3 +74,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '5cb0c9835d5fb15689e0282244bef10e2e846dbd', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7e80e4f396368a168554f40d7f4eb525d88b52ee', class: classMap }, this.label && (h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '2aa819a8937d209368797fbbd2da5ac6896b3776', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), h("label", { key: '2032868f7f88dbffe2c11b3e9702dc95bab38603', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, h("span", { key: 'fde9cdc53da66ad5727dcfdc7bfefc4c3b2a42cb', class: "filename", "qa-id": this.qaIdFilename }, this.text), h("span", { key: '97b6dbc49fc54e0289e6bab26b0497173d884de9', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
+        return (h(Host, { key: '5e35e0dfa1f4a5efecbeb9926844914ff192ad08', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'c486cf37f574b4bec56d392bef9548531d9636f4', class: classMap }, this.label && (h("eco-text-label", { qaIdLabel: this.qaIdLabel, for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'ee94ca5cab0ce4c95cc01865369b261630ed8dac', accept: this.accept, class: "input", disabled: this.disabled, files: this.files, id: this.inputId, name: "upload", onInput: this.onInput, "qa-id": this.qaIdInput, required: this.required, type: "file", value: this.value }), h("label", { key: '71504b0c12a7099c92a71575bd134ef69a25e6b4', htmlFor: this.inputId, class: this.disabled ? 'disabled' : '' }, h("span", { key: '7881ee8254a9a7e1ace9e272cd79ee7103d53590', class: "filename", "qa-id": this.qaIdFilename }, this.text), h("span", { key: 'fec15f895395590ff9454bf6de52a396d0cea46c', class: "button", "qa-id": this.qaIdButton }, "Choose file")))));
     }
@@ -77,0 +77,0 @@ getCssClassMap() {

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

@@ -15,2 +15,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.placeholder = undefined;
@@ -138,3 +139,3 @@ this.optional = undefined;
     render() {
-        return (h(Host, { key: '4dff1e87bd0708bc12d4b3d21af5a8acd69c0653', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7955c40ecf37efd1890a754befaf6fcad1cbb94b' }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: '22b5c03fccfa7584dd8761e8f2f07adf5d4606e0', class: "wrapper" }, this.filterChildren.length >= 2 && (h("eco-popover", { popoverAlignment: EcoTabAlignment.start }, h("eco-button", { slot: "trigger", icon: EcoIconList.filter, label: this.buttonText }), h("div", { class: "options" }))), h("eco-input-text", { key: 'fe88abfbaf4b7484059803250ed2882fc476cd71', type: "search", label: "", width: EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
+        return (h(Host, { key: 'a62986fe20ee422c9c969ebb72e57ac62655a975', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '7ee0980a87f5efbc83924e862eb7cbd9a3b1e471' }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '0e316d235141124f85302490326ed62d03c6c61b', class: "wrapper" }, this.filterChildren.length >= 2 && (h("eco-popover", { popoverAlignment: EcoTabAlignment.start }, h("eco-button", { slot: "trigger", icon: EcoIconList.filter, label: this.buttonText }), h("div", { class: "options" }))), h("eco-input-text", { key: '83eb36a12829703b557a6b89fe565cd248a4bda8', type: "search", label: "", width: EcoInputWidthList.full, placeholder: this.placeholder, "qa-id-input": this.qaIdInput, onEcoChange: this.updateResults })))));
     }
@@ -141,0 +142,0 @@ get hostElement() { return getElement(this); }

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

@@ -106,3 +106,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '50a462ef456a6b6c82cee739df721c697d1f42d4', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, value: value, type: "tel" }))));
+        return (h(Host, { key: '13250b6edf60f0af36070d01dc9cc33f6f4d1d9f', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '4b63dd85afa32ee9281780fea1e5f2726db04323', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: '730e8d7b193e55697991e3678da78ac2ff084f5e', disabled: this.disabled, id: this.inputId, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: "tel", value: value }))));
     }
@@ -109,0 +109,0 @@ getCssClassMap() {

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

@@ -29,2 +29,3 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = 'Range';
@@ -138,3 +139,3 @@ this.disabled = false;
         const inputOrientation = this.inputOrientation();
-        return (h(Host, { key: '595cafe4a70003633c037b8da411d151df287fd6', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b38b7446434162bd7c80935b82b6e8487b1038a0', status: EcoInputStatusList.default }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: 'b87f85289ce287ab7977172db9280acc80cfef39', class: inputOrientation }, h("div", { key: '51b974263fe6dc0b0d5f6f81bda4dfe8b86e6b37', class: sliderOrientation }, h("span", { key: 'e28aebb9d9da2806af125b4b920aa88d78a1271d', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), h("input", { key: '9a19e5f0cbeed9459b9cdc2f152d62fa29a2a77e', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), h("span", { key: '0b2f91e39c1588681fb44171e61210d99be2bf2e', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), h("output", { key: '8d362f2ee21cb30d5f42b1554b19d15de41371c3', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (h(Fragment, null, !this.showError ? (h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (h("eco-icon", { class: "error-icon", icon: EcoIconList.alert, icontype: EcoIconTypeList.danger, iconsize: EcoIconSizeList.xl })) : null)) : null), this.showError ? (h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: EcoTypeList.danger, icon: EcoIconList.info }, h("div", null, this.showError ? (h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
+        return (h(Host, { key: 'b24cf67ea4f040053b5679c4411b1059c0ef0d2b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'e0fe70ccf6e0edf264931c65416773120c0277c3', status: EcoInputStatusList.default }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel, for: `${this.inputId}-number ${this.inputId}-range` }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '19badc4740d0ca4a742b81a2299eefebff54eafe', class: inputOrientation }, h("div", { key: 'd62775f9f7dc4dca212fdfc195f9891af298f9ff', class: sliderOrientation }, h("span", { key: '790351fabc92eabcbde58b856ec59ef3c7099cfb', class: "min" }, this.valuePrefix, this.min, this.valueSuffix), h("input", { key: '24fe12f6d19622b0794eef14ca93cc9b616eb757', type: "range", name: this.inputId, id: `${this.inputId}-range`, "aria-labelledby": `${this.inputId}-range`, step: this.step, min: this.min, max: this.max, value: this.value, disabled: this.disabled, "qa-id": this.qaIdRange, onInput: this.handleChangeRange }), h("span", { key: 'fecd543e0b6a6f610d1e15a3b078718f79e69fb9', class: "max" }, this.valuePrefix, this.max, this.valueSuffix), h("output", { key: '47e4bdce5e61077ef3d8d742722bed5d3df1073a', "aria-hidden": "true", htmlFor: `${this.inputId}-number ${this.inputId}-range`, class: "bubble" }, this.valuePrefix, this.value, this.valueSuffix)), this.showInput ? (h("eco-input-number", { class: "input", name: this.inputId, label: "", min: this.min, max: this.max, step: this.step, id: `${this.inputId}-number`, value: this.value, disabled: this.disabled, readonly: this.readonly, qaIdInput: this.qaIdInput, onEcoChange: this.handleChangeInput })) : null, this.showOutput ? (h(Fragment, null, !this.showError ? (h("output", { class: "output", htmlFor: `${this.inputId}-number ${this.inputId}-range`, "qa-id": this.qaIdOutput }, this.valuePrefix, this.value, this.valueSuffix)) : null, this.showError ? (h("eco-icon", { class: "error-icon", icon: EcoIconList.alert, icontype: EcoIconTypeList.danger, iconsize: EcoIconSizeList.xl })) : null)) : null), this.showError ? (h("eco-messagebox", { qaIdElement: this.qaIdMessagebox, type: EcoTypeList.danger, icon: EcoIconList.info }, h("div", null, this.showError ? (h("p", null, "Value must be in the range of ", this.valuePrefix, this.min, this.valueSuffix, " \u2013 ", this.valuePrefix, this.max, this.valueSuffix, this.showStepMismatchError
             ? ` and must be a multiple of ${this.step}`
@@ -141,0 +142,0 @@ : null, ".")) : null))) : null)));

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

@@ -15,2 +15,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.optional = 'Optional';
@@ -110,4 +111,4 @@ this.inputId = undefined;
         })) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.localeCompare(b));
-        return (h(Host, { key: '7887c4eed6180e4a5c75f92d89c4b633c07b1d21' }, h("eco-input-wrapper", { key: '8cf14ce948e1880cf515274b3238860ace7b46ec' }, exists(this.label) && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("div", { key: '46b2edd21fda1f449e7511ce8fffe8d9085a6432', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
-            _c.map((tag) => (h("eco-input-tag", { label: tag }))), h("input", { key: 'd5cb39f0abbb02f6a3fd534a354331b6a60886af', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, h("eco-input-tag", { action: EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
+        return (h(Host, { key: '7c395bb640cd94a9f27887b084981e96a2965bfb' }, h("eco-input-wrapper", { key: '98c7f3dcb2b59ff40e70ebe02c18b1039a63ed55' }, exists(this.label) && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), exists(this.help) && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("div", { key: '6b533a557e2652de9f1758288f66a4ecfb73240e', class: "editable", "qa-id": this.qaIdValues }, (_c = this.value) === null || _c === void 0 ? void 0 :
+            _c.map((tag) => (h("eco-input-tag", { label: tag }))), h("input", { key: '8986ada9d64259cf212e31c52aa5aa9feeaaa585', type: "text", "qa-id": this.qaIdInput, class: "input", id: this.inputId, onKeyDown: this.handleKeyDown })), ((_d = this.inputElement) === null || _d === void 0 ? void 0 : _d.value.length) >= 1 && (h("div", { class: "options overflow-wrapper", "qa-id": this.qaIdOptions }, h("eco-input-tag", { action: EcoTagAction.add, label: (_e = this.inputElement) === null || _e === void 0 ? void 0 : _e.value }), filteredOptions === null || filteredOptions === void 0 ? void 0 :
             filteredOptions.map((tag) => (h("eco-input-tag", { action: EcoTagAction.add, label: tag, key: tag }))))))));
@@ -114,0 +115,0 @@ }

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

@@ -141,3 +141,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'b9d1244a59a67c0f40c6a86a782bb875b8d9e33d', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '5724fac02ec00999c64050deda82e5be52cc6c02', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), this.type === 'search' ? (h("eco-icon", { "aria-hidden": true, icon: EcoIconList.search, iconsize: EcoIconSizeList.sm })) : null, h("input", { key: '626d951f93f4318c5c04b2eb316aeae5ebe093bc', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
+        return (h(Host, { key: '6c6b72a13ec6a066b4995dbe4c3bbe2d154e567a', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '090901696fb06997719fec60eee39b35638ed0ad', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), this.type === 'search' ? (h("eco-icon", { "aria-hidden": true, icon: EcoIconList.search, iconsize: EcoIconSizeList.sm })) : null, h("input", { key: '831c98ad0467b205eb03282cbc7cfc2e16788f61', class: { hidden: this.hidden }, disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeydown, placeholder: this.placeholder, "qa-id": this.qaIdInput, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabindex: this.tabindex, type: this.type, value: value }))));
     }
@@ -144,0 +144,0 @@ getCssClassMap() {

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

@@ -55,3 +55,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("textarea", { key: '81163595dff8209c85b331355cc9333a1fae2d7f', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
+        return (h(Host, { key: 'f56213d2265cfacad1c1536b22ce6a2349a1a9a4', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: classMap }, this.label && (h("eco-text-label", { for: this.inputId, qaIdLabel: this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { qaIdElement: this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("textarea", { key: 'ed54f2c8f8bba34f6f0d0bcc45f67e0d06643edf', class: this.resize ? 'resize' : '', disabled: this.disabled, id: this.inputId, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onInput: this.handleChangeInput, "qa-id": this.qaIdInput, readonly: this.readonly, required: this.required, value: this.value }))));
     }
@@ -58,0 +58,0 @@ getCssClassMap() {

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

@@ -89,2 +89,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.label = undefined;
@@ -181,3 +182,3 @@ this.optional = 'Optional';
     render() {
-        return (h(Host, { key: 'b47089968591203fd0873f5eb14853ba584c748b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '12de16e10d664b3ffbc7e6d7edf18ff378d36ad4' }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("span", { key: 'aecfc72e9e3725befc09e64c754371aa7d7affbd', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
+        return (h(Host, { key: '5a829261b2ecb530241683e016a4db85167c21ec', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'a6848804cfd0c74157d3aed6ef597167357f187c' }, this.label && (h("eco-text-label", { "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional)))), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("span", { key: '8f51de37e1670b7c50109a913a41d5ab603f0a80', class: "inputs", "qa-id": this.qaIdInputs }, this.weeks && (h("eco-input-number", { class: "weeks", "qa-id-input": this.qaIdWeeks, label: "Weeks", value: this.weeksValue, min: this.weeksMin, max: this.weeksMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleWeekChanged })), this.days && (h("eco-input-number", { class: "days", "qa-id-input": this.qaIdDays, label: "Days", value: this.daysValue, min: this.daysMin, max: this.daysMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleDayChanged })), this.hours && (h("eco-input-number", { class: "hours", "qa-id-input": this.qaIdHours, label: "Hours", value: this.hoursValue, min: this.hoursMin, max: this.hoursMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleHourChanged })), this.minutes && (h("eco-input-number", { class: "minutes", "qa-id-input": this.qaIdMinutes, label: "Minutes", value: this.minutesValue, min: this.minutesMin, max: this.minutesMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleMinuteChanged })), this.seconds && (h("eco-input-number", { class: "seconds", "qa-id-input": this.qaIdSeconds, label: "Seconds", value: this.secondsValue, min: this.secondsMin, max: this.secondsMax, readonly: this.readonly, disabled: this.disabled, onEcoChange: this.handleSecondChanged }))))));
     }
@@ -184,0 +185,0 @@ get hostElement() { return getElement(this); }

dist/esm/eco-multi-select.entry.js

@@ -79,6 +79,6 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
                     this.hostElement.getBoundingClientRect().top +
-                    this.nativeInput.offsetTop}px - ${SpXxs} - ${this.maxHeight});
+                    this.nativeInput.offsetTop}px - ${SpXxs} - ${this.maxBlockSize});
         width: ${this.nativeInput.getBoundingClientRect().width}px;
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -93,3 +93,3 @@ }
         overflow: auto;
-        max-height: ${this.maxHeight};
+        max-height: ${this.maxBlockSize};
         z-index: 99999;`);
@@ -122,3 +122,3 @@ }
         this.placeholder = 'Select multiple options';
-        this.maxHeight = 'calc(40vh - var(--sp-xxxl))';
+        this.maxBlockSize = 'calc(40vh - var(--sp-xxxl))';
         this.status = EcoInputStatusList.default;
@@ -187,3 +187,3 @@ this.disabled = false;
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '27391531c504ea1baefd40e9e5dbc9439207c03b', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'd435dda67a2b69d44f932199a3e8b83a807e3977', class: classMap }, h("eco-text-label", { key: '10bf1d261eee390c029021a172ca0a928f0381b2', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("input", { key: '9c3f436e18572cbce198d3b1a4e57d4d7fe941fb', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, h("slot", { key: 'c93dd28dc6c597f7a76fe7ebfebc0b7312246b56' })), h("eco-icon", { key: '9ff599f8d98a5ceebbc2e0901adfc161f4bf81fd', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
+        return (h(Host, { key: '98e12d89f743f7504e68541d0df2d21a40c1e853', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b6492f449776ff1e74c2164b6e240b41b66b746f', class: classMap }, h("eco-text-label", { key: '7c7a01970321f5fa189ad883539740eadd340610', for: this.inputId, "qa-id": this.qaIdLabel }, this.label, !this.required && (h("eco-text-input-optional", { "qa-id": this.qaIdOptional }, this.optional))), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("input", { key: 'dfa8546f9bee78d184e12cf005c57340c3d28b74', type: "text", name: this.name, "qa-id": this.qaIdInput, id: this.inputId, disabled: this.disabled, placeholder: this.placeholder, onBlur: this.onBlur, onClick: this.handleOpen, onKeyDown: this.handleKeyDown, readonly: true }, h("slot", { key: '65e92834b2ffbce02152851ae60a356898204b30' })), h("eco-icon", { key: '8e87668dda0150ce17a7a423c038511be35ccdb9', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
     }
@@ -190,0 +190,0 @@ getCssClassMap() {

dist/esm/eco-radios.entry.js

@@ -27,2 +27,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.name = undefined;
@@ -174,5 +175,5 @@ this.label = undefined;
     render() {
-        return (h(Host, { key: '71811718f12c64dcd7cb5b271ddb78f7daa62236', "qa-id": this.qaIdElement, class: {
+        return (h(Host, { key: 'ec44a3e09fedfcb005d5f8847460e21a3efa8497', "qa-id": this.qaIdElement, class: {
                 'indent-children': this.showTop() && !exists(this.maxBlockSize),
-            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", null, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, h("eco-spacer", { key: '173f19abaa98000bd17a0aac4226536e88c17c9c', onClick: this.onClick, gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
+            } }, this.showTop() ? (h("div", { class: "sticky-top" }, h("eco-input-wrapper", null, !this.searchable && exists(this.label) ? (h("eco-text-label", null, this.label)) : null, !this.searchable && exists(this.help) ? (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)) : null, this.searchable ? (h("eco-input-text", { type: "search", label: this.label, help: this.help, placeholder: this.searchPlaceholder, "qa-id-input": this.qaIdInput, "qa-id-label": this.qaIdLabel, "qa-id-help": this.qaIdHelp, onEcoChange: this.handleSearchChange, onBlur: this.handleSearchBlur, onEcoBlur: this.handleSearchBlur, onFocusout: this.handleSearchBlur })) : null))) : null, h("eco-spacer", { key: '3bb9a5695e96af3a97fa3f64afc2ac8882721112', onClick: this.onClick, gap: EcoSpacerSizeList.xxs, class: "wrapper" }, !this.noResults ? (h("div", { class: exists(this.maxBlockSize) && 'overflow-wrapper' }, h("slot", null))) : (this.searchable && (h("eco-messagebox", { type: EcoTypeList.info }, h("span", { "qa-id": this.qaIdNoResultsText }, this.noResultsText)))))));
     }
@@ -179,0 +180,0 @@ get hostElement() { return getElement(this); }

dist/esm/eco-select.entry.js

@@ -41,3 +41,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090afabe.js';
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (h("eco-text-input-help", { "qa-id": this.qaIdHelp }, this.help)), h("select", { key: '0c00a368f2d61aacda6ec781261e0bd6ce881911', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, h("slot", { key: 'e9bc86c88278df607a7fdd409df914543107468e' })), h("eco-icon", { key: 'aee244990873fe9424ef32e0f8815c80f24caca9', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
+        return (h(Host, { key: '2586fa08e87e9b3b0942547d919ac166c4cca860', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'cfc7b1653c7c4f7a34c947ebd321a6ea3919cf53', class: classMap }, h("eco-text-label", { key: 'c7ba6c6442b1493215d28709a7eed34858ba4bf5', for: this.inputId, "qa-id": this.qaIdLabel }, this.label), this.help && (h("eco-text-input-help", { status: this.status, qaIdElement: this.qaIdHelp }, this.help)), h("select", { key: '73fed47daaf9ee88dc0c1fbf3f7ce472db894a93', name: this.name, "qa-id": this.qaIdSelect, id: this.inputId, disabled: this.disabled, multiple: this.multiple, onChange: this.handleSelect }, h("slot", { key: '61d0dcf810c8ae492f773202aab52f0fc3cc206c' })), h("eco-icon", { key: '2398cc7c1242b69f17179f29ed1bc5d734e03246', "aria-hidden": true, icon: EcoIconList.toggleDown }))));
     }
@@ -44,0 +44,0 @@ getCssClassMap() {

dist/esm/eco-stacked-bar.entry.js

@@ -12,2 +12,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-090afabe.js';
         this.help = undefined;
+        this.helpStatus = undefined;
         this.showLegend = false;
@@ -116,3 +117,3 @@ this.showPercent = false;
     render() {
-        return (h(Host, { key: 'e1036a5d74a9f29a79612e90b96266163cb12d6a', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: 'b9c90581bd0745bd2ef5a1e3f97008b5eeccd096' }, this.label && (h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (h("eco-text-input-help", { qaIdElement: this.qaIdHelp }, this.help)), h("slot", { key: '3918ca41b378baa39398cf504d3d92ea7ef9dba1' }))));
+        return (h(Host, { key: '961401ab2880ad847663e521a028a8ac3674b24e', "qa-id": this.qaIdElement }, h("eco-input-wrapper", { key: '89b46cf7bf27d3733c0e71ae49d1e5fbb37d2a84' }, this.label && (h("eco-text-label", { qaIdElement: this.qaIdLabel }, this.label)), this.help && (h("eco-text-input-help", { status: this.helpStatus, qaIdElement: this.qaIdHelp }, this.help)), h("slot", { key: '7878561948d2d3dc8957090f21c7be3e2c6cc6b9' }))));
     }
@@ -119,0 +120,0 @@ get el() { return getElement(this); }

dist/esm/eco.js

@@ -19,5 +19,5 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-090afabe.js';
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eco-multi-select\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxHeight\":[1,\"max-height\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-layout-nav\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-time\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-input-file\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-docs-responses\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-stacked-bar\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-lightbox\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes\",[[1,\"eco-checkboxes\",{\"help\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options\",[[1,\"eco-split-options\"]]],[\"eco-toast_2\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"inputStatus\":[1025,\"input-status\"],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"eco-multi-select\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxBlockSize\":[1,\"max-block-size\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-input-time\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-layout-nav\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-file\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-stacked-bar\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-docs-responses\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-lightbox\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes\",[[1,\"eco-checkboxes\",{\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options\",[[1,\"eco-split-options\"]]],[\"eco-toast_2\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"status\":[1025],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
 });
 
 //# sourceMappingURL=eco.js.map

dist/esm/loader.js

@@ -8,3 +8,3 @@ import { b as bootstrapLazy } from './index-090afabe.js';
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eco-multi-select\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxHeight\":[1,\"max-height\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-layout-nav\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-time\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-input-file\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-docs-responses\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-stacked-bar\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-lightbox\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes\",[[1,\"eco-checkboxes\",{\"help\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options\",[[1,\"eco-split-options\"]]],[\"eco-toast_2\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"inputStatus\":[1025,\"input-status\"],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"eco-multi-select\",[[1,\"eco-multi-select\",{\"value\":[1040],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"maxBlockSize\":[1,\"max-block-size\"],\"status\":[1],\"disabled\":[4],\"required\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"setFocus\":[64]}]]],[\"eco-chat-message\",[[1,\"eco-chat-message\",{\"timestamp\":[1],\"author\":[1],\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTimestamp\":[1,\"qa-id-timestamp\"],\"qaIdAuthor\":[1,\"qa-id-author\"],\"qaIdMessage\":[1,\"qa-id-message\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"updatedMessage\":[32]},[[0,\"messageEdited\",\"onEdited\"],[0,\"messageDeleted\",\"onDeleted\"]]]]],[\"eco-input-filter\",[[2,\"eco-input-filter\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"placeholder\":[1],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"required\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"resetFilter\":[64]}]]],[\"eco-table\",[[4,\"eco-table\",{\"responsive\":[4],\"resizable\":[4],\"equalcolumns\":[4],\"containsDocs\":[4,\"contains-docs\"],\"stickyOffset\":[1,\"sticky-offset\"],\"stickyTableHeight\":[1,\"sticky-table-height\"],\"searchable\":[4],\"searchableNoResults\":[1028,\"searchable-no-results\"],\"searchableNoResultsText\":[1,\"searchable-no-results-text\"],\"searchableLabel\":[1,\"searchable-label\"],\"searchableHelp\":[1,\"searchable-help\"],\"searchablePlaceholder\":[1,\"searchable-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResetButton\":[1,\"qa-id-reset-button\"],\"qaIdActions\":[1,\"qa-id-actions\"],\"qaIdTable\":[1,\"qa-id-table\"],\"qaIdSearchableElement\":[1,\"qa-id-searchable-element\"],\"qaIdSearchableInput\":[1,\"qa-id-searchable-input\"],\"qaIdSearchableLabel\":[1,\"qa-id-searchable-label\"],\"qaIdSearchableHelp\":[1,\"qa-id-searchable-help\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"customSortEnabled\":[4,\"custom-sort-enabled\"],\"resetColumns\":[64],\"searchClear\":[64]}]]],[\"eco-docs-code\",[[1,\"eco-docs-code\",{\"codeTitle\":[1,\"code-title\"],\"code\":[1],\"showLines\":[4,\"show-lines\"],\"allowCopy\":[4,\"allow-copy\"],\"copyLabel\":[1025,\"copy-label\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdCode\":[1,\"qa-id-code\"],\"qaIdCopy\":[1,\"qa-id-copy\"],\"qaIdCopyLabel\":[1,\"qa-id-copy-label\"],\"qaIdCodeTitle\":[1,\"qa-id-code-title\"],\"qaIdLineNumbers\":[1,\"qa-id-line-numbers\"],\"hasCopied\":[32],\"copyIcon\":[32]}]]],[\"eco-modal\",[[6,\"eco-modal\",{\"modaltitle\":[1],\"visible\":[1028],\"fill\":[4],\"showBody\":[4,\"show-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdModal\":[1,\"qa-id-modal\"],\"qaIdTitle\":[1,\"qa-id-title\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdCancel\":[1,\"qa-id-cancel\"],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-filter-list\",[[1,\"eco-filter-list\",{\"label\":[1],\"help\":[1],\"placeholder\":[1],\"hideInputIfLessThan\":[2,\"hide-input-if-less-than\"],\"noResultsText\":[1,\"no-results-text\"],\"inputId\":[1,\"input-id\"],\"maxBlockSize\":[1,\"max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"noResults\":[32],\"showInput\":[32],\"filterSlot\":[64],\"filterClear\":[64]}]]],[\"eco-input-range\",[[2,\"eco-input-range\",{\"value\":[1026],\"inputId\":[1025,\"input-id\"],\"min\":[2],\"step\":[2],\"max\":[2],\"rangeFlow\":[1,\"range-flow\"],\"inputFlow\":[1,\"input-flow\"],\"thumbSize\":[1,\"thumb-size\"],\"showInput\":[4,\"show-input\"],\"showOutput\":[4,\"show-output\"],\"showError\":[1028,\"show-error\"],\"showStepMismatchError\":[1028,\"show-step-mismatch-error\"],\"valuePrefix\":[1,\"value-prefix\"],\"valueSuffix\":[1,\"value-suffix\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"optional\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdRange\":[1,\"qa-id-range\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOutput\":[1,\"qa-id-output\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"eco-radios\",[[1,\"eco-radios\",{\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"name\":[1],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"radioData\":[16],\"value\":[1032],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[4,\"keydown\",\"onKeydown\"]],{\"value\":[\"valueChanged\"]}]]],[\"eco-input-datalist\",[[6,\"eco-input-datalist\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"inputId\":[1,\"input-id\"],\"listId\":[1,\"list-id\"],\"label\":[1],\"optional\":[1],\"qaIdDataList\":[1,\"qa-id-data-list\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdNotListedMessage\":[1,\"qa-id-not-listed-message\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"placeholder\":[1],\"notListedMessage\":[1,\"not-listed-message\"],\"notListedOption\":[32],\"optionsList\":[32]}]]],[\"eco-input-tags\",[[1,\"eco-input-tags\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1040],\"options\":[16],\"required\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdValues\":[1,\"qa-id-values\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdOptions\":[1,\"qa-id-options\"],\"currentInput\":[32],\"setOptions\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[0,\"tagRemoved\",\"removeTagHandler\"],[0,\"tagAdded\",\"addTagHandler\"]]]]],[\"eco-input-time\",[[2,\"eco-input-time\",{\"disabled\":[4],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"optional\":[1],\"qaIdDays\":[1,\"qa-id-days\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdHours\":[1,\"qa-id-hours\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdMinutes\":[1,\"qa-id-minutes\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdSeconds\":[1,\"qa-id-seconds\"],\"qaIdWeeks\":[1,\"qa-id-weeks\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"weeks\":[4],\"weeksMax\":[2,\"weeks-max\"],\"weeksMin\":[2,\"weeks-min\"],\"weeksValue\":[1026,\"weeks-value\"],\"days\":[4],\"daysMax\":[2,\"days-max\"],\"daysMin\":[2,\"days-min\"],\"daysValue\":[1026,\"days-value\"],\"hours\":[4],\"hoursMax\":[2,\"hours-max\"],\"hoursMin\":[2,\"hours-min\"],\"hoursValue\":[1026,\"hours-value\"],\"minutes\":[4],\"minutesMax\":[2,\"minutes-max\"],\"minutesMin\":[2,\"minutes-min\"],\"minutesValue\":[1026,\"minutes-value\"],\"seconds\":[4],\"secondsMax\":[2,\"seconds-max\"],\"secondsMin\":[2,\"seconds-min\"],\"secondsValue\":[1026,\"seconds-value\"]}]]],[\"eco-layout-nav\",[[6,\"eco-layout-nav\",{\"logoTitle\":[1,\"logo-title\"],\"homeLink\":[1,\"home-link\"],\"appName\":[1,\"app-name\"],\"accountName\":[1,\"account-name\"],\"allowHiding\":[4,\"allow-hiding\"],\"hideNav\":[4,\"hide-nav\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLogo\":[1,\"qa-id-logo\"],\"qaIdAppName\":[1,\"qa-id-app-name\"],\"qaIdNav\":[1,\"qa-id-nav\"],\"accentHue\":[2,\"accent-hue\"],\"accentSaturation\":[2,\"accent-saturation\"],\"accentLightness\":[2,\"accent-lightness\"],\"accentAlpha\":[2,\"accent-alpha\"],\"followActive\":[64],\"navHide\":[64],\"navShow\":[64],\"navToggle\":[64]}]]],[\"eco-tetrigs\",[[1,\"eco-tetrigs\",{\"board\":[32],\"score\":[32],\"currentPiece\":[32],\"nextPiece\":[32],\"isGameOver\":[32]}]]],[\"eco-input-file\",[[2,\"eco-input-file\",{\"accept\":[1],\"disabled\":[4],\"files\":[16],\"help\":[1],\"inputId\":[1,\"input-id\"],\"label\":[1],\"optional\":[1],\"qaIdButton\":[1,\"qa-id-button\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilename\":[1,\"qa-id-filename\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"text\":[1],\"value\":[1],\"width\":[1],\"reset\":[64]}]]],[\"eco-input-phone\",[[1,\"eco-input-phone\",{\"disabled\":[4],\"help\":[1],\"label\":[1],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-select\",[[6,\"eco-select\",{\"value\":[1025],\"label\":[1],\"help\":[1],\"name\":[1],\"optional\":[1],\"status\":[1],\"width\":[1],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdSelect\":[1,\"qa-id-select\"]}]]],[\"eco-stacked-bar\",[[1,\"eco-stacked-bar\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"showLegend\":[4,\"show-legend\"],\"showPercent\":[4,\"show-percent\"],\"showCount\":[4,\"show-count\"],\"gap\":[1],\"barThickness\":[1,\"bar-thickness\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdBar\":[1,\"qa-id-bar\"],\"qaIdLegend\":[1,\"qa-id-legend\"],\"qaIdPercent\":[1,\"qa-id-percent\"],\"qaIdCount\":[1,\"qa-id-count\"],\"data\":[16]}]]],[\"eco-docs-responses\",[[1,\"eco-docs-responses\",{\"responsesTitle\":[1,\"responses-title\"],\"responses\":[16],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdResponsesTitle\":[1,\"qa-id-responses-title\"]}]]],[\"eco-qr-scanner\",[[1,\"eco-qr-scanner\",{\"label\":[1],\"icon\":[1],\"type\":[1],\"styletype\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[32],\"scanningInProgress\":[32],\"start\":[64],\"reset\":[64]}]]],[\"eco-lightbox\",[[1,\"eco-lightbox\",{\"visible\":[1028],\"loaded\":[4],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"handleTrigger\":[64]}]]],[\"eco-split-button\",[[1,\"eco-split-button\",{\"showOptions\":[32],\"toggleIconSize\":[32],\"toggleIcon\":[32],\"open\":[64],\"close\":[64]}]]],[\"eco-split-option\",[[1,\"eco-split-option\",{\"disabled\":[4],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"size\":[1],\"styletype\":[1],\"type\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"focusButton\":[64]}]]],[\"eco-slide-over\",[[1,\"eco-slide-over\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdClose\":[1,\"qa-id-close\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]}]]],[\"eco-accordion-item\",[[1,\"eco-accordion-item\",{\"align\":[1025],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4],\"collapsable\":[4],\"collapsed\":[1028],\"disabled\":[1028],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"disable\":[64]}]]],[\"eco-ani-add-gtl-orientation\",[[2,\"eco-ani-add-gtl-orientation\",{\"location\":[1]}]]],[\"eco-badge\",[[1,\"eco-badge\",{\"type\":[1],\"icon\":[1],\"dot\":[4],\"label\":[1],\"rotateIcon\":[4,\"rotate-icon\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdDot\":[1,\"qa-id-dot\"]}]]],[\"eco-chart-sparkline\",[[1,\"eco-chart-sparkline\",{\"label\":[1],\"showCount\":[4,\"show-count\"],\"data\":[16],\"lineColour\":[1,\"line-colour\"],\"strokeWidth\":[2,\"stroke-width\"],\"fillColour\":[1,\"fill-colour\"],\"fillOpacity\":[1,\"fill-opacity\"],\"yAxisMax\":[2,\"y-axis-max\"],\"flow\":[1],\"lineXPos\":[32],\"count\":[32]}]]],[\"eco-input-radio\",[[1,\"eco-input-radio\",{\"value\":[1032],\"disabled\":[4],\"label\":[1],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-layout-aside\",[[6,\"eco-layout-aside\",{\"collapsable\":[4],\"collapsed\":[1028],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"asideMaxBlockSize\":[1,\"aside-max-block-size\"],\"asidePosition\":[1,\"aside-position\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAside\":[1,\"qa-id-aside\"],\"qaIdAsideContent\":[1,\"qa-id-aside-content\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-blocks\",[[1,\"eco-layout-blocks\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"]}]]],[\"eco-layout-filter\",[[6,\"eco-layout-filter\",{\"collapsable\":[4],\"collapsed\":[1028],\"filtersApplied\":[4,\"filters-applied\"],\"localStorageName\":[1,\"local-storage-name\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"filterMaxBlockSize\":[1,\"filter-max-block-size\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdFilter\":[1,\"qa-id-filter\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"qaIdContent\":[1,\"qa-id-content\"],\"handleCollapse\":[64]}]]],[\"eco-layout-header\",[[1,\"eco-layout-header\",{\"level\":[2],\"displayAs\":[2,\"display-as\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionsBefore\":[1,\"qa-id-actions-before\"],\"qaIdActionsAfter\":[1,\"qa-id-actions-after\"],\"qaIdHeadingElement\":[1,\"qa-id-heading-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-nav-link\",[[1,\"eco-nav-link\",{\"href\":[1],\"label\":[1],\"target\":[1],\"rel\":[1],\"active\":[4],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"eco-status-icon\",[[2,\"eco-status-icon\",{\"icon\":[1],\"type\":[1],\"iconsize\":[1],\"label\":[1],\"labelLocation\":[1,\"label-location\"],\"wrapLabel\":[4,\"wrap-label\"],\"width\":[2],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"]}]]],[\"eco-subnav-item\",[[1,\"eco-subnav-item\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"label\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconSize\":[1,\"icon-size\"],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}]]],[\"eco-text-clamp\",[[1,\"eco-text-clamp\",{\"linesToShow\":[2,\"lines-to-show\"],\"suppressExpand\":[4,\"suppress-expand\"]}]]],[\"eco-user-badge\",[[1,\"eco-user-badge\",{\"userId\":[1,\"user-id\"],\"userName\":[1,\"user-name\"],\"initials\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-accordion\",[[1,\"eco-accordion\",{\"qaIdElement\":[1,\"qa-id-element\"],\"align\":[1],\"clickAnywhere\":[4,\"click-anywhere\"],\"sticky\":[4]}]]],[\"eco-fieldset\",[[1,\"eco-fieldset\",{\"legend\":[1],\"disabled\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLegend\":[1,\"qa-id-legend\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"eco-generated-pattern-dots\",[[1,\"eco-generated-pattern-dots\",{\"text\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-generated-pattern-stripes\",[[1,\"eco-generated-pattern-stripes\",{\"text\":[1],\"stripeWidth\":[2,\"stripe-width\"],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-layout-body\",[[6,\"eco-layout-body\",{\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdMain\":[1,\"qa-id-main\"]}]]],[\"eco-level\",[[0,\"eco-level\",{\"tooltip\":[1],\"steps\":[2],\"amount\":[2],\"emptyLabel\":[1,\"empty-label\"],\"overfullLabel\":[1,\"overfull-label\"],\"showAmount\":[4,\"show-amount\"],\"approximate\":[4],\"levelGap\":[4,\"level-gap\"],\"type\":[1],\"elementFlow\":[1,\"element-flow\"],\"levelFlow\":[1,\"level-flow\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdAmount\":[1,\"qa-id-amount\"],\"renderAmount\":[4,\"render-amount\"]}]]],[\"eco-logo\",[[1,\"eco-logo\",{\"colour\":[1]}]]],[\"eco-nav-flyout\",[[1,\"eco-nav-flyout\",{\"qaIdElement\":[1,\"qa-id-element\"],\"visible\":[1028],\"handleClose\":[64],\"handleTrigger\":[64]},[[8,\"click\",\"handleClick\"],[8,\"keyup\",\"handleKeyup\"]]]]],[\"eco-progress\",[[2,\"eco-progress\",{\"variant\":[1],\"type\":[1],\"width\":[1],\"improving\":[4],\"max\":[2],\"value\":[2],\"roundTo\":[2,\"round-to\"],\"showPercentage\":[4,\"show-percentage\"],\"of\":[4],\"ofString\":[1,\"of-string\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"],\"qaIdProgress\":[1,\"qa-id-progress\"]}]]],[\"eco-segment\",[[1,\"eco-segment\",{\"value\":[1032],\"disabled\":[4],\"name\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"checked\":[32],\"buttonTabindex\":[32],\"setButtonTabindex\":[64]}]]],[\"eco-segments\",[[1,\"eco-segments\",{\"qaIdElement\":[1,\"qa-id-element\"],\"value\":[1032]},[[4,\"keydown\",\"onKeydown\"]]]]],[\"eco-subnav\",[[1,\"eco-subnav\",{\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"followActive\":[64]}]]],[\"eco-tab\",[[1,\"eco-tab\",{\"bind\":[1],\"active\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tab-content\",[[1,\"eco-tab-content\",{\"bind\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-tabs\",[[1,\"eco-tabs\",{\"tabLocation\":[1,\"tab-location\"],\"alignTabs\":[1,\"align-tabs\"],\"wrap\":[4],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"],\"changeUrl\":[1,\"change-url\"],\"urlSearchQuery\":[1,\"url-search-query\"],\"autoPlay\":[4,\"auto-play\"],\"autoPlaySpeed\":[2,\"auto-play-speed\"],\"qaIdElement\":[1,\"qa-id-element\"],\"setActiveTab\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keyup\",\"handleKeyup\"]]]]],[\"eco-checkboxes\",[[1,\"eco-checkboxes\",{\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"label\":[1],\"noResults\":[1028,\"no-results\"],\"noResultsText\":[1,\"no-results-text\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdNoResultsText\":[1,\"qa-id-no-results-text\"],\"checkAll\":[4,\"check-all\"],\"allowCheckAll\":[4,\"allow-check-all\"],\"maxBlockSize\":[1,\"max-block-size\"],\"searchClear\":[64]},[[0,\"ecoChange\",\"handleEcoChange\"]]]]],[\"eco-input-tag\",[[1,\"eco-input-tag\",{\"label\":[1],\"action\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"addTag\":[64],\"removeTag\":[64]}]]],[\"eco-popover\",[[1,\"eco-popover\",{\"showOn\":[1,\"show-on\"],\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdPopover\":[1,\"qa-id-popover\"],\"visible\":[32],\"open\":[64],\"close\":[64],\"handleMouseEnter\":[64],\"handleFocusIn\":[64],\"handleFocusOut\":[64],\"handleMouseLeave\":[64],\"handleClickOnElement\":[64]}]]],[\"eco-split-options\",[[1,\"eco-split-options\"]]],[\"eco-toast_2\",[[1,\"eco-toast\",{\"type\":[1],\"icon\":[1],\"autoDismiss\":[4,\"auto-dismiss\"],\"dismissAfter\":[2,\"dismiss-after\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdContent\":[1,\"qa-id-content\"],\"qaIdClose\":[1,\"qa-id-close\"],\"qaIdTimer\":[1,\"qa-id-timer\"]}],[1,\"eco-toast-rack\",{\"qaIdElement\":[1,\"qa-id-element\"],\"stack\":[4]},[[0,\"present\",\"toastPresent\"],[0,\"dismiss\",\"toastDismiss\"]]]]],[\"eco-input-textarea\",[[2,\"eco-input-textarea\",{\"disabled\":[4],\"height\":[1],\"help\":[1],\"label\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"resize\":[4],\"status\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025]}]]],[\"eco-input-checkbox\",[[1,\"eco-input-checkbox\",{\"label\":[1],\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"inputId\":[1025,\"input-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"name\":[1],\"value\":[1],\"labelPosition\":[1,\"label-position\"],\"showAsToggle\":[4,\"show-as-toggle\"],\"setChecked\":[64]}]]],[\"eco-igs-logo_2\",[[1,\"eco-nav-action\",{\"notice\":[1028],\"icon\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"isNoticed\":[32],\"noticeStart\":[64],\"noticeStop\":[64]}],[1,\"eco-igs-logo\",{\"theme\":[1],\"colour\":[1]}]]],[\"eco-description-group_2\",[[1,\"eco-description-group\",{\"vertical\":[4],\"flow\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"colWidth\":[1,\"col-width\"],\"termWidth\":[1,\"term-width\"],\"gap\":[1],\"inverted\":[4]}],[1,\"eco-docs-parameter\",{\"name\":[1],\"required\":[4],\"schemaType\":[1,\"schema-type\"],\"in\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdName\":[1,\"qa-id-name\"],\"qaIdRequired\":[1,\"qa-id-required\"],\"qaIdSchemaType\":[1,\"qa-id-schema-type\"],\"qaIdIn\":[1,\"qa-id-in\"]}]]],[\"eco-description\",[[1,\"eco-description\",{\"term\":[1],\"description\":[8],\"flow\":[1025],\"inverted\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdTerm\":[1,\"qa-id-term\"],\"qaIdDesc\":[1,\"qa-id-desc\"]}]]],[\"eco-popover-content\",[[1,\"eco-popover-content\",{\"popoverFlow\":[1,\"popover-flow\"],\"popoverAlignment\":[1,\"popover-alignment\"],\"qaIdPopover\":[1,\"qa-id-popover\"]}]]],[\"eco-icon_9\",[[2,\"eco-input-date\",{\"label\":[1],\"help\":[1],\"helpStatus\":[1,\"help-status\"],\"optional\":[1],\"readonly\":[4],\"required\":[4],\"disabled\":[4],\"status\":[1025],\"withTime\":[4,\"with-time\"],\"daysPast\":[2,\"days-past\"],\"daysFuture\":[2,\"days-future\"],\"dayMin\":[2,\"day-min\"],\"dayMax\":[2,\"day-max\"],\"monthMin\":[2,\"month-min\"],\"monthMax\":[2,\"month-max\"],\"yearMin\":[2,\"year-min\"],\"yearMax\":[2,\"year-max\"],\"minuteMin\":[2,\"minute-min\"],\"minuteMax\":[2,\"minute-max\"],\"hourMin\":[2,\"hour-min\"],\"hourMax\":[2,\"hour-max\"],\"qaIdInputs\":[1,\"qa-id-inputs\"],\"qaIdDd\":[1,\"qa-id-dd\"],\"qaIdMm\":[1,\"qa-id-mm\"],\"qaIdYyyy\":[1,\"qa-id-yyyy\"],\"qaIdMinute\":[1,\"qa-id-minute\"],\"qaIdHour\":[1,\"qa-id-hour\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdMessagebox\":[1,\"qa-id-messagebox\"],\"value\":[1025],\"dateExists\":[32],\"inputsEmpty\":[32],\"sinceDate\":[32],\"sinceDateError\":[32],\"untilDate\":[32],\"untilDateError\":[32],\"validateDate\":[64],\"getDate\":[64],\"setDate\":[64]}],[2,\"eco-input-number\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"label\":[1],\"max\":[2],\"min\":[2],\"name\":[1],\"optional\":[1],\"pattern\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"step\":[2],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"valid\":[1028],\"value\":[1026],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}],[6,\"eco-messagebox\",{\"type\":[1],\"icon\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[1,\"eco-text-input-optional\",{\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-input-help\",{\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"]}],[6,\"eco-input-wrapper\",{\"width\":[1],\"status\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-text-label\",{\"for\":[1],\"wrap\":[4],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-spacer\",{\"gap\":[1],\"flow\":[1],\"wrap\":[4],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-icon\",{\"icon\":[1],\"icontype\":[1],\"iconsize\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"rotate\":[4]}]]],[\"eco-backdrop_3\",[[2,\"eco-button\",{\"disabled\":[4],\"href\":[1],\"target\":[1],\"icon\":[1],\"isBusy\":[4,\"is-busy\"],\"label\":[1],\"link\":[4],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdIcon\":[1,\"qa-id-icon\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"size\":[1],\"styletype\":[1],\"type\":[1],\"iconsize\":[1025],\"toggleLabel\":[4,\"toggle-label\"],\"iconPosition\":[1,\"icon-position\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[2,\"eco-spinner\",{\"text\":[1],\"fullscreen\":[4],\"size\":[1],\"theme\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdText\":[1,\"qa-id-text\"]}],[1,\"eco-backdrop\",{\"visible\":[1028],\"showBackdrop\":[64],\"hideBackdrop\":[64]}]]],[\"eco-chat-author_3\",[[1,\"eco-chat-bubble\",{\"message\":[1],\"authorIsUser\":[4,\"author-is-user\"],\"canDelete\":[4,\"can-delete\"],\"canEdit\":[4,\"can-edit\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdActionCancel\":[1,\"qa-id-action-cancel\"],\"qaIdActionDelete\":[1,\"qa-id-action-delete\"],\"qaIdActionDeleteConfirm\":[1,\"qa-id-action-delete-confirm\"],\"qaIdActionEdit\":[1,\"qa-id-action-edit\"],\"qaIdActionEditConfirm\":[1,\"qa-id-action-edit-confirm\"],\"isUpdating\":[32],\"isEditing\":[32],\"isDeleting\":[32],\"updatedMessage\":[32]},[[0,\"ecoChange\",\"updateMessage\"]],{\"message\":[\"valueChanged\"]}],[1,\"eco-chat-author\",{\"author\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}],[1,\"eco-chat-timestamp\",{\"timestamp\":[1],\"qaIdElement\":[1,\"qa-id-element\"]}]]],[\"eco-text-heading\",[[6,\"eco-text-heading\",{\"level\":[2],\"displayAs\":[1026,\"display-as\"],\"headingId\":[1,\"heading-id\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHeading\":[1,\"qa-id-heading\"]}]]],[\"eco-input-text\",[[2,\"eco-input-text\",{\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[4,\"clear-on-edit\"],\"disabled\":[4],\"help\":[1],\"hidden\":[4],\"label\":[1],\"name\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"optional\":[1],\"placeholder\":[1],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdHelp\":[1,\"qa-id-help\"],\"qaIdInput\":[1,\"qa-id-input\"],\"qaIdLabel\":[1,\"qa-id-label\"],\"qaIdOptional\":[1,\"qa-id-optional\"],\"readonly\":[4],\"required\":[4],\"status\":[1],\"type\":[1],\"width\":[1],\"inputId\":[1025,\"input-id\"],\"value\":[1025],\"hasFocus\":[32],\"setFocus\":[64],\"getInputElement\":[64]}]]],[\"eco-card_4\",[[1,\"eco-card\",{\"border\":[1],\"collapsable\":[4],\"collapsed\":[1028],\"elevation\":[1],\"showBody\":[4,\"show-body\"],\"qaIdBody\":[1,\"qa-id-body\"],\"qaIdElement\":[1,\"qa-id-element\"],\"qaIdExpand\":[1,\"qa-id-expand\"],\"qaIdFooter\":[1,\"qa-id-footer\"],\"qaIdHeader\":[1,\"qa-id-header\"],\"qaIdToggle\":[1,\"qa-id-toggle\"],\"sticky\":[4],\"stickyOffset\":[1,\"sticky-offset\"]}],[1,\"eco-card-body\"],[1,\"eco-card-footer\"],[1,\"eco-card-header\"]]]]"), options);
 };
@@ -11,0 +11,0 @@

dist/types/components/eco-checkboxes/eco-checkboxes.d.ts

@@ -1,2 +0,2 @@
-import { CheckboxChangeEventDetail } from '../../utils';
+import { CheckboxChangeEventDetail, EcoInputStatusList } from '../../utils';
 export declare class EcoCheckboxes {
@@ -6,2 +6,4 @@ hostElement: HTMLEcoCheckboxesElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** The label of eco-checkboxes */
@@ -8,0 +10,0 @@ label?: string;

dist/types/components/eco-checkboxes/eco-checkboxes.stories.d.ts

@@ -6,2 +6,2 @@ import { Meta, StoryObj } from '@storybook/web-components';
 export declare const Default: Story;
-export declare const MaxBlockSize: any;
+export declare const MaxBlockSize: Story;

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

 import type { EventEmitter } from '../../stencil-public-runtime';
-import { InputChangeEventDetail } from '../../utils';
+import { EcoInputStatusList, InputChangeEventDetail } from '../../utils';
 export declare class EcoInputDatalist {
@@ -9,2 +9,4 @@ hostElement: HTMLEcoInputDatalistElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** The id of the input */
@@ -11,0 +13,0 @@ inputId?: string;

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

@@ -9,2 +9,4 @@ import type { EventEmitter } from '../../stencil-public-runtime';
     help: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** Optional text */
@@ -19,3 +21,3 @@ optional: string;
     /** The status of the inputs */
-    inputStatus: EcoInputStatusList;
+    status: EcoInputStatusList;
     /** Allow the date to be set with hours and minutes */
@@ -22,0 +24,0 @@ withTime: boolean;

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

@@ -10,2 +10,3 @@ import type { EventEmitter } from '../../stencil-public-runtime';
     files?: FileList;
+    /** Help text to show for eco-input-file */
     help?: string;
@@ -12,0 +13,0 @@ inputId?: string;

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

@@ -0,1 +1,2 @@
+import { EcoInputStatusList } from '../../utils';
 export declare class EcoInputFilter {
@@ -7,2 +8,4 @@ hostElement: HTMLEcoInputFilterElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** the placeholder to show inside the input */
@@ -9,0 +12,0 @@ placeholder?: string;

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

 import type { EventEmitter } from '../../stencil-public-runtime';
-import { EcoFlowDirection, EcoInputSizeList, InputRangeChangeEventDetail } from '../../utils';
+import { EcoFlowDirection, EcoInputSizeList, EcoInputStatusList, InputRangeChangeEventDetail } from '../../utils';
 export declare class EcoInputRange {
@@ -35,2 +35,4 @@ hostElement: HTMLEcoInputRangeElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** Label for the input */
@@ -37,0 +39,0 @@ label: string;

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

 import type { EventEmitter } from '../../stencil-public-runtime';
-import { TagsChangeEventDetail } from '../../utils';
+import { EcoInputStatusList, TagsChangeEventDetail } from '../../utils';
 export declare class EcoInputTags {
@@ -9,2 +9,4 @@ hostElement: HTMLEcoInputTagsElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** The optional text for the element */
@@ -11,0 +13,0 @@ optional: string;

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

@@ -21,2 +21,3 @@ import type { EventEmitter } from '../../stencil-public-runtime';
     disabled: boolean;
+    /** The help text to show for eco-inut-text */
     help?: string;
@@ -23,0 +24,0 @@ hidden: boolean;

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

 import type { EventEmitter } from '../../stencil-public-runtime';
-import { InputTimeChangeEventDetail } from '../../utils';
+import { EcoInputStatusList, InputTimeChangeEventDetail } from '../../utils';
 export declare class EcoInputTime {
@@ -8,2 +8,4 @@ hostElement: HTMLEcoInputTimeElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     label?: string;
@@ -10,0 +12,0 @@ optional: string;

dist/types/components/eco-multi-select/eco-multi-select.d.ts

@@ -18,3 +18,3 @@ import type { EventEmitter } from '../../stencil-public-runtime';
     /** The max height of the multi select dropdown. */
-    maxHeight?: string;
+    maxBlockSize?: string;
     /** The status of the multi select. */
@@ -21,0 +21,0 @@ status: EcoInputStatusList;

dist/types/components/eco-multi-select/eco-multi-select.stories.d.ts

@@ -8,3 +8,3 @@ import { Meta, StoryObj } from '@storybook/web-components';
 export declare const OptionsAbove: Story;
-export declare const MaxHeight: Story;
+export declare const MaxBlockSize: Story;
 export declare const InsideModal: Story;

dist/types/components/eco-radios/eco-radios.d.ts

 import type { EventEmitter } from '../../stencil-public-runtime';
-import { EcoRadiosChangeEventDetail } from '../../utils';
+import { EcoInputStatusList, EcoRadiosChangeEventDetail } from '../../utils';
 export declare class EcoRadios {
@@ -11,2 +11,4 @@ hostElement: HTMLEcoRadiosElement;
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     /** The name of the radio group */
@@ -13,0 +15,0 @@ name?: string;

dist/types/components/eco-stacked-bar/eco-stacked-bar.d.ts

@@ -1,2 +0,2 @@
-import { EcoSpacerSizeList } from '../../utils';
+import { EcoInputStatusList, EcoSpacerSizeList } from '../../utils';
 import { EcoStackedBarData } from './eco-stacked-bar-data';
@@ -7,2 +7,4 @@ export declare class EcoStackedBar {
     help?: string;
+    /** The help text status to convey more meaning */
+    helpStatus?: EcoInputStatusList;
     showLegend: boolean;
@@ -9,0 +11,0 @@ showPercent: boolean;

dist/types/components/eco-text-input-help/eco-text-input-help.d.ts

@@ -0,4 +1,10 @@
+import { EcoInputStatusList } from '../../utils';
 export declare class EcoTextInputHelp {
+    /** The status of the help text */
+    status: EcoInputStatusList;
+    /** The QA ID for eco-input-text-help element*/
     qaIdElement?: string;
+    /** The QA ID for icon */
+    qaIdIcon?: string;
     render(): any;
 }

dist/types/components/eco-text-input-help/eco-text-input-help.stories.d.ts

@@ -6,1 +6,2 @@ import { Meta, StoryObj } from '@storybook/web-components';
 export declare const Default: Story;
+export declare const Status: Story;

package.json

 {
 	"name": "@intelligentgrowthsolutions/eco",
-	"version": "17.2.5",
+	"version": "17.2.6",
 	"license": "MIT",
@@ -5,0 +5,0 @@ "description": "Eco Design System for Intelligent Growth Solutions",

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

25561842

increased by0.28%

Number of package files

1742

increased by0.17%

Lines of code

201838

increased by0.37%

No dependency changes