@diwacopilot/components 1.2.0 → 1.2.2

package/dist/diwa-components/p-c427acf5.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-c862863d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as r}from"./p-ed4017f0.js";const d=()=>`\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, transparent);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n  }\n  ::slotted(*) {\n    --diwa-table-row-border-width: 0px;\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n`;const t=class{constructor(a){e(this,a);this.theme="dark"}render(){return a(r,{key:"519ba227e1dedb0b5e1d9e80bd4dffe07d30ecb2",role:"rowgroup","data-theme":this.theme},a("style",{key:"4688cc17dc1fdfbbbcd3fc6a47061ce47bc840a5",innerHTML:d()}),a("slot",{key:"856a4751d4e1a3df7209bac4ac4eb7dceb362b0e"}))}};export{t as diwa_table_head};
-//# sourceMappingURL=p-c862863d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","DiwaTableHead","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-head/diwa-table-head-styles.ts","src/components/diwa-table-head/diwa-table-head.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, transparent);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n  }\n  ::slotted(*) {\n    --diwa-table-row-border-width: 0px;\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-head-styles';\r\n\r\n/** @component diwa-table-head — Maps to <thead> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-head', shadow: true })\r\nexport class DiwaTableHead {\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,wjB,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-c9ec0829.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const c=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(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 t="desc";const a="msg";return e(i,{key:"7e2fc2fb4d5bc3a2d0626195ba455534c0b31cd9","data-theme":this.theme},e("style",{key:"297bf17e809ef4cb24527150bd10d527372f6ec4",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"40f803796b2ad4826bf1a29d2c1a64f036250e4a",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"9efbe4ef3d630d871e7f8f769f52e6a1b1643c96",class:"label-row"},e("label",{key:"fb435d70eb71b86cc52a595652ecf65ca79ee687",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"75b7ca7a155ce5b928e7c0b53c7b234045feab53",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"f6b1b3db76a7b1710204d1a1d773ff1f0e604011",name:"label-after"})),e("div",{key:"8dc462e725448e63fbbe4c9b567ef297cc446d53",class:"input-wrapper"},this._hasStart&&e("div",{key:"8705f9b3f279a000535818917f2e7c6ecbf83474",class:"slot-start"},e("slot",{key:"1f6e208903529967ce7937abf887d951101fe6b7",name:"start"})),e("input",{key:"2f5125325f6d05a89d9cb44036db46ca84ee54e3",id:s,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?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"3b7cbeb4a6bda91bcc9104d01b93ddb2aec29ad8",class:"slot-end"},e("slot",{key:"1768bad83b473f6c765da4b8b3823423472c6c06",name:"end"}))),!this.message&&this.description&&e("p",{key:"7e728724297c93a9c46af72520d8b7f398a4e0fa",id:t,class:"description"},this.description),this.message&&e("p",{key:"96ba5eac1ac8d60a78d82cccbefda43daf109cdc",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{c as diwa_input_month};
-//# sourceMappingURL=p-c9ec0829.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputMonth","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","min","max","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus"],"sources":["src/components/diwa-input-month/diwa-input-month.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-month-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-month',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputMonth {\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  /** Minimum month in YYYY-MM format. */\r\n  @Prop() min?: string;\r\n  /** Maximum month in YYYY-MM format. */\r\n  @Prop() max?: string;\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=\"month\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              min={this.min}\r\n              max={this.max}\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":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as n,H as a}from"./p-ed4017f0.js";const i=e=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .list {\n    margin: 0;\n    padding: 0;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    line-height: var(--diwa-line-height-normal);\n    ${e==="inline"?"":"padding-inline-start: 1.25em;"}\n    ${e==="inline"?"list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;":""}\n  }\n`;const t=class{constructor(n){e(this,n);this.theme="dark";this.type="unordered"}render(){const e=this.type==="ordered"?"ol":"ul";return n(a,{key:"c7fa29c59cb816732f14a435da9766dd6a888986","data-theme":this.theme},n("style",{key:"32358a312591f433febdc699b9400c897e57b48c",innerHTML:i(this.type)}),n(e,{key:"fbe6590f1088ebf717de49fb2c94a884eb7347c2",class:"list"},n("slot",{key:"2e76f4e0b16e2a7361fe09f9b553554f22a4341f"})))}};export{t as diwa_text_list};
-//# sourceMappingURL=p-d57421af.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","type","DiwaTextList","constructor","hostRef","this","theme","render","Tag","h","Host","key","innerHTML","class"],"sources":["src/components/diwa-text-list/diwa-text-list-styles.ts","src/components/diwa-text-list/diwa-text-list.tsx"],"sourcesContent":["import type { TextListType } from './types';\r\n\r\nexport const getComponentCss = (type: TextListType): string => `\r\n  :host {\r\n    display: block;\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  .list {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--diwa-text-primary);\r\n    font-size: var(--diwa-font-size-base);\r\n    line-height: var(--diwa-line-height-normal);\r\n    ${type === 'inline' ? '' : 'padding-inline-start: 1.25em;'}\r\n    ${type === 'inline' ? 'list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;' : ''}\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { TextListType } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-text-list-styles';\r\n\r\n/**\r\n * @component diwa-text-list\r\n *\r\n * A styled list that renders as `<ul>`, `<ol>`, or an inline flex row depending\r\n * on the `type` prop. Accepts `diwa-text-list-item` children in the default slot.\r\n *\r\n * Usage:\r\n *   <diwa-text-list>\r\n *     <diwa-text-list-item>First item</diwa-text-list-item>\r\n *     <diwa-text-list-item>Second item</diwa-text-list-item>\r\n *   </diwa-text-list>\r\n *\r\n * @slot default — diwa-text-list-item elements.\r\n */\r\n@Component({\r\n  tag: 'diwa-text-list',\r\n  shadow: true,\r\n})\r\nexport class DiwaTextList {\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /**\r\n   * List style.\r\n   * - `unordered` — bullet points (`<ul>`)\r\n   * - `ordered` — numbered list (`<ol>`)\r\n   * - `inline` — comma/space separated flex row (`<ul>` without markers)\r\n   */\r\n  @Prop({ reflect: true }) type: TextListType = 'unordered';\r\n\r\n  render() {\r\n    const Tag = this.type === 'ordered' ? 'ol' : 'ul';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.type)} />\r\n        <Tag class=\"list\">\r\n          <slot />\r\n        </Tag>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAEO,MAAMA,EAAmBC,GAA+B,gUAgBzDA,IAAS,SAAW,GAAK,wCACzBA,IAAS,SAAW,qEAAuE,Y,MCIpFC,EAAY,MAJzB,WAAAC,CAAAC,G,UAM2BC,KAAAC,MAAe,OAQfD,KAAAJ,KAAqB,W,CAE9C,MAAAM,GACE,MAAMC,EAAMH,KAAKJ,OAAS,UAAY,KAAO,KAE7C,OACEQ,EAACC,EAAI,CAAAC,IAAA,wDAAaN,KAAKC,OACrBG,EAAA,SAAAE,IAAA,2CAAOC,UAAWZ,EAAgBK,KAAKJ,QACvCQ,EAACD,EAAG,CAAAG,IAAA,2CAACE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8C","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-e23fbe5f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as n,H as s,g as a}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .stepper {\n    display: flex;\n    align-items: flex-start;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .stepper::-webkit-scrollbar {\n    display: none;\n  }\n`;const r=class{constructor(n){e(this,n);this.update=t(this,"update",1);this.theme="dark";this.activeStepIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-stepper-horizontal-item"))}syncItems(){const e=this.getItems();const t=e.length;e.forEach(((e,n)=>{if(n<this.activeStepIndex){e.state="complete"}else if(n===this.activeStepIndex){e.state="current"}else{e.state="incomplete"}e.stepNumber=n+1;e.isLast=n===t-1}))}render(){return n(s,{key:"2f3e3ab9f5968923e59b4d11016a034a44936165","data-theme":this.theme},n("style",{key:"ec8979d4bd2b04cd3b416fabf6f03d1f997842e9",innerHTML:i()}),n("div",{key:"77a3700aeded2ff1b69d8dd94482e55aeb48531d",class:"stepper",role:"list","aria-label":"Progress"},n("slot",{key:"29b9e4804e4451b008f602cc205a1532b663b2f9"})))}get host(){return a(this)}static get watchers(){return{activeStepIndex:["handleIndexChange"]}}};export{r as diwa_stepper_horizontal};
-//# sourceMappingURL=p-e23fbe5f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","DiwaStepperHorizontal","constructor","hostRef","this","theme","activeStepIndex","handleIndexChange","syncItems","componentDidLoad","componentDidUpdate","getItems","Array","from","host","querySelectorAll","items","total","length","forEach","item","i","state","stepNumber","isLast","render","h","Host","key","innerHTML","class","role"],"sources":["src/components/diwa-stepper-horizontal/diwa-stepper-horizontal-styles.ts","src/components/diwa-stepper-horizontal/diwa-stepper-horizontal.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host {\r\n    display: block;\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  .stepper {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .stepper::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { StepperHorizontalUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-stepper-horizontal-styles';\r\n\r\n/**\r\n * @component diwa-stepper-horizontal\r\n *\r\n * Displays a horizontal sequence of steps, indicating progress through a\r\n * multi-step workflow. Accepts `diwa-stepper-horizontal-item` children and\r\n * manages their `state` (complete/current/incomplete) based on `activeStepIndex`.\r\n *\r\n * Usage:\r\n *   <diwa-stepper-horizontal active-step-index={1}>\r\n *     <diwa-stepper-horizontal-item>Account</diwa-stepper-horizontal-item>\r\n *     <diwa-stepper-horizontal-item>Details</diwa-stepper-horizontal-item>\r\n *     <diwa-stepper-horizontal-item>Review</diwa-stepper-horizontal-item>\r\n *   </diwa-stepper-horizontal>\r\n */\r\n@Component({\r\n  tag: 'diwa-stepper-horizontal',\r\n  shadow: true,\r\n})\r\nexport class DiwaStepperHorizontal {\r\n  @Element() host!: HTMLDiwaStepperHorizontalElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Zero-based index of the current active step. */\r\n  @Prop({ mutable: true, attribute: 'active-step-index' })\r\n  activeStepIndex: number = 0;\r\n\r\n  /**\r\n   * Emitted when the active step index changes (e.g. the consumer calls\r\n   * next/prev). This component does not auto-advance — use this event\r\n   * to update `activeStepIndex` externally.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<StepperHorizontalUpdateEventDetail>;\r\n\r\n  @Watch('activeStepIndex')\r\n  handleIndexChange() {\r\n    this.syncItems();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.syncItems();\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.syncItems();\r\n  }\r\n\r\n  private getItems(): HTMLDiwaStepperHorizontalItemElement[] {\r\n    return Array.from(\r\n      this.host.querySelectorAll('diwa-stepper-horizontal-item'),\r\n    ) as HTMLDiwaStepperHorizontalItemElement[];\r\n  }\r\n\r\n  private syncItems() {\r\n    const items = this.getItems();\r\n    const total = items.length;\r\n    items.forEach((item, i) => {\r\n      if (i < this.activeStepIndex) {\r\n        (item as any).state = 'complete';\r\n      } else if (i === this.activeStepIndex) {\r\n        (item as any).state = 'current';\r\n      } else {\r\n        (item as any).state = 'incomplete';\r\n      }\r\n      (item as any).stepNumber = i + 1;\r\n      (item as any).isLast = i === total - 1;\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <div class=\"stepper\" role=\"list\" aria-label=\"Progress\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAO,MAAMA,EAAkB,IAAc,gU,MCuBhCC,EAAqB,MAJlC,WAAAC,CAAAC,G,yCAQ2BC,KAAAC,MAAe,OAIxCD,KAAAE,gBAA0B,C,CAW1B,iBAAAC,GACEH,KAAKI,W,CAGP,gBAAAC,GACEL,KAAKI,W,CAGP,kBAAAE,GACEN,KAAKI,W,CAGC,QAAAG,GACN,OAAOC,MAAMC,KACXT,KAAKU,KAAKC,iBAAiB,gC,CAIvB,SAAAP,GACN,MAAMQ,EAAQZ,KAAKO,WACnB,MAAMM,EAAQD,EAAME,OACpBF,EAAMG,SAAQ,CAACC,EAAMC,KACnB,GAAIA,EAAIjB,KAAKE,gBAAiB,CAC3Bc,EAAaE,MAAQ,U,MACjB,GAAID,IAAMjB,KAAKE,gBAAiB,CACpCc,EAAaE,MAAQ,S,KACjB,CACJF,EAAaE,MAAQ,Y,CAEvBF,EAAaG,WAAaF,EAAI,EAC9BD,EAAaI,OAASH,IAAMJ,EAAQ,CAAC,G,CAI1C,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaxB,KAAKC,OACrBqB,EAAA,SAAAE,IAAA,2CAAOC,UAAW7B,MAClB0B,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,OAAM,aAAY,YAC1CL,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as n,c as i,h as r,H as t}from"./p-ed4017f0.js";import{b as e,g as o,a}from"./p-70bbb21a.js";const s=n=>{const i=n==="success"?"var(--diwa-notification-success)":n==="error"?"var(--diwa-notification-error)":n==="warning"?"var(--diwa-notification-warning)":n==="info"?"var(--diwa-notification-info)":"var(--diwa-text-secondary)";const r=n==="success"?"var(--diwa-notification-success-soft)":n==="error"?"var(--diwa-notification-error-soft)":n==="warning"?"var(--diwa-notification-warning-soft)":n==="info"?"var(--diwa-notification-info-soft)":"var(--diwa-bg-elevated)";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    pointer-events: all;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .toast {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    min-width: var(--diwa-toast-min-width);\n    max-width: var(--diwa-toast-max-width);\n    padding: var(--diwa-space-4);\n    border-radius: var(--diwa-radius-md);\n    background: ${r};\n    border: var(--diwa-border-width-thin) solid ${i};\n    box-shadow: var(--diwa-shadow-md);\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\n  }\n\n  @keyframes slideIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .icon {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    color: ${i};\n  }\n\n  .text {\n    flex: 1;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n  }\n\n  .close {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    border: none;\n    background: transparent;\n    color: var(--diwa-text-secondary);\n    cursor: pointer;\n    border-radius: var(--diwa-radius-sm);\n    padding: 0;\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${e(".close","color: var(--diwa-text-primary);")}\n\n  ${o(".close")}\n\n  ${a(".toast",".close")}\n  `};const c={neutral:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6.5"/><line x1="8" y1="5" x2="8" y2="8.5"/><circle cx="8" cy="11" r="0.75" fill="currentColor" stroke="none"/></svg>`,info:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6.5"/><line x1="8" y1="5" x2="8" y2="8.5"/><circle cx="8" cy="11" r="0.75" fill="currentColor" stroke="none"/></svg>`,success:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6.5"/><polyline points="5,8 7,10 11,6"/></svg>`,warning:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 2.5L14 13H2L8 2.5Z"/><line x1="8" y1="6.5" x2="8" y2="9.5"/><circle cx="8" cy="11.5" r="0.75" fill="currentColor" stroke="none"/></svg>`,error:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6.5"/><line x1="5.5" y1="5.5" x2="10.5" y2="10.5"/><line x1="10.5" y1="5.5" x2="5.5" y2="10.5"/></svg>`};const d=`<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg>`;const l=class{constructor(r){n(this,r);this.dismiss=i(this,"dismiss",1);this.theme="dark";this.text="";this.state="neutral";this.handleClose=()=>{this.dismiss.emit()}}render(){return r(t,{key:"ac3356dce41b1ac82ce382cde9124ca1cbd9c898","data-theme":this.theme},r("style",{key:"44040474045678ea79593ba6053397bd6b3630ae",innerHTML:s(this.state)}),r("div",{key:"820679f0b38a44423bfda716b37713f0499a97c1",class:"toast"},r("span",{key:"b9a8da840cdd18267948cb651b1356ed822c36fd",class:"icon","aria-hidden":"true",innerHTML:c[this.state]}),r("span",{key:"628088dc4193bebb1f574eab30d9ea17f543f22e",class:"text"},this.text),r("button",{key:"51bb1b6d997d2a1e990480ffbf34f0d1b1a0a278",type:"button",class:"close","aria-label":"Dismiss notification",onClick:this.handleClose,innerHTML:d})))}static get delegatesFocus(){return true}};export{l as diwa_toast_item};
-//# sourceMappingURL=p-e6f7dd21.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","state","stateColor","stateBg","getHoverCapableStyle","getFocusStyle","getReducedMotionStyle","STATE_ICONS","neutral","info","success","warning","error","CLOSE_ICON","DiwaToastItem","constructor","hostRef","this","theme","text","handleClose","dismiss","emit","render","h","Host","key","innerHTML","class","type","onClick"],"sources":["src/components/diwa-toast-item/diwa-toast-item-styles.ts","src/components/diwa-toast-item/diwa-toast-item.tsx"],"sourcesContent":["import type { ToastState } from './types';\r\nimport { getFocusStyle, getHoverCapableStyle, getReducedMotionStyle } from '../../utils/styles';\n\r\nexport const getComponentCss = (state: ToastState): string => {\r\n  const stateColor =\r\n    state === 'success'\r\n      ? 'var(--diwa-notification-success)'\r\n      : state === 'error'\r\n        ? 'var(--diwa-notification-error)'\r\n        : state === 'warning'\r\n          ? 'var(--diwa-notification-warning)'\r\n          : state === 'info'\r\n            ? 'var(--diwa-notification-info)'\r\n            : 'var(--diwa-text-secondary)';\r\n\r\n  const stateBg =\r\n    state === 'success'\r\n      ? 'var(--diwa-notification-success-soft)'\r\n      : state === 'error'\r\n        ? 'var(--diwa-notification-error-soft)'\r\n        : state === 'warning'\r\n          ? 'var(--diwa-notification-warning-soft)'\r\n          : state === 'info'\r\n            ? 'var(--diwa-notification-info-soft)'\r\n            : 'var(--diwa-bg-elevated)';\r\n\r\n  return `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    pointer-events: all;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .toast {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    min-width: var(--diwa-toast-min-width);\r\n    max-width: var(--diwa-toast-max-width);\r\n    padding: var(--diwa-space-4);\r\n    border-radius: var(--diwa-radius-md);\r\n    background: ${stateBg};\r\n    border: var(--diwa-border-width-thin) solid ${stateColor};\r\n    box-shadow: var(--diwa-shadow-md);\r\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\r\n  }\r\n\r\n  @keyframes slideIn {\r\n    from { opacity: 0; transform: translateY(8px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .icon {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    color: ${stateColor};\r\n  }\r\n\r\n  .text {\r\n    flex: 1;\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-primary);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .close {\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    border: none;\r\n    background: transparent;\r\n    color: var(--diwa-text-secondary);\r\n    cursor: pointer;\r\n    border-radius: var(--diwa-radius-sm);\r\n    padding: 0;\r\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${getHoverCapableStyle('.close', 'color: var(--diwa-text-primary);')}\n\r\n  ${getFocusStyle('.close')}\r\n\r\n  ${getReducedMotionStyle('.toast', '.close')}\n  `;\n};\n","import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { ToastState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-item-styles';\r\n\r\nconst STATE_ICONS: Record<ToastState, string> = {\r\n  neutral: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  info: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  success: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><polyline points=\"5,8 7,10 11,6\"/></svg>`,\r\n  warning: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M8 2.5L14 13H2L8 2.5Z\"/><line x1=\"8\" y1=\"6.5\" x2=\"8\" y2=\"9.5\"/><circle cx=\"8\" cy=\"11.5\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  error: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"5.5\" y1=\"5.5\" x2=\"10.5\" y2=\"10.5\"/><line x1=\"10.5\" y1=\"5.5\" x2=\"5.5\" y2=\"10.5\"/></svg>`,\r\n};\r\n\r\nconst CLOSE_ICON = `<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"4\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"4\" x2=\"4\" y2=\"12\"/></svg>`;\r\n\r\n/**\r\n * @component diwa-toast-item\r\n *\r\n * Renders a single toast notification. Managed by `diwa-toast` — do not\r\n * use this component directly; use `diwa-toast.addMessage()` instead.\r\n */\r\n@Component({\r\n  tag: 'diwa-toast-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaToastItem {\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Message text to display. */\r\n  @Prop() text: string = '';\r\n\r\n  /** Visual state affecting icon and colour. */\r\n  @Prop({ reflect: true }) state: ToastState = 'neutral';\r\n\r\n  /**\r\n   * Emitted when the user dismisses the toast or the auto-dismiss timer fires.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  dismiss!: EventEmitter<void>;\r\n\r\n  private handleClose = () => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state)} />\r\n        <div class=\"toast\">\r\n          <span class=\"icon\" aria-hidden=\"true\" innerHTML={STATE_ICONS[this.state]} />\r\n          <span class=\"text\">{this.text}</span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"close\"\r\n            aria-label=\"Dismiss notification\"\r\n            onClick={this.handleClose}\r\n            innerHTML={CLOSE_ICON}\r\n          />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sGAGO,MAAMA,EAAmBC,IAC9B,MAAMC,EACJD,IAAU,UACN,mCACAA,IAAU,QACR,iCACAA,IAAU,UACR,mCACAA,IAAU,OACR,gCACA,6BAEZ,MAAME,EACJF,IAAU,UACN,wCACAA,IAAU,QACR,sCACAA,IAAU,UACR,wCACAA,IAAU,OACR,qCACA,0BAEZ,MAAO,ubAmBSE,uDACgCD,iXAcrCA,qlBA0BTE,EAAqB,SAAU,4CAE/BC,EAAc,kBAEdC,EAAsB,SAAU,eACjC,ECtFH,MAAMC,EAA0C,CAC9CC,QAAS,4QACTC,KAAM,4QACNC,QAAS,8NACTC,QAAS,kRACTC,MAAO,+PAGT,MAAMC,EAAa,+M,MAYNC,EAAa,MAJ1B,WAAAC,CAAAC,G,2CAM2BC,KAAAC,MAAe,OAGhCD,KAAAE,KAAe,GAGEF,KAAAhB,MAAoB,UAQrCgB,KAAAG,YAAc,KACpBH,KAAKI,QAAQC,MAAM,C,CAGrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaT,KAAKC,OACrBM,EAAA,SAAAE,IAAA,2CAAOC,UAAW3B,EAAgBiB,KAAKhB,SACvCuB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAM,cAAa,OAAOD,UAAWpB,EAAYU,KAAKhB,SAClEuB,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQX,KAAKE,MACzBK,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLD,MAAM,QAAO,aACF,uBACXE,QAASb,KAAKG,YACdO,UAAWd,K","ignoreList":[]}

package/dist/diwa-components/p-ecb1eabd.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 d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=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:"590c42b8ac5040423364e94c2d609103ffe679c0","data-theme":this.theme},t("style",{key:"a9c044a7601adccaec56dfb2f75e97654811c008",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"a3044568670138fd9bda11db72fdc78b84b1d59d",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"8eae3be59f2aeba38a828e11c041553812eb6837",class:"label-row"},t("label",{key:"bcad9a73a6394266ba095b9bcde4bf68d11c80de",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"271654dd6fafa2d754ae9b99e9428dac0d467033",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"21cfdf2bcbf1ea587ef71fde155b149c7103f93d",name:"label-after"})),t("div",{key:"f9ee735610383bfd8efc1a1228929c211572f1e3",class:"input-wrapper"},this._hasStart&&t("div",{key:"41b6d07e9870cad44306fe45e41d9f918bb6558c",class:"slot-start"},t("slot",{key:"10166490543f315e2fc5001dfd43e61291251099",name:"start"})),t("input",{key:"8c9bde6aff78aca34d962d0ca514848bff75ed66",id:s,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?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"170d89de3bf6b4482c7447759f5629ab9bc33510",class:"slot-end"},t("slot",{key:"816d59e53641c03eb1d5be6562e7cd8430e9af47",name:"end"}))),!this.message&&this.description&&t("p",{key:"02200cedb485798bb1de48d4cc51f58ea2db1e97",id:e,class:"description"},this.description),this.message&&t("p",{key:"6257763b76659c43f045ac9c7740eb55a1ee6255",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_time};
-//# sourceMappingURL=p-ecb1eabd.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputTime","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","min","max","step","String","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus"],"sources":["src/components/diwa-input-time/diwa-input-time.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-time-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-time',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputTime {\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  /** Minimum time in HH:MM format. */\r\n  @Prop() min?: string;\r\n  /** Maximum time in HH:MM format. */\r\n  @Prop() max?: string;\r\n  /** Step in seconds. */\r\n  @Prop() step?: number;\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=\"time\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              min={this.min}\r\n              max={this.max}\r\n              step={this.step !== undefined ? String(this.step) : undefined}\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":"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","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