npm - @diwacopilot/components - Versions diffs - 1.0.0 → 1.1.1 - Mend

@diwacopilot/components 1.0.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (467) hide show

package/dist-custom-elements/diwa-icon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as DiwaIcon$1, d as defineCustomElement$1 } from './p-302af10d.js';
+import { D as DiwaIcon$1, d as defineCustomElement$1 } from './p-8972ae69.js';
 const DiwaIcon = DiwaIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist-custom-elements/diwa-inline-notification.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-import { d as defineCustomElement$3 } from './p-54e5b3fb.js';
-import { d as defineCustomElement$2 } from './p-302af10d.js';
+import { d as defineCustomElement$3 } from './p-105f3f97.js';
+import { d as defineCustomElement$2 } from './p-8972ae69.js';
 /**
  * diwa-inline-notification-styles.ts
@@ -170,7 +170,7 @@ const DiwaInlineNotification$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInli
     render() {
         const isAlert = this.state === 'error';
         const showActions = this.dismissButton || Boolean(this.actionLabel);
-        return (h(Host, { key: '9c5daaa90736893373306014a7a81ceff288038e', "data-theme": this.theme }, h("style", { key: '703bad80df2e60ab7348d4c769ac3ef68def40e8', innerHTML: getComponentCss(this.state) }), h("div", { key: '8bcc89834f5664f7bc0bcd856735ec4793346ea7', class: "root" }, h("div", { key: '252d48eb839a4bf50039607bf7740c520d0ac78f', class: "icon-wrap", "aria-hidden": "true" }, h("diwa-icon", { key: '968fbde38c713c9de87571d9470f48845c398dab', name: STATE_ICON[this.state], size: 16 })), h("div", { key: '5d7a97ac06d8eadb6e586d8460d9bcd593a80abb', class: "content", role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite' }, this.heading && h("span", { key: 'b3e0f71b3fd449585b262c4cd6eb05837cee7713', class: "heading" }, this.heading), h("p", { key: '91da63ee4efbbe5333f96ff80d548fe9546c4284', class: "description" }, this.description || h("slot", { key: '562c57c90e98b8623e9b64f751bfcc4f3ee7a08c' }))), showActions && (h("div", { key: '9e9b140ff5968750cbba94bc793fa9643bad75bb', class: "actions" }, this.actionLabel && (h("diwa-button-pure", { key: '12794cd50df008bba55ad71808c5392ef18344ed', icon: "arrow-right", size: "sm", loading: this.actionLoading, theme: this.theme, onClick: this.handleAction }, this.actionLabel)), this.dismissButton && (h("diwa-button-pure", { key: '23c15e5eb4fb8114fbb760f65d7e09652c45d862', icon: "x", label: "Dismiss notification", hideLabel: true, size: "sm", theme: this.theme, onClick: this.handleDismiss })))))));
+        return (h(Host, { key: 'd3fd1076a2da3ada9262e57c2a9d1f6263862abb', "data-theme": this.theme }, h("style", { key: '10e025b7ecf829f51199f3bd951ca848e313d0a2', innerHTML: getComponentCss(this.state) }), h("div", { key: 'f6292b570bd9cb1f767d94c569a1f71b7ece1bd9', class: "root" }, h("div", { key: '38faa9cf097f080a61b3beacd04fbe8f5ddcc657', class: "icon-wrap", "aria-hidden": "true" }, h("diwa-icon", { key: '0e9cc0a5d557911ca1f90d40665d8d679f852e52', name: STATE_ICON[this.state], size: 16 })), h("div", { key: '1bfbfda28d6ee3014c0c57b054976cd244c82f0a', class: "content", role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite' }, this.heading && h("span", { key: '5ed7a8a15c3b50ee05334d2a9b6b62637808f9a8', class: "heading" }, this.heading), h("p", { key: 'e8af6b4bfec6fdaedec723b77b5fb8ce49eb11ce', class: "description" }, this.description || h("slot", { key: '1a55704e1b0c522ca25cbeda757f65a6d57af8d7' }))), showActions && (h("div", { key: 'd054dc9a6e584a9be0f54c3f1eabc8600f73f23e', class: "actions" }, this.actionLabel && (h("diwa-button-pure", { key: 'd9a057dcdacb531f70417912c0e0be7f47ca451c', icon: "arrow-right", size: "sm", loading: this.actionLoading, theme: this.theme, onClick: this.handleAction }, this.actionLabel)), this.dismissButton && (h("diwa-button-pure", { key: '892cb38a5f28fd95115fac50db97c45881eab7ae', icon: "x", label: "Dismiss notification", hideLabel: true, size: "sm", theme: this.theme, onClick: this.handleDismiss })))))));
     }
 }, [1, "diwa-inline-notification", {
         "theme": [513],

package/dist-custom-elements/diwa-input-date.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputDate$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputDate ext
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '5f4369927da0d74c2564b4b147dc4964820cd2dd', "data-theme": this.theme }, h("style", { key: '5662055af38b2245350dd16e72ad01cfc88f7884', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'eebc09dc97886920cee9ff5680c49697cd1d7637', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd6b3d2a4d2338132b9c8fc86b6a4de5aba65605c', class: "label-row" }, h("label", { key: 'f9f3cd718b6c43ce95f4d3b0ad691ba817955552', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'bd542448712be17c8c67725b5cc9346944a1b11b', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '24a53071abaaa6ac6a377eecc10b26a9422ad5b0', name: "label-after" }))), h("div", { key: '4aed4bb669fc3f4a13fec05e2845961672f56d73', class: "input-wrapper" }, this._hasStart && h("div", { key: '32ef1a846195d61b5001deabc0a63fec5e1b4252', class: "slot-start" }, h("slot", { key: 'aeab0a7ac116d58b9256b78097a3e8ba2ef4df7e', name: "start" })), h("input", { key: 'd638d2a0b495e12d3b74e4868302c03733d5a505', id: inputId, class: "input", type: "date", 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: 'b528ac2bdd016d563f8786111907850543da776e', class: "slot-end" }, h("slot", { key: '9ec29e9ac4340f47c34201156b70ad0cf2f8b35f', name: "end" }))), !this.message && this.description && (h("p", { key: '404219ce20aa844461ca10964d23d63cfe21a5fb', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '8c59dabacdfc8f553bc2308549fe9a51fb9ef224', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'b58c9b32c94117b172cfa28f7b156650b70087f7', "data-theme": this.theme }, h("style", { key: 'ddf17006665bc7eaa8a1f4310d0a1cc240b5e2a2', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '05d5d42c977eb975d9d66c6f2849553cf3030c84', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '988b49a445bb8352b772312a71f09ad8a74ac085', class: "label-row" }, h("label", { key: 'b377a77badf65a2a3690aa71cc6e0dc02fece8f8', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '194a617bc1959c34b9624e5863bf63e1b57e1bd6', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '6a8b5dab9bd2c53f912612142a2429a481e9ca0c', name: "label-after" }))), h("div", { key: '87d8863bbd02048faffbd83fd0326a160d834eb5', class: "input-wrapper" }, this._hasStart && h("div", { key: 'f1f09a5f3f3db887ee379e1e8dc736422e677c62', class: "slot-start" }, h("slot", { key: '99b41cac365685c4387cb24e4c5ba082eb3c9891', name: "start" })), h("input", { key: '7009d405ffd077b44b7f05f1c92364bf6eb3e199', id: inputId, class: "input", type: "date", 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: 'f525f4eb53efefbfe224f27162372f7bddcde580', class: "slot-end" }, h("slot", { key: 'c4b75e8f245b62142b27ada1f6109a201ee95297', name: "end" }))), !this.message && this.description && (h("p", { key: 'c45c7d9b10e31b7234b5d275f118dd07b5f9717a', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '6f45b19c1e16797f063f5c8bb404dc2c4469f9f3', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-email.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputEmail$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputEmail e
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '1a6687d10bd153eec0539353d3268e3dc2290b32', "data-theme": this.theme }, h("style", { key: '09469b584447016ad849afb25e925f057330e863', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'ba00b4ecf8ab9afb5d7a57d503383eab8d2edf98', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '22389218bba90ee2fff6ab51d9d45bb5801e6173', class: "label-row" }, h("label", { key: '06e1d34f6c601df85b58165e7fb21e09ca12bcca', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '5588e28c407f8635ebcce2e1279b6be6c539263e', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'f7643dca94c7b4091fbd2133181612745cc84ef6', name: "label-after" }))), h("div", { key: '135ba5099bab6c8221ee7b5e873aa3f12bdcc7c7', class: "input-wrapper" }, this._hasStart && h("div", { key: '63f1226e41d09fec87678bbd68ec19139b20f221', class: "slot-start" }, h("slot", { key: '98740dc661a2dcbc15124abf589a230200259c55', name: "start" })), h("input", { key: '1dce2b09f9bbb77b1f308879a9c905362938e48b', id: inputId, class: "input", type: "email", 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: '4e651437e42eaf82bdcba017fe4d744e4697c911', class: "slot-end" }, h("slot", { key: 'f999ab791c914938a73b589ca53d28ff9b357734', name: "end" }))), !this.message && this.description && (h("p", { key: 'c19e97d4d817f4c215005a2981bcb1d2860a0904', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '050b53ccb7310f186e4d1e767d1ff20efd5e7064', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'fe6b98e36a4b0b265b95905d07869380f2f93238', "data-theme": this.theme }, h("style", { key: 'bf23ff17067bd162be41f98177e2e5d3994f58e2', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '2a5c524be6036fd7b6807fee457a9f6295c4f233', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'b58789f7e967ced3eeb1c11726eebc44c7448db5', class: "label-row" }, h("label", { key: '6ca47d2e8b70467c21ca44078ee39c45f0149dbe', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'a252801b4c737c48e7d2df739a8a73c866300367', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'fb24755551508bf08bf0e34d5c030b7166110b9e', name: "label-after" }))), h("div", { key: 'ded4182c2a8b9f47c0ab10641a56afc91780dc38', class: "input-wrapper" }, this._hasStart && h("div", { key: '5d846bc94e2dd8d5569719978c4dae898555333a', class: "slot-start" }, h("slot", { key: '9b3fdf26e6628094ee146da8b993a85574b89c5d', name: "start" })), h("input", { key: '97999d1bf2b0c100d1c410392a2d540752b1f213', id: inputId, class: "input", type: "email", 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: 'f5fa380e3c4507f1b3cc91af17ab74b2386e00ca', class: "slot-end" }, h("slot", { key: '578a2546ca081577e4f5e0e1da2a55a60f67231c', name: "end" }))), !this.message && this.description && (h("p", { key: 'e14e3534270d8190fd155f5aa32fe03a66d32e8b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '1da9633d6d23a8ef442d2094864c64b48ec0640a', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-month.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputMonth$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputMonth e
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'e7b42335a448f264e605a22e8c973a4703027711', "data-theme": this.theme }, h("style", { key: '97a4f13c5867744270eced8aa13b209f9139f582', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '4d20197cbf918b7be8cf1b67e5f0fdc3e338f2f4', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '0e79bf6e67eab3600a3a1e5d3f2d7a73a83abdc9', class: "label-row" }, h("label", { key: '7adcf80c3a0e61c1ba0634308657fef73054e7ea', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'd8cf7249d82461d2fd51f000737a4f0ebd15afc4', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '738298b5cd67496e40173687a02432191754ebd6', name: "label-after" }))), h("div", { key: '0fb96733077c26851196e46220a80af39b8dd757', class: "input-wrapper" }, this._hasStart && h("div", { key: 'f13788a2afa4855aa772db164ee436aa0356f0cf', class: "slot-start" }, h("slot", { key: '06a5012bd82608a9b6ff4d84d89a8b1a8dadc2d3', name: "start" })), h("input", { key: '1bebc847823145ec56aa3a540a3e55463990fd6d', 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: '7fad070fcca5acd9dc849e3f1549708c49ad85f9', class: "slot-end" }, h("slot", { key: '58f0310c841b893f7b9679ec0ee0c702150e6476', name: "end" }))), !this.message && this.description && (h("p", { key: '6889e36e3f5f1e859f2c2be2fee4aa4766b9898c', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'bfb61253f688d25ede2e488306cf6d61ed8cc8e9', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '87caa7dc1d48df433e2eae88019ded3183eeae63', "data-theme": this.theme }, h("style", { key: '41b65a4a5d365c0c186430ebe4b2a25e2cc1ac2d', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-number.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputNumber$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputNumber
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '09f9b5cf859ef7c03ef84256357c2ff08ee49e0d', "data-theme": this.theme }, h("style", { key: '3bbe107a46f9b4e98a58fb93e71f3d80225188bc', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '0809b3f8e6540f2bca95ab41682cbdd1bf087718', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '93e3454fda5faef279f540d8ff4179e08c7fd1f1', class: "label-row" }, h("label", { key: '171ab7d14f740ef31bff359cb51ad25d54b183ce', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '707c033e74161a76254cdfe9c798a78772d22833', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '5eb701dd4c2d30d80cb11b07c07b1f9d48333ab6', name: "label-after" }))), h("div", { key: 'adc124185bbcbe37f0f1ff56a3b0fa8d0d725e07', class: "input-wrapper" }, this._hasStart && h("div", { key: 'a2ee97d7ce58f3f3f16dd0dab5cd6695573160fc', class: "slot-start" }, h("slot", { key: 'fe16cba2f95ce86de6721fff8a61236b618e8485', name: "start" })), h("input", { key: 'a1f15b79921da77f172033d34a91daf6548722ee', 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: 'e2772476adc180f91281a784200f9e4b53038a0c', class: "slot-end" }, h("slot", { key: '11cb85cf049deab38a7fec5a7841c082391b2009', name: "end" }))), !this.message && this.description && (h("p", { key: '6c64debb7f04fa9da7483854c04888842267898b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '8f34cc860cac36c591ab7e3cf4e89722cb907da7', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '19e42e576c408fccc4adf6d6c562f305c33c0f54', "data-theme": this.theme }, h("style", { key: '0732bc072bfa2ceb467098ee5777929a8178f2a4', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-password.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
 import { g as getInputCss } from './p-35c7c864.js';
-import { d as defineCustomElement$2 } from './p-302af10d.js';
+import { d as defineCustomElement$2 } from './p-8972ae69.js';
 const DiwaInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputPassword extends H {
     constructor() {
@@ -53,7 +53,7 @@ const DiwaInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputPass
         const descId = 'desc';
         const msgId = 'msg';
         const hasSuffix = this.showToggle && !this.disabled;
-        return (h(Host, { key: 'a7d1c2c451e9eb743f2cc211cf644409620b0e3e', "data-theme": this.theme }, h("style", { key: 'c1cde1b42b4ebb897bb1d2a3e9f7ff29b8a3a669', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: 'ec516af67a3fb9e8b070a5a4d3ef7611fdd09fd9', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'fa07e74dca79660dc1f300f72008fad7b71ee5da', class: "label-row" }, h("label", { key: 'a60036096fd791a62ca1b8ebddd91e22baacae9b', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '199100c093d8d8e7ec5ee49adf063ec8929160e4', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'ca35bdaf076776a53dabd36b4ab4f8203982da43', name: "label-after" }))), h("div", { key: '8e7a21233a3b41e04cdc23ce66f2899fee409707', class: "input-wrapper" }, this._hasStart && h("div", { key: 'e7b2175413d06a766612db4eba899f172fb4e0cc', class: "slot-start" }, h("slot", { key: '0fe18213e7cdebe3e77857050ace2d5b7e2fa1c9', name: "start" })), h("input", { key: '33503e876400fba6914fa39e9dab5272db655144', 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: '796c7a85e6ac142d76dbb4789b774f67c9ce457f', class: "slot-end" }, h("slot", { key: '11802f147f1b820ef6bf50d25e551503fa9a6685', name: "end" })), hasSuffix && (h("button", { key: '526415a8043733850a39415f653f74e282db83b8', class: "suffix-btn", type: "button", "aria-label": this.showPassword ? 'Hide password' : 'Show password', onClick: this.handleToggle }, h("diwa-icon", { key: 'b2b40c55f74d7917aa69656ce1447d2ca4d455bf', name: this.showPassword ? 'eye-off' : 'eye', size: 16 })))), !this.message && this.description && (h("p", { key: '2f2a7c3da7c326077fadc8faa9d9f5d41d89fa25', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '5fd706ae0de4235b60493438b5be67caa2aae317', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '1f3e93f2d809fb77b119144a2c1f2aec81980710', "data-theme": this.theme }, h("style", { key: '1b626031fac8f9583dc0485f4ab3f19dec92e5ae', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-search.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
 import { g as getInputCss } from './p-35c7c864.js';
-import { d as defineCustomElement$2 } from './p-302af10d.js';
+import { d as defineCustomElement$2 } from './p-8972ae69.js';
 const DiwaInputSearch$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputSearch extends H {
     constructor() {
@@ -53,7 +53,7 @@ const DiwaInputSearch$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputSearch
         const descId = 'desc';
         const msgId = 'msg';
         const hasSuffix = this.showClearButton && !!this.value && !this.disabled && !this.readonly;
-        return (h(Host, { key: '3f49df473469b199d44e240572e09bb9e159cfd3', "data-theme": this.theme }, h("style", { key: '3dd2dcf3d7291af66789afc82d5d5deb6c56a27c', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: '388430466029a911917ef8f61697e72abd46239c', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '3b6a12eca69a7efe4a3701f78c8e9892edd752f2', class: "label-row" }, h("label", { key: '66bac4991da6ba5a758717d3b84bb1ab234b4cd9', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '30275a5cbe643516887f55b377ae8b0e0a9d6387', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '548dc2886eb1d0dfe6987ddf5ce5227aec30b90c', name: "label-after" }))), h("div", { key: '6f746707baccfa7c3668c26e53d40af2c6ffd6b3', class: "input-wrapper" }, this._hasStart && h("div", { key: '675fcd21531dbd7bc91c1580ce41ffe3542cbd07', class: "slot-start" }, h("slot", { key: '913ed407b729f851f719c5bf7e299eeffbb2bf4c', name: "start" })), h("input", { key: 'b751aedd290db42d8d297b2e58d355b8fb0a5032', 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: 'eafa27ed273229c774e1c6e1bd92ba14a499418c', class: "slot-end" }, h("slot", { key: '910843c5913cb508fdb66c0aa171e4b1e05be583', name: "end" })), hasSuffix && (h("button", { key: '676246830cf3a5701d6820082af813cd55b76d61', class: "suffix-btn", type: "button", "aria-label": "Clear search", onClick: this.handleClear }, h("diwa-icon", { key: 'a03bd3b761dec94a4659f55780cabf47b5be9084', name: "x", size: 14 })))), !this.message && this.description && (h("p", { key: '57c2a7184df72cd5fc09ccb9e504638cbec520ed', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'a224ae6925af433f90a21dc811b8376ccb4fa176', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'b65d113dbeb2638837ca4fa6c4bec72ebeab4ff0', "data-theme": this.theme }, h("style", { key: '129f1cbd4beedf7211437bd14b1acd46e7d9a07a', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-tel.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputTel$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputTel exten
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '6f16e8825a3a5ecddc50dfa71bd11037b514857c', "data-theme": this.theme }, h("style", { key: '869dd68dffed172a7609f208be8cf84b14d17ef0', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '826553cb48211b80781177f28f546f0750e303c1', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd765135a6a2461b994f64cc9e64a21d7aa2beea6', class: "label-row" }, h("label", { key: '31c39abad9f2e512002a741775ef6edd92d63977', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'e70488cf88dbadda577411125bcd691c4f0eb5db', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '8ee60e427526819d1f8be6d7ed61a1b26bfb65ec', name: "label-after" }))), h("div", { key: '1a28e5b5937aca1cb3c9e6470279e4072a62bbe0', class: "input-wrapper" }, this._hasStart && h("div", { key: '1e96aa02a0b11281b5c328fdc28ceba4c255cbf5', class: "slot-start" }, h("slot", { key: '28c564f01dac221e5d72ea17c88602ed9a05e199', name: "start" })), h("input", { key: 'b2eaeb80c1d83ef7d4d5e624f332272e5ed607ee', 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: 'efa69195e0c480335deb33e87e45edf4482b2cb4', class: "slot-end" }, h("slot", { key: 'c045de93902aa491f82b722e5b8b6a9c2a1e5552', name: "end" }))), !this.message && this.description && (h("p", { key: '284cd05849b2d42d0ce3069037c4907061bf6744', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '8bedd2ca829061a05d561e9e5c5c99700fee09f2', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '26d545b79408534571bc132cff4b12c909ebbffb', "data-theme": this.theme }, h("style", { key: 'ad5d90132a33837d497b4a60bba14e513b8f630d', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-text.js CHANGED Viewed

@@ -46,7 +46,7 @@ const DiwaInputText$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputText ext
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'a33af1297d334f3a9acec8403154c96492657c91', "data-theme": this.theme }, h("style", { key: '37551d1e5512119fab5536d698a80af76825cbf2', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'c1bc70168334b6f24fdcfab73d09db078577ae25', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '2e8b3a309d7f61e5d7c199d3f6a68e9976972bcc', class: "label-row" }, h("label", { key: 'b0a4b4ca66113bfb3792873c5a4080ccc6c465a0', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '1c964830bf67b8a3d940bdb9bad233e6d679160b', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'c50d80d0a9cd2f4bc3436b1fb5ba12a2b1c31c5f', name: "label-after" }))), h("div", { key: '9a8a3023abb52332d74330dbfd7c93fdc4ad40f3', class: "input-wrapper" }, this._hasStart && h("div", { key: 'ff085b2b283e1774e6cb71b21afc0b4647f4377d', class: "slot-start" }, h("slot", { key: '7cb492fc970f8a8f773872daecd97e5d6362e986', name: "start" })), h("input", { key: '944a49cd9b5277e32440044015ea60863ee197fe', 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: '7f753a201a2bc3dcf0b687f4edd038e4d54572f3', class: "slot-end" }, h("slot", { key: 'f81ad5cf908f710f7dba08bf3c0b0d7afbf33c9b', name: "end" }))), !this.message && this.description && (h("p", { key: '19763f04411a10c5d4cb6565f01655b21982e919', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'dee92d6fb1e56760e29d9cf18f2e4ded55065192', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '57db8e249f4257429c5073437fed9af9ce5847da', "data-theme": this.theme }, h("style", { key: 'cc4b8ae0ac2f2422e63c5047177b5ceaa0cbee12', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-time.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputTime$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputTime ext
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '9e2fb73a34153b0744fbf2cc7490ecdc7a125233', "data-theme": this.theme }, h("style", { key: '58c7f12e339b06f9bf1fc1488a3c6821c9fcb637', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'ff7623be3338a9f7d1def2c68f36e698b192b699', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '6fe5fc532ab19643ff3c194e6230e6681c9b73d5', class: "label-row" }, h("label", { key: '641fc925b6a08f4c3ea7d620cf32a666cb4ed95a', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'e4d33a7a8e34d7c082f50b36faee293c73701d3f', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '42e84e07dfcda40b3dc81bb13934ecbaeb95e526', name: "label-after" }))), h("div", { key: 'fbb9fb0c4b1220d6d9e96d8f02d38f1d956ad844', class: "input-wrapper" }, this._hasStart && h("div", { key: '613a450467b3cd65e6193ecd61046c96b77ed8b7', class: "slot-start" }, h("slot", { key: '40a5d35691b771b88589cf075c550723b32493fb', name: "start" })), h("input", { key: '0f3095e1716e26680c0bd4209c957f38e5c9649d', 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: '5b256b58d5b876cbdfd65c613ebfd41d59ca3f16', class: "slot-end" }, h("slot", { key: 'abe2bf623127eef3e5f9ed74d846459a975bfaff', name: "end" }))), !this.message && this.description && (h("p", { key: '9f38a0f8927a2c06fcccb43b9d20a116af2fc078', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'b6125f29b020d97fda309feb3803477c1e918e85', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'b2b46730c743177645fba01d209b807337aa44da', "data-theme": this.theme }, h("style", { key: 'ba93a71b89e6284a979ffa0f8c8bf97a53a12eed', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-url.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputUrl$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputUrl exten
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'a65beb62cdb31c1aabe439f9b8f6f2dc6966380b', "data-theme": this.theme }, h("style", { key: 'ff59c6e404d17c7676ce59133a4560a217c65114', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'd1ebf45cf487eb3d49d61d591f59500a12d92731', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd7bc5c83a4c307e73fac55332f56c7cf17dd32fd', class: "label-row" }, h("label", { key: '714e2799d06afffb41ac6ac10680d16cf67d4a52', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'f06a988f6b0afdf34825994c43e4b9b4cb9b2010', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'b916cfcfc7e064704b1e8643fe758b0f78f2b73d', name: "label-after" }))), h("div", { key: '51af50d3630a0f48eb111df4493d1787ff618534', class: "input-wrapper" }, this._hasStart && h("div", { key: '571d43f905d552089338b5066f7c20d28bd6a2d5', class: "slot-start" }, h("slot", { key: 'f8dfa7cc9fe16dca29d122c655371e17faad8a09', name: "start" })), h("input", { key: 'cb5abcccfe70433832fabc2094b071d781b592fc', 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: '21b3380362ba71f8ec69b884450c3dc609a10f70', class: "slot-end" }, h("slot", { key: 'bdab4ba41c29734be286db913292eaf6a859d48c', name: "end" }))), !this.message && this.description && (h("p", { key: '60f3d1857a4a7f2f553ecd322727ddc822c52d0b', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'b4fedae59dade9ed51363d0e124a61e71b45f923', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '815dcda1917ab3e09996cc7256e93fa03af6859c', "data-theme": this.theme }, h("style", { key: 'f818456b7051d7a3118f822280f366382ba0bd2e', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input-week.js CHANGED Viewed

@@ -44,7 +44,7 @@ const DiwaInputWeek$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInputWeek ext
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: '4cc5cc85ed8fa8c773fe7ad750e673a0ff389777', "data-theme": this.theme }, h("style", { key: 'b0fc511131f99c953540dc5a4dcd92dc5cb91a1b', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '38afefa33e9182fc1b351bb0ce9add0a894a9fc9', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '9d04a0e49c5d6d8feef7e07ea0ad2ce5c8b8af1f', class: "label-row" }, h("label", { key: 'efa91862e70ee8243ec263081b8bd69921bf0abb', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'a0d6c9a259482afe4a32e0694e40303099575c55', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '765b374e9621bb3a293ddd06c101cb768b34fdcf', name: "label-after" }))), h("div", { key: '0502e169ef872e6a9d1c3701d63d58134d4fd8e9', class: "input-wrapper" }, this._hasStart && h("div", { key: '0d84de18ab5090b6cebad6bdbc386454a27595f2', class: "slot-start" }, h("slot", { key: '33cae6bc089ac29d8061637eca7cac6765f28588', name: "start" })), h("input", { key: '386306bf52e25ef77f18d1c2536292308ddad8ad', 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: '5dd8446e2aef07d0c4a6fd573fc72a36791fde9d', class: "slot-end" }, h("slot", { key: 'c7576d8d1fa8b964d6dc1890deef7f896787cfe5', name: "end" }))), !this.message && this.description && (h("p", { key: '512432dd6a79d71b6a7739bd1680fb7dd3f7fbdf', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'af74243593034242f83cc8c745bbb5223daca0da', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: 'b2e62b6ebe5a56ed9620ec7fca5f1d7a7e81460b', "data-theme": this.theme }, h("style", { key: 'a638a4f4726f062889a190f97bff942f48d6f1d2', innerHTML: getInputCss(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)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist-custom-elements/diwa-input.js CHANGED Viewed

@@ -227,7 +227,7 @@ const DiwaInput$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInput extends H {
     render() {
         const { resolvedId, hintId } = this;
         const hasHint = !!this.hint;
-        return (h(Host, { key: '78f8165d0ec522cc7c39b1305710322f373935b1', "data-theme": this.theme }, h("style", { key: '55ead2ca683d3b95e818227bac4befc820d17e43', innerHTML: getComponentCss() }), this.label && (h("label", { key: 'a371be6cb2fae92aab0536cdcc145dde89130aca', class: "label", part: "label", htmlFor: resolvedId }, this.label, this.required && (h("span", { key: 'b0a997bd0673abe864346b6c9b207da285ee9227', class: "required", "aria-hidden": "true" }, " ", "*")))), h("div", { key: '1449172e3374f27c9305566008974fca8e53f998', class: "wrapper", part: "wrapper" }, h("span", { key: '82c809cfc30968c60530b5e7e7091f1573398a02', class: "prefix", part: "prefix" }, h("slot", { key: 'b591bf5c11847e20d6cbceb36d16c6135726d80e', name: "prefix" })), h("input", { key: '95f9596afb2d1fd1c54d2ae5768da54289c5781e', id: resolvedId, part: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, autocomplete: this.autocomplete, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.state === "error" ? "true" : undefined, "aria-describedby": hasHint ? hintId : undefined, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("span", { key: 'c6cb1c62381e07cd2ce8b31c8329eff9544bc079', class: "suffix", part: "suffix" }, h("slot", { key: '309d70266c2d3164f9170e1da66c5fa47d38a14c', name: "suffix" }))), hasHint && (h("span", { key: '8a2fd5a30044f3d8232efc36b23b9f4206130837', id: hintId, class: "hint", part: "hint", "aria-live": this.state === "error" ? "polite" : undefined }, this.hint))));
+        return (h(Host, { key: '2f5e9982ad07294f702ebf0bea111b70d89595f5', "data-theme": this.theme }, h("style", { key: 'a5ff0895928b24e7704f88b4d4601b071ce13c22', innerHTML: getComponentCss() }), this.label && (h("label", { key: '11dfacae24599abc35a73ebc763fca8f95db78d2', class: "label", part: "label", htmlFor: resolvedId }, this.label, this.required && (h("span", { key: 'ec6b9d71eefce529cfb04aef396a730758f6f79d', class: "required", "aria-hidden": "true" }, " ", "*")))), h("div", { key: '9abda93e51de4c01be826f147ea094e8d418d6ab', class: "wrapper", part: "wrapper" }, h("span", { key: '619b7e65a10c04043ae68abdfa0d0321b3681585', class: "prefix", part: "prefix" }, h("slot", { key: 'e61f1fbf6f7d6a06961100dfd867e4456bc1eb6e', name: "prefix" })), h("input", { key: '42ab4539c89bee785df13cb9bff484003c7299b0', id: resolvedId, part: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, autocomplete: this.autocomplete, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.state === "error" ? "true" : undefined, "aria-describedby": hasHint ? hintId : undefined, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("span", { key: '270db977c40f074cf99378dcb27e9959470a7f2d', class: "suffix", part: "suffix" }, h("slot", { key: '36dbff474dafd6b3b46303d7745f754a5d413433', name: "suffix" }))), hasHint && (h("span", { key: 'bff0ddc5cf92a6d9ec9ddc64b5138ebd2cfe7632', id: hintId, class: "hint", part: "hint", "aria-live": this.state === "error" ? "polite" : undefined }, this.hint))));
     }
     static get delegatesFocus() { return true; }
 }, [17, "diwa-input", {

package/dist-custom-elements/diwa-link-pure.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
 import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
-import { d as defineCustomElement$2 } from './p-302af10d.js';
+import { d as defineCustomElement$2 } from './p-8972ae69.js';
 const getComponentCss = () => `
@@ -170,7 +170,7 @@ const DiwaLinkPure$1 = /*@__PURE__*/ proxyCustomElement(class DiwaLinkPure exten
         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: '761192365523187da4022afc17ddcd42eacd6fd1', "data-theme": this.theme }, h("style", { key: 'dcaf58e09c4bf9e728acc480748650235d005fb9', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '9669b20ef6fcd90c86244205b9b1dd7c59f6143c', class: "root" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: '11a2c4828484693962c83ea800ec5ab17b6f1c77', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: 'ce1521f41513d709c51292db263c6e8252ea91a5', name: this.icon, size: iconSize }))), h("span", { key: '61d7962e751fdd6e84630fe27d5f4fb1ed1c2de0', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'd585bfadb227cf240719d2958a3b6a52a1429410' })))));
+        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' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-link.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
 import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
-import { d as defineCustomElement$2 } from './p-302af10d.js';
+import { d as defineCustomElement$2 } from './p-8972ae69.js';
 const getComponentCss = () => `
   /* ── Host ──────────────────────────────────────────────────────────── */
@@ -213,7 +213,7 @@ const DiwaLink$1 = /*@__PURE__*/ proxyCustomElement(class DiwaLink extends H {
         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: '776e06394ce0ae72d3b17839f3b6c03a8b9d8d87', "data-theme": this.theme }, h("style", { key: 'c839450ec4fe0c4e887b0ca0ca20d98b72353c18', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: 'ffcf734b9978340a43f6e85fbbce99692a1a948e', class: "inner" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: '8eaa121076b37556d334d441cf538b878bc682b5', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: '69b02d7412041c9f3ec276f84b2bdecc1882725b', name: this.icon, size: iconSize }))), h("span", { key: '99ffcd1bd80c6ddabb6cd99b75ce6c83f94afe00', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '8057fd1012fbd5d5651fb2fe82f6d1fc0366a240' })))));
+        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' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-modal.js CHANGED Viewed

@@ -389,7 +389,7 @@ const DiwaModal$1 = /*@__PURE__*/ proxyCustomElement(class DiwaModal extends H {
     // ──────────────────────────────────────────────────────────────
     render() {
         const { open, heading, dismissButton, backdrop, _hasFooter, _hasHeader } = this;
-        return (h(Host, { key: 'c1acc99174aa04a60711f8e96c6097d55b9efd14', "data-theme": this.theme }, h("style", { key: '21667f36c24c814ea163defa911f038684563d9c' }, getComponentCss(open, backdrop, dismissButton, _hasFooter)), h("div", { key: 'a393f68968ef8eca8007af0204831627114f0150', class: "backdrop", "aria-hidden": "true", onClick: this.handleBackdropClick }), h("div", { key: '34e2f0b1ceffc8f1e8255198714ee1273cafb945', 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: 'b7f3afe1849b84edd7689bf854bfb88724b80126', class: "header" }, h("div", { key: 'c149b170f6b9fc010c7095b72393a6c52786cc56', class: "header-top" }, heading && (h("h2", { key: '8766cbba30a6baec983d76c2ea2103a0ce72d8cd', class: "heading", id: this._headingId }, heading)), dismissButton && (h("button", { key: '33427160a356fa8d5d6fb80ac386f4aaa2086bb9', class: "dismiss", type: "button", "aria-label": "Close dialog", onClick: this.handleDismiss }, h("svg", { key: 'c0a8aa78dadf6146151f24193eb06bae00ba9291', 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: '21b404d32024b640a2687a9589c4783357a22aa6', d: "M18 6 6 18M6 6l12 12" }))))), _hasHeader && (h("div", { key: 'cd981d16141149103a2309b20d49fc6a01b5570b', class: "header-sub" }, h("slot", { key: '108ead5c96a73eeb0afae549d8ee3bcf6b06d305', name: "header" })))), h("div", { key: '56aa2c8ce6090086af76f4f039637e4d3274c9ca', class: "body" }, h("slot", { key: '784eb1571c6d68bdc6f01e413f3d549bc70ad2ea' })), _hasFooter && (h("div", { key: '1aa5c7bbdb0cfc86a3319bd9faa778da78a18a98', class: "footer" }, h("slot", { key: 'ada3b858cf5e2f6c46c175518773398e519d5aff', name: "footer" }))))));
+        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" }))))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-multi-select-option.js CHANGED Viewed

@@ -154,7 +154,7 @@ const DiwaMultiSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class DiwaMulti
         (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'b4d48c6bb6968502a8ae2a6c1981db145332ce83', "data-theme": this.theme }, h("style", { key: 'c69088cc9414ff1b6edc4fa064abc6fded70226b', innerHTML: getComponentCss(this.compact) }), h("div", { key: 'f5ecb4d1dda04a18735594105ee436544f210c95', 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: '3d2e4211d015355332a3ac44204d7a907659a465', class: "checkbox", "aria-hidden": "true", part: "checkbox" }), h("span", { key: '86ca6452ad32e685f944511f4c862c848d0bf493', class: "label", part: "label" }, h("slot", { key: '3caa3fafd6bdb4c3426d8ef989f8de34fc05a853' })))));
+        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' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-multi-select.js CHANGED Viewed

@@ -622,10 +622,10 @@ const DiwaMultiSelect$1 = /*@__PURE__*/ proxyCustomElement(class DiwaMultiSelect
         const hintId = `${this.internalId}-hint`;
         const hasMessage = !!this.message && this.state !== 'none';
         const hasValue = this.value.length > 0;
-        return (h(Host, { key: 'b64a8c41ae771f58d8ca8778ddb3f943f1e2cac4', "data-theme": this.theme }, h("style", { key: 'd8cc4112b8378f11e5a91874adc6ae3f1e422fa4', innerHTML: getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up')) }), (this.label || this.host.querySelector('[slot="label"]')) && (h("span", { key: '53f49aa986fd9f05e73314cc650995afa8b97bb2', class: "label", id: labelId, part: "label" }, h("slot", { key: '7c2f4c19f4d25ca64bfa28f4a4a3f5234594c763', name: "label" }, this.label), this.required && h("span", { key: 'bbd11f3b58d7821ca7ab7ebc8eb0a05e3618a5e9', class: "label__required", "aria-hidden": "true" }, "*"))), (this.description || this.host.querySelector('[slot="description"]')) && (h("span", { key: '92a55e0597c3802a2f986d0b9ba10d41ed33356a', class: "description", part: "description" }, h("slot", { key: '0365a7975834cb125e1b65ce482874d99f69af2a', name: "description" }, this.description))), h("div", { key: '293c6bd35a70f57a7e2b0efa930fa61578ab3752', 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: '146365e26a7513974361dfa9dc26410e5e174fd8', 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: 'b1a5018fb507d2d4d4d822af191bef24c6fa558e', class: "trigger__reset", type: "button", "aria-label": "Reset selection", onClick: this.onResetClick, onKeyDown: (e) => {
+        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) => {
                 if (e.key === 'Tab')
                     this.isOpen = false;
-            }, part: "reset" }, "\u2715")), h("span", { key: '4dbbf50468fc96323e3bd9c92b25e3f34e2ad344', class: "trigger__chevron", "aria-hidden": "true", part: "chevron" }, h("svg", { key: '0b4f50afe6b0cd6d1ffccb3a8acf5709a8734477', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1c582d3bcf18af529b1d8b2a581f9ef7ad13858e', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'f98fd7dd9d6325a2eafb21880d10d12f4517dc4e', 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: 'edd1c19900c332574d972424a62d117d10cbcda6', class: "options", id: listboxId, role: "listbox", "aria-label": this.label, "aria-multiselectable": "true", part: "options" }, !this.hasFilterResults && (h("div", { key: 'e03ac0ea8790a73bcc15f71fee27c773a1e323f9', class: "no-results", role: "alert", "aria-live": "polite" }, "No results found")), h("slot", { key: '71bd34a1ca8e20245f7bf87bf4cd7be8c5814556', name: "options-status" }), h("slot", { key: 'a7c8ebb35860740c3c19b5f8910b18bf923bc7ff', onSlotchange: () => this.onSlotChange() }))), hasMessage && (h("span", { key: '671515ab8d44ac2fef5cd5f5a398c945de4b2b6e', id: hintId, class: "message", part: "message", "aria-live": this.state === 'error' ? 'polite' : undefined }, h("slot", { key: 'f93922457797ae8cfeb378b3338b537907267c93', name: "message" }, this.message)))));
+            }, 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)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-pagination.js CHANGED Viewed

@@ -281,7 +281,7 @@ const DiwaPagination$1 = /*@__PURE__*/ proxyCustomElement(class DiwaPagination e
         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: '5ab4f9042518982631f8b0276acc3de703344ab7', "data-theme": this.theme }, h("style", { key: '83777127af3cd7fba90bcf359c0727ecb478019d', innerHTML: getComponentCss() }), h("nav", { key: '9ba68ea091b61589dd7ef2b9bda3fab01f841efd', "aria-label": rootLabel, class: "nav" }, h("ul", { key: '819b9d7b344ec50b2a15241278438e18bb20cdfb', class: "list" }, items.map((item, index) => {
+        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) => {
             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-custom-elements/diwa-pin-code.js CHANGED Viewed

@@ -176,10 +176,10 @@ const DiwaPinCode$1 = /*@__PURE__*/ proxyCustomElement(class DiwaPinCode extends
         const valueChars = this.value.padEnd(safeLength, '').slice(0, safeLength);
         const descId = 'desc';
         const msgId = 'msg';
-        return (h(Host, { key: 'ce75d110bb3a2805f659bcb7134d5d634dcc70de', "data-theme": this.theme }, h("style", { key: 'e9c07d76495bdec903746bd91eda7837c9c295f1', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: 'f592254bd71d2ee7f9146343c5da9313c7078478', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'cc40bfd72a5b9e338778de362fbe544748e0fc51', class: "label-row" }, h("span", { key: '18abb5940e763b390be780d465ac5c97daecc73e', class: "label" }, this.label, this.required && h("span", { key: '5d1fb8d02a8f774840338a52a3db1b8ca82b667b', class: "required", "aria-hidden": "true" }, " *")))), h("div", { key: 'b47022b7e3c7b04b13918c534b39ed67aea6855b', class: "boxes", role: "group", "aria-label": this.hideLabel && this.label ? this.label : undefined }, Array.from({ length: safeLength }).map((_, i) => {
+        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) => {
             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: '81acb4b960a629cccf26db9cbab200acdbbd4079', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'fb3b87870b07324e635a8442c1e68959f23e3b4b', id: msgId, class: "message" }, this.message)))));
+        })), !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)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-popover.js CHANGED Viewed

@@ -89,7 +89,7 @@ const DiwaPopover$1 = /*@__PURE__*/ proxyCustomElement(class DiwaPopover extends
         }
     }
     render() {
-        return (h(Host, { key: '29f28c2151f2472cd116e14239de1aeeb9d046c5', "data-theme": this.theme }, h("style", { key: '35ba788b9f4c625e864a8aa6ca0b4b4366b13d30', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: 'd253876442f93e392b63bd1345dd39ea72c56926', name: "button" }, h("button", { key: '756b2d3b46770bea764bb3e29de4421c20f58523', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: '79808b6b95b48df821d2f73a75c25acc91c93e25', 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: 'f1ae6d761a15e38ea29d0a3fb41edde1022fd1af', cx: "12", cy: "12", r: "10" }), h("line", { key: '2d115de15f3558053fe928470262235a0740990f', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: '5e59843ffa9c7eb1e7f536b4dbcefa83686fa19e', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: '58abbaa997097e8ba2b6394cdb7e4f34a516f027', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '7a2dcca65d61ad04e8bffc3b6af4dc5759f88449' }, this.description), h("slot", { key: '8dcc3f2f287fa5a194decb4d6585cd64e58a00ca' }))));
+        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' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-radio-group-item.js CHANGED Viewed

@@ -17,7 +17,7 @@ const getComponentCss = (checked, disabled, compact) => {
   .wrapper {
     display: inline-flex;
-    align-items: flex-start;
+    align-items: center;
     gap: var(--diwa-space-3);
     cursor: pointer;
   }
@@ -31,7 +31,6 @@ const getComponentCss = (checked, disabled, compact) => {
     flex-shrink: 0;
     width: ${boxSize};
     height: ${boxSize};
-    margin-top: calc((1.5em - ${boxSize}) / 2);
   }
   input[type="radio"] {
@@ -121,7 +120,7 @@ const DiwaRadioGroupItem$1 = /*@__PURE__*/ proxyCustomElement(class DiwaRadioGro
     }
     render() {
         const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;
-        return (h(Host, { key: '601466853aeddd1ff2903f879e7231e408434bf3' }, h("style", { key: '81305a16ccf6c2c50384dc6f1fa5055f4a529a66', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: '19ac3315bb5f8505001633e1fe1f9463f2d5df63', class: "wrapper" }, h("span", { key: 'f24bb10f78a1096212bd8fb49c164e21f64d6d28', class: "input-container" }, h("input", { key: '95e29f346d1ef84f50ca00565394580ec57f8473', 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: '5d0e84e14ae2778bdf5bc3a1c80be6aa41cbe098', class: "label-text" }, h("slot", { key: '20243975c3f1c7f372e1e0c081fd92f2067c0b47' })))));
+        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' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/dist-custom-elements/diwa-radio-group-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"diwa-radio-group-item.js","mappings":";;;AAEO,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,QAAiB,EACjB,OAAgB;IAEhB,MAAM,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;IAExC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;aAyBI,OAAO;cACN,OAAO~~;gCACW,OAAO~~;;;;;;;;;;;;;;~~oDAca~~,OAAO,GAAG,oBAAoB,GAAG,oBAAoB;kBACvF,OAAO,GAAG,oBAAoB,GAAG,aAAa;;;;;;;;;IAS5D,aAAa,CAAC,qBAAqB,CAAC;;;;;;;;;aAS3B,OAAO;cACN,OAAO;;;eAGN,OAAO,GAAG,GAAG,GAAG,GAAG;;;;;;;;;;;;;;;;IAgB9B,qBAAqB,CAAC,qBAAqB,EAAE,yBAAyB,CAAC;GACxE,CAAC;AACJ,CAAC;;~~MC1EYA~~,oBAAkB;IAJ/B;;;;;;QAQ2B,UAAK,GAAU,MAAM,CAAC;;QAGtB,UAAK,GAAW,EAAE,CAAC;;QAGJ,YAAO,GAAY,KAAK,CAAC;;QAGzB,SAAI,GAAW,EAAE,CAAC;;QAGjC,aAAQ,GAAY,KAAK,CAAC;;QAG1B,YAAO,GAAY,KAAK,CAAC;QAe1C,iBAAY,GAAG;YACrB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SAC9C,CAAC;KA4BH;IArCC,mBAAmB,CAAC,MAAe;;QACjC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3D,IAAI,KAAK;YAAE,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;KACnC;IAQD,MAAM;QACJ,MAAM,OAAO,GAAG,YAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QAEnF,QACE,EAAC,IAAI,uDACH,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,EAChF,8DAAO,KAAK,EAAC,SAAS,IACpB,6DAAM,KAAK,EAAC,iBAAiB,IAC3B,8DACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,kBACb,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,GAC7C,CACG,EACP,6DAAM,KAAK,EAAC,YAAY,IACtB,8DAAQ,CACH,CACD,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaRadioGroupItem"],"sources":["src/components/diwa-radio-group-item/diwa-radio-group-item-styles.ts","src/components/diwa-radio-group-item/diwa-radio-group-item.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (\r\n checked: boolean,\r\n disabled: boolean,\r\n compact: boolean,\r\n): string => {\r\n const boxSize = compact ? '14px' : '18px';\r\n const dotSize = compact ? '6px' : '8px';\r\n\r\n return `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n outline: none;\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .wrapper {\r\n display: inline-flex;\r\n align-items: ~~flex-start~~;\r\n gap: var(--diwa-space-3);\r\n cursor: pointer;\r\n }\r\n\r\n :host([disabled]) .wrapper {\r\n cursor: not-allowed;\r\n }\r\n\r\n .input-container {\r\n position: relative;\r\n flex-shrink: 0;\r\n width: ${boxSize};\r\n height: ${boxSize};\r\n ~~margin-top: calc((1.5em - ${boxSize}) / 2);\r\n~~ }\r\n\r\n input[type=\"radio\"] {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n border: var(--diwa-border-width-medium) solid ${checked ? 'var(--diwa-accent)' : 'var(--diwa-border)'};\r\n background: ${checked ? 'var(--diwa-accent)' : 'transparent'};\r\n transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\r\n }\r\n\r\n input[type=\"radio\"]:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.4;\r\n }\r\n\r\n ${getFocusStyle('input[type=\"radio\"]')}\r\n\r\n /* Dot indicator when checked /\r\n .input-container::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: ${dotSize};\r\n height: ${dotSize};\r\n border-radius: 50%;\r\n background: var(--diwa-text-on-accent, #fff);\r\n opacity: ${checked ? '1' : '0'};\r\n pointer-events: none;\r\n transition: opacity var(--diwa-transition-base);\r\n }\r\n\r\n .label-text {\r\n font-size: var(--diwa-font-size-base);\r\n color: var(--diwa-text-primary);\r\n line-height: 1.5;\r\n user-select: none;\r\n }\r\n\r\n :host([disabled]) .label-text {\r\n color: var(--diwa-text-muted);\r\n }\r\n\r\n ${getReducedMotionStyle('input[type=\"radio\"]', '.input-container::after')}\r\n `;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-radio-group-item-styles';\r\n\r\n/\r\n @component diwa-radio-group-item\r\n \r\n A single radio option used inside `diwa-radio-group`.\r\n * The group sets `checked`, `name`, and `disabled` automatically — you\r\n * only need to provide `value` and the label via the default slot.\r\n \r\n Usage:\r\n * <diwa-radio-group-item value=\"s\">Small</diwa-radio-group-item>\r\n /\r\n@Component({\r\n tag: 'diwa-radio-group-item',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaRadioGroupItem {\r\n @Element() host!: HTMLDiwaRadioGroupItemElement;\r\n\r\n /* Per-component theme override. /\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /* The value submitted/emitted when this item is selected. /\r\n @Prop({ reflect: true }) value: string = '';\r\n\r\n /* Set by the parent diwa-radio-group — do not set directly. /\r\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n /* Native name — set automatically by the parent group. /\r\n @Prop({ mutable: true, reflect: true }) name: string = '';\r\n\r\n /* Whether this option is disabled. Also set by the parent group when the whole group is disabled. /\r\n @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n /* Reduces size for denser layouts. /\r\n @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n /\r\n Internal event dispatched to the parent group when the user selects this item.\r\n * Consumers should listen to the parent group's `update` event instead.\r\n */\r\n @Event({ bubbles: true, composed: true, eventName: 'diwa-radio-select' })\r\n radioSelect!: EventEmitter<{ value: string }>;\r\n\r\n @Watch('checked')\r\n handleCheckedChange(newVal: boolean) {\r\n const input = this.host.shadowRoot?.querySelector('input');\r\n if (input) input.checked = newVal;\r\n }\r\n\r\n private handleChange = () => {\r\n if (this.disabled) return;\r\n this.checked = true;\r\n this.radioSelect.emit({ value: this.value });\r\n };\r\n\r\n render() {\r\n const labelId = `diwa-rgi-${this.value \|\| Math.random().toString(36).slice(2, 7)}`;\r\n\r\n return (\r\n <Host>\r\n <style innerHTML={getComponentCss(this.checked, this.disabled, this.compact)} />\r\n <label class=\"wrapper\">\r\n <span class=\"input-container\">\r\n <input\r\n id={labelId}\r\n type=\"radio\"\r\n name={this.name}\r\n value={this.value}\r\n checked={this.checked}\r\n disabled={this.disabled}\r\n onChange={this.handleChange}\r\n aria-checked={this.checked ? 'true' : 'false'}\r\n />\r\n </span>\r\n <span class=\"label-text\">\r\n <slot />\r\n </span>\r\n </label>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"diwa-radio-group-item.js","mappings":";;;AAEO,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,QAAiB,EACjB,OAAgB;IAEhB,MAAM,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;IAExC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;aAyBI,OAAO;cACN,OAAO;;;;;;;;;;;;;;oDAc+B,OAAO,GAAG,oBAAoB,GAAG,oBAAoB;kBACvF,OAAO,GAAG,oBAAoB,GAAG,aAAa;;;;;;;;;IAS5D,aAAa,CAAC,qBAAqB,CAAC;;;;;;;;;aAS3B,OAAO;cACN,OAAO;;;eAGN,OAAO,GAAG,GAAG,GAAG,GAAG;;;;;;;;;;;;;;;;IAgB9B,qBAAqB,CAAC,qBAAqB,EAAE,yBAAyB,CAAC;GACxE,CAAC;AACJ,CAAC;;MCzEYA,oBAAkB;IAJ/B;;;;;;QAQ2B,UAAK,GAAU,MAAM,CAAC;;QAGtB,UAAK,GAAW,EAAE,CAAC;;QAGJ,YAAO,GAAY,KAAK,CAAC;;QAGzB,SAAI,GAAW,EAAE,CAAC;;QAGjC,aAAQ,GAAY,KAAK,CAAC;;QAG1B,YAAO,GAAY,KAAK,CAAC;QAe1C,iBAAY,GAAG;YACrB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SAC9C,CAAC;KA4BH;IArCC,mBAAmB,CAAC,MAAe;;QACjC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3D,IAAI,KAAK;YAAE,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;KACnC;IAQD,MAAM;QACJ,MAAM,OAAO,GAAG,YAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QAEnF,QACE,EAAC,IAAI,uDACH,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,EAChF,8DAAO,KAAK,EAAC,SAAS,IACpB,6DAAM,KAAK,EAAC,iBAAiB,IAC3B,8DACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,kBACb,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,GAC7C,CACG,EACP,6DAAM,KAAK,EAAC,YAAY,IACtB,8DAAQ,CACH,CACD,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DiwaRadioGroupItem"],"sources":["src/components/diwa-radio-group-item/diwa-radio-group-item-styles.ts","src/components/diwa-radio-group-item/diwa-radio-group-item.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (\r\n checked: boolean,\r\n disabled: boolean,\r\n compact: boolean,\r\n): string => {\r\n const boxSize = compact ? '14px' : '18px';\r\n const dotSize = compact ? '6px' : '8px';\r\n\r\n return `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n outline: none;\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--diwa-space-3);\r\n cursor: pointer;\r\n }\r\n\r\n :host([disabled]) .wrapper {\r\n cursor: not-allowed;\r\n }\r\n\r\n .input-container {\r\n position: relative;\r\n flex-shrink: 0;\r\n width: ${boxSize};\r\n height: ${boxSize};\r\n }\r\n\r\n input[type=\"radio\"] {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n border: var(--diwa-border-width-medium) solid ${checked ? 'var(--diwa-accent)' : 'var(--diwa-border)'};\r\n background: ${checked ? 'var(--diwa-accent)' : 'transparent'};\r\n transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\r\n }\r\n\r\n input[type=\"radio\"]:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.4;\r\n }\r\n\r\n ${getFocusStyle('input[type=\"radio\"]')}\r\n\r\n /* Dot indicator when checked /\r\n .input-container::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: ${dotSize};\r\n height: ${dotSize};\r\n border-radius: 50%;\r\n background: var(--diwa-text-on-accent, #fff);\r\n opacity: ${checked ? '1' : '0'};\r\n pointer-events: none;\r\n transition: opacity var(--diwa-transition-base);\r\n }\r\n\r\n .label-text {\r\n font-size: var(--diwa-font-size-base);\r\n color: var(--diwa-text-primary);\r\n line-height: 1.5;\r\n user-select: none;\r\n }\r\n\r\n :host([disabled]) .label-text {\r\n color: var(--diwa-text-muted);\r\n }\r\n\r\n ${getReducedMotionStyle('input[type=\"radio\"]', '.input-container::after')}\r\n `;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-radio-group-item-styles';\r\n\r\n/\r\n @component diwa-radio-group-item\r\n \r\n A single radio option used inside `diwa-radio-group`.\r\n * The group sets `checked`, `name`, and `disabled` automatically — you\r\n * only need to provide `value` and the label via the default slot.\r\n \r\n Usage:\r\n * <diwa-radio-group-item value=\"s\">Small</diwa-radio-group-item>\r\n /\r\n@Component({\r\n tag: 'diwa-radio-group-item',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaRadioGroupItem {\r\n @Element() host!: HTMLDiwaRadioGroupItemElement;\r\n\r\n /* Per-component theme override. /\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /* The value submitted/emitted when this item is selected. /\r\n @Prop({ reflect: true }) value: string = '';\r\n\r\n /* Set by the parent diwa-radio-group — do not set directly. /\r\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n /* Native name — set automatically by the parent group. /\r\n @Prop({ mutable: true, reflect: true }) name: string = '';\r\n\r\n /* Whether this option is disabled. Also set by the parent group when the whole group is disabled. /\r\n @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n /* Reduces size for denser layouts. /\r\n @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n /\r\n Internal event dispatched to the parent group when the user selects this item.\r\n * Consumers should listen to the parent group's `update` event instead.\r\n */\r\n @Event({ bubbles: true, composed: true, eventName: 'diwa-radio-select' })\r\n radioSelect!: EventEmitter<{ value: string }>;\r\n\r\n @Watch('checked')\r\n handleCheckedChange(newVal: boolean) {\r\n const input = this.host.shadowRoot?.querySelector('input');\r\n if (input) input.checked = newVal;\r\n }\r\n\r\n private handleChange = () => {\r\n if (this.disabled) return;\r\n this.checked = true;\r\n this.radioSelect.emit({ value: this.value });\r\n };\r\n\r\n render() {\r\n const labelId = `diwa-rgi-${this.value \|\| Math.random().toString(36).slice(2, 7)}`;\r\n\r\n return (\r\n <Host>\r\n <style innerHTML={getComponentCss(this.checked, this.disabled, this.compact)} />\r\n <label class=\"wrapper\">\r\n <span class=\"input-container\">\r\n <input\r\n id={labelId}\r\n type=\"radio\"\r\n name={this.name}\r\n value={this.value}\r\n checked={this.checked}\r\n disabled={this.disabled}\r\n onChange={this.handleChange}\r\n aria-checked={this.checked ? 'true' : 'false'}\r\n />\r\n </span>\r\n <span class=\"label-text\">\r\n <slot />\r\n </span>\r\n </label>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist-custom-elements/diwa-radio-group.js CHANGED Viewed

@@ -138,7 +138,7 @@ const DiwaRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class DiwaRadioGroup e
         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: '1d941ee37ba22144fb183834b0936c7b067a2178', "data-theme": this.theme }, h("style", { key: 'a7c6eab2f362a5f9f1db1a4b2afc7acb34316932', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '35948be2f142b22241ebdce442610a92c4562638', 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: '8a8bc2e1aa6bae52d8d61b2a079e7e92680f9490', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: '3274f34ca78ac7d9fee78d77d1de04852d49fa32', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: 'c77537f4956c41d4ad526ea665550b17c7b9181c', id: descId, class: "description" }, this.description)), h("div", { key: 'e80a0285ea5ab1272c8df3c86fdf1495e5337107', class: "options" }, h("slot", { key: '73933e21541199a09c92e3ddf1d0cb250a941b1e' })), h("span", { key: '55f8cf4fd5145c9798dfe0a3f81099b38b611432', id: msgId, class: "message", hidden: !msgId }, this.message))));
+        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))));
     }
     get host() { return this; }
 }, [1, "diwa-radio-group", {