@diwacopilot/components 1.1.0 → 1.2.0

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

@@ -36,7 +36,7 @@ export class DiwaInputMonth {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '87caa7dc1d48df433e2eae88019ded3183eeae63', "data-theme": this.theme }, h("style", { key: '41b65a4a5d365c0c186430ebe4b2a25e2cc1ac2d', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'b5c0cecd3d6baa09b8553589d5262a63daf15901', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd26fb0176e47d86e1fbb5584938a4ab3da1e0015', class: "label-row" }, h("label", { key: '07434e386cd23734fd7fa089ad743286a3177b23', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '9c7c2102c465f0c353a33d2a05d4b563b3cdc822', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'cc9958974d0d5cd2481ffa23d9d7f81be370a613', name: "label-after" }))), h("div", { key: '3d6deb18bd746934c33361bb07c9a41abe84448c', class: "input-wrapper" }, this._hasStart && h("div", { key: '0d1e81e2efaa8e7fda4c42b69e354dc2afc966fa', class: "slot-start" }, h("slot", { key: '8188e74066295e173f74ab954d23762fb44aa14a', name: "start" })), h("input", { key: 'c140191e01f343ef9c1762df0772c2e33d878546', id: inputId, class: "input", type: "month", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, 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: '9d2967ebaf8c1da5921707860be1c437f993c71a', class: "slot-end" }, h("slot", { key: '80144029ad42a1bd0c7af25ea6c03ff49df012a4', name: "end" }))), !this.message && this.description && (h("p", { key: 'c538c3c320c02157796d8ab1c89747a1d6537a1a', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '4b5c1074231824d3d7ab6ddcf67db4b673b4d6d5', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '7e2fc2fb4d5bc3a2d0626195ba455534c0b31cd9', "data-theme": this.theme }, h("style", { key: '297bf17e809ef4cb24527150bd10d527372f6ec4', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '40f803796b2ad4826bf1a29d2c1a64f036250e4a', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '9efbe4ef3d630d871e7f8f769f52e6a1b1643c96', class: "label-row" }, h("label", { key: 'fb435d70eb71b86cc52a595652ecf65ca79ee687', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '75b7ca7a155ce5b928e7c0b53c7b234045feab53', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'f6b1b3db76a7b1710204d1a1d773ff1f0e604011', name: "label-after" }))), h("div", { key: '8dc462e725448e63fbbe4c9b567ef297cc446d53', class: "input-wrapper" }, this._hasStart && h("div", { key: '8705f9b3f279a000535818917f2e7c6ecbf83474', class: "slot-start" }, h("slot", { key: '1f6e208903529967ce7937abf887d951101fe6b7', name: "start" })), h("input", { key: '2f5125325f6d05a89d9cb44036db46ca84ee54e3', id: inputId, class: "input", type: "month", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, 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: '3b7cbeb4a6bda91bcc9104d01b93ddb2aec29ad8', class: "slot-end" }, h("slot", { key: '1768bad83b473f6c765da4b8b3823423472c6c06', name: "end" }))), !this.message && this.description && (h("p", { key: '7e728724297c93a9c46af72520d8b7f398a4e0fa', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '96ba5eac1ac8d60a78d82cccbefda43daf109cdc', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-month"; }
     static get encapsulation() { return "shadow"; }

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"; }

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"; }

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"; }

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

@@ -36,7 +36,7 @@ export class DiwaInputTel {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '26d545b79408534571bc132cff4b12c909ebbffb', "data-theme": this.theme }, h("style", { key: 'ad5d90132a33837d497b4a60bba14e513b8f630d', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '8f510db7d2ac3aa0f43af87b7babd69687b5e46a', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'f65dbd4df192a273f0ab32b010bca5d6529cc64c', class: "label-row" }, h("label", { key: '0bdf4d2c7ac59dcaf7f6b66869e8047d7cab8744', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '9f3c5b3b19d6509ba29f220a956520f784620989', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '968456bb71ba9ac89803e23a51bff5105bb5cad1', name: "label-after" }))), h("div", { key: 'eb1d4b8956a3afde698d17db95e0966f0261b765', class: "input-wrapper" }, this._hasStart && h("div", { key: 'e6c3117431675a497807bf917a3d769e829d4c7b', class: "slot-start" }, h("slot", { key: 'd1a0719fe085425dfaf7f4f1a26dd851f134e122', name: "start" })), h("input", { key: '8885efc0af2811ae2708a1a5e8f434bb73b97475', id: inputId, class: "input", type: "tel", 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: 'a06f2530ac6d1bac2e8898d722098ac42e59c0d8', class: "slot-end" }, h("slot", { key: 'df77a3f05ca4226f55c0314f245b7bd970f13439', name: "end" }))), !this.message && this.description && (h("p", { key: '48d9f35dd7016c0f724c25b7be1af70179f195f2', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '4669c5c314f673d4059ab3e2b3445d7cd6f4ed0e', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '8dd9e6d7ce484dc007be367fc938cfc9f2637055', "data-theme": this.theme }, h("style", { key: 'bbc1fc772c27c1b34d968e376b05c55de36f6de2', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '41aae906ee1f609e7cf441beb538d46802e0e59c', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'b38939d751f7563f12f32f28232b30bbc7cbb91c', class: "label-row" }, h("label", { key: '88d0afa08e2a9dabff5dde12a2c4084a4047f6da', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '45ba6033d1b558a2d4fa2141e2c3af8d34ca7d6d', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '6394d6d221720fd1557ebf1d8bc29960f9b2ef98', name: "label-after" }))), h("div", { key: '3e5054f7816a4e69ea69f050d4f04496630cb2a2', class: "input-wrapper" }, this._hasStart && h("div", { key: '86140c93dd2d3ccef3571a8e7ce852fc08c48685', class: "slot-start" }, h("slot", { key: '6cde09ce08c571d0d8d7e8bac9959e612f4cd0e7', name: "start" })), h("input", { key: '41db3d184dfe86ec79fbb2d5278c7bfa0e6a0e80', id: inputId, class: "input", type: "tel", 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: '93a6a567853440a105edf2181664669087dd33aa', class: "slot-end" }, h("slot", { key: '472d5180f28d44e7c4a168b0c087200c223871eb', name: "end" }))), !this.message && this.description && (h("p", { key: 'fd16c4facf83bcfe32e6c8b333fed9e3dca8cd56', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'cae69922e63caad5193c1e01cb91d95773fbf2e2', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-tel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class DiwaInputText {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '57db8e249f4257429c5073437fed9af9ce5847da', "data-theme": this.theme }, h("style", { key: 'cc4b8ae0ac2f2422e63c5047177b5ceaa0cbee12', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '5fa3a0b0b0e3e3722e6e6c277a4030f87c860887', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'a9788aef44d038dd81e984d0d2f367b9bc271c4b', class: "label-row" }, h("label", { key: 'b89f5752b5b5c83bd0c7d3bf50da1153175ed184', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '0a68539ab69334a622c1e855f5652ffec4586858', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '257b7b9a1a5006aed1fa50361aa377b729d23fb0', name: "label-after" }))), h("div", { key: '10f19d4c4aa0d537b78f01e77a85b4012eaaea78', class: "input-wrapper" }, this._hasStart && h("div", { key: 'f101b6841ef93c65bd3b75df0961da5a27ee5216', class: "slot-start" }, h("slot", { key: 'cd026e6eb3aeff153159bf095341d9cdee7496f4', name: "start" })), h("input", { key: 'fa6eff05efb74a50e2cfc96680ab2527ec2342c3', id: inputId, class: "input", type: "text", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, maxLength: this.maxLength, minLength: this.minLength, spellcheck: this.spellCheck, 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: 'dbd131e34115c3c0417f580fb6780c40ed7c8502', class: "slot-end" }, h("slot", { key: 'd3a97fdf8238adc46748b9ab5b3d17ee3a1c7ff4', name: "end" }))), !this.message && this.description && (h("p", { key: '2d746575c4b1d84402ac6f68d5ba27769b0fdc3c', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '0fbfd46577a7dbb26138646e1b9360e396694986', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'cf5f9f2d3ba5bc48d23f13d7074a5cc785f5c021', "data-theme": this.theme }, h("style", { key: 'b7102ec7511e08b137ea2efc422f5b36b81597a0', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '622cf8be5e1478189ccea7214b02fadd9a07bed2', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd296ac0ab02e8f84ed217af9b01ae2349caa1a18', class: "label-row" }, h("label", { key: '44803400cf86e60c59e16ba6bebea76182eabdad', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '2adf1391b392a6a7b95f6655aa2804980cf05ccf', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '1b379b6699660a72369c9e55a1956df572c14397', name: "label-after" }))), h("div", { key: '39224f82800bb8e99bdd53995738526ae65621a4', class: "input-wrapper" }, this._hasStart && h("div", { key: 'a867100568d568e48c983665bbd5b061166c4b55', class: "slot-start" }, h("slot", { key: '64766d4b417983edb5c36debaa95d7c456b56082', name: "start" })), h("input", { key: 'adf19b770e6b6ce184988352faa26b75a8e3789b', id: inputId, class: "input", type: "text", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, maxLength: this.maxLength, minLength: this.minLength, spellcheck: this.spellCheck, 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: '2f1e8a238c4a0435b0045b3cecb2949851481802', class: "slot-end" }, h("slot", { key: 'baf200515708d548e22ea3010e3a5f08081c2eaf', name: "end" }))), !this.message && this.description && (h("p", { key: 'b0e064fb6f48eb930f965c79cf04ac403653b509', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'd8195e8edbe19a8674dcf067ed5e9d316d204b31', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class DiwaInputTime {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'b2b46730c743177645fba01d209b807337aa44da', "data-theme": this.theme }, h("style", { key: 'ba93a71b89e6284a979ffa0f8c8bf97a53a12eed', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'dfd9ea2e0931ce4d89c8a15915f501430b85e837', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd1442b29f767ba9fe71977ce5edef0c85641eae7', class: "label-row" }, h("label", { key: '1f0e38ee7288c6d1837910b11af3e557c6a3e3f2', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'f721cee9f8e1171c3338272790ac8cfbe94364c2', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '67a98734e74d51e433ecf3374d25002c955d6629', name: "label-after" }))), h("div", { key: '32cfe64e5bc6d6d060c6a0d55b8d6ca7ef8caa3a', class: "input-wrapper" }, this._hasStart && h("div", { key: 'e18eae70cadb3d2bc35e93a7ce7842b5991d6e93', class: "slot-start" }, h("slot", { key: '2f5a16999f94972ff9472de051daff573f30546c', name: "start" })), h("input", { key: 'bb1cca62713143aed9b2c1731f504bc3e54c4181', id: inputId, class: "input", type: "time", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, 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: 'df22eed453924a4ac0f29a51689bed61fd042271', class: "slot-end" }, h("slot", { key: '194ebc94e02ecf0e27c6b93b4c48682dabcb53f5', name: "end" }))), !this.message && this.description && (h("p", { key: 'b354c5de48cfdc832271016be6a7ea6d24d87f04', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '5e8fe659abcefe3d8e6ffec0805ce3e4cbeb1c9c', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '590c42b8ac5040423364e94c2d609103ffe679c0', "data-theme": this.theme }, h("style", { key: 'a9c044a7601adccaec56dfb2f75e97654811c008', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'a3044568670138fd9bda11db72fdc78b84b1d59d', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '8eae3be59f2aeba38a828e11c041553812eb6837', class: "label-row" }, h("label", { key: 'bcad9a73a6394266ba095b9bcde4bf68d11c80de', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '271654dd6fafa2d754ae9b99e9428dac0d467033', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '21cfdf2bcbf1ea587ef71fde155b149c7103f93d', name: "label-after" }))), h("div", { key: 'f9ee735610383bfd8efc1a1228929c211572f1e3', class: "input-wrapper" }, this._hasStart && h("div", { key: '41b6d07e9870cad44306fe45e41d9f918bb6558c', class: "slot-start" }, h("slot", { key: '10166490543f315e2fc5001dfd43e61291251099', name: "start" })), h("input", { key: '8c9bde6aff78aca34d962d0ca514848bff75ed66', id: inputId, class: "input", type: "time", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, 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: '170d89de3bf6b4482c7447759f5629ab9bc33510', class: "slot-end" }, h("slot", { key: '816d59e53641c03eb1d5be6562e7cd8430e9af47', name: "end" }))), !this.message && this.description && (h("p", { key: '02200cedb485798bb1de48d4cc51f58ea2db1e97', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '6257763b76659c43f045ac9c7740eb55a1ee6255', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-time"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class DiwaInputUrl {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '815dcda1917ab3e09996cc7256e93fa03af6859c', "data-theme": this.theme }, h("style", { key: 'f818456b7051d7a3118f822280f366382ba0bd2e', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '64b4a3aad57983fb3a1d5fc90fd5a229054f421c', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '4c2ada03a986cab360e69472b68992c368397302', class: "label-row" }, h("label", { key: '4d66497d69d4913f76c48f3979f468e764700de6', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '0a1202881294392b03533ea4fb773786e4b86207', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '0ccb378aa36f76ea46e52770f5802c38005faa36', name: "label-after" }))), h("div", { key: 'f630f867b7d3140402c67fca4dbe34c26d4b941b', class: "input-wrapper" }, this._hasStart && h("div", { key: '87be8ff03fb503cf698318e582a582a16a462c2f', class: "slot-start" }, h("slot", { key: 'd72b709ca7b7ac5207f5e880a91d8082672f7d98', name: "start" })), h("input", { key: '6bfeef03dba3617a4a8962f3582bfbdc5e5e57dd', id: inputId, class: "input", type: "url", 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: '9f362881037e57edd4936993e0f32f812b755140', class: "slot-end" }, h("slot", { key: 'e72701b8bbd28fc0b1aabfe133c17c89f8432604', name: "end" }))), !this.message && this.description && (h("p", { key: 'b791d25314effb37d79b2cb0dca08d23bdf4be3d', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '47d96a0725dd01efef0158c5e256191d6a30d417', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '79daf083047c2e7a2e23de8d288345cc994cf110', "data-theme": this.theme }, h("style", { key: '857a3da85e5a2ca16c0011770744d358d978f660', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'e8d7a0e0f423cb820dde4740d301110f6b28539b', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '7b98f4f850e0e606fc42108c8153ccc297b698a2', class: "label-row" }, h("label", { key: '0e51f7a41550c08999d3d85a0f4fc3655608a943', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'd2e5916985c1db129bcd2a1d0c4b8c199fe72250', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '41422293e1d83c437977d9506070b2e1fd0f05a7', name: "label-after" }))), h("div", { key: 'f6e9e59d67c3008b52ecfe92032fe6759d2065d8', class: "input-wrapper" }, this._hasStart && h("div", { key: '3890e2c3bafa98d500a3288b8a5e6123514d6a34', class: "slot-start" }, h("slot", { key: '71aef0b13bb7dc7c500a4d4949049eda9523ca83', name: "start" })), h("input", { key: '3dcbc559ed5578ac4f4c0748d1e7ecc02773c7f9', id: inputId, class: "input", type: "url", 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: '8f1d081727a1207023e3dccf8af75d30da0986c2', class: "slot-end" }, h("slot", { key: '47e00c738bcdf1516e53199178d2742f8b30946e', name: "end" }))), !this.message && this.description && (h("p", { key: 'c0861105c46b18b1abe5a5de5a3a99f075b4aaf0', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '240aea2a88f53150806f04a7f7468cef9d0738af', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-url"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class DiwaInputWeek {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'b2e62b6ebe5a56ed9620ec7fca5f1d7a7e81460b', "data-theme": this.theme }, h("style", { key: 'a638a4f4726f062889a190f97bff942f48d6f1d2', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'c1a9ec3da64ddd4e834afb897dd0323dc076b02d', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '606302a7436a401cd3a636a587e1741fdfafb0d4', class: "label-row" }, h("label", { key: '569bab43ec04b919c0c9bb4ccdebe734daf63c23', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '13aadb282c3e0479895c6a66bbe85ecfce393fb8', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '17000b6bf4cd3e63fe7bb6a2919e40092883fac2', name: "label-after" }))), h("div", { key: 'e5d271956dc4084a53de67a9a4343aff72f07685', class: "input-wrapper" }, this._hasStart && h("div", { key: 'd9fabf419d808c27852d0168c6c463b5cb038562', class: "slot-start" }, h("slot", { key: '8b296314bf7a12d604e3410adafa6ccfca1c81dd', name: "start" })), h("input", { key: 'c833d8b9412da6d72f979233c7c25878ed25c766', id: inputId, class: "input", type: "week", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, 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: 'ee2fd8dce634707092c6fd91a998cca609859f33', class: "slot-end" }, h("slot", { key: '5ecc37cb93d82d514ee9a2243e45b393277727ba', name: "end" }))), !this.message && this.description && (h("p", { key: 'df2a4edb4734385a4c8107f261ef95f7a96472f2', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '1194dfd983f4113f9accf0a84938b378f30687f1', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '94730f472917007ec8a932eddd373445e112072c', "data-theme": this.theme }, h("style", { key: 'c802055f4f73f1d0e2e9bad50903fa23a46b7392', innerHTML: getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '283896eb16c298d9e12018d07c36030fb5989e59', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '33ab418ce0c4eabdb8cb907a88d7110b67413000', class: "label-row" }, h("label", { key: 'dda6859fa1c5985143e5da22c20a665dec3af343', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '14a40c47a58db709a6463b874cb8f595bbf265c3', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '77dbcce7196961dba3c75e466189ee655cd6990b', name: "label-after" }))), h("div", { key: '499ebfed173183facede7acad369db75c3dd353f', class: "input-wrapper" }, this._hasStart && h("div", { key: '51c49c28e60a5a07435305bf4346586526186b81', class: "slot-start" }, h("slot", { key: 'db30bb64e64cf606820504dfcaa05ed533072307', name: "start" })), h("input", { key: '66265a0864819689c4c1c572f2315598ab3fce46', id: inputId, class: "input", type: "week", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, 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: 'bc932d60430cdc077f242de022e9a59847aa233c', class: "slot-end" }, h("slot", { key: '08d086a8b1ca06a48cc449f2cbb519db530a51ad', name: "end" }))), !this.message && this.description && (h("p", { key: '5178e0a010062baafc441f942d8fd8881d48841b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'c5a35822c126dea9738bffb07dc8bab9c92615b7', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-input-week"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-link/diwa-link.js

@@ -38,7 +38,7 @@ export class DiwaLink {
         const iconSize = this.compact ? 16 : 20;
         const anchorProps = isAnchor
             ? Object.assign(Object.assign({ href: this.href, target: this.target, download: this.download, rel: (_a = this.rel) !== null && _a !== void 0 ? _a : (this.target === "_blank" ? "noopener noreferrer" : undefined) }, (this.label ? { "aria-label": this.label } : {})), (this.disabled ? { "aria-disabled": "true", tabIndex: -1 } : {})) : {};
-        return (h(Host, { key: '9cf2fd4d0d5ce43e75c3a222131b34d9c478e421', "data-theme": this.theme }, h("style", { key: 'a0063d4bf08a30a185c7bf27a2f5a5cf9ce26a44', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: 'ff842bd79914c7b175a197e9c502aba455de6c91', class: "inner" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: '71e88edb6edd441d0ee452deba9644312186c990', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: '87cdae9c8fd9bff6331325a9d88e8c86041ca5f2', name: this.icon, size: iconSize }))), h("span", { key: 'dbfe2d4cdf1c060be2012bf37671286de3527017', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'c5ccd67b6b2978ac0d6be79bd951b3030a44a787' })))));
+        return (h(Host, { key: '3084d48e4054064d4cded143a1ca8abe50c5ff6e', "data-theme": this.theme }, h("style", { key: 'b4a2af6ea1f3fcc270716ab43d9dbb2906d0cc9a', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '5e0728ea634713e1b8bb1dceb633591567ab4d10', class: "inner" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: 'a972160dc036db8ec2ad42e3ce5ea6378917cc57', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: 'b4a442de79d1842ee5157a78ba722250b6ab7129', name: this.icon, size: iconSize }))), h("span", { key: '34bc94660fd0f1d350db1b324bd846bfbd39a936', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '28ad8f5a6bc2238beb524e58ac919be76fc9f716' })))));
     }
     static get is() { return "diwa-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-link-pure/diwa-link-pure.js

@@ -49,7 +49,7 @@ export class DiwaLinkPure {
         const iconSize = this.size === "sm" ? 14 : this.size === "lg" ? 20 : 16;
         const anchorProps = isAnchor
             ? Object.assign({ href: this.href, target: this.target, download: this.download, rel: (_a = this.rel) !== null && _a !== void 0 ? _a : (this.target === "_blank" ? "noopener noreferrer" : undefined) }, (this.label ? { "aria-label": this.label } : {})) : {};
-        return (h(Host, { key: '0e0d05c3d75ed6a26dd20de637c53590732d9644', "data-theme": this.theme }, h("style", { key: '1e28cd8c47349664fa39e5e232f36d3f860e9e45', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '98d380c84bb6f5a2e0ea475b0ba0e958567da554', class: "root" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: 'bc73de7dc37ae05c8da660681e118c3130e58a54', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: '657f77e2f0403f80c0433570349ba3221edeb3f2', name: this.icon, size: iconSize }))), h("span", { key: '65ab163880ea086929465145915fa8e20d14ee53', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '243b92cd0e03e04e05cc38dcc2ecf47297f6db94' })))));
+        return (h(Host, { key: '151e2ccb51fddc1c75a95717f2828e26f436d8bc', "data-theme": this.theme }, h("style", { key: '13d21d184ad17818999dd79982579427deb1abc1', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '47d9ce0db987cadf606730aa385e868e9a03633e', class: "root" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: 'db89d6a428e17049d457190e5255486bcaecc48a', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: 'b94918195e7a2dee50d061f0efd7a476aa525950', name: this.icon, size: iconSize }))), h("span", { key: 'b45e4f2bd9aa89d78237f21cd8842d365f4fe93d', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '1613058d56403ec4a41b31e28eef798df3454720' })))));
     }
     static get is() { return "diwa-link-pure"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-modal/diwa-modal.js

@@ -153,7 +153,7 @@ export class DiwaModal {
     // ──────────────────────────────────────────────────────────────
     render() {
         const { open, heading, dismissButton, backdrop, _hasFooter, _hasHeader } = this;
-        return (h(Host, { key: 'a7c4c46ac2022eff1f585955d327e8b5614b268a', "data-theme": this.theme }, h("style", { key: 'd4fd6c7649e8a6cacef20de25e1545dde2a7c89e' }, getComponentCss(open, backdrop, dismissButton, _hasFooter)), h("div", { key: '2aa898b9fc1136a36f8e2f9b15180d7f0573002c', class: "backdrop", "aria-hidden": "true", onClick: this.handleBackdropClick }), h("div", { key: '0c61a254601a455b6082e15d797d15f09b7d0393', class: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": heading ? this._headingId : undefined, "aria-label": !heading ? 'Dialog' : undefined, "aria-hidden": open ? undefined : 'true', tabIndex: -1, ref: (el) => { this._modalEl = el; } }, h("div", { key: '7dd4938654021ff4e7002e0944bb3c630fa475a0', class: "header" }, h("div", { key: 'd2b1302f27595ba0cac1284486bc9a4ae2d4f6e2', class: "header-top" }, heading && (h("h2", { key: '35ee9c3a96497b3ab7787bdcb22758b5225db485', class: "heading", id: this._headingId }, heading)), dismissButton && (h("button", { key: '83452c628da2141bada1153e6cea6224027a2862', class: "dismiss", type: "button", "aria-label": "Close dialog", onClick: this.handleDismiss }, h("svg", { key: '87ce4e4636ab5a191b4f6928b78ad75ef31ffa3b', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", width: "16", height: "16", "aria-hidden": "true" }, h("path", { key: '940d065be71549f24cfc2f94b9407b80f8819f08', d: "M18 6 6 18M6 6l12 12" }))))), _hasHeader && (h("div", { key: '65484bca3079d7707c52da339291dddbf1d3f427', class: "header-sub" }, h("slot", { key: '4653c0604f79201777fdb247562da2b712ef67d7', name: "header" })))), h("div", { key: '1516ef5894e7bd58708c63dffca0bd0cd83b250f', class: "body" }, h("slot", { key: '0f5692e741ddc5ba6c68e556efbcec420339890e' })), _hasFooter && (h("div", { key: '96eba8b23a345cecb3a18356cae02dd257daa185', class: "footer" }, h("slot", { key: 'ac9d27e700733b3124392cc7ee9331d2b864f5b4', name: "footer" }))))));
+        return (h(Host, { key: '57a2fd4dc471d90e3a2a828efd1cc1758bfe7f26', "data-theme": this.theme }, h("style", { key: '2e536cba383f0ce7694b5a73313a79c41e4d8d02' }, getComponentCss(open, backdrop, dismissButton, _hasFooter)), h("div", { key: '45b9b6c630842bf91886f95f2f6f6202f223b1d8', class: "backdrop", "aria-hidden": "true", onClick: this.handleBackdropClick }), h("div", { key: 'ff862abe357d87d75373e89d08730aaa1233a1a3', class: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": heading ? this._headingId : undefined, "aria-label": !heading ? 'Dialog' : undefined, "aria-hidden": open ? undefined : 'true', tabIndex: -1, ref: (el) => { this._modalEl = el; } }, h("div", { key: '1939a77e8be95dcc8a2737b99424d6af9a0e1ba5', class: "header" }, h("div", { key: 'a3c9abf4f9701d58e4abaa14868174b0ba85435b', class: "header-top" }, heading && (h("h2", { key: '326e415590d81d12e3ccf6f1a4c18221ace965e8', class: "heading", id: this._headingId }, heading)), dismissButton && (h("button", { key: 'dfeaf05f599cdadd4870dd533f327a018a41100c', class: "dismiss", type: "button", "aria-label": "Close dialog", onClick: this.handleDismiss }, h("svg", { key: 'b268902e6d1f61fba2317283bf0fd5c4f9036bdc', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", width: "16", height: "16", "aria-hidden": "true" }, h("path", { key: '7c3502fadadd024bdba1d4d2e958b4c70a3b2123', d: "M18 6 6 18M6 6l12 12" }))))), _hasHeader && (h("div", { key: '5c78ce207ef91759f082e8d47a9b18927f66ccc8', class: "header-sub" }, h("slot", { key: '0cc55bc679a0050007ebc4c3dd34c0c2729e63bb', name: "header" })))), h("div", { key: '55bf215004400be7303d250ecdb8fd131bd25edc', class: "body" }, h("slot", { key: '0d2d3d5c359542582cb3ffe43959cf2be88eb92c' })), _hasFooter && (h("div", { key: 'aae5c5096f915571983b31fc1dc375034ed73392', class: "footer" }, h("slot", { key: 'eb71dd2a657cbdf91289273f8fc630d822db5a30', name: "footer" }))))));
     }
     static get is() { return "diwa-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-multi-select/diwa-multi-select.js

@@ -343,10 +343,10 @@ export class DiwaMultiSelect {
         const hintId = `${this.internalId}-hint`;
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value.length > 0;
-        return (h(Host, { key: 'd1870eb6329fdced85adc9165c58e7060370c5ac', "data-theme": this.theme }, h("style", { key: 'f7c5db3277aab64cdfb0457133ed1d6da7a345c7', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '07d54b9aff11c23e21f656b0d2d045bdd0998e60', class: "label", id: labelId, part: "label" }, h("slot", { key: '8bf102a8b193fd0273726309615ea722fcce0b14', name: "label" }, this.label), this.required && h("span", { key: '07ac8efaae3785897ca2537961acb4bded9e8d40', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: '9f105c5c644b0d9c5c8f560e2bc7f28b76adc944', class: "description", part: "description" }, h("slot", { key: 'f90b49ec602ed3b50ecbdadd51860d08a71878cb', name: "description" }, this.description))), h("div", { key: '32b0d40cfd3ff3704a2133ddb49b19f2e65fea0c', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: '746b9ef493c0d06da003282805cb5dfee6526761', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (h("button", { key: '482962199782f1b35ee38cded409ca99592a314d', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
+        return (h(Host, { key: 'f20b6581c9e60236f375f1b79139815b4f5d9c9e', "data-theme": this.theme }, h("style", { key: 'a2ddb28813ba51cf7ee030263c1b5cd260ff28ad', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '737abd1e95d14587d6000db252939db616505466', class: "label", id: labelId, part: "label" }, h("slot", { key: '02d2e507ad802c161fa794b29bfb2e3a89bba333', name: "label" }, this.label), this.required && h("span", { key: '3293ad8f9c7979a4214bc0eef9d781941819d270', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'fd82e469c37a3044d913a06958a864f2419c65b3', class: "description", part: "description" }, h("slot", { key: 'b5871b765b1c4893d6b00955ccc6bd7a6def3fc5', name: "description" }, this.description))), h("div", { key: '069e8360136e98b0896daabcaa20872eddb9177e', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: '259bdbc4cbd76e47b4cefade89ca80e09aa4a0d4', class: `trigger__value${!hasValue ? ' trigger__placeholder' : ''}`, part: "value" }, this.hasCustomSelectedSlot ? (h("slot", { name: "selected" })) : hasValue ? (this.selectedLabels) : (this.label || 'Select options')), hasValue && (h("button", { key: '36defe25675609a09f59d11a658414e473c553af', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
                 if (e.key === 'Tab')
                     this.isOpen = false;
-            }, part: "reset" }, "\u2715")), h("span", { key: 'd045c0e7d87ae202687241504a0544047e68f986', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '987e79ae7ef8f316dd50513e3cc6b910596fdc33', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8c38ce669650bdb480c242a9c7ea0aa2a1926207', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'bdeeca7bb9bb54446af37bbf83a64bdacac380cb', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (h("div", { class: "filter" }, h("slot", { name: "filter" }))) : (h("div", { class: "filter" }, h("input", { class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", autocomplete: "off", value: this.filterText, onInput: this.onFilterInput, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.filterInputEl = el), part: "filter-input" }))), h("div", { key: '4073abc69ecf2e4204aae127fc07662d4f6d663a', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (h("div", { key: 'b4415ca3b2e043bab5a01835bb6097c15ecada81', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), h("slot", { key: '9362401ed428d356b65d4506d38ea23470b8ab0c', name: "options-status" }), h("slot", { key: '3aa042ec8c156478053fa1dd36c7cecf09ff2151', onSlotchange: () => this.onSlotChange() }))), hasMessage && (h("span", { key: '07652c69895dbbd71f4cab8fa05122a74ddc2be5', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, h("slot", { key: '9e0180e1cc8f2757371a3a10e1e12d236e4c07ed', name: "message" }, this.message)))));
+            }, part: "reset" }, "\u2715")), h("span", { key: '6b3ae84ccdb3f695eeeedfea33ba395451f91719', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '64e93f928b7b8ae56f95fba89496bc2550cd3302', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a698a050291d0350a672aa60f7a08213b8ee7864', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '96a03b0f283c201eba568b353e33f99c18cd29fa', class: this.dropdownClass, role: "dialog", "aria-label": this.label, "aria-hidden": this.isOpen ? undefined : 'true', part: "dropdown" }, this.hasCustomFilterSlot ? (h("div", { class: "filter" }, h("slot", { name: "filter" }))) : (h("div", { class: "filter" }, h("input", { class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", autocomplete: "off", value: this.filterText, onInput: this.onFilterInput, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.filterInputEl = el), part: "filter-input" }))), h("div", { key: '342b37e5cf35be1bc35c26373a8458accd429a52', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (h("div", { key: 'ce2ebd9f6f471ae6a4dd9516115a0abe84c20ec7', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), h("slot", { key: 'c29c766c84889a205a3b292acd5e4f0e55a99917', name: "options-status" }), h("slot", { key: '32521900a8bc0423c1f7501517763a1af9b99c1b', onSlotchange: () => this.onSlotChange() }))), hasMessage && (h("span", { key: '74a68d28b638f54752d798137ce96c8c551c8857', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, h("slot", { key: 'ff4dfbd3a7f9af3ef920d1986f41bd14076247dc', name: "message" }, this.message)))));
     }
     static get is() { return "diwa-multi-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-multi-select-option/diwa-multi-select-option.js

@@ -56,7 +56,7 @@ export class DiwaMultiSelectOption {
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'cd154bf05b1c5524ef8757d49a538f5b71dcf0f7', "data-theme": this.theme }, h("style", { key: 'e79192f92ab4f5a3965a5c41617208d5ba0586bb', innerHTML: getComponentCss(this.compact) }), h("div", { key: 'bdb6539019761a38a79c825d0c10eb035da493d1', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: '778df214b22f9e64859f56fe25cb4ed71ad4896f', class: "checkbox", "aria-hidden": "true", part: "checkbox" }), h("span", { key: '153a68043083905a2c2b328e6e00504a312cf659', class: "label", part: "label" }, h("slot", { key: '803a21e44bdc6162c648f1fbd90267f9bc3d4c89' })))));
+        return (h(Host, { key: '387eb35be3bd7addb47c5f4d68fb2525dccdcb76', "data-theme": this.theme }, h("style", { key: '0d5b07bd190fe8d6706d57a62576fcea84e54eb8', innerHTML: getComponentCss(this.compact) }), h("div", { key: 'c9194a83e037be7b424502392abf78cff85d6d15', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a318fc68bbd4726068b4a625d32b4dd95b4d86ea', class: "checkbox", "aria-hidden": "true", part: "checkbox" }), h("span", { key: '900c18dcd4f96fcb122fabd55c77fa3f4db7d965', class: "label", part: "label" }, h("slot", { key: '8339b7379e52b1aac590f5a38cae164c1f1b7808' })))));
     }
     static get is() { return "diwa-multi-select-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-pagination/diwa-pagination.js

@@ -77,7 +77,7 @@ export class DiwaPagination {
         const prevLabel = (_c = intl.prev) !== null && _c !== void 0 ? _c : 'Previous page';
         const nextLabel = (_d = intl.next) !== null && _d !== void 0 ? _d : 'Next page';
         const pageLabel = (_e = intl.page) !== null && _e !== void 0 ? _e : 'Page';
-        return (h(Host, { key: '4fa5cadb5296b7e23cc779e5ec159244fcde6c4a', "data-theme": this.theme }, h("style", { key: '64ecd996a2a54cad3762f31430dfc1c8ef6a8b8f', innerHTML: getComponentCss() }), h("nav", { key: 'a8ff37dbf716a7c270e5493539418da43ae94b5f', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '3a980124988ec73d6a4c0becbe76351b66522544', class: "list" }, items.map((item, index) => {
+        return (h(Host, { key: 'e6c7aa31aabb891a607d3e5396a5c4413bd36195', "data-theme": this.theme }, h("style", { key: '58206c30ec4ba3dd4c2972bee88dceba92099e3b', innerHTML: getComponentCss() }), h("nav", { key: '437c5abf36082bdbc21ae6f72c77edc1c5c2a0a0', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '94930f888757eb824f0d71c4d8c75ed53f0599c5', class: "list" }, items.map((item, index) => {
             const { type, isActive, value } = item;
             if (type === ItemType.PREVIOUS) {
                 return (h("li", { key: "prev" }, h("button", { class: "btn", disabled: !isActive, "aria-label": prevLabel, onClick: () => isActive && this.handleClick(value) }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { points: "15 18 9 12 15 6" })))));

package/dist/collection/components/diwa-pin-code/diwa-pin-code.js

@@ -93,10 +93,10 @@ export class DiwaPinCode {
         const valueChars = this.value.padEnd(safeLength, '').slice(0, safeLength);
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'fd84239857264ac7ff2d70388a1b57ed28c139e1', "data-theme": this.theme }, h("style", { key: '8ca52e841f42b85be9b805443f76636e67108b00', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: 'b9295c2b897c58294b87e069e874682f6882c526', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'f53aa0736441db633eb7756c57091f5c86932781', class: "label-row" }, h("span", { key: '95e0e0bf33034fe78d914046450a5eaddfdefadc', class: "label" }, this.label, this.required && h("span", { key: '8197798944a90f35349b68537d90670949451034', class: "required", "aria-hidden": "true" }, " *")))), h("div", { key: '8e7638e8c78f0f1b4ae673828d8c14682d39a76a', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
+        return (h(Host, { key: '42b316cecb07dd8f38bc0dfe35f2d660071c9d0a', "data-theme": this.theme }, h("style", { key: 'f621d085b00e66aa985160e59df85cd15363c1e6', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: '46f2f396909e1378f6ea3c6175e9c250888fb7f2', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '7a0ed287315f44d87b3b2285799872b031ee85d2', class: "label-row" }, h("span", { key: '677e5c6bbfdf9a1fac7ed2357f9b035bbf058c23', class: "label" }, this.label, this.required && h("span", { key: '7acfcc3a89f97eada2c483269828e51390ece4f1', class: "required", "aria-hidden": "true" }, " *")))), h("div", { key: 'b89f8ac92e1f5818fff9e005bda7ae6860fe3ea3', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
             var _a;
             return (h("input", { key: i, class: "box", type: this.type === 'password' ? 'password' : 'text', inputMode: this.type === 'number' ? 'numeric' : 'text', maxLength: 1, value: (_a = valueChars[i]) !== null && _a !== void 0 ? _a : '', disabled: this.disabled, required: this.required && i === 0, "aria-label": `Digit ${i + 1} of ${safeLength}`, "aria-describedby": i === 0 ? (this.message ? msgId : this.description ? descId : undefined) : undefined, onInput: (e) => this.handleInput(e, i), onKeyDown: (e) => this.handleKeyDown(e, i), onPaste: i === 0 ? this.handlePaste : undefined, onFocus: (e) => e.target.select(), autocomplete: i === 0 ? 'one-time-code' : 'off' }));
-        })), !this.message && this.description && (h("p", { key: 'e596640dd57e61edcc854a19671d417c3fd1bf1d', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '33741de2a6c5fa2e7d1072d5bf8d846cc54b6ddf', id: msgId, class: "message" }, this.message)))));
+        })), !this.message && this.description && (h("p", { key: '77dedd816520995799988a9dcdfa5cc2019f76ce', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '886e7f76acc8c15e965bd680ddedc6b100939f0d', id: msgId, class: "message" }, this.message)))));
     }
     static get is() { return "diwa-pin-code"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-popover/diwa-popover.js

@@ -29,7 +29,7 @@ export class DiwaPopover {
         }
     }
     render() {
-        return (h(Host, { key: '706d73f1ad8a20082daca4acfc0758ba50542169', "data-theme": this.theme }, h("style", { key: '331793aabac4e2555201b5242133f7d28e7fd484', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: 'f79a4057076d939012b8e27c92e9883f3335a40f', name: "button" }, h("button", { key: 'c42272766f4a5c80b5120ce5f53a1f0d8634e2e1', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: 'a93a6cb15e2ea6c146129a3373e9a2e69b71dde2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '62d9118c2f344d2fbb5ca97989f336e9e1368d90', cx: "12", cy: "12", r: "10" }), h("line", { key: '2f31265ac9c896eb36f53ee73271340543b5cba4', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: 'a9c6ff1a17ecd8694d0fef23dc3c5b79bab49b20', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: '0da742535b53bd3c40a6ee20e611c7740ce53e75', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '8fcbb3c865aa604e9d1c13aa814ed453903fc341' }, this.description), h("slot", { key: '51c6c0d6ca50f4a6444e8768d88203fa54cf4132' }))));
+        return (h(Host, { key: '09f649039a99b456fcedf4483383341810ac55be', "data-theme": this.theme }, h("style", { key: '0a2cf250642b076e60d87800f813c8155365b247', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: '14a103bb5c665cb9aed21496b06722e15f89f299', name: "button" }, h("button", { key: 'c156d661eedb2255e5c0817bcccc84494369a7c4', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: '48db1f2fb41745dc443e8f3c969184fa8da6fa6c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: 'f9994b25f044912cf2e97f35b3f8c91b112792fc', cx: "12", cy: "12", r: "10" }), h("line", { key: '234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: 'd5d52b35ad5894e196bff0f0af3ce7dde547aac1', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: 'c91727245e163aebbd6db9f86d66cbd1d144dbf1', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '6a6a451ad2bcc92588ea7319585e12b1eb21b2ab' }, this.description), h("slot", { key: '54dad0ddb906415a13fedefe8994200b94ecbb6f' }))));
     }
     static get is() { return "diwa-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-radio-group/diwa-radio-group.js

@@ -68,7 +68,7 @@ export class DiwaRadioGroup {
         const id = `diwa-rg-${this.host.id || Math.random().toString(36).slice(2, 7)}`;
         const descId = this.description ? `${id}-desc` : undefined;
         const msgId = this.message && this.state !== 'none' ? `${id}-msg` : undefined;
-        return (h(Host, { key: '32637e2660123b9ab13929e9f6bf72ecd1c62ea3', "data-theme": this.theme }, h("style", { key: '56e3db8486007a85e2c6c2541247f5c95ce5d000', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '2353868f8aa1d4c507e7b9a39abc80a42e43a746', class: "root", role: "radiogroup", "aria-labelledby": this.label ? `${id}-label` : undefined, "aria-describedby": [descId, msgId].filter(Boolean).join(' ') || undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: 'be82c40317e75d25bf7a301b0c558fbae3462197', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: 'a971a5fa7153287a91b7f5285963b5d209e90a20', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: 'cc429975145668e59143f3eb8418b9e0e18bf9a7', id: descId, class: "description" }, this.description)), h("div", { key: 'df706b4c3265b81adc189299a3745d024c584622', class: "options" }, h("slot", { key: 'ce4b20e7f9a24885887d0b6b660da8a3a6440e25' })), h("span", { key: '84182d0942ee8b3561b943e940053da9e8f756d5', id: msgId, class: "message", hidden: !msgId }, this.message))));
+        return (h(Host, { key: '353bef6b4f86cf97107f3412f7dc4985d2d11d07', "data-theme": this.theme }, h("style", { key: '66d357becb10cfe088c8684e571821ad28b13ea7', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '7adf0acbcfa1283d19d42d1fffbbf071a123b6b9', class: "root", role: "radiogroup", "aria-labelledby": this.label ? `${id}-label` : undefined, "aria-describedby": [descId, msgId].filter(Boolean).join(' ') || undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: '04d65fbfef552fc0698550273c705376527aff68', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: '8880df582e11501249fe4b10f2c1fc511ed260c1', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: '1824e6ec894a9681ac4fe5e16c206becdca493ea', id: descId, class: "description" }, this.description)), h("div", { key: 'dd0cf861519847041b08f0fa09dc9118cbce9bea', class: "options" }, h("slot", { key: '59f2aa4514c3eec3802d258a9f785a925360166c' })), h("span", { key: '76d853b81b97304acf0567d1f7bc147c71592896', id: msgId, class: "message", hidden: !msgId }, this.message))));
     }
     static get is() { return "diwa-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-radio-group-item/diwa-radio-group-item.js

@@ -39,7 +39,7 @@ export class DiwaRadioGroupItem {
     }
     render() {
         const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;
-        return (h(Host, { key: 'd8bc41d5cf9885195ca2e1579aa74abcf93c9fb2' }, h("style", { key: 'b303d2b29a49f4445eaed221470ccb6bd1020150', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: 'd2a931fd4754cb93c02dcc833a5f08fa1ce5f1ea', class: "wrapper" }, h("span", { key: '237f63b74e3aa3be54cdfc1f8027b819b93c8276', class: "input-container" }, h("input", { key: '37e09b73b7d904847fa8e4194a97309e9e07a4de', id: labelId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '85a9799f4ac065d7d8167b44a0dc3d667511730d', class: "label-text" }, h("slot", { key: '8fda0f7afd5dbffee2047668f1245439c4650b3e' })))));
+        return (h(Host, { key: '86f4629d1ec15ca4166b99a2edad8e5345853639' }, h("style", { key: '30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: 'f9cf23065409265184bbb70ddab10b5fded2db49', class: "wrapper" }, h("span", { key: 'bea2800f348a6d178c924a6c2fe1b6371642dd12', class: "input-container" }, h("input", { key: 'e2fa14e6810b6c3c0cacc078f43421838f9e34d0', id: labelId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '1e393282f8e72fe9d055dde92d00f034f3164454', class: "label-text" }, h("slot", { key: '0611edb3b9b31dfb6d8ebdba3282b97c705530ad' })))));
     }
     static get is() { return "diwa-radio-group-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-scroller/diwa-scroller.js

@@ -57,7 +57,7 @@ export class DiwaScroller {
         this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;
     }
     render() {
-        return (h(Host, { key: '45f4f99a3620911a3c082174ca774e45ea873e4d', "data-theme": this.theme }, h("style", { key: 'c8ef4daca35a71b53e14fc7bfebbff0675924fca', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: '5238cd797598390d8f9dc4dee119a40415dbfc4a', class: "scroller" }, h("button", { key: '6518c1d1a3afaebf619b6c8eae48c4e382c6a9d9', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '7f9fb5f92a32bd36262d92a8d91f91dd9f2c0944', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '0a7a19e7be0d4522042f19a316dc95eb1a6eaab3', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: '7388a4c9a666c5d0427af95a1ff7f1f614042f44', class: "scroll-wrapper" }, h("div", { key: '74dde4823c6bb81ae2709c3c605c9670f29ca5b2', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '88077bcfbeeefdb356b3b9dd4fa4f8fe49cb33ec', onSlotchange: this.handleSlotChange })), h("div", { key: '6058d245a910c7edc139789b10627c55366b0767', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: '2353970bea7c49c8d689ee7115cbbf0c580ef065', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '0f51472148bf56d3a1f24406fe8a8b9b560be666', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: 'c74842bea946222b5939bc85336315e276daf4d0', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'cdf90c5eb1036fb911153f3f2fc6adda2ced7afc', d: "M6 3.5 11 8l-5 4.5" }))))));
+        return (h(Host, { key: 'dc9d01bade501000f75086f335d9bf302174a945', "data-theme": this.theme }, h("style", { key: 'a8765192f0a7967cbe3e3531ee891d6352420d03', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: 'fb55280f572009f65ed2fc25564264d8e01e2ce0', class: "scroller" }, h("button", { key: '8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '37f2e8fdd719fd1253864f4cdf9c7297d353c86d', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f842f28a51771992e81bffa1467a3e6980d85835', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: 'f0a55b2be01fe47dc58f94946b92b8fa82235e14', class: "scroll-wrapper" }, h("div", { key: 'e612dbb880d43d09ee67d879f6c33c8c419899d7', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '53572974e4cb804c3012d2ba8f08039accee8e5e', onSlotchange: this.handleSlotChange })), h("div", { key: 'a2c66030fa02a387f40f7b3b640e69b35a0d0bd4', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: 'a0f79f41b4152bc636f4ad3be6b924c303019cef', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '3a992435dfb230deea38d9fb2033907bdb15a9a3', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: '6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f1c8d634899420420576899086f247b68435d008', d: "M6 3.5 11 8l-5 4.5" }))))));
     }
     static get is() { return "diwa-scroller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-segmented-control/diwa-segmented-control.js

@@ -45,7 +45,7 @@ export class DiwaSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'a234c388f48d3c866ffdab8c6eadc9b8bb5af4c8', role: "group", "data-theme": this.theme }, h("style", { key: 'bfad2e8a1da5a8395b9dcc3662913ff13f4607fe', innerHTML: getComponentCss() }), h("div", { key: 'f08d1b1bdd31d095333e51ac72ae3f40ebd27812', class: "track" }, h("slot", { key: 'b5ff001d635e09aa097cd8b3b6b32500490a19da' }))));
+        return (h(Host, { key: '40695f16ca3a0601152b10a53bbb5c9812a14eba', role: "group", "data-theme": this.theme }, h("style", { key: '2d8853e5dc014243df0d27691c78a3ed83e18ad2', innerHTML: getComponentCss() }), h("div", { key: '102dc801b004efcb3a5c945d4500342939229c87', class: "track" }, h("slot", { key: 'bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc' }))));
     }
     static get is() { return "diwa-segmented-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item.js

@@ -29,7 +29,7 @@ export class DiwaSegmentedControlItem {
         };
     }
     render() {
-        return (h(Host, { key: '2a0ee21e2203bc962d2cb1156ebe70b0cbc30d1e' }, h("style", { key: 'e8ff2c5b70860cc872cad97d689e16cf9c82c064', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: '112f93b906318888f5113417fdfddf0ce1aad3a8', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: 'bd6ef60d2fc09a59cfd8108377f1981aaefc991c' }))));
+        return (h(Host, { key: 'f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973' }, h("style", { key: '829f2b2395967cc90ac37e045e06544b96bb8658', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: 'e1e5836b27393ba06b76f53f7a76671bc1565d5f', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: '6d854105c0a6f0a2787a309c9506713eab38f885' }))));
     }
     static get is() { return "diwa-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-select/diwa-select.js

@@ -306,7 +306,7 @@ export class DiwaSelect {
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value !== undefined && this.value !== '';
         const displayLabel = hasValue ? this.selectedLabel : undefined;
-        return (h(Host, { key: '78cb284c75c35d7a8c9c55c65a1b2da507cb3825', "data-theme": this.theme }, h("style", { key: '56535329000ff0addc23203c53161262d077d0ae', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: 'a50ee541c02fddefb765c9e8be397bc5fd8fdbe3', class: "label", id: labelId, part: "label" }, h("slot", { key: '5acac4fc52daaa0a7e8137f41bd0b5e91ba4be86', name: "label" }, this.label), this.required && h("span", { key: '1f61ca50a28561365e8491e108268680b0e1ccf1', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: '41e461a959513a8dafe4a8fd6d7c7c0597dd11be', class: "description", part: "description" }, h("slot", { key: '33f083c62405b70fd4df87ccd5770946778a168c', name: "description" }, this.description))), h("div", { key: '88a408a5abaa1f4c48f54b8dda240a3ee8ed3a5e', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'c397c30576a9396ca26a150d4b31686b34324c50', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: '3c4c6ba3dfc5e53102754e8c8f99b01041cb034c', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '9d7a5b129826e3d448c3cebb41cd1c6cba9af980', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '6c4b2336e5e0968cb79034a17c12ef7f1475d1d4', points: "6 9 12 15 18 9" })))), h("div", { key: '9a004e9726798f987e73de928cff74aae2192eba', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'be02228e7c2763174b84c98665e43c1b41be96c4', class: "filter", part: "filter" }, h("input", { key: 'df2a97b9017bf0fa550ddd7edf81bb5b63daa567', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: 'f1b7dff287feb28cacea9353263a3efb530d77f2', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '11c5108f2e3e2e1ae36e2f4f15f5da49b5e4f645', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'f220f388ef3964448427dd45943193bce7419f88' }))), hasMessage && (h("span", { key: '8ceca0f175af448577d629581d39a44dfd39f63f', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: '91c7a0c99fa7a642ba0987cbab196d61e61cea9e', name: "message" }, this.message)))));
+        return (h(Host, { key: '3ddf86c6e8e2cf807768ca8b209aad8a5c8da5fc', "data-theme": this.theme }, h("style", { key: 'c0244dc80bc55386fbb8b5a87c5130f94b287008', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '8ba197493fd4514a3f53b7e8d7f64da5adc4ef39', class: "label", id: labelId, part: "label" }, h("slot", { key: '994d35d52e2dbb6c402a0a0bea42032367aa31b9', name: "label" }, this.label), this.required && h("span", { key: '5c5c38c33bd4452270378f556204dece249b48eb', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: 'addd8e741c169b88210f9b7ac93acd4450a02279', class: "description", part: "description" }, h("slot", { key: 'a36853c06f747e2d1e67b633ffc749881261f697', name: "description" }, this.description))), h("div", { key: '8f281c76cb95f7908c258e4c268199e98bb26702', class: "trigger", role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-describedby": hasMessage ? hintId : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown, ref: (el) => (this.triggerEl = el), part: "trigger" }, h("span", { key: 'fbf9388b481d492ae2c1a9dceca6e0144d99f7a7', class: `trigger__value${!displayLabel ? ' trigger__placeholder' : ''}`, part: "value" }, displayLabel !== null && displayLabel !== void 0 ? displayLabel : (this.label || 'Select an option')), h("span", { key: 'df535dcb6ad2ab76f910fd5c04ac6138e7f3759d', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: 'd21f5ea814c41c59ab2b3d2abc1c14f839619f4e', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '08b69903e085e0ec9379bfb552dd058b293924f1', points: "6 9 12 15 18 9" })))), h("div", { key: '89f3400afb3e4ab984e42f413b0f34434155b0ff', class: this.dropdownClass, role: "listbox", id: listboxId, "aria-multiselectable": "false", "aria-labelledby": this.label ? labelId : undefined, part: "dropdown" }, h("div", { key: 'a4242becefb0417a2c70c39bcd7cd4c523961046', class: "filter", part: "filter" }, h("input", { key: '79b965331aed2dd3d7607fe00dfc329c88aa6edd', class: "filter__input", type: "text", placeholder: "Filter options\u2026", "aria-label": "Filter options", onInput: this.onFilterInput, ref: (el) => (this.filterInputEl = el), part: "filter-input" })), h("div", { key: '06e022229e36d9214590809c201b2665e9a36152', class: "options", part: "options" }, !this.hasFilterResults && (h("div", { key: '67b8e26c137b2abbe03dde407d784e6caa915245', class: "no-results", "aria-live": "polite" }, "No options found")), h("slot", { key: 'a6cfe5c0249767c1b3537d4413760a2d66b63e5f' }))), hasMessage && (h("span", { key: 'e3093360156dab2d6f9a04cb9209d969f43dacd0', class: "message", id: hintId, role: "status", part: "message" }, h("slot", { key: 'dd9b2b269840618318506de2e6b85496faa167a3', name: "message" }, this.message)))));
     }
     static get is() { return "diwa-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-select-option/diwa-select-option.js

@@ -51,7 +51,7 @@ export class DiwaSelectOption {
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '86c5dd52dbfc96056c5031be22e751c4c741527f', "data-theme": this.theme }, h("style", { key: '903154a75ff36b77647ee2c769717e5f1df574e6', innerHTML: getComponentCss() }), h("div", { key: 'c95e357baac1fd10642383cb4259d29dd356825e', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: '902e2a17f8bbff2e450349f5e2ef1df3d5b54df7', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: '535f939bb208a6dad985b803ef18ebb240cd2c30', class: "label", part: "label" }, h("slot", { key: '055c66f037f5783f2aad7256a15dbfae034b5796' })))));
+        return (h(Host, { key: '9158ac98075c499743af5e90042851b600c8da90', "data-theme": this.theme }, h("style", { key: '8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb', innerHTML: getComponentCss() }), h("div", { key: '88ac7bcf19615142315509da16fb101fe7e59f36', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a4b3dfab5484a3916be1d64170c5337d9cc01f53', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: 'c2d81f7766672cb0e5c755e2f0879361e65d3205', class: "label", part: "label" }, h("slot", { key: '0efdefa87396d832b47fba5fcdc66cb117f75396' })))));
     }
     static get is() { return "diwa-select-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-spinner/diwa-spinner.js

@@ -63,7 +63,7 @@ export class DiwaSpinner {
          * when the spinner appears without stealing focus (live region,
          * polite by default). aria-label provides the announcement text.
          */
-        h(Host, { key: 'a706f0d4b8ca5581f7375e4f0d36f46166974fbe', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b01e2dc30f9b3c4c5422fc9f58055b4e29e660c0', innerHTML: getComponentCss() }), h("svg", { key: 'dae9e1f32d62abf2e5918c8841bb25a590b0e385', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        h(Host, { key: '5a130b11797c45cf6c3e9d1e1493f35cbef40ed6', role: "status", "aria-label": this.label, "data-theme": this.theme }, h("style", { key: 'b1f1c14a660db1ec56afbf814c6bfc5b21e4cf24', innerHTML: getComponentCss() }), h("svg", { key: '3e30e5ce78a52ba9904f808641fda6b0a3f5131f', ref: (el) => (this.svgEl = el), class: "glyph", "aria-hidden": "true", part: "ring", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     static get is() { return "diwa-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-stepper-horizontal/diwa-stepper-horizontal.js

@@ -51,7 +51,7 @@ export class DiwaStepperHorizontal {
         });
     }
     render() {
-        return (h(Host, { key: '52f3578b5ad1f46b649ff00de8fd081451c9df70', "data-theme": this.theme }, h("style", { key: '493175498aa8d24ba2744853e951a26569e3372f', innerHTML: getComponentCss() }), h("div", { key: 'f143d785d7934b688102764de95c4c5a77aa9a87', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: 'ff914a761531cadf1f56cbdfde003e9a230ed4f7' }))));
+        return (h(Host, { key: '2f3e3ab9f5968923e59b4d11016a034a44936165', "data-theme": this.theme }, h("style", { key: 'ec8979d4bd2b04cd3b416fabf6f03d1f997842e9', innerHTML: getComponentCss() }), h("div", { key: '77a3700aeded2ff1b69d8dd94482e55aeb48531d', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: '29b9e4804e4451b008f602cc205a1532b663b2f9' }))));
     }
     static get is() { return "diwa-stepper-horizontal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-stepper-horizontal-item/diwa-stepper-horizontal-item.js

@@ -33,7 +33,7 @@ export class DiwaStepperHorizontalItem {
         return h("span", { class: "circle-inner" }, this.stepNumber);
     }
     render() {
-        return (h(Host, { key: '1bd4bdda83dd199b36592765be08ae2e25707589', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'd40d2b5fe94ba5c056cab3d01b1c43d4c9a55c5e', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'b5fddb4aef4467af7a902bc4d41431f744b10dbc', class: "item" }, h("div", { key: '6382f98df1fb9eca76507b0741c39959ba8ea63c', class: "circle" }, this.renderIcon()), h("div", { key: 'f950e7b8b8463312c72ccee15394914b0d24dbf4', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: '9d38f213ba5cf9b4c390b674247ac42b5ebef455', class: "label" }, this.label), this.sublabel && h("span", { key: '14a4c997f533e697cc58ee8d9b1a997e306e9bec', class: "sublabel" }, this.sublabel))));
+        return (h(Host, { key: 'd11b7dd7e030ab412668905ce3a0dfb5f2025ad4', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'b98a5924354cfae2dace22dde1173eb638873693', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'bd51d2326d1981355da09a3bc2cc6a1e0fcf1821', class: "item" }, h("div", { key: '5743051e93e4a32992d55452dbaa7c2fae61b539', class: "circle" }, this.renderIcon()), h("div", { key: '1603b51edc94ab77d7f0dbea4f821e39661475ba', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: 'be03753d722f189919f0e2dd7fd3adebb6de2928', class: "label" }, this.label), this.sublabel && h("span", { key: '42e900cc2e384ac193497434ba9fe4e86bc90a74', class: "sublabel" }, this.sublabel))));
     }
     static get is() { return "diwa-stepper-horizontal-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-switch/diwa-switch.js

@@ -32,7 +32,7 @@ export class DiwaSwitch {
         };
     }
     render() {
-        return (h(Host, { key: '0e96affd5a3e280b06eb48e7feb2a0df542a19c9', "data-theme": this.theme }, h("style", { key: '3aa55f784774591f5f85a3655af25e2f664b634e', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '427803e1b7d578ed2a7be907ce2220ea19a4f497', class: "wrapper", onClick: this.handleClick }, h("span", { key: '34eafe8af538941ac7957f44360ccfec84c452a8', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: 'e03e1e78d4002ab82a87d80ba68f173b0d576df9', class: "thumb" }), this.loading && (h("span", { key: '467b9b651be875cf9b4be6c06dc491071e50f455', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '6f2510961e02ada5f837a8251ce2219d3e71ad3b', size: "sm" })))), h("span", { key: 'e9fabaed9eb4fe909d073967a46216c249eb59e3', class: "label" }, h("slot", { key: '681bbbf5c64154f5c846869286544959ca4aa7e7' })))));
+        return (h(Host, { key: 'c6b0baae527682b7fb1fedf325313ab069cd0954', "data-theme": this.theme }, h("style", { key: '2436ea48c102aa6f3aae71136c713c9dadb881c2', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '78305942636540d14f49d3f8a84a166dd04a1004', class: "wrapper", onClick: this.handleClick }, h("span", { key: '4230dc3c39be578dbe97d9aed6cf29f53343ff97', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: '8e994b990b591d23e0c70bd7d6d731695673e14d', class: "thumb" }), this.loading && (h("span", { key: '621a6e985a3b8bb8a2a4622541d57d823dfbb53d', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '442ea0df62cc4584843fde69be0fd90828655165', size: "sm" })))), h("span", { key: '022e8db4854c28e515c01aafddd56c6a2d1cc7ec', class: "label" }, h("slot", { key: '47f4b3744afc1fecc2d92c00c42b7f40268bb16b' })))));
     }
     static get is() { return "diwa-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-table/diwa-table.js

@@ -21,7 +21,7 @@ export class DiwaTable {
     }
     render() {
         const tableLabel = this.caption || undefined;
-        return (h(Host, { key: 'dcecc9c66f8edbe62c2f7d705ffda0a1f2d76f97', "data-theme": this.theme }, h("style", { key: '183ada7a6f59ba400c6c6132dfb7685718ee2a40', innerHTML: getComponentCss(this.compact, this.layout, this.bordered, this.striped) }), h("div", { key: '707f325328eba674677122a67f737bb47843d6ed', class: "table", role: "table", "aria-label": tableLabel }, h("slot", { key: '00a709c094a8a06a85dff9ad388cfdf8c5a8a7cf' }))));
+        return (h(Host, { key: 'ba6d8dc15f1b749d17d551f1d7da68b265e089f1', "data-theme": this.theme }, h("style", { key: '18ab26b2b3416c3fcaa363f9c6d4964ee2ea07ed', innerHTML: getComponentCss(this.compact, this.layout, this.bordered, this.striped) }), h("div", { key: '9e3ceb6c632cd27c08b19d8208826e3f233c966b', class: "table", role: "table", "aria-label": tableLabel }, h("slot", { key: '6575fad2e3ff1aa77111f6d9363171ae80eeef41' }))));
     }
     static get is() { return "diwa-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-table-body/diwa-table-body.js

@@ -6,7 +6,7 @@ export class DiwaTableBody {
         this.theme = 'dark';
     }
     render() {
-        return (h(Host, { key: '4a79b101f25908a4c8d952a6cabeba242d361d45', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '2fe92018084cd53e3eecfa6fa7cfcd314609d383', innerHTML: getComponentCss() }), h("slot", { key: 'f9d45fc32ddc9eb5532dd8e85fadac06df35cfb3' })));
+        return (h(Host, { key: '060d3016c96ac3c29b5265450828f0c2770696c8', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '025471a64af1c06620e36d273bbe27afc5b70d1b', innerHTML: getComponentCss() }), h("slot", { key: 'a0b770fa75b04264b919a63b55846c7941931fc8' })));
     }
     static get is() { return "diwa-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/diwa-table-cell/diwa-table-cell.js

@@ -7,7 +7,7 @@ export class DiwaTableCell {
         this.multiline = false;
     }
     render() {
-        return (h(Host, { key: '06e9e7b9644a399b4bf3392cafd2ce1906034c56', role: "cell" }, h("style", { key: '2aec2e9dda9ee32ec47628dd7eb7aa9d378e91be', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '9391683948fd415551ae1ae08dc53b1801380a69' })));
+        return (h(Host, { key: '70f68af8b28744b825c139f341c0815e11e5f08e', role: "cell" }, h("style", { key: '53bf58da9f8e9d9f0ee8ccc566cf4607b3b1d0b3', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '8089efa5309487c4c0682c4781d3ebcd8bb6a48b' })));
     }
     static get is() { return "diwa-table-cell"; }
     static get encapsulation() { return "shadow"; }