@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 1.0.4-fms-1484-001 to 1.0.4-fms-1484-002

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

@@ -12,5 +12,26 @@ 'use strict';
     index.registerInstance(this, hostRef);
+    this.term = "Term";
+    this.description = "Desc";
+    this.qaId = "qa";
   }
+  componentDidRender() {
+    this.dlQaId = this.qaId + "-" + this.term.toLowerCase().replace(/ /g, "-");
+    if (this.dtQaId === undefined) {
+      this.dtQaId =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-term";
+    }
+    if (this.ddQaid === undefined) {
+      this.ddQaid =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          "desc";
+    }
+  }
   render() {
-    return (index.h(index.Host, null, index.h("dl", null, index.h("dt", null, this.term), index.h("dd", { "data-attr-qa-id": this.descQaId }, this.description))));
+    return (index.h(index.Host, null, index.h("dl", { "qa-id": this.dlQaId }, index.h("dt", { "qa-id": this.dtQaId }, this.term), index.h("dd", { "qa-id": this.ddQaid }, this.description))));
   }
@@ -17,0 +38,0 @@ };

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

@@ -33,3 +33,3 @@ 'use strict';
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), index.h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, index.h("span", { class: "filename" }, this.text), index.h("span", { class: "button" }, "Choose file")))));
+    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), index.h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "", "qa-id": this.qaId }, index.h("span", { class: "filename", "qa-id": this.filenameQaId }, this.text), index.h("span", { class: "button" }, "Choose file")))));
   }
@@ -36,0 +36,0 @@ getCssClassMap() {

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

@@ -24,3 +24,3 @@ 'use strict';
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("input", { type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, "qa-id": this.inputqaid, placeholder: "" }))));
+    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("input", { "qa-id": this.qaId, type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, placeholder: " " }))));
   }
@@ -27,0 +27,0 @@ getCssClassMap() {

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

@@ -24,3 +24,3 @@ 'use strict';
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("textarea", { class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
+    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.label && (index.h("eco-text-label", { for: this.inputId }, this.label, !this.required && (index.h("eco-text-input-optional", null, this.optional)))), this.help && index.h("eco-text-input-help", null, this.help), index.h("textarea", { "qa-id": this.qaId, class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
   }
@@ -27,0 +27,0 @@ getCssClassMap() {

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

@@ -34,3 +34,3 @@ 'use strict';
     document.addEventListener("keyup", this.handleEscape);
-    return (index.h(index.Host, null, index.h("div", { onClick: this.handleTrigger }, index.h("slot", { name: "trigger" })), this.visible && (index.h("div", { class: "overlay" }, index.h("div", { class: "wrapper" }, index.h("eco-card", { class: "modal" }, index.h("header", { slot: "header" }, index.h("h2", null, this.modaltitle), index.h("eco-icon", { onClick: this.handleClose, icon: utils.EcoIconList.cancel })), index.h("slot", null), index.h("footer", { slot: "footer" }, index.h("eco-button", { onClick: this.handleClose, label: "Cancel", type: utils.EcoTypeList.ghost }), index.h("slot", { name: "action" }))))))));
+    return (index.h(index.Host, { "qa-id": this.hostQaId }, index.h("div", { onClick: this.handleTrigger }, index.h("slot", { name: "trigger" })), this.visible && (index.h("div", { class: "overlay" }, index.h("div", { class: "wrapper", "qa-id": this.modalQaId }, index.h("eco-card", { class: "modal" }, index.h("header", { slot: "header" }, index.h("h2", null, this.modaltitle), index.h("eco-icon", { onClick: this.handleClose, icon: utils.EcoIconList.cancel })), index.h("slot", null), index.h("footer", { slot: "footer" }, index.h("eco-button", { "qa-id": this.cancelButtonQaId, onClick: this.handleClose, label: "Cancel", type: utils.EcoTypeList.ghost }), index.h("slot", { name: "action" }))))))));
   }
@@ -37,0 +37,0 @@ };

dist/cjs/eco.cjs.js

@@ -123,3 +123,3 @@ 'use strict';
   appGlobals.globalScripts();
-  return index.bootstrapLazy([["eco-modal.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"inputqaid":[1]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer.cjs",[[1,"eco-card-footer"]]],["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button.cjs",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body.cjs",[[1,"eco-card-body"]]],["eco-card-header.cjs",[[1,"eco-card-header"]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional.cjs",[[1,"eco-text-input-optional"]]]], options);
+  return index.bootstrapLazy([["eco-modal.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4],"hostQaId":[1,"host-qa-id"],"modalQaId":[1,"modal-qa-id"],"cancelButtonQaId":[1,"cancel-button-qa-id"]}]]],["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"],"filenameQaId":[1,"filename-qa-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"qaId":[1,"qa-id"],"dlQaId":[1,"dl-qa-id"],"dtQaId":[1,"dt-qa-id"],"ddQaid":[1,"dd-qaid"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer.cjs",[[1,"eco-card-footer"]]],["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button.cjs",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body.cjs",[[1,"eco-card-body"]]],["eco-card-header.cjs",[[1,"eco-card-header"]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional.cjs",[[1,"eco-text-input-optional"]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -33,3 +33,3 @@ 'use strict';
   appGlobals.globalScripts();
-  return index.bootstrapLazy([["eco-modal.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"inputqaid":[1]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer.cjs",[[1,"eco-card-footer"]]],["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button.cjs",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body.cjs",[[1,"eco-card-body"]]],["eco-card-header.cjs",[[1,"eco-card-header"]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional.cjs",[[1,"eco-text-input-optional"]]]], options);
+  return index.bootstrapLazy([["eco-modal.cjs",[[1,"eco-modal",{"modaltitle":[1],"visible":[4],"hostQaId":[1,"host-qa-id"],"modalQaId":[1,"modal-qa-id"],"cancelButtonQaId":[1,"cancel-button-qa-id"]}]]],["eco-input-date.cjs",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time.cjs",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group.cjs",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file.cjs",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"],"filenameQaId":[1,"filename-qa-id"]}]]],["eco-input-text.cjs",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-input-textarea.cjs",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-select.cjs",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox.cjs",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox.cjs",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description.cjs",[[1,"eco-description",{"term":[1],"description":[1],"qaId":[1,"qa-id"],"dlQaId":[1,"dl-qa-id"],"dtQaId":[1,"dt-qa-id"],"ddQaid":[1,"dd-qaid"]}]]],["eco-description-group.cjs",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner.cjs",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table.cjs",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer.cjs",[[1,"eco-card-footer"]]],["eco-card.cjs",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button.cjs",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button.cjs",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help.cjs",[[1,"eco-text-input-help"]]],["eco-text-label.cjs",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number.cjs",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body.cjs",[[1,"eco-card-body"]]],["eco-card-header.cjs",[[1,"eco-card-header"]]],["eco-spacer.cjs",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon.cjs",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional.cjs",[[1,"eco-text-input-optional"]]]], options);
   });
@@ -36,0 +36,0 @@ };

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

 import { Component, Host, h, Prop } from "@stencil/core";
 export class EcoDescription {
+  constructor() {
+    this.term = "Term";
+    this.description = "Desc";
+    this.qaId = "qa";
+  }
+  componentDidRender() {
+    this.dlQaId = this.qaId + "-" + this.term.toLowerCase().replace(/ /g, "-");
+    if (this.dtQaId === undefined) {
+      this.dtQaId =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-term";
+    }
+    if (this.ddQaid === undefined) {
+      this.ddQaid =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          "desc";
+    }
+  }
   render() {
     return (h(Host, null,
-      h("dl", null,
-        h("dt", null, this.term),
-        h("dd", { "data-attr-qa-id": this.descQaId }, this.description))));
+      h("dl", { "qa-id": this.dlQaId },
+        h("dt", { "qa-id": this.dtQaId }, this.term),
+        h("dd", { "qa-id": this.ddQaid }, this.description))));
   }
@@ -33,3 +56,4 @@ static get is() { return "eco-description"; }
       "attribute": "term",
-      "reflect": false
+      "reflect": false,
+      "defaultValue": "\"Term\""
     },
@@ -51,5 +75,41 @@ "description": {
       "attribute": "description",
+      "reflect": false,
+      "defaultValue": "\"Desc\""
+    },
+    "qaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "qa-id",
+      "reflect": false,
+      "defaultValue": "\"qa\""
+    },
+    "dlQaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "dl-qa-id",
       "reflect": false
     },
-    "descQaId": {
+    "dtQaId": {
       "type": "string",
@@ -68,6 +128,23 @@ "mutable": false,
       },
-      "attribute": "desc-qa-id",
+      "attribute": "dt-qa-id",
       "reflect": false
+    },
+    "ddQaid": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "dd-qaid",
+      "reflect": false
     }
   }; }
 }

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

@@ -32,4 +32,4 @@ import { Component, Host, h, Prop, Element } from "@stencil/core";
         h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }),
-        h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" },
-          h("span", { class: "filename" }, this.text),
+        h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "", "qa-id": this.qaId },
+          h("span", { class: "filename", "qa-id": this.filenameQaId }, this.text),
           h("span", { class: "button" }, "Choose file")))));
@@ -255,2 +255,36 @@ }
       "reflect": false
+    },
+    "qaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "qa-id",
+      "reflect": false
+    },
+    "filenameQaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "filename-qa-id",
+      "reflect": false
     }
@@ -257,0 +291,0 @@ }; }

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

@@ -22,3 +22,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
         this.help && h("eco-text-input-help", null, this.help),
-        h("input", { type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, "qa-id": this.inputqaid, placeholder: "" }))));
+        h("input", { "qa-id": this.qaId, type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, placeholder: " " }))));
   }
@@ -243,3 +243,3 @@ getCssClassMap() {
     },
-    "inputqaid": {
+    "qaId": {
       "type": "string",
@@ -258,3 +258,3 @@ "mutable": false,
       },
-      "attribute": "inputqaid",
+      "attribute": "qa-id",
       "reflect": false
@@ -261,0 +261,0 @@ }

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

@@ -22,3 +22,3 @@ import { Component, Host, h, Prop } from "@stencil/core";
         this.help && h("eco-text-input-help", null, this.help),
-        h("textarea", { class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
+        h("textarea", { "qa-id": this.qaId, class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
   }
@@ -260,4 +260,21 @@ getCssClassMap() {
       "reflect": false
+    },
+    "qaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "qa-id",
+      "reflect": false
     }
   }; }
 }

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

@@ -24,7 +24,7 @@ import { Component, Host, h, Prop, Event } from "@stencil/core";
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null,
+    return (h(Host, { "qa-id": this.hostQaId },
       h("div", { onClick: this.handleTrigger },
         h("slot", { name: "trigger" })),
       this.visible && (h("div", { class: "overlay" },
-        h("div", { class: "wrapper" },
+        h("div", { class: "wrapper", "qa-id": this.modalQaId },
           h("eco-card", { class: "modal" },
@@ -36,3 +36,3 @@ h("header", { slot: "header" },
             h("footer", { slot: "footer" },
-              h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }),
+              h("eco-button", { "qa-id": this.cancelButtonQaId, onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }),
               h("slot", { name: "action" }))))))));
@@ -83,2 +83,53 @@ }
       "defaultValue": "false"
+    },
+    "hostQaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "host-qa-id",
+      "reflect": false
+    },
+    "modalQaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "modal-qa-id",
+      "reflect": false
+    },
+    "cancelButtonQaId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "cancel-button-qa-id",
+      "reflect": false
     }
@@ -85,0 +136,0 @@ }; }

dist/custom-elements/index.js

@@ -208,5 +208,26 @@ import { attachShadow, h, Host, Fragment, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
     attachShadow(this);
+    this.term = "Term";
+    this.description = "Desc";
+    this.qaId = "qa";
   }
+  componentDidRender() {
+    this.dlQaId = this.qaId + "-" + this.term.toLowerCase().replace(/ /g, "-");
+    if (this.dtQaId === undefined) {
+      this.dtQaId =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-term";
+    }
+    if (this.ddQaid === undefined) {
+      this.ddQaid =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          "desc";
+    }
+  }
   render() {
-    return (h(Host, null, h("dl", null, h("dt", null, this.term), h("dd", { "data-attr-qa-id": this.descQaId }, this.description))));
+    return (h(Host, null, h("dl", { "qa-id": this.dlQaId }, h("dt", { "qa-id": this.dtQaId }, this.term), h("dd", { "qa-id": this.ddQaid }, this.description))));
   }
@@ -330,3 +351,3 @@ static get style() { return ecoDescriptionCss; }
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "", "qa-id": this.qaId }, h("span", { class: "filename", "qa-id": this.filenameQaId }, this.text), h("span", { class: "button" }, "Choose file")))));
   }
@@ -390,3 +411,3 @@ getCssClassMap() {
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, "qa-id": this.inputqaid, placeholder: "" }))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { "qa-id": this.qaId, type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, placeholder: " " }))));
   }
@@ -420,3 +441,3 @@ getCssClassMap() {
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("textarea", { class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("textarea", { "qa-id": this.qaId, class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
   }
@@ -506,3 +527,3 @@ getCssClassMap() {
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
+    return (h(Host, { "qa-id": this.hostQaId }, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper", "qa-id": this.modalQaId }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { "qa-id": this.cancelButtonQaId, onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
   }
@@ -689,13 +710,13 @@ static get style() { return ecoModalCss; }
 const EcoCheckbox$1 = /*@__PURE__*/proxyCustomElement(EcoCheckbox, [1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]);
-const EcoDescription$1 = /*@__PURE__*/proxyCustomElement(EcoDescription, [1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]);
+const EcoDescription$1 = /*@__PURE__*/proxyCustomElement(EcoDescription, [1,"eco-description",{"term":[1],"description":[1],"qaId":[1,"qa-id"],"dlQaId":[1,"dl-qa-id"],"dtQaId":[1,"dt-qa-id"],"ddQaid":[1,"dd-qaid"]}]);
 const EcoDescriptionGroup$1 = /*@__PURE__*/proxyCustomElement(EcoDescriptionGroup, [1,"eco-description-group",{"vertical":[4]}]);
 const EcoIcon$1 = /*@__PURE__*/proxyCustomElement(EcoIcon, [1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]);
 const EcoInputDate$1 = /*@__PURE__*/proxyCustomElement(EcoInputDate, [1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]);
-const EcoInputFile$1 = /*@__PURE__*/proxyCustomElement(EcoInputFile, [1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]);
+const EcoInputFile$1 = /*@__PURE__*/proxyCustomElement(EcoInputFile, [1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"],"filenameQaId":[1,"filename-qa-id"]}]);
 const EcoInputNumber$1 = /*@__PURE__*/proxyCustomElement(EcoInputNumber, [1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]);
-const EcoInputText$1 = /*@__PURE__*/proxyCustomElement(EcoInputText, [1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"inputqaid":[1]}]);
-const EcoInputTextarea$1 = /*@__PURE__*/proxyCustomElement(EcoInputTextarea, [1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]);
+const EcoInputText$1 = /*@__PURE__*/proxyCustomElement(EcoInputText, [1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]);
+const EcoInputTextarea$1 = /*@__PURE__*/proxyCustomElement(EcoInputTextarea, [1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]);
 const EcoInputTime$1 = /*@__PURE__*/proxyCustomElement(EcoInputTime, [1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]);
 const EcoMessagebox$1 = /*@__PURE__*/proxyCustomElement(EcoMessagebox, [1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]);
-const EcoModal$1 = /*@__PURE__*/proxyCustomElement(EcoModal, [1,"eco-modal",{"modaltitle":[1],"visible":[4]}]);
+const EcoModal$1 = /*@__PURE__*/proxyCustomElement(EcoModal, [1,"eco-modal",{"modaltitle":[1],"visible":[4],"hostQaId":[1,"host-qa-id"],"modalQaId":[1,"modal-qa-id"],"cancelButtonQaId":[1,"cancel-button-qa-id"]}]);
 const EcoRadioButton$1 = /*@__PURE__*/proxyCustomElement(EcoRadioButton, [0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]);
@@ -702,0 +723,0 @@ const EcoRadioGroup$1 = /*@__PURE__*/proxyCustomElement(EcoRadioGroup, [1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]);

dist/eco/eco-description.entry.js

@@ -8,5 +8,26 @@ import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
     registerInstance(this, hostRef);
+    this.term = "Term";
+    this.description = "Desc";
+    this.qaId = "qa";
   }
+  componentDidRender() {
+    this.dlQaId = this.qaId + "-" + this.term.toLowerCase().replace(/ /g, "-");
+    if (this.dtQaId === undefined) {
+      this.dtQaId =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-term";
+    }
+    if (this.ddQaid === undefined) {
+      this.ddQaid =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          "desc";
+    }
+  }
   render() {
-    return (h(Host, null, h("dl", null, h("dt", null, this.term), h("dd", { "data-attr-qa-id": this.descQaId }, this.description))));
+    return (h(Host, null, h("dl", { "qa-id": this.dlQaId }, h("dt", { "qa-id": this.dtQaId }, this.term), h("dd", { "qa-id": this.ddQaid }, this.description))));
   }
@@ -13,0 +34,0 @@ };

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

@@ -29,3 +29,3 @@ import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "", "qa-id": this.qaId }, h("span", { class: "filename", "qa-id": this.filenameQaId }, this.text), h("span", { class: "button" }, "Choose file")))));
   }
@@ -32,0 +32,0 @@ getCssClassMap() {

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

@@ -20,3 +20,3 @@ import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, "qa-id": this.inputqaid, placeholder: "" }))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { "qa-id": this.qaId, type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, placeholder: " " }))));
   }
@@ -23,0 +23,0 @@ getCssClassMap() {

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

@@ -20,3 +20,3 @@ import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("textarea", { class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("textarea", { "qa-id": this.qaId, class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
   }
@@ -23,0 +23,0 @@ getCssClassMap() {

dist/eco/eco-modal.entry.js

@@ -30,3 +30,3 @@ import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
+    return (h(Host, { "qa-id": this.hostQaId }, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper", "qa-id": this.modalQaId }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { "qa-id": this.cancelButtonQaId, onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
   }
@@ -33,0 +33,0 @@ };

dist/eco/eco.esm.js

@@ -121,3 +121,3 @@ import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
   globalScripts();
-  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"inputqaid":[1]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]]], options);
+  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4],"hostQaId":[1,"host-qa-id"],"modalQaId":[1,"modal-qa-id"],"cancelButtonQaId":[1,"cancel-button-qa-id"]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"],"filenameQaId":[1,"filename-qa-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"qaId":[1,"qa-id"],"dlQaId":[1,"dl-qa-id"],"dtQaId":[1,"dt-qa-id"],"ddQaid":[1,"dd-qaid"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]]], options);
 });

dist/esm/eco-description.entry.js

@@ -8,5 +8,26 @@ import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
     registerInstance(this, hostRef);
+    this.term = "Term";
+    this.description = "Desc";
+    this.qaId = "qa";
   }
+  componentDidRender() {
+    this.dlQaId = this.qaId + "-" + this.term.toLowerCase().replace(/ /g, "-");
+    if (this.dtQaId === undefined) {
+      this.dtQaId =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-term";
+    }
+    if (this.ddQaid === undefined) {
+      this.ddQaid =
+        this.qaId.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          this.term.toLowerCase().replace(/ /g, "-") +
+          "-" +
+          "desc";
+    }
+  }
   render() {
-    return (h(Host, null, h("dl", null, h("dt", null, this.term), h("dd", { "data-attr-qa-id": this.descQaId }, this.description))));
+    return (h(Host, null, h("dl", { "qa-id": this.dlQaId }, h("dt", { "qa-id": this.dtQaId }, this.term), h("dd", { "qa-id": this.ddQaid }, this.description))));
   }
@@ -13,0 +34,0 @@ };

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

@@ -29,3 +29,3 @@ import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "" }, h("span", { class: "filename" }, this.text), h("span", { class: "button" }, "Choose file")))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { id: this.inputId, name: "upload", type: "file", accept: this.accept, disabled: this.disabled, required: this.required }), h("label", { htmlFor: this.inputId, class: this.disabled ? "disabled" : "", "qa-id": this.qaId }, h("span", { class: "filename", "qa-id": this.filenameQaId }, this.text), h("span", { class: "button" }, "Choose file")))));
   }
@@ -32,0 +32,0 @@ getCssClassMap() {

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

@@ -20,3 +20,3 @@ import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, "qa-id": this.inputqaid, placeholder: "" }))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("input", { "qa-id": this.qaId, type: this.type, id: this.inputId, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.value, placeholder: " " }))));
   }
@@ -23,0 +23,0 @@ getCssClassMap() {

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

@@ -20,3 +20,3 @@ import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("textarea", { class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
+    return (h(Host, null, h("div", { class: classMap }, this.label && (h("eco-text-label", { for: this.inputId }, this.label, !this.required && (h("eco-text-input-optional", null, this.optional)))), this.help && h("eco-text-input-help", null, this.help), h("textarea", { "qa-id": this.qaId, class: this.resize && "resize", id: this.inputId, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value }))));
   }
@@ -23,0 +23,0 @@ getCssClassMap() {

dist/esm/eco-modal.entry.js

@@ -30,3 +30,3 @@ import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
     document.addEventListener("keyup", this.handleEscape);
-    return (h(Host, null, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper" }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
+    return (h(Host, { "qa-id": this.hostQaId }, h("div", { onClick: this.handleTrigger }, h("slot", { name: "trigger" })), this.visible && (h("div", { class: "overlay" }, h("div", { class: "wrapper", "qa-id": this.modalQaId }, h("eco-card", { class: "modal" }, h("header", { slot: "header" }, h("h2", null, this.modaltitle), h("eco-icon", { onClick: this.handleClose, icon: EcoIconList.cancel })), h("slot", null), h("footer", { slot: "footer" }, h("eco-button", { "qa-id": this.cancelButtonQaId, onClick: this.handleClose, label: "Cancel", type: EcoTypeList.ghost }), h("slot", { name: "action" }))))))));
   }
@@ -33,0 +33,0 @@ };

dist/esm/eco.js

@@ -121,3 +121,3 @@ import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
   globalScripts();
-  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"inputqaid":[1]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]]], options);
+  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4],"hostQaId":[1,"host-qa-id"],"modalQaId":[1,"modal-qa-id"],"cancelButtonQaId":[1,"cancel-button-qa-id"]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"],"filenameQaId":[1,"filename-qa-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"qaId":[1,"qa-id"],"dlQaId":[1,"dl-qa-id"],"dtQaId":[1,"dt-qa-id"],"ddQaid":[1,"dd-qaid"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]]], options);
 });

dist/esm/loader.js

@@ -29,3 +29,3 @@ import { B as BUILD, C as CSS, p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-c81e7d26.js';
   globalScripts();
-  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"inputqaid":[1]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"descQaId":[1,"desc-qa-id"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]]], options);
+  return bootstrapLazy([["eco-modal",[[1,"eco-modal",{"modaltitle":[1],"visible":[4],"hostQaId":[1,"host-qa-id"],"modalQaId":[1,"modal-qa-id"],"cancelButtonQaId":[1,"cancel-button-qa-id"]}]]],["eco-input-date",[[1,"eco-input-date",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"withnow":[4],"withtime":[4],"ddmin":[2],"ddmax":[2],"mmmin":[2],"mmmax":[2],"yyyymin":[2],"yyyymax":[2],"minutemin":[2],"minutemax":[2],"hourmin":[2],"hourmax":[2]}]]],["eco-input-time",[[1,"eco-input-time",{"label":[1],"help":[1],"optional":[1],"readonly":[4],"required":[4],"disabled":[4],"weeks":[8],"days":[8],"hours":[8],"minutes":[8],"weeksmin":[2],"weeksmax":[2],"daysmin":[2],"daysmax":[2],"hoursmin":[2],"hoursmax":[2],"minutesmin":[2],"minutesmax":[2]}]]],["eco-radio-group",[[1,"eco-radio-group",{"label":[1],"help":[1],"radioData":[8,"radio-data"]}]]],["eco-input-file",[[1,"eco-input-file",{"label":[1],"help":[1],"optional":[1],"text":[1],"accept":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"],"filenameQaId":[1,"filename-qa-id"]}]]],["eco-input-text",[[1,"eco-input-text",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[1],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-input-textarea",[[1,"eco-input-textarea",{"label":[1],"value":[1],"help":[1],"optional":[1],"status":[1],"width":[1],"height":[1],"disabled":[4],"readonly":[4],"required":[4],"resize":[4],"inputId":[1,"input-id"],"qaId":[1,"qa-id"]}]]],["eco-select",[[4,"eco-select",{"label":[1],"help":[1],"name":[1],"optional":[1],"status":[1],"width":[1],"selectQaId":[1,"select-qa-id"],"disabled":[4],"required":[4],"inputId":[1,"input-id"]}]]],["eco-checkbox",[[1,"eco-checkbox",{"label":[1],"name":[1],"checkboxQaId":[1,"checkbox-qa-id"],"checked":[4],"disabled":[4],"inputId":[1,"input-id"]}]]],["eco-messagebox",[[1,"eco-messagebox",{"type":[1],"icon":[1],"icontype":[1]}]]],["eco-description",[[1,"eco-description",{"term":[1],"description":[1],"qaId":[1,"qa-id"],"dlQaId":[1,"dl-qa-id"],"dtQaId":[1,"dt-qa-id"],"ddQaid":[1,"dd-qaid"]}]]],["eco-description-group",[[1,"eco-description-group",{"vertical":[4]}]]],["eco-spinner",[[1,"eco-spinner",{"text":[1],"fullscreen":[4],"size":[1],"theme":[1]}]]],["eco-table",[[4,"eco-table",{"responsive":[4],"equalcolumns":[4],"sticky":[4],"tableQaId":[1,"table-qa-id"]}]]],["eco-card-footer",[[1,"eco-card-footer"]]],["eco-card",[[1,"eco-card",{"cardQaId":[1,"card-qa-id"],"sticky":[4],"collapsable":[4],"collapsed":[4]}]]],["eco-button",[[1,"eco-button",{"label":[1],"size":[1],"type":[1],"disabled":[4],"icon":[1],"icontype":[1],"iconsize":[1]}]]],["eco-radio-button",[[0,"eco-radio-button",{"name":[1],"label":[1],"radioQaId":[1,"radio-qa-id"],"checked":[4],"disabled":[4],"controlValue":[1,"control-value"],"inputId":[1,"input-id"]}]]],["eco-text-input-help",[[1,"eco-text-input-help"]]],["eco-text-label",[[1,"eco-text-label",{"for":[1],"labelQaId":[1,"label-qa-id"],"wrap":[4]}]]],["eco-input-number",[[1,"eco-input-number",{"type":[1],"label":[1],"help":[1],"optional":[1],"value":[2],"status":[1],"width":[1],"disabled":[4],"readonly":[4],"required":[4],"min":[2],"max":[2],"step":[2],"inputId":[1,"input-id"]}]]],["eco-card-body",[[1,"eco-card-body"]]],["eco-card-header",[[1,"eco-card-header"]]],["eco-spacer",[[1,"eco-spacer",{"gap":[1]}]]],["eco-icon",[[1,"eco-icon",{"icon":[1],"icontype":[1],"iconsize":[1],"url":[1]}]]],["eco-text-input-optional",[[1,"eco-text-input-optional"]]]], options);
   });
@@ -32,0 +32,0 @@ };

dist/types/components.d.ts

@@ -41,4 +41,7 @@ /* eslint-disable */
     interface EcoDescription {
-        "descQaId": string;
+        "ddQaid": string;
         "description": string;
+        "dlQaId": string;
+        "dtQaId": string;
+        "qaId": string;
         "term": string;
@@ -78,2 +81,3 @@ }
         "disabled": boolean;
+        "filenameQaId": string;
         "help": string;
@@ -83,2 +87,3 @@ "inputId": string;
         "optional": string;
+        "qaId": string;
         "readonly": boolean;
@@ -110,5 +115,5 @@ "required": boolean;
         "inputId": string;
-        "inputqaid": string;
         "label": string;
         "optional": string;
+        "qaId": string;
         "readonly": boolean;
@@ -128,2 +133,3 @@ "required": boolean;
         "optional": string;
+        "qaId": string;
         "readonly": boolean;
@@ -162,2 +168,5 @@ "required": boolean;
     interface EcoModal {
+        "cancelButtonQaId": string;
+        "hostQaId": string;
+        "modalQaId": string;
         "modaltitle": string;
@@ -434,4 +443,7 @@ "visible": boolean;
     interface EcoDescription {
-        "descQaId"?: string;
+        "ddQaid"?: string;
         "description"?: string;
+        "dlQaId"?: string;
+        "dtQaId"?: string;
+        "qaId"?: string;
         "term"?: string;
@@ -471,2 +483,3 @@ }
         "disabled"?: boolean;
+        "filenameQaId"?: string;
         "help"?: string;
@@ -476,2 +489,3 @@ "inputId"?: string;
         "optional"?: string;
+        "qaId"?: string;
         "readonly"?: boolean;
@@ -503,5 +517,5 @@ "required"?: boolean;
         "inputId"?: string;
-        "inputqaid"?: string;
         "label"?: string;
         "optional"?: string;
+        "qaId"?: string;
         "readonly"?: boolean;
@@ -521,2 +535,3 @@ "required"?: boolean;
         "optional"?: string;
+        "qaId"?: string;
         "readonly"?: boolean;
@@ -555,2 +570,5 @@ "required"?: boolean;
     interface EcoModal {
+        "cancelButtonQaId"?: string;
+        "hostQaId"?: string;
+        "modalQaId"?: string;
         "modaltitle"?: string;
@@ -557,0 +575,0 @@ "onClose"?: (event: CustomEvent<any>) => void;

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

 export declare class EcoDescription {
   term: string;
   description: string;
-  descQaId: string;
+  qaId: string;
+  dlQaId: string;
+  dtQaId: string;
+  ddQaid: string;
+  componentDidRender(): void;
   render(): any;
 }

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

@@ -19,2 +19,4 @@ import { EcoInputStatusList, EcoInputWidthList } from "../../utils/utils";
   inputId: string;
+  qaId: string;
+  filenameQaId: string;
   componentDidRender(): void;
@@ -21,0 +23,0 @@ render(): any;

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

@@ -14,5 +14,5 @@ import { EcoInputStatusList, EcoInputWidthList } from "../../utils/utils";
   inputId: string;
-  inputqaid: string;
+  qaId: string;
   render(): any;
   private getCssClassMap;
 }

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

@@ -15,4 +15,5 @@ import { EcoInputStatusList, EcoInputWidthList } from "../../utils/utils";
   inputId: string;
+  qaId: string;
   render(): any;
   private getCssClassMap;
 }

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

@@ -5,2 +5,5 @@ import { EventEmitter } from "../../stencil-public-runtime";
   visible: boolean;
+  hostQaId: string;
+  modalQaId: string;
+  cancelButtonQaId: string;
   close: EventEmitter;
@@ -7,0 +10,0 @@ trigger: EventEmitter;

package.json

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

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

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

Improved metrics

Total package byte prevSize

1181072

increased by0.8%

Lines of code

23595

increased by1.3%

No dependency changes