@diwacopilot/components 1.1.1 → 1.2.1

package/dist/collection/components/diwa-input-number/diwa-input-number.js

@@ -36,7 +36,7 @@ export class DiwaInputNumber {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '19e42e576c408fccc4adf6d6c562f305c33c0f54', "data-theme": this.theme }, h("style", { key: '0732bc072bfa2ceb467098ee5777929a8178f2a4', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '24c6834582af6bd6717f1e5931afe0899b3ff398', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd9a04935b7d99b3c81655efde37126e3f17ba615', class: "label-row" }, h("label", { key: '11d4a082d8f25f30976fcdbaa310593db060ef60', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '73c50d8ac6143b1a72c746a148500b4d4dbbd830', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '5ae5ce0b1135513eed6d844b6fbf8d16b65f788d', name: "label-after" }))), h("div", { key: 'b8cdb8629b40393cb8aa02ab17fc976e479758f4', class: "input-wrapper" }, this._hasStart && h("div", { key: 'df9cf6f07812effcfcc97741fc4fca57ea43056f', class: "slot-start" }, h("slot", { key: 'fccc715b95285edd67ebb38fd9fa961aa3d32bee', name: "start" })), h("input", { key: '04cc78d6e0d5cfcbc4a9df3cabb7a6c38de1c925', id: inputId, class: "input", type: "number", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min !== undefined ? String(this.min) : undefined, max: this.max !== undefined ? String(this.max) : undefined, step: this.step !== undefined ? String(this.step) : undefined, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'c811312d3d2df960399275a019b939700ceb736e', class: "slot-end" }, h("slot", { key: '1dca8bdb7a062db994c126b03f7b6d715719bf66', name: "end" }))), !this.message && this.description && (h("p", { key: '0291a639f01c74f5f0d761494d27abd47a19b5ee', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '6956f7c63e1631a898b79040652fa42b746b06bc', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'b4f8682b78caaac783e5ad162de7b478b7d4fc23', "data-theme": this.theme }, h("style", { key: 'f9923a8baab1f25596ecae28d5ab0baeef994a68', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'c046d583174983807353668a326ce4523add50b0', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '801af990d4911d2a18a75f9b9928370104d57045', class: "label-row" }, h("label", { key: 'aa4517f5547742454601b0294e43e44cddfd6c49', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '4e2cbbbd13de2c0ca16c07c367793dc9c02f79e4', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '5dea4480281cbcba2ffc13ab76dd5976f4f25a58', name: "label-after" }))), h("div", { key: 'adcc078f982ce097689f7d0a0625536f4ec3168c', class: "input-wrapper" }, this._hasStart && h("div", { key: '6b9c6841af7da338cf3fa0eb4ee5393e276ec79b', class: "slot-start" }, h("slot", { key: '6b270d34c9d90240c7c1d31343ca63e3f40b3388', name: "start" })), h("input", { key: '1d57c501e13aedc773338ad3b33634120db4f0e6', id: inputId, class: "input", type: "number", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min !== undefined ? String(this.min) : undefined, max: this.max !== undefined ? String(this.max) : undefined, step: this.step !== undefined ? String(this.step) : undefined, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '9400a3f7dd14cd75b4429137da53949ac1d113eb', class: "slot-end" }, h("slot", { key: '2c44c8873d404c5693d38e4beb2878ebe4a90be9', name: "end" }))), !this.message && this.description && (h("p", { key: '59028396a49bf08492497f792af3a74f45360366', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '3117e747339600533d27520fd7062dec5d116d14', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-number"; }
     static get encapsulation() { return "shadow"; }
@@ -59,8 +59,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "description": {
@@ -79,8 +79,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "description",
                 "reflect": false,
+                "attribute": "description",
                 "defaultValue": "''"
             },
             "message": {
@@ -99,8 +99,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false,
+                "attribute": "message",
                 "defaultValue": "''"
             },
             "state": {
@@ -113,7 +113,8 @@ export class DiwaInputNumber {
                         "InputFieldState": {
                             "location": "import",
                             "path": "../diwa-input/types",
-                            "id": "src/components/diwa-input/types.ts::InputFieldState"
+                            "id": "src/components/diwa-input/types.ts::InputFieldState",
+                            "referenceLocation": "InputFieldState"
                         }
                     }
                 },
@@ -125,8 +126,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'none'"
             },
             "name": {
@@ -145,8 +146,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "value": {
@@ -165,8 +166,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "placeholder": {
@@ -185,8 +186,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -205,8 +206,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
@@ -225,8 +226,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": true,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "readonly": {
@@ -245,8 +246,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "hideLabel": {
@@ -265,8 +266,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-label",
                 "reflect": false,
+                "attribute": "hide-label",
                 "defaultValue": "false"
             },
             "compact": {
@@ -285,8 +286,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": false,
+                "attribute": "compact",
                 "defaultValue": "false"
             },
             "autoComplete": {
@@ -305,8 +306,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "auto-complete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "auto-complete"
             },
             "theme": {
                 "type": "string",
@@ -318,7 +319,8 @@ export class DiwaInputNumber {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -330,8 +332,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "min": {
@@ -350,8 +352,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
-                "reflect": false
+                "reflect": false,
+                "attribute": "min"
             },
             "max": {
                 "type": "number",
@@ -369,8 +371,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
-                "reflect": false
+                "reflect": false,
+                "attribute": "max"
             },
             "step": {
                 "type": "number",
@@ -388,8 +390,8 @@ export class DiwaInputNumber {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "step",
-                "reflect": false
+                "reflect": false,
+                "attribute": "step"
             }
         };
     }
@@ -474,4 +476,3 @@ export class DiwaInputNumber {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=diwa-input-number.js.map

package/dist/collection/components/diwa-input-password/diwa-input-password-styles.js

@@ -1,2 +1 @@
 export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
-//# sourceMappingURL=diwa-input-password-styles.js.map

package/dist/collection/components/diwa-input-password/diwa-input-password.js

@@ -44,7 +44,7 @@ export class DiwaInputPassword {
         const descId = 'desc';
         const msgId = 'msg';
         const hasSuffix = this.showToggle && !this.disabled;
-        return (h(Host, { key: '1f3e93f2d809fb77b119144a2c1f2aec81980710', "data-theme": this.theme }, h("style", { key: '1b626031fac8f9583dc0485f4ab3f19dec92e5ae', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: '7db9589d668114b06ce68645a234271b77e94058', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'f1ced10f68fdcf68bf0062f48d7e017235802fa8', class: "label-row" }, h("label", { key: '17dc6fa483714a0246db7a63f8cc54146bdb4734', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '2a2cc957a2d4a3fa8d84b80ad108e3f33e68ecfb', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '181b756b7e92ce5529535de03b5cbeabf295ee85', name: "label-after" }))), h("div", { key: '43392e28aeb68ddfbbd9935ff3ba4c8c5f9765bd', class: "input-wrapper" }, this._hasStart && h("div", { key: '06a510b797a4a2e1b734abe2a216d4889a41ef7d', class: "slot-start" }, h("slot", { key: '335b50a0534bc16cf065f9dc911d6bf42982084c', name: "start" })), h("input", { key: '2101848e2c172b6022811d687a39f02bf51d1d40', id: inputId, class: "input", type: this.showPassword ? 'text' : 'password', name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '7c35cc80e0af6becbd4144cb4c88fc9a117e8ad0', class: "slot-end" }, h("slot", { key: '5614a7892ac04ff1b30e9f11075fde469a9848ec', name: "end" })), hasSuffix && (h("button", { key: 'c7ce34f499054cf4d2d43776375b61f1d28067b8', class: "suffix-btn", type: "button", "aria-label": this.showPassword ? 'Hide password' : 'Show password', onClick: this.handleToggle }, h("diwa-icon", { key: 'ab12ef74e3d02ffafd88613687ba64a1df5afae3', name: this.showPassword ? 'eye-off' : 'eye', size: 16 })))), !this.message && this.description && (h("p", { key: 'bc23cdc9fac4d84dc90d7ba9626b799147e11b09', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '8c0921edfa0ce1bc53bb419aeea71bd1a0ad2f5c', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '20db28ebd695b8ed01d9e778500f045e8a9592b1', "data-theme": this.theme }, h("style", { key: '5861eb3a8b5e1f93b348da351b0e128b54c6d5e3', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: '73be73109206677e2d3adc8c74603dd1b3a567a3', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '1feea39238a942be304d22e89f8ef937e6531f6d', class: "label-row" }, h("label", { key: '6e3c510ad4617ea65f708490ac8de8b1b8cd2e4e', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '6fc23908b7bfd11755b35b42643af30dd7a163c0', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'b81c162cf1dae965eecff6921fe2b963d3ac80fd', name: "label-after" }))), h("div", { key: '80c6d5d9284328bb2bf9edc3283c2c97c3426778', class: "input-wrapper" }, this._hasStart && h("div", { key: 'b5c5ef283df3941c749747a9529f7bb7c50ba42d', class: "slot-start" }, h("slot", { key: 'c6ce7ffce018a7562ffe4e48d65e080c874690ee', name: "start" })), h("input", { key: 'b0a9d37d30557a6f3d4410b957e4a4dfc8914434', id: inputId, class: "input", type: this.showPassword ? 'text' : 'password', name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'dbefaf7656c9ef0be0046db17e0627a352ebf24a', class: "slot-end" }, h("slot", { key: '2f2f29884c0463120ee729344c529999348d3829', name: "end" })), hasSuffix && (h("button", { key: '91f2f1000d0de9bd4045023a6dece41f9d8e89fd', class: "suffix-btn", type: "button", "aria-label": this.showPassword ? 'Hide password' : 'Show password', onClick: this.handleToggle }, h("diwa-icon", { key: '08dc47a37c081d5b07afc5fad0aa12a89d3b0e50', name: this.showPassword ? 'eye-off' : 'eye', size: 16 })))), !this.message && this.description && (h("p", { key: '72b447fdf2d9c7e5feacf0668ae28a10cf04bcf9', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '19c8a0aa1ddca0c8168de676c3bb33d979c5b917', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-password"; }
     static get encapsulation() { return "shadow"; }
@@ -67,8 +67,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "description": {
@@ -87,8 +87,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "description",
                 "reflect": false,
+                "attribute": "description",
                 "defaultValue": "''"
             },
             "message": {
@@ -107,8 +107,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false,
+                "attribute": "message",
                 "defaultValue": "''"
             },
             "state": {
@@ -121,7 +121,8 @@ export class DiwaInputPassword {
                         "InputFieldState": {
                             "location": "import",
                             "path": "../diwa-input/types",
-                            "id": "src/components/diwa-input/types.ts::InputFieldState"
+                            "id": "src/components/diwa-input/types.ts::InputFieldState",
+                            "referenceLocation": "InputFieldState"
                         }
                     }
                 },
@@ -133,8 +134,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'none'"
             },
             "name": {
@@ -153,8 +154,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "value": {
@@ -173,8 +174,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "placeholder": {
@@ -193,8 +194,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -213,8 +214,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
@@ -233,8 +234,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": true,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "readonly": {
@@ -253,8 +254,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "hideLabel": {
@@ -273,8 +274,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-label",
                 "reflect": false,
+                "attribute": "hide-label",
                 "defaultValue": "false"
             },
             "compact": {
@@ -293,8 +294,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": false,
+                "attribute": "compact",
                 "defaultValue": "false"
             },
             "autoComplete": {
@@ -313,8 +314,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "auto-complete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "auto-complete"
             },
             "theme": {
                 "type": "string",
@@ -326,7 +327,8 @@ export class DiwaInputPassword {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -338,8 +340,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "showToggle": {
@@ -358,8 +360,8 @@ export class DiwaInputPassword {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-toggle",
                 "reflect": false,
+                "attribute": "show-toggle",
                 "defaultValue": "true"
             }
         };
@@ -446,4 +448,3 @@ export class DiwaInputPassword {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=diwa-input-password.js.map

package/dist/collection/components/diwa-input-search/diwa-input-search-styles.js

@@ -1,2 +1 @@
 export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
-//# sourceMappingURL=diwa-input-search-styles.js.map

package/dist/collection/components/diwa-input-search/diwa-input-search.js

@@ -44,7 +44,7 @@ export class DiwaInputSearch {
         const descId = 'desc';
         const msgId = 'msg';
         const hasSuffix = this.showClearButton && !!this.value && !this.disabled && !this.readonly;
-        return (h(Host, { key: 'b65d113dbeb2638837ca4fa6c4bec72ebeab4ff0', "data-theme": this.theme }, h("style", { key: '129f1cbd4beedf7211437bd14b1acd46e7d9a07a', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: 'dfaf9ba95461904f90ac2405a80df7cad84da7bf', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '35022593c675040e22f54c21421df9b5a4c3eca8', class: "label-row" }, h("label", { key: 'a9dbe7b00d5d90c04cc547ffe9b83824fec16f3c', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'edc28498c69dff1486689de5e3e8bfe66345e11b', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'cac59ac1300060cb567d5e4bb98a2b7b1a61c434', name: "label-after" }))), h("div", { key: 'b930d3fab86f0b6d692068ce075f362049c8b984', class: "input-wrapper" }, this._hasStart && h("div", { key: '8634d5be0e887ec36f4c381e2f2bf9ff521f66af', class: "slot-start" }, h("slot", { key: '57e992af5d19a2a756d0bd14e420ece4ab0c9d01', name: "start" })), h("input", { key: 'c9d27434efc3ddfbdbc148ff794fd09594f1e2f8', id: inputId, class: "input", type: "search", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'b9e6ee6d85989e1dab8e2945229138a3477ecbfc', class: "slot-end" }, h("slot", { key: '126dbbf8756d52d288e36d9e1aad217421bea948', name: "end" })), hasSuffix && (h("button", { key: '0731f87f0acb9deafd9aa0ddb31ce8bfc801af99', class: "suffix-btn", type: "button", "aria-label": "Clear search", onClick: this.handleClear }, h("diwa-icon", { key: 'fd701ce699cb87a06ad6ed310cbc40bb3f9428c2', name: "x", size: 14 })))), !this.message && this.description && (h("p", { key: '2a90135b0a79bf9ecb81da78751aaad0ffd858fe', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'b4094e0ce16272e1a607a50e982d157b5ff15a5c', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '31d147be6a3be7636052091c56b44912ab02003d', "data-theme": this.theme }, h("style", { key: '263d9d8c493350b855c80efd830253be0c5b56d4', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: 'adec0693218224c0031649320946ee34d6d6b06f', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '23b26ea9a30c6484c6661641e821d6476339c8a2', class: "label-row" }, h("label", { key: 'f13e94da3243031970f12ba6925ab57eba9b8d12', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '744a3b770e5c8d45976c699c29fc9009e0cc8330', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'cc51b5721f0f62e80dffbb15787509a4bb3f4bd6', name: "label-after" }))), h("div", { key: '58fbd5e42e30cf5c1adbe687fbe59f0ec634cecf', class: "input-wrapper" }, this._hasStart && h("div", { key: 'bdead83f49e612de8aa4a7b7bffc9febe2e26892', class: "slot-start" }, h("slot", { key: '37f2fb05bfceb8cd9453d90d56624fd2e9b03496', name: "start" })), h("input", { key: 'b81455b6e07526d57eaf9a9a2ec309628ef68aec', id: inputId, class: "input", type: "search", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'a9154d5474a264e5023d11966693623fbd3995f6', class: "slot-end" }, h("slot", { key: '0df9b3e2ad104f2f0b2fac71656c31cbf9d5b00a', name: "end" })), hasSuffix && (h("button", { key: 'a8f0a67e158bff535f07648aad3151c954bbe331', class: "suffix-btn", type: "button", "aria-label": "Clear search", onClick: this.handleClear }, h("diwa-icon", { key: '5d3e54d606c753775813ae8491f26192ed622ba4', name: "x", size: 14 })))), !this.message && this.description && (h("p", { key: '034b1939498d9990aefa263d8081bf2cdbce448a', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'f5e2fcb68225c412ae8e56e6c70187aae658280b', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-search"; }
     static get encapsulation() { return "shadow"; }
@@ -67,8 +67,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "description": {
@@ -87,8 +87,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "description",
                 "reflect": false,
+                "attribute": "description",
                 "defaultValue": "''"
             },
             "message": {
@@ -107,8 +107,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false,
+                "attribute": "message",
                 "defaultValue": "''"
             },
             "state": {
@@ -121,7 +121,8 @@ export class DiwaInputSearch {
                         "InputFieldState": {
                             "location": "import",
                             "path": "../diwa-input/types",
-                            "id": "src/components/diwa-input/types.ts::InputFieldState"
+                            "id": "src/components/diwa-input/types.ts::InputFieldState",
+                            "referenceLocation": "InputFieldState"
                         }
                     }
                 },
@@ -133,8 +134,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'none'"
             },
             "name": {
@@ -153,8 +154,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "value": {
@@ -173,8 +174,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "placeholder": {
@@ -193,8 +194,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -213,8 +214,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
@@ -233,8 +234,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": true,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "readonly": {
@@ -253,8 +254,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "hideLabel": {
@@ -273,8 +274,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-label",
                 "reflect": false,
+                "attribute": "hide-label",
                 "defaultValue": "false"
             },
             "compact": {
@@ -293,8 +294,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": false,
+                "attribute": "compact",
                 "defaultValue": "false"
             },
             "autoComplete": {
@@ -313,8 +314,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "auto-complete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "auto-complete"
             },
             "theme": {
                 "type": "string",
@@ -326,7 +327,8 @@ export class DiwaInputSearch {
                         "Theme": {
                             "location": "import",
                             "path": "../../utils/styles",
-                            "id": "src/utils/styles.ts::Theme"
+                            "id": "src/utils/styles.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -338,8 +340,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
+                "attribute": "theme",
                 "defaultValue": "'dark'"
             },
             "showClearButton": {
@@ -358,8 +360,8 @@ export class DiwaInputSearch {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-clear-button",
                 "reflect": false,
+                "attribute": "show-clear-button",
                 "defaultValue": "true"
             }
         };
@@ -445,4 +447,3 @@ export class DiwaInputSearch {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=diwa-input-search.js.map

package/dist/collection/components/diwa-input-tel/diwa-input-tel-styles.js

@@ -1,2 +1 @@
 export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
-//# sourceMappingURL=diwa-input-tel-styles.js.map