@diwacopilot/components 1.1.0 → 1.2.0

package/dist/esm/diwa-badge.entry.js

@@ -2,6 +2,11 @@ import { r as registerInstance, h, H as Host } from './index-3fa02c74.js';
 import { a as getReducedMotionStyle } from './styles-e5a47a2d.js';
 
 const getComponentCss = () => `
+  @keyframes diwa-badge-pulse {
+    0%, 100% { opacity: 1; }
+    50%       { opacity: 0.3; }
+  }
+
   :host {
     display: inline-flex;
     align-items: center;
@@ -15,9 +20,10 @@ const getComponentCss = () => `
   .badge {
     display: inline-flex;
     align-items: center;
-    justify-content: center;
+    gap: var(--diwa-space-1-5, 6px);
     padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));
     border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));
+    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-badge-border-color, var(--diwa-border));
     font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));
     font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));
     line-height: var(--diwa-line-height-tight);
@@ -27,7 +33,23 @@ const getComponentCss = () => `
     transition: var(--diwa-transition-colors);
   }
 
-  ${getReducedMotionStyle('.badge')}
+  /* ── Pulsing dot indicator ──────────────────────────────────────────── */
+
+  .dot {
+    display: none;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--_badge-dot-color, currentColor);
+    flex-shrink: 0;
+    animation: diwa-badge-pulse 2s ease-in-out infinite;
+  }
+
+  :host([dot]) .dot {
+    display: block;
+  }
+
+  ${getReducedMotionStyle('.badge', '.dot')}
 
   /* ── Size: sm ──────────────────────────────────────────────────────── */
 
@@ -36,9 +58,16 @@ const getComponentCss = () => `
     font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));
   }
 
+  :host([size="sm"]) .dot {
+    width: 5px;
+    height: 5px;
+  }
+
   /* ── Variant: neutral (default) ────────────────────────────────────── */
 
   :host([variant="neutral"]) .badge {
+    --diwa-badge-border-color: var(--diwa-border);
+    --_badge-dot-color: var(--diwa-text-muted);
     background-color: var(--diwa-bg-hover);
     color: var(--diwa-text-secondary);
   }
@@ -46,6 +75,8 @@ const getComponentCss = () => `
   /* ── Variant: accent ───────────────────────────────────────────────── */
 
   :host([variant="accent"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-accent) 25%, transparent);
+    --_badge-dot-color: var(--diwa-accent);
     background-color: var(--diwa-accent-bg);
     color: var(--diwa-accent);
   }
@@ -53,6 +84,8 @@ const getComponentCss = () => `
   /* ── Variant: success ──────────────────────────────────────────────── */
 
   :host([variant="success"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-success-text) 25%, transparent);
+    --_badge-dot-color: var(--diwa-success-text);
     background-color: var(--diwa-success-bg);
     color: var(--diwa-success-text);
   }
@@ -60,6 +93,8 @@ const getComponentCss = () => `
   /* ── Variant: warning ──────────────────────────────────────────────── */
 
   :host([variant="warning"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-warning-text) 25%, transparent);
+    --_badge-dot-color: var(--diwa-warning-text);
     background-color: var(--diwa-warning-bg);
     color: var(--diwa-warning-text);
   }
@@ -67,6 +102,8 @@ const getComponentCss = () => `
   /* ── Variant: danger ───────────────────────────────────────────────── */
 
   :host([variant="danger"]) .badge {
+    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-danger-text) 25%, transparent);
+    --_badge-dot-color: var(--diwa-danger-text);
     background-color: var(--diwa-danger-bg);
     color: var(--diwa-danger-text);
   }
@@ -82,6 +119,11 @@ const DiwaBadge = class {
         this.variant = "neutral";
         /** Size tier — controls height, padding, and font-size. */
         this.size = "md";
+        /**
+         * When true, renders a small animated pulsing dot before the slot content.
+         * Use to indicate live status or active processes.
+         */
+        this.dot = false;
         /** Per-component theme override. */
         this.theme = 'dark';
     }
@@ -90,7 +132,7 @@ const DiwaBadge = class {
     // ──────────────────────────────────────────────────────────────
     render() {
         var _a;
-        return (h(Host, { key: 'be09c41cff3de54eba80f26b5029f245474cb676', "data-theme": this.theme }, h("style", { key: '29e9993f7082b99ba4dabc00564f9d9d6e571aa4', innerHTML: getComponentCss() }), h("span", { key: '0c22d4c0fa82693f3904a00587864366fe814b53', class: "badge", part: "base", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined, role: this.label ? "status" : undefined }, h("slot", { key: '6b9f166ed7d9f071cc79df084df73c4893e83545' }))));
+        return (h(Host, { key: 'b305c163c262aee55c46a7d69ede81bda62ac56f', "data-theme": this.theme }, h("style", { key: '40a4c220bcf3847f8e894bf5f05896d1c4c21f17', innerHTML: getComponentCss() }), h("span", { key: 'c642e078977a843580ef50d3a4fb942601e84ad7', class: "badge", part: "base", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined, role: this.label ? "status" : undefined }, this.dot && h("span", { key: '74ff1195c0aa5e28c16fafef5d11b79236e92ec6', class: "dot", "aria-hidden": "true" }), h("slot", { key: 'c429093035124e22ba2a03e98238407345c60d3b' }))));
     }
 };
 

package/dist/esm/diwa-badge.entry.js.map

@@ -1 +1 @@
-{"file":"diwa-badge.entry.js","mappings":";;;AAEO,MAAM,eAAe,GAAG,MAAc;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BzC,qBAAqB,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ClC;;MCzCY,SAAS;IAJtB;;;;;;QAU2B,YAAO,GAAiB,SAAS,CAAC;;QAGlC,SAAI,GAAc,IAAI,CAAC;;QASvB,UAAK,GAAU,MAAM,CAAC;KAqBhD;;;;IAfC,MAAM;;QACJ,QACE,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK,IAC1B,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI,EACvC,6DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,gBACC,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,QAAQ,GAAG,SAAS,IAEvC,8DAAQ,CACH,CACF,EACP;KACH;;;;;","names":[],"sources":["src/components/diwa-badge/diwa-badge-styles.ts","src/components/diwa-badge/diwa-badge.tsx"],"sourcesContent":["import { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  :host {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));\r\n    border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));\r\n    font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));\r\n    font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));\r\n    line-height: var(--diwa-line-height-tight);\r\n    white-space: nowrap;\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n    transition: var(--diwa-transition-colors);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.badge')}\r\n\r\n  /* ── Size: sm ──────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .badge {\r\n    padding: var(--diwa-badge-padding-y-sm, var(--diwa-space-px)) var(--diwa-badge-padding-x-sm, var(--diwa-space-1-5, 6px));\r\n    font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));\r\n  }\r\n\r\n  /* ── Variant: neutral (default) ────────────────────────────────────── */\r\n\r\n  :host([variant=\"neutral\"]) .badge {\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Variant: accent ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"accent\"]) .badge {\r\n    background-color: var(--diwa-accent-bg);\r\n    color: var(--diwa-accent);\r\n  }\r\n\r\n  /* ── Variant: success ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"success\"]) .badge {\r\n    background-color: var(--diwa-success-bg);\r\n    color: var(--diwa-success-text);\r\n  }\r\n\r\n  /* ── Variant: warning ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"warning\"]) .badge {\r\n    background-color: var(--diwa-warning-bg);\r\n    color: var(--diwa-warning-text);\r\n  }\r\n\r\n  /* ── Variant: danger ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"danger\"]) .badge {\r\n    background-color: var(--diwa-danger-bg);\r\n    color: var(--diwa-danger-text);\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport type { BadgeSize, BadgeVariant } from \"./types\";\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-badge-styles';\r\n\r\n/**\r\n * @component diwa-badge\r\n *\r\n * A compact, pill-shaped label used to convey status, counts, or metadata.\r\n * Renders as an inline element with full Shadow DOM encapsulation.\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-badge-radius          Border radius (defaults to --diwa-radius-full)\r\n *   --diwa-badge-padding-x       Horizontal padding for md size\r\n *   --diwa-badge-padding-x-sm    Horizontal padding for sm size\r\n *   --diwa-badge-font-size       Font size for md size\r\n *   --diwa-badge-font-size-sm    Font size for sm size\r\n *   --diwa-badge-font-weight     Font weight\r\n *\r\n * Usage:\r\n *   <diwa-badge variant=\"success\">Active</diwa-badge>\r\n *   <diwa-badge variant=\"danger\" size=\"sm\">3 errors</diwa-badge>\r\n *   <diwa-badge variant=\"neutral\">Draft</diwa-badge>\r\n *\r\n * @slot default — Badge label content (text or mixed inline content)\r\n */\r\n@Component({\r\n  tag: \"diwa-badge\",\r\n  shadow: true,\r\n})\r\nexport class DiwaBadge {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Semantic colour variant. Determines background and text colour. */\r\n  @Prop({ reflect: true }) variant: BadgeVariant = \"neutral\";\r\n\r\n  /** Size tier — controls height, padding, and font-size. */\r\n  @Prop({ reflect: true }) size: BadgeSize = \"md\";\r\n\r\n  /**\r\n   * Accessible label. Use when slot content alone is insufficient\r\n   * (e.g., a numeric count without surrounding context).\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <span\r\n          class=\"badge\"\r\n          part=\"base\"\r\n          aria-label={this.label ?? undefined}\r\n          role={this.label ? \"status\" : undefined}\r\n        >\r\n          <slot />\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"diwa-badge.entry.js","mappings":";;;AAEO,MAAM,eAAe,GAAG,MAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDzC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D1C;;MC3EY,SAAS;IAJtB;;;;;;QAU2B,YAAO,GAAiB,SAAS,CAAC;;QAGlC,SAAI,GAAc,IAAI,CAAC;;;;;QAYvB,QAAG,GAAY,KAAK,CAAC;;QAGrB,UAAK,GAAU,MAAM,CAAC;KAsBhD;;;;IAhBC,MAAM;;QACJ,QACE,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK,IAC1B,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI,EACvC,6DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,gBACC,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,QAAQ,GAAG,SAAS,IAEtC,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,KAAK,iBAAa,MAAM,GAAG,EACpD,8DAAQ,CACH,CACF,EACP;KACH;;;;;","names":[],"sources":["src/components/diwa-badge/diwa-badge-styles.ts","src/components/diwa-badge/diwa-badge.tsx"],"sourcesContent":["import { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  @keyframes diwa-badge-pulse {\r\n    0%, 100% { opacity: 1; }\r\n    50%       { opacity: 0.3; }\r\n  }\r\n\r\n  :host {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-1-5, 6px);\r\n    padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));\r\n    border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));\r\n    border: var(--diwa-border-width-thin, 1px) solid var(--diwa-badge-border-color, var(--diwa-border));\r\n    font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));\r\n    font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));\r\n    line-height: var(--diwa-line-height-tight);\r\n    white-space: nowrap;\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n    transition: var(--diwa-transition-colors);\r\n  }\r\n\r\n  /* ── Pulsing dot indicator ──────────────────────────────────────────── */\r\n\r\n  .dot {\r\n    display: none;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: var(--_badge-dot-color, currentColor);\r\n    flex-shrink: 0;\r\n    animation: diwa-badge-pulse 2s ease-in-out infinite;\r\n  }\r\n\r\n  :host([dot]) .dot {\r\n    display: block;\r\n  }\r\n\r\n  ${getReducedMotionStyle('.badge', '.dot')}\r\n\r\n  /* ── Size: sm ──────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .badge {\r\n    padding: var(--diwa-badge-padding-y-sm, var(--diwa-space-px)) var(--diwa-badge-padding-x-sm, var(--diwa-space-1-5, 6px));\r\n    font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));\r\n  }\r\n\r\n  :host([size=\"sm\"]) .dot {\r\n    width: 5px;\r\n    height: 5px;\r\n  }\r\n\r\n  /* ── Variant: neutral (default) ────────────────────────────────────── */\r\n\r\n  :host([variant=\"neutral\"]) .badge {\r\n    --diwa-badge-border-color: var(--diwa-border);\r\n    --_badge-dot-color: var(--diwa-text-muted);\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Variant: accent ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"accent\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-accent) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-accent);\r\n    background-color: var(--diwa-accent-bg);\r\n    color: var(--diwa-accent);\r\n  }\r\n\r\n  /* ── Variant: success ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"success\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-success-text) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-success-text);\r\n    background-color: var(--diwa-success-bg);\r\n    color: var(--diwa-success-text);\r\n  }\r\n\r\n  /* ── Variant: warning ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"warning\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-warning-text) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-warning-text);\r\n    background-color: var(--diwa-warning-bg);\r\n    color: var(--diwa-warning-text);\r\n  }\r\n\r\n  /* ── Variant: danger ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"danger\"]) .badge {\r\n    --diwa-badge-border-color: color-mix(in srgb, var(--diwa-danger-text) 25%, transparent);\r\n    --_badge-dot-color: var(--diwa-danger-text);\r\n    background-color: var(--diwa-danger-bg);\r\n    color: var(--diwa-danger-text);\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport type { BadgeSize, BadgeVariant } from \"./types\";\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-badge-styles';\r\n\r\n/**\r\n * @component diwa-badge\r\n *\r\n * A compact, pill-shaped status indicator with an optional animated dot.\r\n * Use for live status, counts, counts, and key callouts.\r\n * Prefer DiwaTag for category labels and filters — Tag has square corners and a\r\n * visible border; Badge is always fully rounded with a subtler, muted border.\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-badge-radius          Border radius (defaults to --diwa-radius-full)\r\n *   --diwa-badge-border-color    Override the auto-computed border colour\r\n *   --diwa-badge-padding-x       Horizontal padding for md size\r\n *   --diwa-badge-padding-x-sm    Horizontal padding for sm size\r\n *   --diwa-badge-font-size       Font size for md size\r\n *   --diwa-badge-font-size-sm    Font size for sm size\r\n *   --diwa-badge-font-weight     Font weight\r\n *\r\n * Usage:\r\n *   <diwa-badge variant=\"success\" dot>Live</diwa-badge>\r\n *   <diwa-badge variant=\"danger\" size=\"sm\">3 errors</diwa-badge>\r\n *   <diwa-badge variant=\"neutral\">Draft</diwa-badge>\r\n *\r\n * @slot default — Badge label content (text or mixed inline content)\r\n */\r\n@Component({\r\n  tag: \"diwa-badge\",\r\n  shadow: true,\r\n})\r\nexport class DiwaBadge {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Semantic colour variant. Determines background and text colour. */\r\n  @Prop({ reflect: true }) variant: BadgeVariant = \"neutral\";\r\n\r\n  /** Size tier — controls height, padding, and font-size. */\r\n  @Prop({ reflect: true }) size: BadgeSize = \"md\";\r\n\r\n  /**\r\n   * Accessible label. Use when slot content alone is insufficient\r\n   * (e.g., a numeric count without surrounding context).\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /**\r\n   * When true, renders a small animated pulsing dot before the slot content.\r\n   * Use to indicate live status or active processes.\r\n   */\r\n  @Prop({ reflect: true }) dot: boolean = false;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <span\r\n          class=\"badge\"\r\n          part=\"base\"\r\n          aria-label={this.label ?? undefined}\r\n          role={this.label ? \"status\" : undefined}\r\n        >\r\n          {this.dot && <span class=\"dot\" aria-hidden=\"true\" />}\r\n          <slot />\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/diwa-button-pure.entry.js

@@ -271,7 +271,7 @@ const DiwaButtonPure = class {
                 disabled: this.disabled || this.loading,
             };
         const hasIcon = this.icon !== "none";
-        return (h(Host, { key: 'e5e00513cc1ceafdf7291b57d8458e52e187c527', "data-theme": this.theme }, h("style", { key: 'af00274b62bdfd75958eeb1b03f4b951b8cbf987', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: 'ec7e751f5f9190a525cf9d9bae61a6ea62c01a88' }, commonProps, buttonProps, { part: "base" }), this.loading ? (h("span", { class: "spinner", "aria-hidden": "true", part: "spinner" })) : (hasIcon && (h("span", { class: "icon", "aria-hidden": "true" }, h("diwa-icon", { name: this.icon, size: this.iconSize })))), h("span", { key: '2fcb3075fee28a67f9c4379b01cf5f16baeed26b', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'e53e29638f01d75ee33e331fe43212ee7e569fcf' })))));
+        return (h(Host, { key: 'c2973f6b92898d2f804ccc623ae5558b1a7a819c', "data-theme": this.theme }, h("style", { key: '09bdb4d13b2ccd3dcfedc19fab5335a353a8a12f', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '9ca133bf89b66a3ee40c17012e1ace540717b5e9' }, commonProps, buttonProps, { part: "base" }), this.loading ? (h("span", { class: "spinner", "aria-hidden": "true", part: "spinner" })) : (hasIcon && (h("span", { class: "icon", "aria-hidden": "true" }, h("diwa-icon", { name: this.icon, size: this.iconSize })))), h("span", { key: '937f66a27ed22abca84415df5261808e306dea0f', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'a3e2ae2111fe1258e380de6fc7919b40bd562bb4' })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }

package/dist/esm/diwa-button.entry.js

@@ -405,7 +405,7 @@ const DiwaButton = class {
          *
          * The part="base" exposes internals for ::part() in host-app stylesheets.
          */
-        h(Host, { key: '9182fd6e2a9ccce76a67596d99c5ef080dbdc219', "data-theme": this.theme, role: isLink ? undefined : "button", "aria-disabled": (this.disabled || this.loading) && isLink ? "true" : undefined }, h("style", { key: '349d3b828df53f57b23192854929f921a479146a', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: 'ffc8b04d99d508c5de77d07757ab362c57420132' }, commonProps, buttonProps, { part: "base" /* ::part(base) hook for consumers */ }), this.loading && (h("span", { key: '226b226efdd671e9494b6db3c83d09e609a08ae6', class: "spinner", "aria-hidden": "true", part: "spinner" })), h("span", { key: '571b34bc8dd3e712bb0702d35283c99c57dee34e', class: "icon-start", part: "icon-start", "aria-hidden": "true" }, this.icon !== 'none' && !this.loading && h("diwa-icon", { key: 'b4304efd1423d517b5aee0a079b6f17993700398', name: this.icon, size: this.iconSize }), h("slot", { key: '1262b1411d2e2faadbabdf6a05cdfa6863b4f53d', name: "icon-start" })), h("span", { key: '6da505ff94ceb539c2f5c063b0aa364ef62c0923', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '055841a5c87793d21d7f2f02ce895326889fa887' })), h("span", { key: 'd6f33edb88b49bde1ca50968e3a4f6ac45b2ae77', class: "icon-end", part: "icon-end", "aria-hidden": "true" }, h("slot", { key: '6239635e5cbbfed9a064095b66fb77a466d77aa8', name: "icon-end" })))));
+        h(Host, { key: '40eee896f96707aa7e552ecb4a1dd9329dae5ec4', "data-theme": this.theme, role: isLink ? undefined : "button", "aria-disabled": (this.disabled || this.loading) && isLink ? "true" : undefined }, h("style", { key: 'd41a20f5d58d5408efeec81ea452d1bf4c160cbe', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: 'e4cb9b0f3b1d581803cee8a82ca9d838c48dd5f2' }, commonProps, buttonProps, { part: "base" /* ::part(base) hook for consumers */ }), this.loading && (h("span", { key: 'd57fe6c27bd115e73f136003e9cb3c3de494020e', class: "spinner", "aria-hidden": "true", part: "spinner" })), h("span", { key: 'bfdcd738e1b4541bae233a7be5804d1ba4fc02df', class: "icon-start", part: "icon-start", "aria-hidden": "true" }, this.icon !== 'none' && !this.loading && h("diwa-icon", { key: '674cf3892909a537d376dfb17bc4e14e6e5343ff', name: this.icon, size: this.iconSize }), h("slot", { key: '8bf7e06b4eab2814dccec4996a38f7fce76dedf9', name: "icon-start" })), h("span", { key: 'efa94bbd8858dba301646d8f072dac475cf16fc5', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: 'c296751f944fae738500ada889f0e057f6919e1f' })), h("span", { key: 'd057b75d8cf65aafc87d0b3996e0a024fff3e4f0', class: "icon-end", part: "icon-end", "aria-hidden": "true" }, h("slot", { key: 'b329bec720506f3b322c244cbf31139a57514a03', name: "icon-end" })))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }

package/dist/esm/diwa-checkbox.entry.js

@@ -267,7 +267,7 @@ const DiwaCheckbox = class {
     render() {
         const msgId = 'diwa-checkbox-msg';
         const hasMessage = !!this.message && this.state !== 'none';
-        return (h(Host, { key: 'b60ee4bf0dc2eaa0d694a0ac739c5566d454f79c', "data-theme": this.theme }, h("style", { key: 'fd963d515b5fdca037224b97390978de46f2270a', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: '367d56a1bb842175a37e542645189dce17a6e39a', class: "root" }, h("div", { key: '3e4b983191a2b57f5bf577b0da0fcabf3d99fef1', class: "wrapper" }, h("div", { key: '152025c208c44d6cc5dafc4c552e8a66c07e4a82', class: "input-container" }, h("input", { key: 'cbf1fd983bf14caf6ee7c6e5d99ff00a6db84eee', type: "checkbox", id: "cb", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-checked": this.indeterminate ? 'mixed' : undefined, "aria-describedby": hasMessage ? msgId : undefined, onChange: this.handleChange, ref: this.setCheckboxRef })), this.label && (h("label", { key: '149d0d96a058be632bc631dce0acdf10061857be', class: `label${this.hideLabel ? ' label--hidden' : ''}`, htmlFor: "cb" }, this.label, this.required && (h("span", { key: 'd05c35490b0539a9d2f2967e32d5866a600a95d2', class: "required", "aria-hidden": "true" }, ' ', "*"))))), hasMessage && (h("span", { key: '3dd6021761ad98aaacacff336dab64b1d5d531dd', id: msgId, class: "message" }, this.message)))));
+        return (h(Host, { key: '4a275738fb178f5ca410adf8385d68a274cf8d93', "data-theme": this.theme }, h("style", { key: '13e8d7ac361c165947f5a2e25bb06ecb66440704', innerHTML: getComponentCss(this.state, this.disabled, this.compact) }), h("div", { key: 'f35a19d3d08107f69d16b3b6b488526849d2d87b', class: "root" }, h("div", { key: '28d6619129ccc4aea2424abe2a9c423331772e5e', class: "wrapper" }, h("div", { key: 'bf5025023183026f918e5b704fe1d15cf796012e', class: "input-container" }, h("input", { key: '6a2ddb4a178a42c5201e2e23a6b44f9d34b8d3c4', type: "checkbox", id: "cb", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-checked": this.indeterminate ? 'mixed' : undefined, "aria-describedby": hasMessage ? msgId : undefined, onChange: this.handleChange, ref: this.setCheckboxRef })), this.label && (h("label", { key: 'fd1131c140a407f03372e926eef701d90ad6ead6', class: `label${this.hideLabel ? ' label--hidden' : ''}`, htmlFor: "cb" }, this.label, this.required && (h("span", { key: '4aacf002203ea4338455d1bd8df93f892a3175a6', class: "required", "aria-hidden": "true" }, ' ', "*"))))), hasMessage && (h("span", { key: 'd99ead9fd47dd27adde24cf87d24bce86431aa40', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }

package/dist/esm/diwa-components.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"diwa-flyout\",[[1,\"diwa-flyout\",{\"theme\":[513],\"open\":[1540],\"position\":[513],\"backdrop\":[1],\"heading\":[1]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-inline-notification\",[[1,\"diwa-inline-notification\",{\"theme\":[513],\"state\":[513],\"heading\":[1],\"description\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"actionLabel\":[1,\"action-label\"],\"actionLoading\":[4,\"action-loading\"]}]]],[\"diwa-accordion\",[[17,\"diwa-accordion\",{\"theme\":[513],\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"open\":[516],\"compact\":[516]}]]],[\"diwa-button\",[[17,\"diwa-button\",{\"theme\":[513],\"variant\":[513],\"size\":[513],\"type\":[1],\"disabled\":[516],\"loading\":[516],\"href\":[1],\"target\":[1],\"name\":[1],\"value\":[1],\"label\":[1],\"hideLabel\":[516,\"hide-label\"],\"icon\":[1]}]]],[\"diwa-input-password\",[[17,\"diwa-input-password\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showToggle\":[4,\"show-toggle\"],\"_hasStart\":[32],\"_hasEnd\":[32],\"showPassword\":[32]}]]],[\"diwa-input-search\",[[17,\"diwa-input-search\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-link\",[[17,\"diwa-link\",{\"theme\":[513],\"variant\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"compact\":[516],\"label\":[1],\"disabled\":[516]}]]],[\"diwa-link-pure\",[[17,\"diwa-link-pure\",{\"theme\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"size\":[513],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"label\":[1]}]]],[\"diwa-switch\",[[17,\"diwa-switch\",{\"checked\":[516],\"disabled\":[516],\"loading\":[516],\"alignLabel\":[1,\"align-label\"],\"compact\":[516],\"theme\":[513]}]]],[\"diwa-tag\",[[1,\"diwa-tag\",{\"variant\":[513],\"compact\":[516],\"icon\":[1],\"theme\":[513]}]]],[\"diwa-toast\",[[1,\"diwa-toast\",{\"theme\":[513],\"currentMsg\":[32],\"addMessage\":[64]}]]],[\"diwa-badge\",[[1,\"diwa-badge\",{\"variant\":[513],\"size\":[513],\"label\":[1],\"theme\":[513]}]]],[\"diwa-checkbox\",[[17,\"diwa-checkbox\",{\"theme\":[513],\"label\":[1],\"name\":[1],\"value\":[1],\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"required\":[4],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"]},null,{\"indeterminate\":[\"watchIndeterminate\"]}]]],[\"diwa-divider\",[[1,\"diwa-divider\",{\"theme\":[513],\"orientation\":[513]}]]],[\"diwa-heading\",[[1,\"diwa-heading\",{\"theme\":[513],\"size\":[513],\"tag\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-input\",[[17,\"diwa-input\",{\"type\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"required\":[4],\"disabled\":[516],\"readonly\":[516],\"state\":[513],\"hint\":[1],\"autocomplete\":[1],\"name\":[1],\"inputId\":[1,\"input-id\"],\"theme\":[513]}]]],[\"diwa-input-date\",[[17,\"diwa-input-date\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-email\",[[17,\"diwa-input-email\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-month\",[[17,\"diwa-input-month\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-number\",[[17,\"diwa-input-number\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-tel\",[[17,\"diwa-input-tel\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-text\",[[17,\"diwa-input-text\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"spellCheck\":[4,\"spell-check\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-time\",[[17,\"diwa-input-time\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-url\",[[17,\"diwa-input-url\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-week\",[[17,\"diwa-input-week\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-modal\",[[17,\"diwa-modal\",{\"theme\":[513],\"open\":[516],\"heading\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"disableBackdropClick\":[4,\"disable-backdrop-click\"],\"backdrop\":[1],\"_hasFooter\":[32],\"_hasHeader\":[32]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-multi-select\",[[17,\"diwa-multi-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1040],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"filterText\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaMultiSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-multi-select-option\",[[17,\"diwa-multi-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"compact\":[1540],\"theme\":[1025],\"setFocus\":[64]},null,{\"selected\":[\"handlePropChange\"],\"highlighted\":[\"handlePropChange\"],\"disabled\":[\"handlePropChange\"]}]]],[\"diwa-pagination\",[[17,\"diwa-pagination\",{\"theme\":[513],\"totalItemsCount\":[2,\"total-items-count\"],\"itemsPerPage\":[2,\"items-per-page\"],\"activePage\":[1026,\"active-page\"],\"showLastPage\":[4,\"show-last-page\"],\"intl\":[16]}]]],[\"diwa-pin-code\",[[17,\"diwa-pin-code\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"length\":[2],\"value\":[1],\"type\":[1],\"required\":[516],\"disabled\":[516],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-popover\",[[17,\"diwa-popover\",{\"direction\":[1],\"description\":[1],\"theme\":[513],\"isOpen\":[32]},[[8,\"keydown\",\"handleGlobalKeydown\"],[9,\"pointerdown\",\"handleGlobalPointerDown\"]]]]],[\"diwa-radio-group\",[[1,\"diwa-radio-group\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"value\":[1537],\"direction\":[513],\"required\":[4],\"disabled\":[516],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"],\"name\":[1]},[[0,\"diwa-radio-select\",\"handleItemSelect\"]]]]],[\"diwa-radio-group-item\",[[17,\"diwa-radio-group-item\",{\"theme\":[513],\"value\":[513],\"checked\":[1540],\"name\":[1537],\"disabled\":[516],\"compact\":[516]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"diwa-scroller\",[[1,\"diwa-scroller\",{\"alignScrollIndicator\":[1,\"align-scroll-indicator\"],\"scrollbar\":[4],\"theme\":[513],\"hasOverflow\":[32],\"canScrollLeft\":[32],\"canScrollRight\":[32]}]]],[\"diwa-segmented-control\",[[1,\"diwa-segmented-control\",{\"theme\":[513],\"value\":[1537],\"disabled\":[516],\"compact\":[516]},[[0,\"diwa-segment-select\",\"handleItemSelect\"]]]]],[\"diwa-segmented-control-item\",[[17,\"diwa-segmented-control-item\",{\"theme\":[513],\"value\":[513],\"selected\":[1540],\"disabled\":[516],\"compact\":[516]}]]],[\"diwa-select\",[[17,\"diwa-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1025],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-select-option\",[[17,\"diwa-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"theme\":[1025],\"compact\":[1540],\"setFocus\":[64]}]]],[\"diwa-stepper-horizontal\",[[1,\"diwa-stepper-horizontal\",{\"theme\":[513],\"activeStepIndex\":[1026,\"active-step-index\"]},null,{\"activeStepIndex\":[\"handleIndexChange\"]}]]],[\"diwa-stepper-horizontal-item\",[[1,\"diwa-stepper-horizontal-item\",{\"theme\":[513],\"label\":[1],\"sublabel\":[1],\"state\":[1537],\"stepNumber\":[1026,\"step-number\"],\"isLast\":[1028,\"is-last\"]}]]],[\"diwa-table\",[[1,\"diwa-table\",{\"theme\":[513],\"caption\":[1],\"compact\":[4],\"layout\":[1],\"bordered\":[4],\"striped\":[4]},[[0,\"diwaTableUpdate\",\"handleTableUpdate\"]]]]],[\"diwa-table-body\",[[1,\"diwa-table-body\",{\"theme\":[513]}]]],[\"diwa-table-cell\",[[1,\"diwa-table-cell\",{\"theme\":[513],\"multiline\":[4]}]]],[\"diwa-table-head\",[[1,\"diwa-table-head\",{\"theme\":[513]}]]],[\"diwa-table-head-cell\",[[1,\"diwa-table-head-cell\",{\"theme\":[513],\"sort\":[16],\"hideLabel\":[4,\"hide-label\"],\"multiline\":[4]}]]],[\"diwa-table-row\",[[1,\"diwa-table-row\",{\"theme\":[513]}]]],[\"diwa-tabs\",[[1,\"diwa-tabs\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},null,{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-bar\",[[1,\"diwa-tabs-bar\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-item\",[[1,\"diwa-tabs-item\",{\"theme\":[513],\"label\":[1],\"active\":[1540]}]]],[\"diwa-tag-dismissible\",[[17,\"diwa-tag-dismissible\",{\"variant\":[513],\"compact\":[516],\"label\":[1],\"theme\":[513]}]]],[\"diwa-text\",[[1,\"diwa-text\",{\"theme\":[513],\"tag\":[513],\"size\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-text-list\",[[1,\"diwa-text-list\",{\"theme\":[513],\"type\":[513]}]]],[\"diwa-text-list-item\",[[1,\"diwa-text-list-item\",{\"theme\":[513]}]]],[\"diwa-textarea\",[[17,\"diwa-textarea\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"required\":[4],\"disabled\":[516],\"readOnly\":[516,\"read-only\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"rows\":[2],\"resize\":[1],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-spinner\",[[1,\"diwa-spinner\",{\"size\":[513],\"theme\":[513],\"label\":[1]}]]],[\"diwa-toast-item\",[[17,\"diwa-toast-item\",{\"theme\":[513],\"text\":[1],\"state\":[513]}]]],[\"diwa-icon\",[[1,\"diwa-icon\",{\"name\":[1],\"size\":[2],\"color\":[1],\"label\":[1],\"theme\":[513]}]]],[\"diwa-button-pure\",[[17,\"diwa-button-pure\",{\"theme\":[513],\"size\":[513],\"icon\":[1],\"disabled\":[516],\"loading\":[516],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"type\":[1],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"label\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"diwa-flyout\",[[1,\"diwa-flyout\",{\"theme\":[513],\"open\":[1540],\"position\":[513],\"backdrop\":[1],\"heading\":[1]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-inline-notification\",[[1,\"diwa-inline-notification\",{\"theme\":[513],\"state\":[513],\"heading\":[1],\"description\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"actionLabel\":[1,\"action-label\"],\"actionLoading\":[4,\"action-loading\"]}]]],[\"diwa-accordion\",[[17,\"diwa-accordion\",{\"theme\":[513],\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"open\":[516],\"compact\":[516]}]]],[\"diwa-button\",[[17,\"diwa-button\",{\"theme\":[513],\"variant\":[513],\"size\":[513],\"type\":[1],\"disabled\":[516],\"loading\":[516],\"href\":[1],\"target\":[1],\"name\":[1],\"value\":[1],\"label\":[1],\"hideLabel\":[516,\"hide-label\"],\"icon\":[1]}]]],[\"diwa-input-password\",[[17,\"diwa-input-password\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showToggle\":[4,\"show-toggle\"],\"_hasStart\":[32],\"_hasEnd\":[32],\"showPassword\":[32]}]]],[\"diwa-input-search\",[[17,\"diwa-input-search\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-link\",[[17,\"diwa-link\",{\"theme\":[513],\"variant\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"compact\":[516],\"label\":[1],\"disabled\":[516]}]]],[\"diwa-link-pure\",[[17,\"diwa-link-pure\",{\"theme\":[513],\"href\":[1],\"target\":[1],\"download\":[1],\"rel\":[1],\"icon\":[1],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"size\":[513],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"label\":[1]}]]],[\"diwa-switch\",[[17,\"diwa-switch\",{\"checked\":[516],\"disabled\":[516],\"loading\":[516],\"alignLabel\":[1,\"align-label\"],\"compact\":[516],\"theme\":[513]}]]],[\"diwa-tag\",[[1,\"diwa-tag\",{\"variant\":[513],\"compact\":[516],\"icon\":[1],\"theme\":[513]}]]],[\"diwa-toast\",[[1,\"diwa-toast\",{\"theme\":[513],\"currentMsg\":[32],\"addMessage\":[64]}]]],[\"diwa-badge\",[[1,\"diwa-badge\",{\"variant\":[513],\"size\":[513],\"label\":[1],\"dot\":[516],\"theme\":[513]}]]],[\"diwa-checkbox\",[[17,\"diwa-checkbox\",{\"theme\":[513],\"label\":[1],\"name\":[1],\"value\":[1],\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"required\":[4],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"]},null,{\"indeterminate\":[\"watchIndeterminate\"]}]]],[\"diwa-divider\",[[1,\"diwa-divider\",{\"theme\":[513],\"orientation\":[513]}]]],[\"diwa-heading\",[[1,\"diwa-heading\",{\"theme\":[513],\"size\":[513],\"tag\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-input\",[[17,\"diwa-input\",{\"type\":[1],\"label\":[1],\"placeholder\":[1],\"value\":[1025],\"required\":[4],\"disabled\":[516],\"readonly\":[516],\"state\":[513],\"hint\":[1],\"autocomplete\":[1],\"name\":[1],\"inputId\":[1,\"input-id\"],\"theme\":[513]}]]],[\"diwa-input-date\",[[17,\"diwa-input-date\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-email\",[[17,\"diwa-input-email\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-month\",[[17,\"diwa-input-month\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-number\",[[17,\"diwa-input-number\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-tel\",[[17,\"diwa-input-tel\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-text\",[[17,\"diwa-input-text\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"spellCheck\":[4,\"spell-check\"],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-time\",[[17,\"diwa-input-time\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"step\":[2],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-url\",[[17,\"diwa-input-url\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-input-week\",[[17,\"diwa-input-week\",{\"label\":[1],\"description\":[1],\"message\":[1],\"state\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"required\":[516],\"readonly\":[516],\"hideLabel\":[4,\"hide-label\"],\"compact\":[4],\"autoComplete\":[1,\"auto-complete\"],\"theme\":[1],\"min\":[1],\"max\":[1],\"_hasStart\":[32],\"_hasEnd\":[32]}]]],[\"diwa-modal\",[[17,\"diwa-modal\",{\"theme\":[513],\"open\":[516],\"heading\":[1],\"dismissButton\":[4,\"dismiss-button\"],\"disableBackdropClick\":[4,\"disable-backdrop-click\"],\"backdrop\":[1],\"_hasFooter\":[32],\"_hasHeader\":[32]},[[8,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChange\"]}]]],[\"diwa-multi-select\",[[17,\"diwa-multi-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1040],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"filterText\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaMultiSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-multi-select-option\",[[17,\"diwa-multi-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"compact\":[1540],\"theme\":[1025],\"setFocus\":[64]},null,{\"selected\":[\"handlePropChange\"],\"highlighted\":[\"handlePropChange\"],\"disabled\":[\"handlePropChange\"]}]]],[\"diwa-pagination\",[[17,\"diwa-pagination\",{\"theme\":[513],\"totalItemsCount\":[2,\"total-items-count\"],\"itemsPerPage\":[2,\"items-per-page\"],\"activePage\":[1026,\"active-page\"],\"showLastPage\":[4,\"show-last-page\"],\"intl\":[16]}]]],[\"diwa-pin-code\",[[17,\"diwa-pin-code\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"length\":[2],\"value\":[1],\"type\":[1],\"required\":[516],\"disabled\":[516],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-popover\",[[17,\"diwa-popover\",{\"direction\":[1],\"description\":[1],\"theme\":[513],\"isOpen\":[32]},[[8,\"keydown\",\"handleGlobalKeydown\"],[9,\"pointerdown\",\"handleGlobalPointerDown\"]]]]],[\"diwa-radio-group\",[[1,\"diwa-radio-group\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"value\":[1537],\"direction\":[513],\"required\":[4],\"disabled\":[516],\"state\":[513],\"message\":[1],\"compact\":[516],\"hideLabel\":[516,\"hide-label\"],\"name\":[1]},[[0,\"diwa-radio-select\",\"handleItemSelect\"]]]]],[\"diwa-radio-group-item\",[[17,\"diwa-radio-group-item\",{\"theme\":[513],\"value\":[513],\"checked\":[1540],\"name\":[1537],\"disabled\":[516],\"compact\":[516]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"diwa-scroller\",[[1,\"diwa-scroller\",{\"alignScrollIndicator\":[1,\"align-scroll-indicator\"],\"scrollbar\":[4],\"theme\":[513],\"hasOverflow\":[32],\"canScrollLeft\":[32],\"canScrollRight\":[32]}]]],[\"diwa-segmented-control\",[[1,\"diwa-segmented-control\",{\"theme\":[513],\"value\":[1537],\"disabled\":[516],\"compact\":[516]},[[0,\"diwa-segment-select\",\"handleItemSelect\"]]]]],[\"diwa-segmented-control-item\",[[17,\"diwa-segmented-control-item\",{\"theme\":[513],\"value\":[513],\"selected\":[1540],\"disabled\":[516],\"compact\":[516]}]]],[\"diwa-select\",[[17,\"diwa-select\",{\"theme\":[513],\"label\":[1],\"description\":[1],\"name\":[1],\"value\":[1025],\"state\":[513],\"message\":[1],\"hideLabel\":[516,\"hide-label\"],\"disabled\":[516],\"required\":[4],\"compact\":[516],\"dropdownDirection\":[1,\"dropdown-direction\"],\"isOpen\":[32],\"hasFilterResults\":[32],\"dropdownClass\":[32],\"open\":[64],\"close\":[64]},[[0,\"diwaSelectOptionUpdate\",\"onOptionUpdate\"],[0,\"slotchange\",\"onSlotChange\"]],{\"theme\":[\"onThemeChange\"],\"compact\":[\"onCompactChange\"],\"value\":[\"onValueChange\"],\"isOpen\":[\"onIsOpenChange\"]}]]],[\"diwa-select-option\",[[17,\"diwa-select-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"highlighted\":[1540],\"theme\":[1025],\"compact\":[1540],\"setFocus\":[64]}]]],[\"diwa-stepper-horizontal\",[[1,\"diwa-stepper-horizontal\",{\"theme\":[513],\"activeStepIndex\":[1026,\"active-step-index\"]},null,{\"activeStepIndex\":[\"handleIndexChange\"]}]]],[\"diwa-stepper-horizontal-item\",[[1,\"diwa-stepper-horizontal-item\",{\"theme\":[513],\"label\":[1],\"sublabel\":[1],\"state\":[1537],\"stepNumber\":[1026,\"step-number\"],\"isLast\":[1028,\"is-last\"]}]]],[\"diwa-table\",[[1,\"diwa-table\",{\"theme\":[513],\"caption\":[1],\"compact\":[4],\"layout\":[1],\"bordered\":[4],\"striped\":[4]},[[0,\"diwaTableUpdate\",\"handleTableUpdate\"]]]]],[\"diwa-table-body\",[[1,\"diwa-table-body\",{\"theme\":[513]}]]],[\"diwa-table-cell\",[[1,\"diwa-table-cell\",{\"theme\":[513],\"multiline\":[4]}]]],[\"diwa-table-head\",[[1,\"diwa-table-head\",{\"theme\":[513]}]]],[\"diwa-table-head-cell\",[[1,\"diwa-table-head-cell\",{\"theme\":[513],\"sort\":[16],\"hideLabel\":[4,\"hide-label\"],\"multiline\":[4]}]]],[\"diwa-table-row\",[[1,\"diwa-table-row\",{\"theme\":[513]}]]],[\"diwa-tabs\",[[1,\"diwa-tabs\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},null,{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-bar\",[[1,\"diwa-tabs-bar\",{\"theme\":[513],\"activeTabIndex\":[1026,\"active-tab-index\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"activeTabIndex\":[\"handleIndexChange\"]}]]],[\"diwa-tabs-item\",[[1,\"diwa-tabs-item\",{\"theme\":[513],\"label\":[1],\"active\":[1540]}]]],[\"diwa-tag-dismissible\",[[17,\"diwa-tag-dismissible\",{\"variant\":[513],\"compact\":[516],\"label\":[1],\"theme\":[513]}]]],[\"diwa-text\",[[1,\"diwa-text\",{\"theme\":[513],\"tag\":[513],\"size\":[513],\"weight\":[513],\"align\":[513],\"color\":[513],\"ellipsis\":[516]}]]],[\"diwa-text-list\",[[1,\"diwa-text-list\",{\"theme\":[513],\"type\":[513]}]]],[\"diwa-text-list-item\",[[1,\"diwa-text-list-item\",{\"theme\":[513]}]]],[\"diwa-textarea\",[[17,\"diwa-textarea\",{\"label\":[1],\"description\":[1],\"state\":[1],\"message\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"required\":[4],\"disabled\":[516],\"readOnly\":[516,\"read-only\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"rows\":[2],\"resize\":[1],\"compact\":[4],\"hideLabel\":[4,\"hide-label\"],\"theme\":[513]}]]],[\"diwa-spinner\",[[1,\"diwa-spinner\",{\"size\":[513],\"theme\":[513],\"label\":[1]}]]],[\"diwa-toast-item\",[[17,\"diwa-toast-item\",{\"theme\":[513],\"text\":[1],\"state\":[513]}]]],[\"diwa-icon\",[[1,\"diwa-icon\",{\"name\":[1],\"size\":[2],\"color\":[1],\"label\":[1],\"theme\":[513]}]]],[\"diwa-button-pure\",[[17,\"diwa-button-pure\",{\"theme\":[513],\"size\":[513],\"icon\":[1],\"disabled\":[516],\"loading\":[516],\"hideLabel\":[516,\"hide-label\"],\"active\":[516],\"underline\":[516],\"alignLabel\":[513,\"align-label\"],\"stretch\":[516],\"type\":[1],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"label\":[1]}]]]]"), options);
 });
 
 //# sourceMappingURL=diwa-components.js.map

package/dist/esm/diwa-divider.entry.js

@@ -54,7 +54,7 @@ const DiwaDivider = class {
     // Render
     // ──────────────────────────────────────────────────────────────
     render() {
-        return (h(Host, { key: 'e143d66dbac5d538a79e9bd2cef6da4292839a4d', "data-theme": this.theme }, h("style", { key: '00e13388782156d60927e639215b3a361c231541', innerHTML: getComponentCss(this.orientation) }), h("hr", { key: '5653fa0a68365da009e6e0b2b5a41a2cfb4702f9', class: "root", role: "separator", "aria-orientation": this.orientation })));
+        return (h(Host, { key: 'ff0589655d6b5e847b3600fd6ba6cf0dd3b247ac', "data-theme": this.theme }, h("style", { key: '38a30ff84f63f0825702480f686b49ec8d743d27', innerHTML: getComponentCss(this.orientation) }), h("hr", { key: '17df4c81b9b79b33f794a2f5ea111107b66ae7ce', class: "root", role: "separator", "aria-orientation": this.orientation })));
     }
 };
 

package/dist/esm/diwa-flyout.entry.js

@@ -187,7 +187,7 @@ const DiwaFlyout = class {
     // Render
     // ──────────────────────────────────────────────────────────────
     render() {
-        return (h(Host, { key: '52d5fe7be0dfea4a62bc7a4a7637b2f9edbe141d', "data-theme": this.theme }, h("style", { key: '024c161908d6c2954d8f6a3a07b24f07c2d8e43c' }, getComponentCss(this.open, this.position, this.backdrop)), h("div", { key: 'f76c3d2f71725d8d2b3d29a2cbbacc5b2c9da3d2', class: "backdrop", "aria-hidden": "true", onClick: this.handleDismiss }), h("div", { key: '6365781507ae83c8bc9d4f5233f9cdf464d8e9ca', class: "panel", role: "dialog", "aria-modal": "true", "aria-label": this.heading || 'Flyout', tabIndex: -1, ref: (el) => { this.panelEl = el; } }, h("div", { key: 'b8dbb339620ebc2fab8dde5ee70fd5eaca614464', class: "header" }, h("span", { key: 'e7de07e86b1ca0ca6072f47ab6da4b4eb5b4a7d3', class: "heading-text" }, this.heading), h("slot", { key: 'b688288e6f4a4fd910845eb2c14a6ba705e81eee', name: "header" }), h("diwa-button-pure", { key: '8924888f63033a7c285f63b589834ef4e301aa74', icon: "x", label: "Close flyout", size: "sm", hideLabel: true, onClick: this.handleDismiss })), h("div", { key: '1bf9756c8d8cb88f58e1b960c3d5ee22500828ba', class: "content" }, h("slot", { key: '292d34bfc03446b3f751f39df50c3655bd46a0e6' })), h("div", { key: '51270f6fed520df8a4101027a1f9023118b9f46e', class: "footer" }, h("slot", { key: 'f6684ace2a9f0ec82d5b1face5de06bede92c84b', name: "footer" })))));
+        return (h(Host, { key: '067e67fe0994d726754e6553d92a03b71981b218', "data-theme": this.theme }, h("style", { key: '2697a0d6d7f205b12cf0e16df31a5302cc7792a9' }, getComponentCss(this.open, this.position, this.backdrop)), h("div", { key: 'fbd2f50b7ffcf9329d59cdf0097ab620d689d42b', class: "backdrop", "aria-hidden": "true", onClick: this.handleDismiss }), h("div", { key: 'efc5f3d46f43b92ea438ceb8f290650851373060', class: "panel", role: "dialog", "aria-modal": "true", "aria-label": this.heading || 'Flyout', tabIndex: -1, ref: (el) => { this.panelEl = el; } }, h("div", { key: '2870307396623b837ba1a3dbac79c0fa6dfc60ea', class: "header" }, h("span", { key: '7b331d1bbe9852cfab2f432f5549cb9b683e63b4', class: "heading-text" }, this.heading), h("slot", { key: '5f4893f77513909bfecf12efe55d9ccfe9777a68', name: "header" }), h("diwa-button-pure", { key: '603aedc73fe95dd50e331f1e85cc005c143a2362', icon: "x", label: "Close flyout", size: "sm", hideLabel: true, onClick: this.handleDismiss })), h("div", { key: '01ece4db2102e3b76287194021b7da059ed4cb7f', class: "content" }, h("slot", { key: '43f4639680b69de1285beab4584caa21ef71cfb7' })), h("div", { key: '22c72dbb2f0c2f71d699e6ef027c6b13cf3ce6dc', class: "footer" }, h("slot", { key: '6ee08ebb96caa923054e6b4298f419e44e4b003f', name: "footer" })))));
     }
     static get watchers() { return {
         "open": ["onOpenChange"]

package/dist/esm/diwa-heading.entry.js

@@ -112,7 +112,7 @@ const DiwaHeading = class {
     // ──────────────────────────────────────────────────────────────
     render() {
         const Tag = getHeadingTag(this.host, this.size, this.tag); // eslint-disable-line @typescript-eslint/no-explicit-any
-        return (h(Host, { key: 'af31da4a1b31e1a28f9de05da4c5517dbfb7fdbd', "data-theme": this.theme }, h("style", { key: 'c9616c82eae3dada3edcf5c89b7f9b88716bae55', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: 'd265ccdd08cdbc29ba15043a67769b78e8cfe4cb', class: "heading" }, h("slot", { key: '7c7bfb3d32b839469bfba2ec02173d1f71f03812' }))));
+        return (h(Host, { key: 'da76af7c3fbfbc20a58c3210145fb99c47474b01', "data-theme": this.theme }, h("style", { key: '3002fa6831effb8f00414fc6a2bc3729578251d3', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: 'acc07263f7150f3d34383eeea09d093bf833a506', class: "heading" }, h("slot", { key: '95678b56667d381fabb3e34f9b70ca4fe7faaaa2' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/diwa-icon.entry.js

@@ -29181,7 +29181,7 @@ const DiwaIcon = class {
     render() {
         var _a;
         const isDecorative = !this.label;
-        return (h(Host, { key: '480e247dd569c171693a4f1e7e2f10ebf9c86f95', "data-theme": this.theme }, h("style", { key: '9596aed7c1183970dd2b5848d93097511119a41b', innerHTML: getComponentCss() }), h("svg", { key: '02f276d6dd076d812ab6d2d8f2c790c9fe06023f', ref: (el) => (this.svgEl = el), xmlns: "http://www.w3.org/2000/svg", width: this.size, height: this.size, viewBox: "0 0 24 24", fill: "none", stroke: this.color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": isDecorative ? 'true' : undefined, role: isDecorative ? undefined : 'img', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined })));
+        return (h(Host, { key: 'f694b586097118942daed75ed19702f07d6db71a', "data-theme": this.theme }, h("style", { key: '95991c134ed30c1484fc235a1ece49c573e13415', innerHTML: getComponentCss() }), h("svg", { key: 'f2ecd79bd8458fce14cfa00f4d0a6b184b5fd98d', ref: (el) => (this.svgEl = el), xmlns: "http://www.w3.org/2000/svg", width: this.size, height: this.size, viewBox: "0 0 24 24", fill: "none", stroke: this.color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": isDecorative ? 'true' : undefined, role: isDecorative ? undefined : 'img', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : undefined })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/diwa-inline-notification.entry.js

@@ -166,7 +166,7 @@ const DiwaInlineNotification = class {
     render() {
         const isAlert = this.state === 'error';
         const showActions = this.dismissButton || Boolean(this.actionLabel);
-        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 })))))));
+        return (h(Host, { key: 'ffbc48506e71547e9f670fada7b45ebbe0bbd9d2', "data-theme": this.theme }, h("style", { key: '4ccbe4e0e6b325dedc6263ea80481cecd39cac26', innerHTML: getComponentCss(this.state) }), h("div", { key: 'e304af7c978c4da1240c31e0468b2ec3895c7c3d', class: "root" }, h("div", { key: '1aea476763f19125e6ae889065014d0c24936025', class: "icon-wrap", "aria-hidden": "true" }, h("diwa-icon", { key: '3260c5b0aa23d6b995af704be6177a05ef85baa8', name: STATE_ICON[this.state], size: 16 })), h("div", { key: '79e994cb29375faede44260d9d77bee71a5e6e83', class: "content", role: isAlert ? 'alert' : 'status', "aria-live": isAlert ? 'assertive' : 'polite' }, this.heading && h("span", { key: '2d4964d50c797e7cf16480de07160a910374b0eb', class: "heading" }, this.heading), h("p", { key: 'e226d8728b99240e6e65b98eca4d87e369a50094', class: "description" }, this.description || h("slot", { key: '662f76be60914522329dd61a807133bcda44fa9f' }))), showActions && (h("div", { key: '20beaa3f3fc15584953092caa3f2a7176faf42d8', class: "actions" }, this.actionLabel && (h("diwa-button-pure", { key: '4631e465e1919bdb709473c7a0f8946c72882151', icon: "arrow-right", size: "sm", loading: this.actionLoading, theme: this.theme, onClick: this.handleAction }, this.actionLabel)), this.dismissButton && (h("diwa-button-pure", { key: '244273af8b94b76093e2f0065df740ea53bcdd33', icon: "x", label: "Dismiss notification", hideLabel: true, size: "sm", theme: this.theme, onClick: this.handleDismiss })))))));
     }
 };
 

package/dist/esm/diwa-input-date.entry.js

@@ -43,7 +43,7 @@ const DiwaInputDate = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: 'b7810ca62c45d178cfa7ddefd9c6fc95ac6bfed5', "data-theme": this.theme }, h("style", { key: '1dbbfd0d6d3711635779472413b6adaefcec6a7e', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'e17ff493f27b8ded7ebf9b2e3770d97bda340d6a', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '5727ffe25c2e5c8edde2b92f71d153f518f911e6', class: "label-row" }, h("label", { key: '3581eff1c6a90a570d703a6e36311e3df591d67c', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: 'adeb390c86bf0ec2567cfc31684f82126d1297c7', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '1f7cd31225b376eb6c48a97beb3d4b574516e8ea', name: "label-after" }))), h("div", { key: '6f8445e7f19f971c44f4d525976a304930c10e68', class: "input-wrapper" }, this._hasStart && h("div", { key: 'fb33d730e983f9cf0d0faf2661fa5c72e6556e2e', class: "slot-start" }, h("slot", { key: '2e7c563259b6bc447754223fae97a172caee1c68', name: "start" })), h("input", { key: '566a4b2db913d61451b6d94f0c44372b12d9463c', 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: '1008396a8ce58057858eabff6127afddc8210ea3', class: "slot-end" }, h("slot", { key: 'a09620ebd152123b778b4f3635a265f3041aeb62', name: "end" }))), !this.message && this.description && (h("p", { key: 'b60fb3995d234ff3a430145119a3cdf85ef8932c', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '1b2a0eda84321c832979936db0ff2edd61b07cc3', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-email.entry.js

@@ -43,7 +43,7 @@ const DiwaInputEmail = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: '19d243cb4c64e1415899c00628aa8aa8280453b3', "data-theme": this.theme }, h("style", { key: '2d1f7f9086d563f74f5691b431d1a4981adc6cf0', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'be47368b657e4f6919b1f9271b681a7a50ce27d8', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '4f364dddf12b43bbbbbe6417556ed76004dfd093', class: "label-row" }, h("label", { key: 'fead244ec4a55389a152a1428867596b51460dad', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '39f9ecc43ace5e092d79e5a9500a93d033f0e40e', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '465b316c80bbae7bab971fc06c0cdba1b8386429', name: "label-after" }))), h("div", { key: '443e4b4dda59cfd189f7d00eed7e8d424c910270', class: "input-wrapper" }, this._hasStart && h("div", { key: '0b0bc109876064698e73ec7c334d0720bc8a4800', class: "slot-start" }, h("slot", { key: '9d299bd4c5754d84220a544da4a4df1a173c2a4d', name: "start" })), h("input", { key: 'f8bc36dc96a185d10de64792b16bd298500932c0', 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: 'c655080c8ceda416b90c4c31c0a70405b4a70a5b', class: "slot-end" }, h("slot", { key: 'edd82f220119a4713f3704fa1f26bbf60169ef87', name: "end" }))), !this.message && this.description && (h("p", { key: 'd9b214c7babe02676ea9344b5f0eb8f33339c35e', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '402b36643504d83a035ea4d3b4d597c1726eb7c0', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-month.entry.js

@@ -43,7 +43,7 @@ const DiwaInputMonth = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: '7e2fc2fb4d5bc3a2d0626195ba455534c0b31cd9', "data-theme": this.theme }, h("style", { key: '297bf17e809ef4cb24527150bd10d527372f6ec4', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '40f803796b2ad4826bf1a29d2c1a64f036250e4a', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '9efbe4ef3d630d871e7f8f769f52e6a1b1643c96', class: "label-row" }, h("label", { key: 'fb435d70eb71b86cc52a595652ecf65ca79ee687', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '75b7ca7a155ce5b928e7c0b53c7b234045feab53', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'f6b1b3db76a7b1710204d1a1d773ff1f0e604011', name: "label-after" }))), h("div", { key: '8dc462e725448e63fbbe4c9b567ef297cc446d53', class: "input-wrapper" }, this._hasStart && h("div", { key: '8705f9b3f279a000535818917f2e7c6ecbf83474', class: "slot-start" }, h("slot", { key: '1f6e208903529967ce7937abf887d951101fe6b7', name: "start" })), h("input", { key: '2f5125325f6d05a89d9cb44036db46ca84ee54e3', id: inputId, class: "input", type: "month", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '3b7cbeb4a6bda91bcc9104d01b93ddb2aec29ad8', class: "slot-end" }, h("slot", { key: '1768bad83b473f6c765da4b8b3823423472c6c06', name: "end" }))), !this.message && this.description && (h("p", { key: '7e728724297c93a9c46af72520d8b7f398a4e0fa', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '96ba5eac1ac8d60a78d82cccbefda43daf109cdc', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-number.entry.js

@@ -43,7 +43,7 @@ const DiwaInputNumber = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: 'b4f8682b78caaac783e5ad162de7b478b7d4fc23', "data-theme": this.theme }, h("style", { key: 'f9923a8baab1f25596ecae28d5ab0baeef994a68', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'c046d583174983807353668a326ce4523add50b0', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '801af990d4911d2a18a75f9b9928370104d57045', class: "label-row" }, h("label", { key: 'aa4517f5547742454601b0294e43e44cddfd6c49', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '4e2cbbbd13de2c0ca16c07c367793dc9c02f79e4', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '5dea4480281cbcba2ffc13ab76dd5976f4f25a58', name: "label-after" }))), h("div", { key: 'adcc078f982ce097689f7d0a0625536f4ec3168c', class: "input-wrapper" }, this._hasStart && h("div", { key: '6b9c6841af7da338cf3fa0eb4ee5393e276ec79b', class: "slot-start" }, h("slot", { key: '6b270d34c9d90240c7c1d31343ca63e3f40b3388', name: "start" })), h("input", { key: '1d57c501e13aedc773338ad3b33634120db4f0e6', id: inputId, class: "input", type: "number", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min !== undefined ? String(this.min) : undefined, max: this.max !== undefined ? String(this.max) : undefined, step: this.step !== undefined ? String(this.step) : undefined, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '9400a3f7dd14cd75b4429137da53949ac1d113eb', class: "slot-end" }, h("slot", { key: '2c44c8873d404c5693d38e4beb2878ebe4a90be9', name: "end" }))), !this.message && this.description && (h("p", { key: '59028396a49bf08492497f792af3a74f45360366', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '3117e747339600533d27520fd7062dec5d116d14', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-password.entry.js

@@ -51,7 +51,7 @@ const DiwaInputPassword = class {
         const descId = 'desc';
         const msgId = 'msg';
         const hasSuffix = this.showToggle && !this.disabled;
-        return (h(Host, { key: '1f3e93f2d809fb77b119144a2c1f2aec81980710', "data-theme": this.theme }, h("style", { key: '1b626031fac8f9583dc0485f4ab3f19dec92e5ae', innerHTML: 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)))));
+        return (h(Host, { key: '20db28ebd695b8ed01d9e778500f045e8a9592b1', "data-theme": this.theme }, h("style", { key: '5861eb3a8b5e1f93b348da351b0e128b54c6d5e3', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: '73be73109206677e2d3adc8c74603dd1b3a567a3', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '1feea39238a942be304d22e89f8ef937e6531f6d', class: "label-row" }, h("label", { key: '6e3c510ad4617ea65f708490ac8de8b1b8cd2e4e', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '6fc23908b7bfd11755b35b42643af30dd7a163c0', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'b81c162cf1dae965eecff6921fe2b963d3ac80fd', name: "label-after" }))), h("div", { key: '80c6d5d9284328bb2bf9edc3283c2c97c3426778', class: "input-wrapper" }, this._hasStart && h("div", { key: 'b5c5ef283df3941c749747a9529f7bb7c50ba42d', class: "slot-start" }, h("slot", { key: 'c6ce7ffce018a7562ffe4e48d65e080c874690ee', name: "start" })), h("input", { key: 'b0a9d37d30557a6f3d4410b957e4a4dfc8914434', id: inputId, class: "input", type: this.showPassword ? 'text' : 'password', name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'dbefaf7656c9ef0be0046db17e0627a352ebf24a', class: "slot-end" }, h("slot", { key: '2f2f29884c0463120ee729344c529999348d3829', name: "end" })), hasSuffix && (h("button", { key: '91f2f1000d0de9bd4045023a6dece41f9d8e89fd', class: "suffix-btn", type: "button", "aria-label": this.showPassword ? 'Hide password' : 'Show password', onClick: this.handleToggle }, h("diwa-icon", { key: '08dc47a37c081d5b07afc5fad0aa12a89d3b0e50', name: this.showPassword ? 'eye-off' : 'eye', size: 16 })))), !this.message && this.description && (h("p", { key: '72b447fdf2d9c7e5feacf0668ae28a10cf04bcf9', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '19c8a0aa1ddca0c8168de676c3bb33d979c5b917', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-search.entry.js

@@ -51,7 +51,7 @@ const DiwaInputSearch = class {
         const descId = 'desc';
         const msgId = 'msg';
         const hasSuffix = this.showClearButton && !!this.value && !this.disabled && !this.readonly;
-        return (h(Host, { key: 'b65d113dbeb2638837ca4fa6c4bec72ebeab4ff0', "data-theme": this.theme }, h("style", { key: '129f1cbd4beedf7211437bd14b1acd46e7d9a07a', innerHTML: 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)))));
+        return (h(Host, { key: '31d147be6a3be7636052091c56b44912ab02003d', "data-theme": this.theme }, h("style", { key: '263d9d8c493350b855c80efd830253be0c5b56d4', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix) }), h("div", { key: 'adec0693218224c0031649320946ee34d6d6b06f', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '23b26ea9a30c6484c6661641e821d6476339c8a2', class: "label-row" }, h("label", { key: 'f13e94da3243031970f12ba6925ab57eba9b8d12', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '744a3b770e5c8d45976c699c29fc9009e0cc8330', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: 'cc51b5721f0f62e80dffbb15787509a4bb3f4bd6', name: "label-after" }))), h("div", { key: '58fbd5e42e30cf5c1adbe687fbe59f0ec634cecf', class: "input-wrapper" }, this._hasStart && h("div", { key: 'bdead83f49e612de8aa4a7b7bffc9febe2e26892', class: "slot-start" }, h("slot", { key: '37f2fb05bfceb8cd9453d90d56624fd2e9b03496', name: "start" })), h("input", { key: 'b81455b6e07526d57eaf9a9a2ec309628ef68aec', id: inputId, class: "input", type: "search", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: 'a9154d5474a264e5023d11966693623fbd3995f6', class: "slot-end" }, h("slot", { key: '0df9b3e2ad104f2f0b2fac71656c31cbf9d5b00a', name: "end" })), hasSuffix && (h("button", { key: 'a8f0a67e158bff535f07648aad3151c954bbe331', class: "suffix-btn", type: "button", "aria-label": "Clear search", onClick: this.handleClear }, h("diwa-icon", { key: '5d3e54d606c753775813ae8491f26192ed622ba4', name: "x", size: 14 })))), !this.message && this.description && (h("p", { key: '034b1939498d9990aefa263d8081bf2cdbce448a', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'f5e2fcb68225c412ae8e56e6c70187aae658280b', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-tel.entry.js

@@ -43,7 +43,7 @@ const DiwaInputTel = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: '8dd9e6d7ce484dc007be367fc938cfc9f2637055', "data-theme": this.theme }, h("style", { key: 'bbc1fc772c27c1b34d968e376b05c55de36f6de2', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '41aae906ee1f609e7cf441beb538d46802e0e59c', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'b38939d751f7563f12f32f28232b30bbc7cbb91c', class: "label-row" }, h("label", { key: '88d0afa08e2a9dabff5dde12a2c4084a4047f6da', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '45ba6033d1b558a2d4fa2141e2c3af8d34ca7d6d', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '6394d6d221720fd1557ebf1d8bc29960f9b2ef98', name: "label-after" }))), h("div", { key: '3e5054f7816a4e69ea69f050d4f04496630cb2a2', class: "input-wrapper" }, this._hasStart && h("div", { key: '86140c93dd2d3ccef3571a8e7ce852fc08c48685', class: "slot-start" }, h("slot", { key: '6cde09ce08c571d0d8d7e8bac9959e612f4cd0e7', name: "start" })), h("input", { key: '41db3d184dfe86ec79fbb2d5278c7bfa0e6a0e80', id: inputId, class: "input", type: "tel", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '93a6a567853440a105edf2181664669087dd33aa', class: "slot-end" }, h("slot", { key: '472d5180f28d44e7c4a168b0c087200c223871eb', name: "end" }))), !this.message && this.description && (h("p", { key: 'fd16c4facf83bcfe32e6c8b333fed9e3dca8cd56', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'cae69922e63caad5193c1e01cb91d95773fbf2e2', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-text.entry.js

@@ -45,7 +45,7 @@ const DiwaInputText = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: 'cf5f9f2d3ba5bc48d23f13d7074a5cc785f5c021', "data-theme": this.theme }, h("style", { key: 'b7102ec7511e08b137ea2efc422f5b36b81597a0', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: '622cf8be5e1478189ccea7214b02fadd9a07bed2', class: "root" }, !this.hideLabel && this.label && (h("div", { key: 'd296ac0ab02e8f84ed217af9b01ae2349caa1a18', class: "label-row" }, h("label", { key: '44803400cf86e60c59e16ba6bebea76182eabdad', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '2adf1391b392a6a7b95f6655aa2804980cf05ccf', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '1b379b6699660a72369c9e55a1956df572c14397', name: "label-after" }))), h("div", { key: '39224f82800bb8e99bdd53995738526ae65621a4', class: "input-wrapper" }, this._hasStart && h("div", { key: 'a867100568d568e48c983665bbd5b061166c4b55', class: "slot-start" }, h("slot", { key: '64766d4b417983edb5c36debaa95d7c456b56082', name: "start" })), h("input", { key: 'adf19b770e6b6ce184988352faa26b75a8e3789b', id: inputId, class: "input", type: "text", name: this.name || undefined, value: this.value, placeholder: this.placeholder || undefined, disabled: this.disabled, required: this.required, readOnly: this.readonly, maxLength: this.maxLength, minLength: this.minLength, spellcheck: this.spellCheck, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '2f1e8a238c4a0435b0045b3cecb2949851481802', class: "slot-end" }, h("slot", { key: 'baf200515708d548e22ea3010e3a5f08081c2eaf', name: "end" }))), !this.message && this.description && (h("p", { key: 'b0e064fb6f48eb930f965c79cf04ac403653b509', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: 'd8195e8edbe19a8674dcf067ed5e9d316d204b31', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/diwa-input-time.entry.js

@@ -43,7 +43,7 @@ const DiwaInputTime = class {
         const inputId = 'input';
         const descId = 'desc';
         const msgId = 'msg';
-        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)))));
+        return (h(Host, { key: '590c42b8ac5040423364e94c2d609103ffe679c0', "data-theme": this.theme }, h("style", { key: 'a9c044a7601adccaec56dfb2f75e97654811c008', innerHTML: getInputCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false) }), h("div", { key: 'a3044568670138fd9bda11db72fdc78b84b1d59d', class: "root" }, !this.hideLabel && this.label && (h("div", { key: '8eae3be59f2aeba38a828e11c041553812eb6837', class: "label-row" }, h("label", { key: 'bcad9a73a6394266ba095b9bcde4bf68d11c80de', class: "label", htmlFor: inputId }, this.label, this.required && h("span", { key: '271654dd6fafa2d754ae9b99e9428dac0d467033', class: "required", "aria-hidden": "true" }, " *")), h("slot", { key: '21cfdf2bcbf1ea587ef71fde155b149c7103f93d', name: "label-after" }))), h("div", { key: 'f9ee735610383bfd8efc1a1228929c211572f1e3', class: "input-wrapper" }, this._hasStart && h("div", { key: '41b6d07e9870cad44306fe45e41d9f918bb6558c', class: "slot-start" }, h("slot", { key: '10166490543f315e2fc5001dfd43e61291251099', name: "start" })), h("input", { key: '8c9bde6aff78aca34d962d0ca514848bff75ed66', id: inputId, class: "input", type: "time", name: this.name || undefined, value: this.value, disabled: this.disabled, required: this.required, readOnly: this.readonly, min: this.min, max: this.max, step: this.step !== undefined ? String(this.step) : undefined, autocomplete: this.autoComplete, "aria-label": this.hideLabel && this.label ? this.label : undefined, "aria-invalid": this.state === 'error' ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-describedby": this.message ? msgId : this.description ? descId : undefined, onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus }), this._hasEnd && h("div", { key: '170d89de3bf6b4482c7447759f5629ab9bc33510', class: "slot-end" }, h("slot", { key: '816d59e53641c03eb1d5be6562e7cd8430e9af47', name: "end" }))), !this.message && this.description && (h("p", { key: '02200cedb485798bb1de48d4cc51f58ea2db1e97', id: descId, class: "description" }, this.description)), this.message && (h("p", { key: '6257763b76659c43f045ac9c7740eb55a1ee6255', id: msgId, class: "message" }, this.message)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }