@diwacopilot/components 1.1.1 → 1.2.1

package/dist/diwa-components/p-def36bc4.entry.js

@@ -1,2 +0,0 @@
-import{r as n,c as e,h as a,H as t,g as i}from"./p-ed4017f0.js";import{g as r,a as s}from"./p-70bbb21a.js";const o=(n,e,a)=>{const t=a?"14px":"18px";const i=a?"6px":"8px";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .wrapper {\n    cursor: not-allowed;\n  }\n\n  .input-container {\n    position: relative;\n    flex-shrink: 0;\n    width: ${t};\n    height: ${t};\n  }\n\n  input[type="radio"] {\n    appearance: none;\n    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    border-radius: 50%;\n    border: var(--diwa-border-width-medium) solid ${n?"var(--diwa-accent)":"var(--diwa-border)"};\n    background: ${n?"var(--diwa-accent)":"transparent"};\n    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\n  }\n\n  input[type="radio"]:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  ${r('input[type="radio"]')}\n\n  /* Dot indicator when checked */\n  .input-container::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: ${i};\n    height: ${i};\n    border-radius: 50%;\n    background: var(--diwa-text-on-accent, #fff);\n    opacity: ${n?"1":"0"};\n    pointer-events: none;\n    transition: opacity var(--diwa-transition-base);\n  }\n\n  .label-text {\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n    user-select: none;\n  }\n\n  :host([disabled]) .label-text {\n    color: var(--diwa-text-muted);\n  }\n\n  ${s('input[type="radio"]',".input-container::after")}\n  `};const d=class{constructor(a){n(this,a);this.radioSelect=e(this,"diwa-radio-select",7);this.theme="dark";this.value="";this.checked=false;this.name="";this.disabled=false;this.compact=false;this.handleChange=()=>{if(this.disabled)return;this.checked=true;this.radioSelect.emit({value:this.value})}}handleCheckedChange(n){var e;const a=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector("input");if(a)a.checked=n}render(){const n=`diwa-rgi-${this.value||Math.random().toString(36).slice(2,7)}`;return a(t,{key:"d8bc41d5cf9885195ca2e1579aa74abcf93c9fb2"},a("style",{key:"b303d2b29a49f4445eaed221470ccb6bd1020150",innerHTML:o(this.checked,this.disabled,this.compact)}),a("label",{key:"d2a931fd4754cb93c02dcc833a5f08fa1ce5f1ea",class:"wrapper"},a("span",{key:"237f63b74e3aa3be54cdfc1f8027b819b93c8276",class:"input-container"},a("input",{key:"37e09b73b7d904847fa8e4194a97309e9e07a4de",id:n,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,"aria-checked":this.checked?"true":"false"})),a("span",{key:"85a9799f4ac065d7d8167b44a0dc3d667511730d",class:"label-text"},a("slot",{key:"8fda0f7afd5dbffee2047668f1245439c4650b3e"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};export{d as diwa_radio_group_item};
-//# sourceMappingURL=p-def36bc4.entry.js.map

package/dist/diwa-components/p-def36bc4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","checked","disabled","compact","boxSize","dotSize","getFocusStyle","getReducedMotionStyle","DiwaRadioGroupItem","constructor","hostRef","this","theme","value","name","handleChange","radioSelect","emit","handleCheckedChange","newVal","input","_a","host","shadowRoot","querySelector","render","labelId","Math","random","toString","slice","h","Host","key","innerHTML","class","id","type","onChange"],"sources":["src/components/diwa-radio-group-item/diwa-radio-group-item-styles.ts","src/components/diwa-radio-group-item/diwa-radio-group-item.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (\r\n  checked: boolean,\r\n  disabled: boolean,\r\n  compact: boolean,\r\n): string => {\r\n  const boxSize = compact ? '14px' : '18px';\r\n  const dotSize = compact ? '6px' : '8px';\r\n\r\n  return `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .wrapper {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .wrapper {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .input-container {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    width: ${boxSize};\r\n    height: ${boxSize};\r\n  }\r\n\r\n  input[type=\"radio\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: var(--diwa-border-width-medium) solid ${checked ? 'var(--diwa-accent)' : 'var(--diwa-border)'};\r\n    background: ${checked ? 'var(--diwa-accent)' : 'transparent'};\r\n    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\r\n  }\r\n\r\n  input[type=\"radio\"]:disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.4;\r\n  }\r\n\r\n  ${getFocusStyle('input[type=\"radio\"]')}\r\n\r\n  /* Dot indicator when checked */\r\n  .input-container::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: ${dotSize};\r\n    height: ${dotSize};\r\n    border-radius: 50%;\r\n    background: var(--diwa-text-on-accent, #fff);\r\n    opacity: ${checked ? '1' : '0'};\r\n    pointer-events: none;\r\n    transition: opacity var(--diwa-transition-base);\r\n  }\r\n\r\n  .label-text {\r\n    font-size: var(--diwa-font-size-base);\r\n    color: var(--diwa-text-primary);\r\n    line-height: 1.5;\r\n    user-select: none;\r\n  }\r\n\r\n  :host([disabled]) .label-text {\r\n    color: var(--diwa-text-muted);\r\n  }\r\n\r\n  ${getReducedMotionStyle('input[type=\"radio\"]', '.input-container::after')}\r\n  `;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-radio-group-item-styles';\r\n\r\n/**\r\n * @component diwa-radio-group-item\r\n *\r\n * A single radio option used inside `diwa-radio-group`.\r\n * The group sets `checked`, `name`, and `disabled` automatically — you\r\n * only need to provide `value` and the label via the default slot.\r\n *\r\n * Usage:\r\n *   <diwa-radio-group-item value=\"s\">Small</diwa-radio-group-item>\r\n */\r\n@Component({\r\n  tag: 'diwa-radio-group-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaRadioGroupItem {\r\n  @Element() host!: HTMLDiwaRadioGroupItemElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** The value submitted/emitted when this item is selected. */\r\n  @Prop({ reflect: true }) value: string = '';\r\n\r\n  /** Set by the parent diwa-radio-group — do not set directly. */\r\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n  /** Native name — set automatically by the parent group. */\r\n  @Prop({ mutable: true, reflect: true }) name: string = '';\r\n\r\n  /** Whether this option is disabled. Also set by the parent group when the whole group is disabled. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Reduces size for denser layouts. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Internal event dispatched to the parent group when the user selects this item.\r\n   * Consumers should listen to the parent group's `update` event instead.\r\n   */\r\n  @Event({ bubbles: true, composed: true, eventName: 'diwa-radio-select' })\r\n  radioSelect!: EventEmitter<{ value: string }>;\r\n\r\n  @Watch('checked')\r\n  handleCheckedChange(newVal: boolean) {\r\n    const input = this.host.shadowRoot?.querySelector('input');\r\n    if (input) input.checked = newVal;\r\n  }\r\n\r\n  private handleChange = () => {\r\n    if (this.disabled) return;\r\n    this.checked = true;\r\n    this.radioSelect.emit({ value: this.value });\r\n  };\r\n\r\n  render() {\r\n    const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;\r\n\r\n    return (\r\n      <Host>\r\n        <style innerHTML={getComponentCss(this.checked, this.disabled, this.compact)} />\r\n        <label class=\"wrapper\">\r\n          <span class=\"input-container\">\r\n            <input\r\n              id={labelId}\r\n              type=\"radio\"\r\n              name={this.name}\r\n              value={this.value}\r\n              checked={this.checked}\r\n              disabled={this.disabled}\r\n              onChange={this.handleChange}\r\n              aria-checked={this.checked ? 'true' : 'false'}\r\n            />\r\n          </span>\r\n          <span class=\"label-text\">\r\n            <slot />\r\n          </span>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAEO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,KAEA,MAAMC,EAAUD,EAAU,OAAS,OACnC,MAAME,EAAUF,EAAU,MAAQ,MAElC,MAAO,+aAyBIC,mBACCA,sTAcsCH,EAAU,qBAAuB,0CACnEA,EAAU,qBAAuB,qNAS/CK,EAAc,0NASLD,mBACCA,gGAGCJ,EAAU,IAAM,0UAgB3BM,EAAsB,sBAAuB,gCAC9C,E,MCxEUC,EAAkB,MAJ/B,WAAAC,CAAAC,G,yDAQ2BC,KAAAC,MAAe,OAGfD,KAAAE,MAAgB,GAGDF,KAAAV,QAAmB,MAGnBU,KAAAG,KAAe,GAG9BH,KAAAT,SAAoB,MAGpBS,KAAAR,QAAmB,MAepCQ,KAAAI,aAAe,KACrB,GAAIJ,KAAKT,SAAU,OACnBS,KAAKV,QAAU,KACfU,KAAKK,YAAYC,KAAK,CAAEJ,MAAOF,KAAKE,OAAQ,C,CAR9C,mBAAAK,CAAoBC,G,MAClB,MAAMC,GAAQC,EAAAV,KAAKW,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,SAClD,GAAIJ,EAAOA,EAAMnB,QAAUkB,C,CAS7B,MAAAM,GACE,MAAMC,EAAU,YAAYf,KAAKE,OAASc,KAAKC,SAASC,SAAS,IAAIC,MAAM,EAAG,KAE9E,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,UAAWlC,EAAgBW,KAAKV,QAASU,KAAKT,SAAUS,KAAKR,WACpE4B,EAAA,SAAAE,IAAA,2CAAOE,MAAM,WACXJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,mBACVJ,EAAA,SAAAE,IAAA,2CACEG,GAAIV,EACJW,KAAK,QACLvB,KAAMH,KAAKG,KACXD,MAAOF,KAAKE,MACZZ,QAASU,KAAKV,QACdC,SAAUS,KAAKT,SACfoC,SAAU3B,KAAKI,aAAY,eACbJ,KAAKV,QAAU,OAAS,WAG1C8B,EAAA,QAAAE,IAAA,2CAAME,MAAM,cACVJ,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/diwa-components/p-e1255160.js

@@ -1,2 +0,0 @@
-const o=()=>{};export{o as g};
-//# sourceMappingURL=p-e1255160.js.map

package/dist/diwa-components/p-e1255160.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c","ignoreList":[]}

package/dist/diwa-components/p-e137afc9.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as d}from"./p-ed4017f0.js";const t=()=>`\n  :host { display: table-row-group; }\n  :host([hidden]) { display: none; }\n  ::slotted(:nth-child(even)) {\n    background: var(--diwa-table-stripe-color, transparent);\n  }\n`;const r=class{constructor(a){e(this,a);this.theme="dark"}render(){return a(d,{key:"4a79b101f25908a4c8d952a6cabeba242d361d45",role:"rowgroup","data-theme":this.theme},a("style",{key:"2fe92018084cd53e3eecfa6fa7cfcd314609d383",innerHTML:t()}),a("slot",{key:"f9d45fc32ddc9eb5532dd8e85fadac06df35cfb3"}))}};export{r as diwa_table_body};
-//# sourceMappingURL=p-e137afc9.entry.js.map

package/dist/diwa-components/p-e137afc9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","DiwaTableBody","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-body/diwa-table-body-styles.ts","src/components/diwa-table-body/diwa-table-body.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host { display: table-row-group; }\r\n  :host([hidden]) { display: none; }\r\n  ::slotted(:nth-child(even)) {\r\n    background: var(--diwa-table-stripe-color, transparent);\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-body-styles';\r\n\r\n/** @component diwa-table-body — Maps to <tbody> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-body', shadow: true })\r\nexport class DiwaTableBody {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"rowgroup\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAO,MAAMA,EAAkB,IAAc,sL,MCMhCC,EAAa,MAD1B,WAAAC,CAAAC,G,UAE2BC,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAU,aAAaN,KAAKC,OACrCE,EAAA,SAAAE,IAAA,2CAAOE,UAAWX,MAClBO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/p-e1935375.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as t}from"./p-ed4017f0.js";const n=()=>`\n  :host {\n    display: list-item;\n    font-family: var(--diwa-font-family-base);\n    font-size: var(--diwa-font-size-base);\n    line-height: var(--diwa-line-height-normal);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n`;const i=class{constructor(e){a(this,e);this.theme="dark"}render(){return e(t,{key:"ca389afc2ee236afaf0ef1aa73da52621300309c","data-theme":this.theme},e("style",{key:"0b89865d665c4abc37ed2d6e044b7160480acf79",innerHTML:n()}),e("slot",{key:"d49ee74ef96e916912a16889b33b05a08fd4027b"}))}};export{i as diwa_text_list_item};
-//# sourceMappingURL=p-e1935375.entry.js.map

package/dist/diwa-components/p-e1935375.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getItemCss","DiwaTextListItem","constructor","hostRef","this","theme","render","h","Host","key","innerHTML"],"sources":["src/components/diwa-text-list-item/diwa-text-list-item-styles.ts","src/components/diwa-text-list-item/diwa-text-list-item.tsx"],"sourcesContent":["export const getItemCss = (): string => `\r\n  :host {\r\n    display: list-item;\r\n    font-family: var(--diwa-font-family-base);\r\n    font-size: var(--diwa-font-size-base);\r\n    line-height: var(--diwa-line-height-normal);\r\n    color: var(--diwa-text-primary);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getItemCss } from './diwa-text-list-item-styles';\r\n\r\n/**\r\n * @component diwa-text-list-item\r\n *\r\n * A single item within a `diwa-text-list`. Renders as a `<li>` (display: list-item)\r\n * so it inherits the list-style-type and indentation from its parent list.\r\n *\r\n * Usage:\r\n *   <diwa-text-list>\r\n *     <diwa-text-list-item>Item text</diwa-text-list-item>\r\n *   </diwa-text-list>\r\n *\r\n * @slot default — Item text or inline content.\r\n */\r\n@Component({\r\n  tag: 'diwa-text-list-item',\r\n  shadow: true,\r\n})\r\nexport class DiwaTextListItem {\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getItemCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAO,MAAMA,EAAa,IAAc,kR,MCqB3BC,EAAgB,MAJ7B,WAAAC,CAAAC,G,UAM2BC,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaL,KAAKC,OACrBE,EAAA,SAAAE,IAAA,2CAAOC,UAAWV,MAClBO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/p-e19ad9fa.entry.js

@@ -1,2 +0,0 @@
-import{r as n,h as e,H as t,g as i}from"./p-ed4017f0.js";import{g as a,a as o}from"./p-70bbb21a.js";const s=(n,e,t,i,s,r,d,l)=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* Stretch: fill the parent's inline axis */\n  :host([stretch]) {\n    display: flex;\n    width: 100%;\n  }\n\n  /* ── Root element (<button> or <a>) ─────────────────────────────────── */\n\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    flex-direction: row; /* overridden by alignLabel=start below */\n\n    background: transparent;\n    border: none;\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\n    margin: 0;\n    cursor: pointer;\n\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1;\n    color: var(--diwa-text-primary);\n    text-decoration: none;\n    white-space: nowrap;\n\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* Stretch: push icon and label to opposite edges */\n  :host([stretch]) .root {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${a(".root")}\n\n  /* ── Size ───────────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .root {\n    font-size: var(--diwa-font-size-sm);\n  }\n\n  :host([size="lg"]) .root {\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── Hover / Active ─────────────────────────────────────────────────── */\n\n  .root:hover:not(:disabled) {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active:not(:disabled) {\n    background-color: var(--diwa-bg-active);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) .root,\n  .root:disabled {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Loading ────────────────────────────────────────────────────────── */\n\n  :host([loading]) .root {\n    cursor: wait;\n    pointer-events: none;\n  }\n\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\n\n  :host([align-label="start"]) .root {\n    flex-direction: row-reverse;\n  }\n\n  /* ── Underline label text ───────────────────────────────────────────── */\n\n  :host([underline]) .label {\n    text-decoration: underline;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* ── Spinner ────────────────────────────────────────────────────────── */\n\n  .spinner {\n    /* Size relative to current font-size so it scales with the button size tier */\n    width: 1em;\n    height: 1em;\n    flex-shrink: 0;\n    border: var(--diwa-border-width-base) solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: diwa-bp-spin var(--diwa-spinner-duration, 0.7s) linear infinite;\n  }\n\n  @keyframes diwa-bp-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".root",".spinner")}\n`;const r=(n,e,t,i)=>{const a={};if(t){a["aria-label"]=t}if(e){a["aria-busy"]="true"}if(i&&(n||e)){a["aria-disabled"]="true"}return a};const d=class{constructor(e){n(this,e);this.theme="dark";this.size="md";this.icon="arrow-right";this.disabled=false;this.loading=false;this.hideLabel=false;this.active=false;this.underline=false;this.alignLabel="end";this.stretch=false;this.type="button";this.handleClick=n=>{if(!this.isInteractive){n.preventDefault();n.stopPropagation()}}}get isInteractive(){return!this.disabled&&!this.loading}get iconSize(){return this.size==="sm"?14:this.size==="lg"?20:16}render(){const n=!!this.href;const i=n?"a":"button";const a=r(this.disabled,this.loading,this.label,n);const o=Object.assign({class:"root",onClick:this.handleClick},a);const d=n?{href:this.href,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":undefined,tabIndex:this.disabled||this.loading?-1:undefined}:{type:this.type,name:this.name,value:this.value,disabled:this.disabled||this.loading};const l=this.icon!=="none";return e(t,{key:"e5e00513cc1ceafdf7291b57d8458e52e187c527","data-theme":this.theme},e("style",{key:"af00274b62bdfd75958eeb1b03f4b951b8cbf987",innerHTML:s()}),e(i,Object.assign({key:"ec7e751f5f9190a525cf9d9bae61a6ea62c01a88"},o,d,{part:"base"}),this.loading?e("span",{class:"spinner","aria-hidden":"true",part:"spinner"}):l&&e("span",{class:"icon","aria-hidden":"true"},e("diwa-icon",{name:this.icon,size:this.iconSize})),e("span",{key:"2fcb3075fee28a67f9c4379b01cf5f16baeed26b",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},e("slot",{key:"e53e29638f01d75ee33e331fe43212ee7e569fcf"}))))}static get delegatesFocus(){return true}get host(){return i(this)}};export{d as diwa_button_pure};
-//# sourceMappingURL=p-e19ad9fa.entry.js.map

package/dist/diwa-components/p-e19ad9fa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","_size","_disabled","_loading","_underline","_active","_hideLabel","_alignLabel","_stretch","getFocusStyle","getReducedMotionStyle","getButtonPureAriaAttributes","disabled","loading","label","isLink","attrs","DiwaButtonPure","constructor","hostRef","this","theme","size","icon","hideLabel","active","underline","alignLabel","stretch","type","handleClick","e","isInteractive","preventDefault","stopPropagation","iconSize","render","href","Tag","ariaAttrs","commonProps","Object","assign","class","onClick","buttonProps","target","rel","undefined","tabIndex","name","value","hasIcon","h","Host","key","innerHTML","part"],"sources":["src/components/diwa-button-pure/diwa-button-pure-styles.ts","src/components/diwa-button-pure/diwa-button-pure-utils.ts","src/components/diwa-button-pure/diwa-button-pure.tsx"],"sourcesContent":["/**\r\n * diwa-button-pure-styles.ts\r\n * ===========================\r\n * CSS-in-JS styles for <diwa-button-pure>.\r\n *\r\n * A minimal, transparent button: icon + label only, no background or border.\r\n * Mirrors the PDS p-button-pure aesthetic.\r\n *\r\n * Layout rules:\r\n *   alignLabel='end'   (default) → icon  label\r\n *   alignLabel='start'           → label icon  (via flex-direction: row-reverse)\r\n *   stretch=true                 → fills container width, gap between icon and label\r\n */\r\n\r\nimport type { ButtonPureSize, ButtonPureAlignLabel } from './types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (\r\n  _size: ButtonPureSize,\r\n  _disabled: boolean,\r\n  _loading: boolean,\r\n  _underline: boolean,\r\n  _active: boolean,\r\n  _hideLabel: boolean,\r\n  _alignLabel: ButtonPureAlignLabel,\r\n  _stretch: boolean,\r\n): string => `\r\n\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: inline-flex;\r\n    position: relative;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* Stretch: fill the parent's inline axis */\r\n  :host([stretch]) {\r\n    display: flex;\r\n    width: 100%;\r\n  }\r\n\r\n  /* ── Root element (<button> or <a>) ─────────────────────────────────── */\r\n\r\n  .root {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-2);\r\n    flex-direction: row; /* overridden by alignLabel=start below */\r\n\r\n    background: transparent;\r\n    border: none;\r\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\r\n    margin: 0;\r\n    cursor: pointer;\r\n\r\n    font-family: inherit;\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-regular);\r\n    line-height: 1;\r\n    color: var(--diwa-text-primary);\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n    border-radius: var(--diwa-radius-sm);\r\n  }\r\n\r\n  /* Stretch: push icon and label to opposite edges */\r\n  :host([stretch]) .root {\r\n    width: 100%;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\r\n\r\n  ${getFocusStyle('.root')}\r\n\r\n  /* ── Size ───────────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .root {\r\n    font-size: var(--diwa-font-size-sm);\r\n  }\r\n\r\n  :host([size=\"lg\"]) .root {\r\n    font-size: var(--diwa-font-size-lg);\r\n  }\r\n\r\n  /* ── Hover / Active ─────────────────────────────────────────────────── */\r\n\r\n  .root:hover:not(:disabled) {\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\r\n\r\n  :host([active]) .root,\r\n  .root:active:not(:disabled) {\r\n    background-color: var(--diwa-bg-active);\r\n  }\r\n\r\n  /* ── Disabled ───────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) .root,\r\n  .root:disabled {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── Loading ────────────────────────────────────────────────────────── */\r\n\r\n  :host([loading]) .root {\r\n    cursor: wait;\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\r\n\r\n  :host([align-label=\"start\"]) .root {\r\n    flex-direction: row-reverse;\r\n  }\r\n\r\n  /* ── Underline label text ───────────────────────────────────────────── */\r\n\r\n  :host([underline]) .label {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\r\n\r\n  .icon {\r\n    display: contents;\r\n    flex-shrink: 0;\r\n    line-height: 0;\r\n  }\r\n\r\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\r\n\r\n  .label--hidden {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  /* ── Spinner ────────────────────────────────────────────────────────── */\r\n\r\n  .spinner {\r\n    /* Size relative to current font-size so it scales with the button size tier */\r\n    width: 1em;\r\n    height: 1em;\r\n    flex-shrink: 0;\r\n    border: var(--diwa-border-width-base) solid currentColor;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: diwa-bp-spin var(--diwa-spinner-duration, 0.7s) linear infinite;\r\n  }\r\n\r\n  @keyframes diwa-bp-spin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('.root', '.spinner')}\r\n`;\r\n","/**\r\n * diwa-button-pure-utils.ts\r\n * ==========================\r\n * ARIA helpers for <diwa-button-pure>.\r\n */\r\n\r\nexport interface ButtonPureAriaAttributes {\r\n  'aria-label'?: string;\r\n  'aria-busy'?: 'true';\r\n  'aria-disabled'?: 'true';\r\n}\r\n\r\nexport const getButtonPureAriaAttributes = (\r\n  disabled: boolean,\r\n  loading: boolean,\r\n  label: string | undefined,\r\n  isLink: boolean,\r\n): ButtonPureAriaAttributes => {\r\n  const attrs: ButtonPureAriaAttributes = {};\r\n\r\n  if (label) {\r\n    attrs['aria-label'] = label;\r\n  }\r\n\r\n  if (loading) {\r\n    attrs['aria-busy'] = 'true';\r\n  }\r\n\r\n  if (isLink && (disabled || loading)) {\r\n    attrs['aria-disabled'] = 'true';\r\n  }\r\n\r\n  return attrs;\r\n};\r\n","import { Component, Element, Host, Prop, h } from \"@stencil/core\";\r\nimport type { ButtonPureSize, ButtonPureAlignLabel, ButtonPureType } from \"./types\";\r\nimport type { Theme } from \"../../utils/styles\";\r\nimport { getComponentCss } from \"./diwa-button-pure-styles\";\r\nimport { getButtonPureAriaAttributes } from \"./diwa-button-pure-utils\";\r\n\r\n/**\r\n * @component diwa-button-pure\r\n *\r\n * A transparent, text+icon action button — no background or border.\r\n * Mirrors the PDS `p-button-pure` component.\r\n *\r\n * Default layout: [icon] [label]  (alignLabel=\"end\")\r\n * Reversed layout: [label] [icon] (alignLabel=\"start\")\r\n * Stretched layout: [icon] ·····  [label] (stretch + alignLabel=\"end\")\r\n *\r\n * Usage:\r\n *   <diwa-button-pure>Read more</diwa-button-pure>\r\n *   <diwa-button-pure icon=\"arrow-left\" align-label=\"start\">Back</diwa-button-pure>\r\n *   <diwa-button-pure hide-label label=\"Close\" icon=\"x\" />\r\n *\r\n * @slot default — Button label text\r\n */\r\n@Component({\r\n  tag: \"diwa-button-pure\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaButtonPure {\r\n  @Element() host!: HTMLDiwaButtonPureElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override (light / dark). */\r\n  @Prop({ reflect: true }) theme: Theme = \"dark\";\r\n\r\n  /** Text size tier. Controls both font-size and icon size. */\r\n  @Prop({ reflect: true }) size: ButtonPureSize = \"md\";\r\n\r\n  /**\r\n   * Lucide icon name in kebab-case (e.g. `\"arrow-right\"`, `\"star\"`), or `\"none\"`\r\n   * to render with no icon. Defaults to `\"arrow-right\"` — matching PDS.\r\n   */\r\n  @Prop() icon: string = \"arrow-right\";\r\n\r\n  /** Disabled state. Blocks all pointer and keyboard interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /**\r\n   * Loading state. Replaces the icon with a spinner, blocks interaction,\r\n   * and announces aria-busy to screen readers.\r\n   */\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n\r\n  /**\r\n   * When `true`, the label slot is visually hidden (icon-only mode).\r\n   * Always pair with the `label` prop for screen-reader accessible name.\r\n   */\r\n  @Prop({ reflect: true }) hideLabel: boolean = false;\r\n\r\n  /** Forces the button into its active/pressed visual state. */\r\n  @Prop({ reflect: true }) active: boolean = false;\r\n\r\n  /** Adds an underline decoration to the label text. */\r\n  @Prop({ reflect: true }) underline: boolean = false;\r\n\r\n  /**\r\n   * Controls which side the label appears on relative to the icon.\r\n   * - `\"end\"` (default): [icon] [label]\r\n   * - `\"start\"`:         [label] [icon]\r\n   */\r\n  @Prop({ reflect: true }) alignLabel: ButtonPureAlignLabel = \"end\";\r\n\r\n  /**\r\n   * When `true`, the button stretches to fill its container and the space\r\n   * between icon and label expands to fill remaining width.\r\n   */\r\n  @Prop({ reflect: true }) stretch: boolean = false;\r\n\r\n  /** Native button type. Only applies when rendered as `<button>`. */\r\n  @Prop() type: ButtonPureType = \"button\";\r\n\r\n  /** Native button name — submitted with form data. */\r\n  @Prop() name?: string;\r\n\r\n  /** Native button value — submitted with form data. */\r\n  @Prop() value?: string;\r\n\r\n  /**\r\n   * When set, renders as an `<a>` element (link semantics).\r\n   * Pair with `target` for external links.\r\n   */\r\n  @Prop() href?: string;\r\n\r\n  /** Link target — only meaningful when `href` is set. */\r\n  @Prop() target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n\r\n  /**\r\n   * Accessible label for icon-only buttons.\r\n   * Required when `hideLabel` is `true`.\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private get isInteractive(): boolean {\r\n    return !this.disabled && !this.loading;\r\n  }\r\n\r\n  /** Icon pixel size scaled to the current size tier. */\r\n  private get iconSize(): number {\r\n    return this.size === \"sm\" ? 14 : this.size === \"lg\" ? 20 : 16;\r\n  }\r\n\r\n  private readonly handleClick = (e: MouseEvent): void => {\r\n    if (!this.isInteractive) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const isLink = !!this.href;\r\n    const Tag = isLink ? \"a\" : \"button\";\r\n\r\n    const ariaAttrs = getButtonPureAriaAttributes(\r\n      this.disabled,\r\n      this.loading,\r\n      this.label,\r\n      isLink,\r\n    );\r\n\r\n    const commonProps = {\r\n      class: \"root\",\r\n      onClick: this.handleClick,\r\n      ...ariaAttrs,\r\n    };\r\n\r\n    const buttonProps = isLink\r\n      ? {\r\n          href: this.href,\r\n          target: this.target,\r\n          rel: this.target === \"_blank\" ? \"noopener noreferrer\" : undefined,\r\n          tabIndex: this.disabled || this.loading ? -1 : undefined,\r\n        }\r\n      : {\r\n          type: this.type,\r\n          name: this.name,\r\n          value: this.value,\r\n          disabled: this.disabled || this.loading,\r\n        };\r\n\r\n    const hasIcon = this.icon !== \"none\";\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style\r\n          innerHTML={getComponentCss(\r\n            this.size,\r\n            this.disabled,\r\n            this.loading,\r\n            this.underline,\r\n            this.active,\r\n            this.hideLabel,\r\n            this.alignLabel,\r\n            this.stretch,\r\n          )}\r\n        />\r\n\r\n        <Tag {...commonProps} {...buttonProps} part=\"base\">\r\n          {/* Spinner replaces the icon during loading */}\r\n          {this.loading ? (\r\n            <span class=\"spinner\" aria-hidden=\"true\" part=\"spinner\" />\r\n          ) : (\r\n            hasIcon && (\r\n              <span class=\"icon\" aria-hidden=\"true\">\r\n                <diwa-icon name={this.icon} size={this.iconSize} />\r\n              </span>\r\n            )\r\n          )}\r\n\r\n          {/* Label — visually hidden when hideLabel=true but kept for AT */}\r\n          <span\r\n            class={`label${this.hideLabel ? \" label--hidden\" : \"\"}`}\r\n            part=\"label\"\r\n          >\r\n            <slot />\r\n          </span>\r\n        </Tag>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGAiBO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,IACW,m3CA0DTC,EAAc,q1EA8FdC,EAAsB,QAAS,gBCtK5B,MAAMC,EAA8B,CACzCC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAkC,GAExC,GAAIF,EAAO,CACTE,EAAM,cAAgBF,C,CAGxB,GAAID,EAAS,CACXG,EAAM,aAAe,M,CAGvB,GAAID,IAAWH,GAAYC,GAAU,CACnCG,EAAM,iBAAmB,M,CAG3B,OAAOA,CAAK,E,MCLDC,EAAc,MAJ3B,WAAAC,CAAAC,G,UAY2BC,KAAAC,MAAe,OAGfD,KAAAE,KAAuB,KAMxCF,KAAAG,KAAe,cAGEH,KAAAR,SAAoB,MAMpBQ,KAAAP,QAAmB,MAMnBO,KAAAI,UAAqB,MAGrBJ,KAAAK,OAAkB,MAGlBL,KAAAM,UAAqB,MAOrBN,KAAAO,WAAmC,MAMnCP,KAAAQ,QAAmB,MAGpCR,KAAAS,KAAuB,SAoCdT,KAAAU,YAAeC,IAC9B,IAAKX,KAAKY,cAAe,CACvBD,EAAEE,iBACFF,EAAEG,iB,GAZN,iBAAYF,GACV,OAAQZ,KAAKR,WAAaQ,KAAKP,O,CAIjC,YAAYsB,GACV,OAAOf,KAAKE,OAAS,KAAO,GAAKF,KAAKE,OAAS,KAAO,GAAK,E,CAc7D,MAAAc,GACE,MAAMrB,IAAWK,KAAKiB,KACtB,MAAMC,EAAMvB,EAAS,IAAM,SAE3B,MAAMwB,EAAY5B,EAChBS,KAAKR,SACLQ,KAAKP,QACLO,KAAKN,MACLC,GAGF,MAAMyB,EAAWC,OAAAC,OAAA,CACfC,MAAO,OACPC,QAASxB,KAAKU,aACXS,GAGL,MAAMM,EAAc9B,EAChB,CACEsB,KAAMjB,KAAKiB,KACXS,OAAQ1B,KAAK0B,OACbC,IAAK3B,KAAK0B,SAAW,SAAW,sBAAwBE,UACxDC,SAAU7B,KAAKR,UAAYQ,KAAKP,SAAW,EAAImC,WAEjD,CACEnB,KAAMT,KAAKS,KACXqB,KAAM9B,KAAK8B,KACXC,MAAO/B,KAAK+B,MACZvC,SAAUQ,KAAKR,UAAYQ,KAAKP,SAGtC,MAAMuC,EAAUhC,KAAKG,OAAS,OAE9B,OACE8B,EAACC,EAAI,CAAAC,IAAA,wDAAanC,KAAKC,OACrBgC,EAAA,SAAAE,IAAA,2CACEC,UAAWxD,MAYbqD,EAACf,EAAGG,OAAAC,OAAA,CAAAa,IAAA,4CAAKf,EAAiBK,EAAW,CAAEY,KAAK,SAEzCrC,KAAKP,QACJwC,EAAA,QAAMV,MAAM,UAAS,cAAa,OAAOc,KAAK,YAE9CL,GACEC,EAAA,QAAMV,MAAM,OAAM,cAAa,QAC7BU,EAAA,aAAWH,KAAM9B,KAAKG,KAAMD,KAAMF,KAAKe,YAM7CkB,EAAA,QAAAE,IAAA,2CACEZ,MAAO,QAAQvB,KAAKI,UAAY,iBAAmB,KACnDiC,KAAK,SAELJ,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/diwa-components/p-e602c199.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"fe6b98e36a4b0b265b95905d07869380f2f93238","data-theme":this.theme},t("style",{key:"bf23ff17067bd162be41f98177e2e5d3994f58e2",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"2a5c524be6036fd7b6807fee457a9f6295c4f233",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"b58789f7e967ced3eeb1c11726eebc44c7448db5",class:"label-row"},t("label",{key:"6ca47d2e8b70467c21ca44078ee39c45f0149dbe",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"a252801b4c737c48e7d2df739a8a73c866300367",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"fb24755551508bf08bf0e34d5c030b7166110b9e",name:"label-after"})),t("div",{key:"ded4182c2a8b9f47c0ab10641a56afc91780dc38",class:"input-wrapper"},this._hasStart&&t("div",{key:"5d846bc94e2dd8d5569719978c4dae898555333a",class:"slot-start"},t("slot",{key:"9b3fdf26e6628094ee146da8b993a85574b89c5d",name:"start"})),t("input",{key:"97999d1bf2b0c100d1c410392a2d540752b1f213",id:s,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?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"f5fa380e3c4507f1b3cc91af17ab74b2386e00ca",class:"slot-end"},t("slot",{key:"578a2546ca081577e4f5e0e1da2a55a60f67231c",name:"end"}))),!this.message&&this.description&&t("p",{key:"e14e3534270d8190fd155f5aa32fe03a66d32e8b",id:e,class:"description"},this.description),this.message&&t("p",{key:"1da9633d6d23a8ef442d2094864c64b48ec0640a",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_email};
-//# sourceMappingURL=p-e602c199.entry.js.map

package/dist/diwa-components/p-e602c199.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputEmail","constructor","hostRef","this","_hasStart","_hasEnd","label","description","message","state","name","value","placeholder","disabled","required","readonly","hideLabel","compact","theme","handleInput","e","target","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","connectedCallback","el","querySelector","render","inputId","descId","msgId","h","Host","key","innerHTML","getComponentCss","class","htmlFor","id","type","undefined","readOnly","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus"],"sources":["src/components/diwa-input-email/diwa-input-email.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-email-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-email',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputEmail {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type=\"email\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              placeholder={this.placeholder || undefined}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kIASaA,EAAc,MAJ3B,WAAAC,CAAAC,G,8HAMmBC,KAAAC,UAAY,MACZD,KAAAE,QAAU,MAEnBF,KAAAG,MAAgB,GAChBH,KAAAI,YAAsB,GACtBJ,KAAAK,QAAkB,GAClBL,KAAAM,MAAyB,OACzBN,KAAAO,KAAe,GACkBP,KAAAQ,MAAgB,GACjDR,KAAAS,YAAsB,GACLT,KAAAU,SAAoB,MACpBV,KAAAW,SAAoB,MACpBX,KAAAY,SAAoB,MACrCZ,KAAAa,UAAqB,MACrBb,KAAAc,QAAmB,MAEnBd,KAAAe,MAAe,OAYff,KAAAgB,YAAeC,IACrBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKmB,MAAMC,KAAKpB,KAAKQ,MAAM,EAGrBR,KAAAqB,aAAgBJ,IACtBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKsB,OAAOF,KAAKpB,KAAKQ,MAAM,EAGtBR,KAAAuB,WAAcN,IAA0BjB,KAAKwB,KAAKJ,KAAKH,EAAE,EACzDjB,KAAAyB,YAAeR,IAA0BjB,KAAK0B,MAAMN,KAAKH,EAAE,C,CAhBnE,iBAAAU,GACE3B,KAAKC,YAAcD,KAAK4B,GAAGC,cAAc,kBACzC7B,KAAKE,UAAYF,KAAK4B,GAAGC,cAAc,e,CAgBzC,MAAAC,GACE,MAAMC,EAAU,QAChB,MAAMC,EAAS,OACf,MAAMC,EAAQ,MAEd,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAapC,KAAKe,OACrBmB,EAAA,SAAAE,IAAA,2CAAOC,UAAWC,EAAgBtC,KAAKM,MAAON,KAAKU,SAAUV,KAAKY,SAAUZ,KAAKc,QAASd,KAAKC,UAAWD,KAAKE,QAAS,SACxHgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACPvC,KAAKa,WAAab,KAAKG,OACvB+B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,SAAAE,IAAA,2CAAOG,MAAM,QAAQC,QAAST,GAC3B/B,KAAKG,MACLH,KAAKW,UAAYuB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAU,cAAa,QAAM,OAE7DL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,iBAGf2B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACRvC,KAAKC,WAAaiC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAaL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WACtD2B,EAAA,SAAAE,IAAA,2CACEK,GAAIV,EACJQ,MAAM,QACNG,KAAK,QACLnC,KAAMP,KAAKO,MAAQoC,UACnBnC,MAAOR,KAAKQ,MACZC,YAAaT,KAAKS,aAAekC,UACjCjC,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACfiC,SAAU5C,KAAKY,SACfiC,aAAc7C,KAAK8C,aAAY,aACnB9C,KAAKa,WAAab,KAAKG,MAAQH,KAAKG,MAAQwC,UAAS,eACnD3C,KAAKM,QAAU,QAAU,OAASqC,UAAS,gBAC1C3C,KAAKW,SAAW,OAASgC,UAAS,mBAC/B3C,KAAKK,QAAU4B,EAAQjC,KAAKI,YAAc4B,EAASW,UACrEI,QAAS/C,KAAKgB,YACdgC,SAAUhD,KAAKqB,aACf4B,OAAQjD,KAAKuB,WACb2B,QAASlD,KAAKyB,cAEfzB,KAAKE,SAAWgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,YAAWL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WAElDP,KAAKK,SAAWL,KAAKI,aACrB8B,EAAA,KAAAE,IAAA,2CAAGK,GAAIT,EAAQO,MAAM,eAAevC,KAAKI,aAE1CJ,KAAKK,SACJ6B,EAAA,KAAAE,IAAA,2CAAGK,GAAIR,EAAOM,MAAM,WAAWvC,KAAKK,U","ignoreList":[]}

package/dist/diwa-components/p-e9673253.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as n,g as t}from"./p-ed4017f0.js";import{g as i,a as r}from"./p-70bbb21a.js";const o={top:"bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);",bottom:"top: calc(100% + 6px); left: 50%; transform: translateX(-50%);",start:"right: calc(100% + 6px); top: 50%; transform: translateY(-50%);",end:"left: calc(100% + 6px); top: 50%; transform: translateY(-50%);"};const s=(a,e)=>{const n=o[e];return`\n    :host {\n      display: inline-flex;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .trigger {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-popover-trigger-size);\n      height: var(--diwa-popover-trigger-size);\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-sm);\n      transition: color var(--diwa-transition-base);\n    }\n    .trigger:hover {\n      color: var(--diwa-text-primary);\n    }\n    ${i(".trigger")}\n    .panel {\n      display: ${a?"block":"none"};\n      position: absolute;\n      ${n}\n      z-index: 100;\n      min-width: var(--diwa-popover-panel-min-width);\n      max-width: var(--diwa-popover-panel-max-width);\n      padding: var(--diwa-space-5);\n      background: var(--diwa-bg-elevated);\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-lg);\n      box-shadow: var(--diwa-shadow-lg);\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      color: var(--diwa-text-primary);\n      line-height: var(--diwa-line-height-normal);\n      white-space: normal;\n    }\n\n    .panel p,\n    .panel ::slotted(p) {\n      margin: 0;\n    }\n\n    ${r(".trigger")}\n  `};const d=class{constructor(e){a(this,e);this.direction="bottom";this.theme="dark";this.isOpen=false;this.toggle=()=>{this.isOpen=!this.isOpen}}handleGlobalKeydown(a){if(a.key==="Escape"&&this.isOpen){this.isOpen=false}}handleGlobalPointerDown(a){if(!this.isOpen){return}if(!a.composedPath().includes(this.host)){this.isOpen=false}}render(){return e(n,{key:"706d73f1ad8a20082daca4acfc0758ba50542169","data-theme":this.theme},e("style",{key:"331793aabac4e2555201b5242133f7d28e7fd484",innerHTML:s(this.isOpen,this.direction)}),e("slot",{key:"f79a4057076d939012b8e27c92e9883f3335a40f",name:"button"},e("button",{key:"c42272766f4a5c80b5120ce5f53a1f0d8634e2e1",class:"trigger",type:"button","aria-expanded":String(this.isOpen),"aria-haspopup":"true",onClick:this.toggle},e("svg",{key:"a93a6cb15e2ea6c146129a3373e9a2e69b71dde2",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("circle",{key:"62d9118c2f344d2fbb5ca97989f336e9e1368d90",cx:"12",cy:"12",r:"10"}),e("line",{key:"2f31265ac9c896eb36f53ee73271340543b5cba4",x1:"12",y1:"8",x2:"12",y2:"12"}),e("line",{key:"a9c6ff1a17ecd8694d0fef23dc3c5b79bab49b20",x1:"12",y1:"16",x2:"12.01",y2:"16"})))),e("div",{key:"0da742535b53bd3c40a6ee20e611c7740ce53e75",class:"panel",role:"tooltip","aria-hidden":String(!this.isOpen)},this.description&&e("p",{key:"8fcbb3c865aa604e9d1c13aa814ed453903fc341"},this.description),e("slot",{key:"51c6c0d6ca50f4a6444e8768d88203fa54cf4132"})))}static get delegatesFocus(){return true}get host(){return t(this)}};export{d as diwa_popover};
-//# sourceMappingURL=p-e9673253.entry.js.map

package/dist/diwa-components/p-e9673253.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PANEL_POSITION","top","bottom","start","end","getComponentCss","isOpen","direction","panelPos","getFocusStyle","getReducedMotionStyle","DiwaPopover","constructor","hostRef","this","theme","toggle","handleGlobalKeydown","e","key","handleGlobalPointerDown","composedPath","includes","host","render","h","Host","innerHTML","name","class","type","String","onClick","xmlns","width","height","viewBox","fill","stroke","cx","cy","r","x1","y1","x2","y2","role","description"],"sources":["src/components/diwa-popover/diwa-popover-styles.ts","src/components/diwa-popover/diwa-popover.tsx"],"sourcesContent":["import type { PopoverDirection } from './types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nconst PANEL_POSITION: Record<PopoverDirection, string> = {\r\n  top: 'bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);',\r\n  bottom: 'top: calc(100% + 6px); left: 50%; transform: translateX(-50%);',\r\n  start: 'right: calc(100% + 6px); top: 50%; transform: translateY(-50%);',\r\n  end: 'left: calc(100% + 6px); top: 50%; transform: translateY(-50%);',\r\n};\r\n\r\nexport const getComponentCss = (isOpen: boolean, direction: PopoverDirection): string => {\r\n  const panelPos = PANEL_POSITION[direction];\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n      position: relative;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .trigger {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: var(--diwa-popover-trigger-size);\r\n      height: var(--diwa-popover-trigger-size);\r\n      padding: 0;\r\n      background: none;\r\n      border: none;\r\n      border-radius: var(--diwa-radius-sm);\r\n      transition: color var(--diwa-transition-base);\r\n    }\r\n    .trigger:hover {\r\n      color: var(--diwa-text-primary);\r\n    }\r\n    ${getFocusStyle('.trigger')}\r\n    .panel {\r\n      display: ${isOpen ? 'block' : 'none'};\r\n      position: absolute;\r\n      ${panelPos}\r\n      z-index: 100;\r\n      min-width: var(--diwa-popover-panel-min-width);\r\n      max-width: var(--diwa-popover-panel-max-width);\r\n      padding: var(--diwa-space-5);\r\n      background: var(--diwa-bg-elevated);\r\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n      border-radius: var(--diwa-radius-lg);\r\n      box-shadow: var(--diwa-shadow-lg);\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: var(--diwa-font-size-base);\r\n      color: var(--diwa-text-primary);\r\n      line-height: var(--diwa-line-height-normal);\r\n      white-space: normal;\r\n    }\r\n\r\n    .panel p,\r\n    .panel ::slotted(p) {\r\n      margin: 0;\r\n    }\r\n\r\n    ${getReducedMotionStyle('.trigger')}\r\n  `;\r\n};\r\n","import { Component, Element, Host, Listen, Prop, State, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { PopoverDirection } from './types';\r\nimport { getComponentCss } from './diwa-popover-styles';\r\n\r\n/**\r\n * @slot default — Content displayed inside the popover panel.\r\n * @slot button  — Custom trigger element that replaces the default info button.\r\n */\r\n@Component({\r\n  tag: 'diwa-popover',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaPopover {\r\n  @Element() host!: HTMLDiwaPopoverElement;\r\n\r\n  /** Preferred direction the panel opens relative to the trigger. */\r\n  @Prop() direction: PopoverDirection = 'bottom';\r\n\r\n  /** Short description text rendered directly inside the panel (alternative to using the default slot). */\r\n  @Prop() description?: string;\r\n\r\n  /** Adapts the color when used on a light or dark background. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  @State() private isOpen: boolean = false;\r\n\r\n  @Listen('keydown', { target: 'window' })\r\n  handleGlobalKeydown(e: KeyboardEvent): void {\r\n    if (e.key === 'Escape' && this.isOpen) {\r\n      this.isOpen = false;\r\n    }\r\n  }\r\n\r\n  @Listen('pointerdown', { target: 'window' })\r\n  handleGlobalPointerDown(e: PointerEvent): void {\r\n    if (!this.isOpen) {\r\n      return;\r\n    }\r\n\r\n    if (!e.composedPath().includes(this.host)) {\r\n      this.isOpen = false;\r\n    }\r\n  }\r\n\r\n  private toggle = (): void => {\r\n    this.isOpen = !this.isOpen;\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.isOpen, this.direction)} />\r\n        <slot name=\"button\">\r\n          <button\r\n            class=\"trigger\"\r\n            type=\"button\"\r\n            aria-expanded={String(this.isOpen)}\r\n            aria-haspopup=\"true\"\r\n            onClick={this.toggle}\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width=\"16\"\r\n              height=\"16\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\r\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\r\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\r\n            </svg>\r\n          </button>\r\n        </slot>\r\n        <div\r\n          class=\"panel\"\r\n          role=\"tooltip\"\r\n          aria-hidden={String(!this.isOpen)}\r\n        >\r\n          {this.description && <p>{this.description}</p>}\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGAGA,MAAMA,EAAmD,CACvDC,IAAK,oEACLC,OAAQ,iEACRC,MAAO,kEACPC,IAAK,kEAGA,MAAMC,EAAkB,CAACC,EAAiBC,KAC/C,MAAMC,EAAWR,EAAeO,GAEhC,MAAO,mkBAuBHE,EAAc,6CAEHH,EAAS,QAAU,6CAE5BE,kqBAqBFE,EAAsB,iBACzB,E,MCjDUC,EAAW,MAJxB,WAAAC,CAAAC,G,UAQUC,KAAAP,UAA8B,SAMbO,KAAAC,MAAe,OAEvBD,KAAAR,OAAkB,MAoB3BQ,KAAAE,OAAS,KACfF,KAAKR,QAAUQ,KAAKR,MAAM,C,CAlB5B,mBAAAW,CAAoBC,GAClB,GAAIA,EAAEC,MAAQ,UAAYL,KAAKR,OAAQ,CACrCQ,KAAKR,OAAS,K,EAKlB,uBAAAc,CAAwBF,GACtB,IAAKJ,KAAKR,OAAQ,CAChB,M,CAGF,IAAKY,EAAEG,eAAeC,SAASR,KAAKS,MAAO,CACzCT,KAAKR,OAAS,K,EAQlB,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAP,IAAA,wDAAaL,KAAKC,OACrBU,EAAA,SAAAN,IAAA,2CAAOQ,UAAWtB,EAAgBS,KAAKR,OAAQQ,KAAKP,aACpDkB,EAAA,QAAAN,IAAA,2CAAMS,KAAK,UACTH,EAAA,UAAAN,IAAA,2CACEU,MAAM,UACNC,KAAK,SAAQ,gBACEC,OAAOjB,KAAKR,QAAO,gBACpB,OACd0B,QAASlB,KAAKE,QAEdS,EAAA,OAAAN,IAAA,2CACEc,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,QAAO,cACX,QAEZb,EAAA,UAAAN,IAAA,2CAAQoB,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BhB,EAAA,QAAAN,IAAA,2CAAMuB,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,OAChCpB,EAAA,QAAAN,IAAA,2CAAMuB,GAAG,KAAKC,GAAG,KAAKC,GAAG,QAAQC,GAAG,UAI1CpB,EAAA,OAAAN,IAAA,2CACEU,MAAM,QACNiB,KAAK,UAAS,cACDf,QAAQjB,KAAKR,SAEzBQ,KAAKiC,aAAetB,EAAA,KAAAN,IAAA,4CAAIL,KAAKiC,aAC9BtB,EAAA,QAAAN,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-ed4017f0.js

@@ -1,3 +0,0 @@
-const e="diwa-components";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:false,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var s="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var i=new WeakMap;var o=e=>i.get(e);var a=(e,t)=>{i.set(t.t=e,t)};var f=(e,t)=>{const r={l:0,$hostElement$:e,i:t,o:new Map};{r.u=new Promise((e=>r.v=e))}{r.p=new Promise((e=>r.h=e));e["s-p"]=[];e["s-rc"]=[]}const n=i.set(e,r);return n};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var v=new Map;var d=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const s=e.$;if(!s){return void 0}const l=v.get(s);if(l){return l[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{v.set(s,e)}return e[n]}),u)};var p="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m="http://www.w3.org/1999/xlink";var b=typeof window!=="undefined"?window:{};var y=b.document||{head:{}};var w={l:0,j:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var g=(()=>{let e=false;try{y.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var $=e=>Promise.resolve(e);var j=false;var S=[];var k=[];var O=(e,t)=>r=>{e.push(r);if(!j){j=true;if(t&&w.l&4){D(C)}else{w.raf(C)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var C=()=>{x(S);{x(k);if(j=S.length>0){w.raf(C)}}};var D=e=>$().then(e);var L=O(k,true);var T=e=>{e=typeof e;return e==="object"||e==="function"};function E(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var R={};n(R,{err:()=>M,map:()=>P,ok:()=>F,unwrap:()=>N,unwrapErr:()=>U});var F=e=>({isOk:true,isErr:false,value:e});var M=e=>({isOk:false,isErr:true,value:e});function P(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>F(e)))}else{return F(r)}}if(e.isErr){const t=e.value;return M(t)}throw"should never get here"}var N=e=>{if(e.isOk){return e.value}else{throw e.value}};var U=e=>{if(e.isErr){return e.value}else{throw e.value}};var A=(e,t,...r)=>{let n=null;let s=null;let l=false;let i=false;const o=[];const a=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){a(n)}else if(n!=null&&typeof n!=="boolean"){if(l=typeof e!=="function"&&!T(n)){n=String(n)}if(l&&i){o[o.length-1].S+=n}else{o.push(l?W(null,n):n)}i=l}}};a(r);if(t){if(t.key){s=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,B)}const f=W(e,null);f.k=t;if(o.length>0){f.O=o}{f.C=s}return f};var W=(e,t)=>{const r={l:0,D:e,S:t,L:null,O:null};{r.k=null}{r.C=null}return r};var H={};var z=e=>e&&e.D===H;var B={forEach:(e,t)=>e.map(Q).forEach(t),map:(e,t)=>e.map(Q).map(t).map(V)};var Q=e=>({vattrs:e.k,vchildren:e.O,vkey:e.C,vname:e.T,vtag:e.D,vtext:e.S});var V=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return A(e.vtag,t,...e.vchildren||[])}const t=W(e.vtag,e.vtext);t.k=e.vattrs;t.O=e.vchildren;t.C=e.vkey;t.T=e.vname;return t};var q=(e,t,r,n,s,l)=>{if(r!==n){let i=c(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const s=I(r);let l=I(n);if(e["s-si"]){l.push(e["s-si"]);s.forEach((t=>{if(t.startsWith(e["s-si"]))l.push(t)}));l=[...new Set(l)];t.add(...l);delete e["s-si"]}else{t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(b,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const s=t.endsWith(K);t=t.replace(X,"");if(r){w.rel(e,t,r,s)}if(n){w.ael(e,t,n,s)}}}else{const a=T(n);if((i||a&&n!==null)&&!s){try{if(!e.tagName.includes("-")){const s=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else{e[t]=n}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(m,t)}else{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!a){n=n===true?"":n;if(f){e.setAttributeNS(m,t,n)}else{e.setAttribute(t,n)}}}}};var G=/\s/;var I=e=>{if(typeof e==="object"&&"baseVal"in e){e=e.baseVal}if(!e){return[]}return e.split(G)};var K="Capture";var X=new RegExp(K+"$");var _=(e,t,r)=>{const n=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const s=e&&e.k||{};const l=t.k||{};{for(const e of J(Object.keys(s))){if(!(e in l)){q(n,e,s[e],void 0,r,t.l)}}}for(const e of J(Object.keys(l))){q(n,e,s[e],l[e],r,t.l)}};function J(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Y;var Z=false;var ee=false;var te=(e,r,n)=>{const i=r.O[n];let o=0;let a;let f;if(i.S!==null){a=i.L=y.createTextNode(i.S)}else{if(!ee){ee=i.D==="svg"}a=i.L=y.createElementNS(ee?s:l,!Z&&t.slotRelocation&&i.l&2?"slot-fb":i.D);if(ee&&i.D==="foreignObject"){ee=false}{_(null,i,ee)}if(i.O){for(o=0;o<i.O.length;++o){f=te(e,i,o);if(f){a.appendChild(f)}}}{if(i.D==="svg"){ee=false}else if(a.tagName==="foreignObject"){ee=true}}}a["s-hn"]=Y;return a};var re=(e,t,r,n,s,l)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===Y){i=i.shadowRoot}for(;s<=l;++s){if(n[s]){o=te(null,r,s);if(o){n[s].L=o;ae(i,o,t)}}}};var ne=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.L;oe(t);if(e){e.remove()}}}};var se=(e,t,r,n,s=false)=>{let l=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(l<=f&&i<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=n[++i]}else if(p==null){p=n[--v]}else if(le(c,d,s)){ie(c,d,s);c=t[++l];d=n[++i]}else if(le(u,p,s)){ie(u,p,s);u=t[--f];p=n[--v]}else if(le(c,p,s)){ie(c,p,s);ae(e,c.L,u.L.nextSibling);c=t[++l];p=n[--v]}else if(le(u,d,s)){ie(u,d,s);ae(e,u.L,c.L);u=t[--f];d=n[++i]}else{o=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].C!==null&&t[a].C===d.C){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){h=te(t&&t[i],r,o)}else{ie(m,d,s);t[o]=void 0;h=m.L}d=n[++i]}else{h=te(t&&t[i],r,i);d=n[++i]}if(h){{ae(c.L.parentNode,h,c.L)}}}}if(l>f){re(e,n[v+1]==null?null:n[v+1].L,r,n,i,v)}else if(i>v){ne(t,l,f)}};var le=(e,t,r=false)=>{if(e.D===t.D){if(!r){return e.C===t.C}if(r&&!e.C&&t.C){e.C=t.C}return true}return false};var ie=(e,r,n=false)=>{const s=r.L=e.L;const l=e.O;const i=r.O;const o=r.D;const a=r.S;if(a===null){{ee=o==="svg"?true:o==="foreignObject"?false:ee}{if(o==="slot"&&!Z);else{_(e,r,ee)}}if(l!==null&&i!==null){se(s,l,r,i,n)}else if(i!==null){if(e.S!==null){s.textContent=""}re(s,null,r,i,0,i.length-1)}else if(!n&&t.updatable&&l!==null){ne(l,0,l.length-1)}if(ee&&o==="svg"){ee=false}}else if(e.S!==a){s.data=a}};var oe=e=>{{e.k&&e.k.ref&&e.k.ref(null);e.O&&e.O.map(oe)}};var ae=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var fe=(e,t,r=false)=>{const n=e.$hostElement$;const s=e.i;const l=e.R||W(null,null);const i=z(t)?t:A(null,null,t);Y=n.tagName;if(s.F){i.k=i.k||{};s.F.map((([e,t])=>i.k[t]=n[e]))}if(r&&i.k){for(const e of Object.keys(i.k)){if(n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.k[e]=n[e]}}}i.D=null;i.l|=4;e.R=i;i.L=l.L=n.shadowRoot||n;Z=(s.l&1)!==0;ie(l,i,r)};var ce=(e,t="")=>{{return()=>{}}};var ue=(e,t)=>{{return()=>{}}};var ve=(e,t)=>{if(e!=null&&!T(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var de=e=>o(e).$hostElement$;var pe=(e,t,r)=>{const n=de(e);return{emit:e=>he(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var he=(e,t,r)=>{const n=w.ce(t,r);e.dispatchEvent(n);return n};var me=new WeakMap;var be=(e,t)=>{if(t&&!e.M&&t["s-p"]){t["s-p"].push(new Promise((t=>e.M=t)))}};var ye=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}be(e,e.P);const r=()=>we(e,t);return L(r)};var we=(e,t)=>{const r=e.$hostElement$;const n=ce("scheduleUpdate",e.i.m);const s=e.t;if(!s){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.l|=256;if(e.N){e.N.map((([e,t])=>Ce(s,e,t)));e.N=void 0}}{l=Ce(s,"componentWillLoad")}}{l=ge(l,(()=>Ce(s,"componentWillRender")))}n();return ge(l,(()=>je(e,s,t)))};var ge=(e,t)=>$e(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var $e=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var je=async(e,t,r)=>{var n;const s=e.$hostElement$;const l=ce("update",e.i.m);const i=s["s-rc"];const o=ce("render",e.i.m);{Se(e,t,s,r)}if(i){i.map((e=>e()));s["s-rc"]=void 0}o();l();{const t=(n=s["s-p"])!=null?n:[];const r=()=>ke(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var Se=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{fe(e,t,n)}}}}catch(t){u(t,e.$hostElement$)}return null};var ke=e=>{const t=e.i.m;const r=e.$hostElement$;const n=ce("postUpdate",t);const s=e.t;const l=e.P;{Ce(s,"componentDidRender")}if(!(e.l&64)){e.l|=64;{De(r)}{Ce(s,"componentDidLoad")}n();{e.h(r);if(!l){xe()}}}else{{Ce(s,"componentDidUpdate")}n()}{e.v(r)}{if(e.M){e.M();e.M=void 0}if(e.l&512){D((()=>ye(e,false)))}e.l&=~(4|512)}};var Oe=e=>{{const t=o(e);const r=t.$hostElement$.isConnected;if(r&&(t.l&(2|16))===2){ye(t,false)}return r}};var xe=t=>{{De(y.documentElement)}D((()=>he(b,"appload",{detail:{namespace:e}})))};var Ce=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){u(e)}}return void 0};var De=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Le=(e,t)=>o(e).o.get(t);var Te=(e,t,r,n)=>{const s=o(e);if(!s){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const l=s.$hostElement$;const i=s.o.get(t);const a=s.l;const f=s.t;r=ve(r,n.U[t][0]);const c=Number.isNaN(i)&&Number.isNaN(r);const v=r!==i&&!c;if((!(a&8)||i===void 0)&&v){s.o.set(t,r);if(f){if(n.A&&a&128){const e=n.A[t];if(e){e.map((e=>{try{f[e](r,i,t)}catch(e){u(e,l)}}))}}if((a&(2|16))===2){ye(s,false)}}}};var Ee=(e,r,n)=>{var s,l;const i=e.prototype;if(r.U||(r.A||e.watchers)){if(e.watchers&&!r.A){r.A=e.watchers}const a=Object.entries((s=r.U)!=null?s:{});a.map((([e,[t]])=>{if(t&31||n&2&&t&32){if((t&2048)===0){Object.defineProperty(i,e,{get(){return Le(this,e)},set(t){Te(this,e,t,r)},configurable:true,enumerable:true})}else if(n&1&&t&2048){{Object.defineProperty(i,e,{get(){const t=o(this);const r=t?t.t:i;if(!r)return;return r[e]},configurable:true,enumerable:true})}if(t&4096){const t=Object.getOwnPropertyDescriptor(i,e).set;Object.defineProperty(i,e,{set(n){const s=o(this);if(t){const l=s.$hostElement$[e];if(!s.o.get(e)&&l){s.o.set(e,l)}t.apply(this,[ve(n,r.U[e][0])]);Te(this,e,s.$hostElement$[e],r);return}if(!s)return;const l=()=>{const t=s.t[e];if(!s.o.get(e)&&t){s.o.set(e,t)}s.t[e]=ve(n,r.U[e][0]);Te(this,e,s.t[e],r)};if(s.t){l()}else{s.p.then((()=>l()))}}})}}}else if(n&1&&t&64){Object.defineProperty(i,e,{value(...t){var r;const n=o(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(e,s,l){w.jmp((()=>{var a;const f=n.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){l=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==l){return}else if(f==null){const t=o(this);const n=t==null?void 0:t.l;if(n&&!(n&8)&&n&128&&l!==s){const n=t.t;const i=(a=r.A)==null?void 0:a[e];i==null?void 0:i.forEach((t=>{if(n[t]!=null){n[t].call(n,l,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,f);if(!c.get||!!c.set){this[f]=l===null&&typeof this[f]==="boolean"?false:l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=r.A)!=null?l:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const l=t[1]||e;n.set(l,e);if(t[0]&512){(s=r.F)==null?void 0:s.push([e,l])}return l}))]))}}return e};var Re=async(e,t,r,n)=>{let s;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=d(r);if(e&&"then"in e){const t=ue();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${r.m}#${t.W}" was not found`)}if(!s.isProxied){{r.A=s.watchers}Ee(s,r,2);s.isProxied=true}const n=ce("createInstance",r.m);{t.l|=8}try{new s(t)}catch(e){u(e)}{t.l&=~8}{t.l|=128}n();Fe(t.t)}else{s=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}}const l=t.P;const i=()=>ye(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Fe=e=>{{Ce(e,"connectedCallback")}};var Me=e=>{if((w.l&1)===0){const t=o(e);const r=t.i;const n=ce("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){be(t,t.P=r);break}}}if(r.U){Object.entries(r.U).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Re(e,t,r)}}else{Ae(e,t,r.H);if(t==null?void 0:t.t){Fe(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Fe(t.t)))}}n()}};var Pe=e=>{{Ce(e,"disconnectedCallback")}};var Ne=async e=>{if((w.l&1)===0){const t=o(e);{if(t.B){t.B.map((e=>e()));t.B=void 0}}if(t==null?void 0:t.t){Pe(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Pe(t.t)))}}if(me.has(e)){me.delete(e)}if(e.shadowRoot&&me.has(e.shadowRoot)){me.delete(e.shadowRoot)}};var Ue=(e,t={})=>{var r;const n=ce();const s=[];const l=t.exclude||[];const i=b.customElements;const a=y.head;const c=a.querySelector("meta[charset]");const u=y.createElement("style");const v=[];let d;let m=true;Object.assign(w,t);w.j=new URL(t.resourcesUrl||"./",y.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],U:t[2],H:t[3]};if(n.l&4){g=true}{n.U=t[2]}{n.H=t[3]}{n.F=[]}{n.A=(r=t[4])!=null?r:{}}const a=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(n.l&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ae(this,e,n.H)}if(d){clearTimeout(d);d=null}if(m){v.push(this)}else{w.jmp((()=>Me(this)))}}disconnectedCallback(){w.jmp((()=>Ne(this)));w.raf((()=>{var e;const t=o(this);if(((e=t==null?void 0:t.R)==null?void 0:e.L)instanceof Node&&!t.R.L.isConnected){delete t.R.L}}))}componentOnReady(){return o(this).p}};n.$=e[0];if(!l.includes(a)&&!i.get(a)){s.push(a);i.define(a,Ee(c,n,1))}}))}));if(s.length>0){if(g){u.textContent+=h}{u.textContent+=s.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=w.V)!=null?r:E(y);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}m=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{w.jmp((()=>d=setTimeout(xe,30)))}}n()};var Ae=(e,t,r,n)=>{if(r){r.map((([r,n,s])=>{const l=He(e,r);const i=We(t,s);const o=ze(r);w.ael(l,n,i,o);(t.B=t.B||[]).push((()=>w.rel(l,n,i,o)))}))}};var We=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.N=e.N||[]).push([t,r])}}}catch(e){u(e)}};var He=(e,t)=>{if(t&8)return b;return e};var ze=e=>g?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Be=e=>w.V=e;export{H,Ue as b,pe as c,Oe as f,de as g,A as h,$ as p,a as r,Be as s};
-//# sourceMappingURL=p-ed4017f0.js.map