@esri/calcite-components 2.2.0-next.8 → 2.2.0-next.9

package/dist/calcite/p-33df7b6d.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-import{r as t,c as o,h as a,H as e,g as i}from"./p-b09a549d.js";import{c as s,d as n}from"./p-ab609a37.js";import{s as r}from"./p-56a2a311.js";import{s as c,a as d,c as l}from"./p-6685dcc0.js";import{c as p,d as h}from"./p-b3a13c43.js";import{u,c as x,d as g,s as f}from"./p-ddcd597d.js";import{t as b,E as m}from"./p-7a35294d.js";import{c as w}from"./p-39c97773.js";import"./p-85f6ece8.js";import"./p-178a3e1d.js";import"./p-2c949afb.js";import"./p-02abadd4.js";import"./p-f3fa03f4.js";const y={actionGroupEnd:"action-group--end",container:"container"};const v={expandTooltip:"expand-tooltip"};const j=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-color-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(a){t(this,a);this.calciteActionPadToggle=o(this,"calciteActionPadToggle",6);this.mutationObserver=w("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const o=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!o.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionPadToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(o)};this.handleTooltipSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=o[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.expandTooltip=undefined;this.effectiveLocale="";this.defaultMessages=undefined}expandedHandler(t){b({el:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){s(this);p(this);x(this)}disconnectedCallback(){h(this);g(this);n(this)}async componentWillLoad(){c(this);const{el:t,expanded:o}=this;b({el:t,expanded:o});await f(this)}componentDidLoad(){d(this)}async setFocus(){await l(this);this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:o,messages:e,el:i,position:s,toggleExpand:n,scale:r,layout:c,actionsEndGroupLabel:d}=this;const l=!o?a(m,{collapseText:e.collapse,el:i,expandText:e.expand,expanded:t,position:s,scale:r,toggle:n,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return l?a("calcite-action-group",{class:y.actionGroupEnd,label:d,layout:c,scale:r},a("slot",{name:v.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),l):null}render(){return a(e,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},a("div",{class:y.container},a("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=j;export{k as calcite_action_pad};
-//# sourceMappingURL=p-33df7b6d.entry.js.map

package/dist/calcite/p-33df7b6d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","actionGroupEnd","container","SLOTS","expandTooltip","actionPadCss","ActionPad","this","mutationObserver","createObserver","setGroupLayout","Array","from","el","querySelectorAll","actionMenuOpenHandler","event","target","menuOpen","composedPath","forEach","group","includes","toggleExpand","expanded","calciteActionPadToggle","emit","setExpandToggleRef","expandToggleEl","handleDefaultSlotChange","groups","slotChangeGetAssignedElements","filter","matches","handleTooltipSlotChange","tooltips","expandedHandler","toggleChildActionText","layoutHandler","updateGroups","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","setFocus","componentFocusable","focus","layout","renderBottomActionGroup","expandDisabled","messages","position","scale","actionsEndGroupLabel","expandToggleNode","h","ExpandToggle","collapseText","collapse","expandText","expand","toggle","tooltip","ref","class","label","name","onSlotchange","render","Host","onCalciteActionMenuOpen"],"sources":["src/components/action-pad/resources.ts","src/components/action-pad/action-pad.scss?tag=calcite-action-pad&encapsulation=shadow","src/components/action-pad/action-pad.tsx"],"sourcesContent":["export const CSS = {\n  actionGroupEnd: \"action-group--end\",\n  container: \"container\",\n};\n\nexport const SLOTS = {\n  expandTooltip: \"expand-tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-pad-expanded-max-width: optionally specify the expanded max width of the action pad when in \"vertical\" layout.\n */\n\n:host {\n  @extend %component-host;\n  @apply animate-in block rounded-sm;\n  --calcite-action-pad-expanded-max-width: auto;\n  background: transparent;\n}\n\n:host([expanded][layout=\"vertical\"]) .container {\n  max-inline-size: var(--calcite-action-pad-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  @apply border-color-3\n  border-0\n  border-b\n  border-solid\n  pb-0 pt-0;\n}\n\n.container {\n  @apply bg-background\n  shadow-2\n  inline-flex\n  flex-col\n  overflow-y-auto\n  rounded;\n}\n\n.action-group--bottom {\n  @apply flex-grow justify-end pb-0;\n}\n\n:host([layout=\"horizontal\"]) {\n  .container {\n    @apply flex-row;\n    .action-group--bottom {\n      @apply p-0;\n    }\n    ::slotted(calcite-action-group) {\n      @apply border-0\n      p-0;\n      border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n    }\n  }\n}\n\n::slotted(calcite-action-group:last-child) {\n  @apply border-b-0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { ActionPadMessages } from \"./assets/action-pad/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n\n/**\n * @slot - A slot for adding `calcite-action`s to the component.\n * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.\n */\n@Component({\n  tag: \"calcite-action-pad\",\n  styleUrl: \"action-pad.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class ActionPad\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the accessible label for the last action-group.\n   */\n  @Prop() actionsEndGroupLabel: string;\n\n  /**\n   * When `true`, the expand-toggling behavior is disabled.\n   */\n  @Prop({ reflect: true }) expandDisabled = false;\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(expanded: boolean): void {\n    toggleChildActionText({ el: this.el, expanded });\n  }\n\n  /**\n   * Indicates the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.updateGroups();\n  }\n\n  /**\n   * Arranges the component depending on the element's `dir` property.\n   */\n  @Prop({ reflect: true }) position: Position;\n\n  /**\n   * Specifies the size of the expand `calcite-action`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionPadMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ActionPadMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the `expanded` property is toggled.\n   */\n  @Event({ cancelable: false }) calciteActionPadToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionPadElement;\n\n  @State() expandTooltip: HTMLCalciteTooltipElement;\n\n  mutationObserver = createObserver(\"mutation\", () =>\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\"))),\n  );\n\n  expandToggleEl: HTMLCalciteActionElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionPadMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  actionMenuOpenHandler = (event: CustomEvent<void>): void => {\n    if ((event.target as HTMLCalciteActionGroupElement).menuOpen) {\n      const composedPath = event.composedPath();\n      Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n        if (!composedPath.includes(group)) {\n          group.menuOpen = false;\n        }\n      });\n    }\n  };\n\n  toggleExpand = (): void => {\n    this.expanded = !this.expanded;\n    this.calciteActionPadToggle.emit();\n  };\n\n  setExpandToggleRef = (el: HTMLCalciteActionElement): void => {\n    this.expandToggleEl = el;\n  };\n\n  updateGroups(): void {\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\")));\n  }\n\n  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void {\n    groups.forEach((group) => (group.layout = this.layout));\n  }\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const groups = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.matches(\"calcite-action-group\"),\n    ) as HTMLCalciteActionGroupElement[];\n\n    this.setGroupLayout(groups);\n  };\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.matches(\"calcite-tooltip\"),\n    ) as HTMLCalciteTooltipElement[];\n\n    this.expandTooltip = tooltips[0];\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBottomActionGroup(): VNode {\n    const {\n      expanded,\n      expandDisabled,\n      messages,\n      el,\n      position,\n      toggleExpand,\n      scale,\n      layout,\n      actionsEndGroupLabel,\n    } = this;\n\n    const expandToggleNode = !expandDisabled ? (\n      <ExpandToggle\n        collapseText={messages.collapse}\n        el={el}\n        expandText={messages.expand}\n        expanded={expanded}\n        position={position}\n        scale={scale}\n        toggle={toggleExpand}\n        tooltip={this.expandTooltip}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setExpandToggleRef}\n      />\n    ) : null;\n\n    return expandToggleNode ? (\n      <calcite-action-group\n        class={CSS.actionGroupEnd}\n        label={actionsEndGroupLabel}\n        layout={layout}\n        scale={scale}\n      >\n        <slot name={SLOTS.expandTooltip} onSlotchange={this.handleTooltipSlotChange} />\n        {expandToggleNode}\n      </calcite-action-group>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Host onCalciteActionMenuOpen={this.actionMenuOpenHandler}>\n        <div class={CSS.container}>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n          {this.renderBottomActionGroup()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;ueAAO,MAAMA,EAAM,CACjBC,eAAgB,oBAChBC,UAAW,aAGN,MAAMC,EAAQ,CACnBC,cAAe,kBCNjB,MAAMC,EAAe,0hD,MCmDRC,EAAS,M,wFAyFpBC,KAAAC,iBAAmBC,EAAe,YAAY,IAC5CF,KAAKG,eAAeC,MAAMC,KAAKL,KAAKM,GAAGC,iBAAiB,4BAiE1DP,KAAAQ,sBAAyBC,IACvB,GAAKA,EAAMC,OAAyCC,SAAU,CAC5D,MAAMC,EAAeH,EAAMG,eAC3BR,MAAMC,KAAKL,KAAKM,GAAGC,iBAAiB,yBAAyBM,SAASC,IACpE,IAAKF,EAAaG,SAASD,GAAQ,CACjCA,EAAMH,SAAW,K,OAMzBX,KAAAgB,aAAe,KACbhB,KAAKiB,UAAYjB,KAAKiB,SACtBjB,KAAKkB,uBAAuBC,MAAM,EAGpCnB,KAAAoB,mBAAsBd,IACpBN,KAAKqB,eAAiBf,CAAE,EAW1BN,KAAAsB,wBAA2Bb,IACzB,MAAMc,EAASC,EAA8Bf,GAAOgB,QACjDnB,GAAOA,GAAIoB,QAAQ,0BAGtB1B,KAAKG,eAAeoB,EAAO,EAG7BvB,KAAA2B,wBAA2BlB,IACzB,MAAMmB,EAAWJ,EAA8Bf,GAAOgB,QACnDnB,GAAOA,GAAIoB,QAAQ,qBAGtB1B,KAAKH,cAAgB+B,EAAS,EAAE,E,wDAnLQ,M,cAKS,M,YAUT,W,uJA+Df,G,+BAtE3B,eAAAC,CAAgBZ,GACda,EAAsB,CAAExB,GAAIN,KAAKM,GAAIW,Y,CASvC,aAAAc,GACE/B,KAAKgC,c,CA4BP,gBAAAC,G,CAkCA,qBAAAC,GACEC,EAAenC,KAAMA,KAAKoC,gB,CAW5B,iBAAAC,GACEC,EAAgCtC,MAChCuC,EAAiBvC,MACjBwC,EAAgBxC,K,CAGlB,oBAAAyC,GACEC,EAAoB1C,MACpB2C,EAAmB3C,MACnB4C,EAAmC5C,K,CAGrC,uBAAM6C,GACJC,EAAuB9C,MACvB,MAAMM,GAAEA,EAAEW,SAAEA,GAAajB,KACzB8B,EAAsB,CAAExB,KAAIW,mBACtB8B,EAAc/C,K,CAGtB,gBAAAgD,GACEC,EAAmBjD,K,CAarB,cAAMkD,SACEC,EAAmBnD,MAEzBA,KAAKM,IAAI8C,O,CA6BX,YAAApB,GACEhC,KAAKG,eAAeC,MAAMC,KAAKL,KAAKM,GAAGC,iBAAiB,yB,CAG1D,cAAAJ,CAAeoB,GACbA,EAAOV,SAASC,GAAWA,EAAMuC,OAASrD,KAAKqD,Q,CAyBjD,uBAAAC,GACE,MAAMrC,SACJA,EAAQsC,eACRA,EAAcC,SACdA,EAAQlD,GACRA,EAAEmD,SACFA,EAAQzC,aACRA,EAAY0C,MACZA,EAAKL,OACLA,EAAMM,qBACNA,GACE3D,KAEJ,MAAM4D,GAAoBL,EACxBM,EAACC,EAAY,CACXC,aAAcP,EAASQ,SACvB1D,GAAIA,EACJ2D,WAAYT,EAASU,OACrBjD,SAAUA,EACVwC,SAAUA,EACVC,MAAOA,EACPS,OAAQnD,EACRoD,QAASpE,KAAKH,cAEdwE,IAAKrE,KAAKoB,qBAEV,KAEJ,OAAOwC,EACLC,EAAA,wBACES,MAAO7E,EAAIC,eACX6E,MAAOZ,EACPN,OAAQA,EACRK,MAAOA,GAEPG,EAAA,QAAMW,KAAM5E,EAAMC,cAAe4E,aAAczE,KAAK2B,0BACnDiC,GAED,I,CAGN,MAAAc,GACE,OACEb,EAACc,EAAI,CAACC,wBAAyB5E,KAAKQ,uBAClCqD,EAAA,OAAKS,MAAO7E,EAAIE,WACdkE,EAAA,QAAMY,aAAczE,KAAKsB,0BACxBtB,KAAKsD,2B"}

package/dist/calcite/p-364a1357.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-import{d as i}from"./p-8b358711.js";import"./p-b09a549d.js";import"./p-0688443c.js";import"./p-56a2a311.js";import"./p-85f6ece8.js";import"./p-178a3e1d.js";import"./p-1b0b405d.js";import"./p-1c177571.js";import"./p-2c949afb.js";import"./p-6b224746.js";import"./p-87b8780e.js";import"./p-6685dcc0.js";import"./p-b3a13c43.js";import"./p-39c97773.js";import"./p-ae974f62.js";import"./p-eae4138c.js";import"./p-ddcd597d.js";import"./p-bcb26189.js";import"./p-854773ca.js";function r(i){return i%10<5&&i%10>1&&~~(i/10)%10!==1}function e(i,e,t){var a=i+" ";switch(t){case"m":return e?"minuta":"minutę";case"mm":return a+(r(i)?"minuty":"minut");case"h":return e?"godzina":"godzinę";case"hh":return a+(r(i)?"godziny":"godzin");case"MM":return a+(r(i)?"miesiące":"miesięcy");case"yy":return a+(r(i)?"lata":"lat")}}var t="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_");var a="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_");var _=/D MMMM/;var p=function i(r,e){if(_.test(e)){return t[r.month()]}return a[r.month()]};p.s=a;p.f=t;var s={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:p,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function i(r){return r+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:e,mm:e,h:e,hh:e,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:e,y:"rok",yy:e},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"}};i.locale(s,null,true);export default s;
-//# sourceMappingURL=p-364a1357.js.map

package/dist/calcite/p-371653fc.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-const t={container:"container",actionsStart:"actions-start",contentStart:"content-start",content:"content",contentEnd:"content-end",actionsEnd:"actions-end"};const n={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};export{t as C,n as S};
-//# sourceMappingURL=p-371653fc.js.map

package/dist/calcite/p-37aef5e8.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-import{r as t,c as e,h as i,g as s,H as n}from"./p-b09a549d.js";import{b as a,t as l,D as o,g as c}from"./p-56a2a311.js";import{c as r,u as h,d,I as f}from"./p-1b0b405d.js";import{c as u}from"./p-39c97773.js";import{d as p,a as m,c as b}from"./p-9eb95f49.js";import{S as g}from"./p-371653fc.js";import{s as v,a as w,c as y}from"./p-6685dcc0.js";import{c as C,s as x,d as k,u as I}from"./p-ddcd597d.js";import{n as L,c as S,d as E}from"./p-b3a13c43.js";import{d as D}from"./p-7b1cba6b.js";import"./p-85f6ece8.js";import"./p-178a3e1d.js";import"./p-1c177571.js";import"./p-2c949afb.js";const A={container:"container",containerBorderSelected:"container--border-selected",containerBorderUnselected:"container--border-unselected",contentContainer:"content-container",contentContainerSelectable:"content-container--selectable",contentContainerHasCenterContent:"content-container--has-center-content",nestedContainer:"nested-container",nestedContainerHidden:"nested-container--hidden",content:"content",customContent:"custom-content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",contentBottom:"content-bottom",actionsEnd:"actions-end",selectionContainer:"selection-container",openContainer:"open-container",dragContainer:"drag-container"};const z={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"};const F=0;const M={selectedMultiple:"check-circle-f",selectedSingle:"circle-f",unselected:"blank",closedLTR:"caret-right",closedRTL:"caret-left",open:"caret-down",blank:"blank",close:"x"};const j="data-test-active";const T="calcite-list";const P="calcite-list-item-group";const H="calcite-list-item";function O(t){return Array.from(t.assignedElements({flatten:true}).filter((t=>t.matches(T))))}function R(t){const e=t.assignedElements({flatten:true});const i=e.filter((t=>t?.matches(P))).map((t=>Array.from(t.querySelectorAll(H)))).reduce(((t,e)=>[...t,...e]),[]);const s=e.filter((t=>t?.matches(H)));const n=e.filter((t=>t?.matches(T))).map((t=>Array.from(t.querySelectorAll(H)))).reduce(((t,e)=>[...t,...e]),[]);return[...n,...i,...s]}function B(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1;e.setSize=t.length}))}function _(t,e=false){const i=e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item";const s=document.evaluate(i,t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return s.snapshotLength}const G={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"};const N=0;const U={filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"};const W=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:first-of-type){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item[data-filter]){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const $="calcite-list-item";const K=`:scope > calcite-list-item`;const X="calcite-list-item-group, calcite-list-item";const q=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListDragEnd=e(this,"calciteListDragEnd",6);this.calciteListDragStart=e(this,"calciteListDragStart",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6);this.dragSelector="calcite-list-item";this.focusableItems=[];this.handleSelector="calcite-handle";this.listItems=[];this.mutationObserver=u("mutation",(()=>this.updateListItems()));this.openItems=[];this.handleDefaultSlotChange=t=>{B(R(t.target));if(this.parentListEl){this.calciteInternalListDefaultSlotChange.emit()}};this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)};this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)};this.setActiveListItem=()=>{const{focusableItems:t}=this;if(!t.some((t=>t.active))){if(t[0]){t[0].active=true}}};this.updateSelectedItems=(t=false)=>{this.selectedItems=this.openItems.filter((t=>t.selected));if(t){this.calciteListChange.emit()}};this.updateFilteredItems=(t=false)=>{const{openItems:e,filteredData:i,filterText:s}=this;const n=i.map((t=>t.value));const a=e?.filter((t=>e.every((e=>e===t||!t.contains(e)))));const l=e.filter((t=>!s||n.includes(t.value)))||[];const o=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:l,visibleParents:o})));if(l.length>0){this.findAncestorOfFirstFilteredItem(l)}this.filteredItems=l;if(t){this.calciteListFilter.emit()}};this.setFilterEl=t=>{this.filterEl=t;this.performFilter()};this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e;this.updateFilteredData(true)};this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})));this.updateListItems=D(((t=false)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(!!this.parentListEl){const t=this.queryListItems(true);t.forEach((t=>{t.dragHandle=s}));this.setUpSorting();return}const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e;t.selectionMode=i}));const a=this.queryListItems(true);a.forEach((t=>{t.dragHandle=s}));this.listItems=n;if(this.filterEnabled){this.dataForFilter=this.getItemData();if(this.filterEl){this.filterEl.items=this.dataForFilter}}this.openItems=this.listItems.filter((t=>!t.closed));this.updateFilteredItems(t);this.focusableItems=this.filteredItems.filter((t=>!t.disabled));this.setActiveListItem();this.updateSelectedItems(t);this.setUpSorting()}),N);this.queryListItems=(t=false)=>Array.from(this.el.querySelectorAll(t?K:$));this.focusRow=t=>{const{focusableItems:e}=this;if(!t){return}e.forEach((e=>e.active=e===t));t.setFocus()};this.isNavigable=t=>{const e=t.parentElement?.closest($);if(!e){return true}return e.open&&this.isNavigable(e)};this.handleListKeydown=t=>{if(t.defaultPrevented||!!this.parentListEl){return}const{key:e}=t;const i=this.focusableItems.filter((t=>this.isNavigable(t)));const s=i.findIndex((t=>t.active));if(e==="ArrowDown"){t.preventDefault();const e=t.target===this.filterEl?0:s+1;if(i[e]){this.focusRow(i[e])}}else if(e==="ArrowUp"){t.preventDefault();if(s===0&&this.filterEnabled){this.filterEl?.setFocus();return}const e=s-1;if(i[e]){this.focusRow(i[e])}}else if(e==="Home"){t.preventDefault();const e=i[0];if(e){this.focusRow(e)}}else if(e==="End"){t.preventDefault();const e=i[i.length-1];if(e){this.focusRow(e)}}};this.findAncestorOfFirstFilteredItem=t=>{this.ancestorOfFirstFilteredItem?.removeAttribute("data-filter");t.forEach((t=>{t.removeAttribute("data-filter")}));this.ancestorOfFirstFilteredItem=this.getTopLevelAncestorItemElement(t[0]);t[0].setAttribute("data-filter","0");this.ancestorOfFirstFilteredItem?.setAttribute("data-filter","0")};this.getTopLevelAncestorItemElement=t=>{let e=t.parentElement.closest("calcite-list-item");while(e){const t=e.parentElement.closest("calcite-list-item");if(t){e=t}else{return e}}return null};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.group=undefined;this.filterEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterPlaceholder=undefined;this.filterText=undefined;this.label=undefined;this.loading=false;this.messageOverrides=undefined;this.messages=undefined;this.numberingSystem=undefined;this.openable=false;this.selectedItems=[];this.selectionMode="none";this.selectionAppearance="icon";this.effectiveLocale="";this.defaultMessages=undefined;this.assistiveText=undefined;this.dataForFilter=[];this.hasFilterActionsEnd=false;this.hasFilterActionsStart=false}async handleFilterTextChange(){this.performFilter()}onMessagesChange(){}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl){return}t.stopPropagation();const{focusableItems:e}=this;const i=e.findIndex((t=>t.active));const s=i-1;if(e[s]){this.focusRow(e[s])}}handleCalciteInternalListItemActive(t){if(!!this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){if(!!this.parentListEl){return}this.updateSelectedItems(true)}handleCalciteInternalHandleChange(t){this.assistiveText=t.detail.message;t.stopPropagation()}handleCalciteHandleNudge(t){if(!!this.parentListEl){return}this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(!!this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i,selectionMode:s}=this;if(e.selected&&(s==="single"||s==="single-persist")){i.forEach((t=>t.selected=t===e))}this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(!!this.parentListEl){return}t.stopPropagation();const{target:e,detail:i}=t;const{focusableItems:s,lastSelectedInfo:n}=this;const a=e;if(i.selectMultiple&&!!n){const t=s.indexOf(a);const e=s.indexOf(n.selectedItem);const i=Math.min(e,t);const l=Math.max(e,t);s.slice(i,l+1).forEach((t=>t.selected=n.selected))}else{this.lastSelectedInfo={selectedItem:a,selected:a.selected}}}handleCalciteInternalListItemChange(t){if(!!this.parentListEl){return}t.stopPropagation();this.updateListItems()}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){if(p(this)){return}C(this);this.connectObserver();this.updateListItems();this.setUpSorting();r(this);this.setParentList()}async componentWillLoad(){v(this);await x(this)}componentDidRender(){h(this)}componentDidLoad(){w(this)}disconnectedCallback(){if(p(this)){return}this.disconnectObserver();m(this);d(this);k(this)}effectiveLocaleChange(){I(this,this.effectiveLocale)}async setFocus(){await y(this);if(this.filterEnabled){return this.filterEl?.setFocus()}return this.focusableItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:o,filterText:c,hasFilterActionsStart:r,hasFilterActionsEnd:h}=this;return i(f,{disabled:this.disabled},i("div",{class:G.container},this.dragEnabled?i("span",{"aria-live":"assertive",class:G.assistiveText},this.assistiveText):null,this.renderItemAriaLive(),t?i("calcite-scrim",{class:G.scrim,loading:t}):null,i("table",{"aria-busy":l(t),"aria-label":e||"",class:G.table,onKeyDown:this.handleListKeydown,role:"treegrid"},a||r||h?i("thead",null,i("tr",{class:{[G.sticky]:true}},i("th",{colSpan:F},i("calcite-stack",{class:G.stack},i("slot",{name:U.filterActionsStart,onSlotchange:this.handleFilterActionsStartSlotChange,slot:g.actionsStart}),i("calcite-filter",{"aria-label":o,disabled:s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:o,value:c,ref:this.setFilterEl}),i("slot",{name:U.filterActionsEnd,onSlotchange:this.handleFilterActionsEndSlotChange,slot:g.actionsEnd}))))):null,i("tbody",{class:G.tableContainer},i("slot",{onSlotchange:this.handleDefaultSlotChange})))))}renderItemAriaLive(){const{messages:t,filteredItems:e,parentListEl:s,effectiveLocale:n,numberingSystem:a,filterEnabled:l,filterText:o,filteredData:c}=this;L.numberFormatOptions={locale:n,numberingSystem:a};return!s?i("div",{"aria-live":"polite",class:G.assistiveText},l&&o&&c?.length?i("div",{key:"aria-filter-enabled"},t.filterEnabled):null,i("div",{key:"aria-item-count"},t.total.replace("{count}",L.localize(e.length.toString()))),e.length?i("ol",{key:"aria-item-list"},e.map((t=>i("li",null,t.label)))):null):null}connectObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}b(this)}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList();this.updateListItems();this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest("calcite-list")}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.hidden=s;const n=t.parentElement.closest(X);if(!n){return}if(!s){i.add(n)}this.filterElements({el:n,filteredItems:e,visibleParents:i})}updateFilteredData(t=false){const{filterEl:e}=this;if(!e){return}if(e.filteredItems){this.filteredData=e.filteredItems}this.updateListItems(t)}async performFilter(){const{filterEl:t,filterText:e}=this;if(!t){return}t.value=e;await t.filter(e);this.updateFilteredData()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath();const s=i.find((t=>t.tagName==="CALCITE-HANDLE"));const n=i.find((t=>t.tagName==="CALCITE-LIST-ITEM"));const a=n?.parentElement;if(!a){return}const{filteredItems:l}=this;const o=l.filter((t=>t.parentElement===a));const c=o.length-1;const r=o.indexOf(n);let h;if(e==="up"){h=r===0?c:r-1}else{h=r===c?0:r+1}this.disconnectObserver();s.blurUnselectDisabled=true;const d=e==="up"&&h!==c||e==="down"&&h===0?o[h]:o[h].nextSibling;a.insertBefore(n,d);this.updateListItems();this.connectObserver();this.calciteListOrderChange.emit({dragEl:n,fromEl:a,toEl:a,newIndex:h,oldIndex:r});s.setFocus().then((()=>s.blurUnselectDisabled=false))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],messageOverrides:["onMessagesChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"],effectiveLocale:["effectiveLocaleChange"]}}};q.style=W;const J=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border-selected{border-inline-start:4px solid var(--calcite-color-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";const Q=new Map;const V="calcite-list";const Y=class{constructor(i){t(this,i);this.calciteListItemSelect=e(this,"calciteListItemSelect",6);this.calciteListItemClose=e(this,"calciteListItemClose",6);this.calciteListItemToggle=e(this,"calciteListItemToggle",6);this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6);this.calciteInternalListItemSelectMultiple=e(this,"calciteInternalListItemSelectMultiple",6);this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6);this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6);this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6);this.emitInternalListItemActive=()=>{this.calciteInternalListItemActive.emit()};this.focusCellHandle=()=>{this.focusCell(this.handleGridEl)};this.focusCellActionsStart=()=>{this.focusCell(this.actionsStartEl)};this.focusCellContent=()=>{this.focusCell(this.contentEl)};this.focusCellActionsEnd=()=>{this.focusCell(this.actionsEndEl)};this.handleCloseClick=()=>{this.closed=true;this.calciteListItemClose.emit()};this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)};this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)};this.handleContentBottomSlotChange=t=>{this.hasContentBottom=a(t)};this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)};this.handleToggleClick=()=>{this.toggle()};this.toggle=(t=!this.open)=>{this.open=t;this.calciteListItemToggle.emit()};this.handleItemClick=t=>{if(t.defaultPrevented){return}this.toggleSelected(t.shiftKey)};this.toggleSelected=t=>{const{selectionMode:e,selected:i}=this;if(this.disabled){return}if(e==="multiple"||e==="single"){this.selected=!i}else if(e==="single-persist"){this.selected=true}this.calciteInternalListItemSelectMultiple.emit({selectMultiple:t&&e==="multiple"});this.calciteListItemSelect.emit()};this.handleItemKeyDown=t=>{if(t.defaultPrevented){return}const{key:e}=t;const i=t.composedPath();const{containerEl:s,actionsStartEl:n,actionsEndEl:a,open:l,openable:o}=this;const c=this.getGridCells();const r=c.findIndex((t=>i.includes(t)));if(e==="Enter"&&!i.includes(n)&&!i.includes(a)){t.preventDefault();this.toggleSelected(t.shiftKey)}else if(e==="ArrowRight"){t.preventDefault();const e=r+1;if(r===-1){if(!l&&o){this.toggle(true);this.focusCell(null)}else if(c[0]){this.focusCell(c[0])}}else if(c[r]&&c[e]){this.focusCell(c[e])}}else if(e==="ArrowLeft"){t.preventDefault();const e=r-1;if(r===-1){this.focusCell(null);if(l&&o){this.toggle(false)}else{this.calciteInternalFocusPreviousItem.emit()}}else if(r===0){this.focusCell(null);s.focus()}else if(c[r]&&c[e]){this.focusCell(c[e])}}};this.focusCellNull=()=>{this.focusCell(null)};this.focusCell=(t,e=true)=>{const{parentListEl:i}=this;if(e){Q.set(i,null)}const s=this.getGridCells();s.forEach((t=>{t.tabIndex=-1;t.removeAttribute(j)}));const n=o(t);if(t){t.tabIndex=t===n?0:-1;e&&Q.set(i,s.indexOf(t));t.setAttribute(j,"")}n?.focus()};this.active=false;this.closable=false;this.closed=false;this.description=undefined;this.disabled=false;this.dragDisabled=false;this.dragHandle=false;this.label=undefined;this.metadata=undefined;this.open=false;this.setSize=null;this.setPosition=null;this.selected=false;this.value=undefined;this.selectionMode=null;this.selectionAppearance=null;this.messageOverrides=undefined;this.messages=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.level=null;this.visualLevel=null;this.parentListEl=undefined;this.openable=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasCustomContent=false;this.hasContentStart=false;this.hasContentEnd=false;this.hasContentBottom=false}activeHandler(t){if(!t){this.focusCell(null,false)}}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation();this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){I(this,this.effectiveLocale)}connectedCallback(){r(this);S(this);C(this);const{el:t}=this;this.parentListEl=t.closest(V);this.level=_(t)+1;this.visualLevel=_(t,true);this.setSelectionDefaults()}async componentWillLoad(){v(this);await x(this)}componentDidLoad(){w(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this);E(this);k(this)}async setFocus(){await y(this);const{containerEl:t,parentListEl:e}=this;const i=Q.get(e);if(typeof i==="number"){const e=this.getGridCells();if(e[i]){this.focusCell(e[i])}else{t?.focus()}return}t?.focus()}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;if(e==="none"||s==="border"){return null}return i("td",{class:A.selectionContainer,key:"selection-container",onClick:this.handleItemClick},i("calcite-icon",{icon:t?e==="multiple"?M.selectedMultiple:M.selectedSingle:M.unselected,scale:"s"}))}renderDragHandle(){const{label:t,dragHandle:e,dragDisabled:s,setPosition:n,setSize:a}=this;return e?i("td",{"aria-label":t,class:A.dragContainer,key:"drag-handle-container",onFocusin:this.focusCellHandle,role:"gridcell",ref:t=>this.handleGridEl=t},i("calcite-handle",{disabled:s,label:t,setPosition:n,setSize:a})):null}renderOpen(){const{el:t,open:e,openable:s,parentListEl:n}=this;const a=c(t);const l=s?e?M.open:a==="rtl"?M.closedRTL:M.closedLTR:M.blank;const o=s?this.handleToggleClick:this.handleItemClick;return s||n?.openable?i("td",{class:A.openContainer,key:"open-container",onClick:o},i("calcite-icon",{icon:l,key:l,scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:A.actionsStart,hidden:!e,key:"actions-start-container",onFocusin:this.focusCellActionsStart,role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:z.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:A.actionsEnd,hidden:!(e||s),key:"actions-end-container",onFocusin:this.focusCellActionsEnd,role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:z.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:M.close,key:"close-action",label:n.close,onClick:this.handleCloseClick,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:A.contentStart,hidden:!t},i("slot",{name:z.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:A.customContent,hidden:!t},i("slot",{name:z.content,onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:A.contentEnd,hidden:!t},i("slot",{name:z.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}renderContentBottom(){const{hasContentBottom:t,visualLevel:e}=this;return i("div",{class:A.contentBottom,hidden:!t,style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("slot",{name:z.contentBottom,onSlotchange:this.handleContentBottomSlotChange}))}renderDefaultContainer(){return i("div",{class:{[A.nestedContainer]:true,[A.nestedContainerHidden]:this.openable&&!this.open}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return!s&&(!!t||!!e)?i("div",{class:A.content,key:"content"},t?i("div",{class:A.label,key:"label"},t):null,e?i("div",{class:A.description,key:"description"},e):null):null}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this;const a=n||!!e||!!t;const l=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{[A.contentContainer]:true,[A.contentContainerSelectable]:s!=="none",[A.contentContainerHasCenterContent]:a},key:"content-container",onClick:this.handleItemClick,onFocusin:this.focusCellContent,role:"gridcell",ref:t=>this.contentEl=t},l)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:o,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:u,closed:p,visualLevel:m}=this;const b=u!=="none"&&d==="border";const g=b&&h;const v=b&&!h;return i(n,null,i(f,{disabled:this.disabled},i("tr",{"aria-expanded":t?l(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":l(h),"aria-setsize":o,class:{[A.container]:true,[A.containerBorderSelected]:g,[A.containerBorderUnselected]:v},hidden:p,onFocus:this.focusCellNull,onFocusin:this.emitInternalListItemActive,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${m}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),this.renderContentBottom(),this.renderDefaultContainer()))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;if(!t){return}if(!e){this.selectionMode=t.selectionMode}if(!i){this.selectionAppearance=t.selectionAppearance}}handleOpenableChange(t){if(!t){return}const{parentListEl:e}=this;const i=R(t);const s=O(t);B(i);const n=!!i.length||!!s.length;if(n&&e&&!e.openable){e.openable=true}this.openable=n;if(!n){this.open=false}}getGridCells(){return[this.handleGridEl,this.actionsStartEl,this.contentEl,this.actionsEndEl].filter((t=>t&&!t.hidden))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Y.style=J;const Z={container:"container",heading:"heading"};const tt=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:nth-child(1 of :not([hidden]))){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}:host([hidden]){display:none}[hidden]{display:none}";const et=class{constructor(i){t(this,i);this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6);this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()};this.disabled=false;this.heading=undefined;this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=_(t,true);r(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this)}render(){const{disabled:t,heading:e,visualLevel:s}=this;return i(n,null,i(f,{disabled:t},i("tr",{class:Z.container,style:{"--calcite-list-item-spacing-indent-multiplier":`${s}`}},i("td",{class:Z.heading,colSpan:F},e)),i("slot",{onSlotchange:this.handleDefaultSlotChange})))}get el(){return s(this)}};et.style=tt;export{q as calcite_list,Y as calcite_list_item,et as calcite_list_item_group};
-//# sourceMappingURL=p-37aef5e8.entry.js.map

package/dist/calcite/p-37aef5e8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","containerBorderSelected","containerBorderUnselected","contentContainer","contentContainerSelectable","contentContainerHasCenterContent","nestedContainer","nestedContainerHidden","content","customContent","actionsStart","contentStart","label","description","contentEnd","contentBottom","actionsEnd","selectionContainer","openContainer","dragContainer","SLOTS","MAX_COLUMNS","ICONS","selectedMultiple","selectedSingle","unselected","closedLTR","closedRTL","open","blank","close","activeCellTestAttribute","listSelector","listItemGroupSelector","listItemSelector","getListItemChildLists","slotEl","Array","from","assignedElements","flatten","filter","el","matches","getListItemChildren","listItemGroupChildren","map","group","querySelectorAll","reduce","previousValue","currentValue","listItemChildren","listItemListChildren","list","updateListItemChildren","forEach","listItem","setPosition","indexOf","setSize","length","getDepth","element","includeGroup","expression","result","document","evaluate","XPathResult","UNORDERED_NODE_SNAPSHOT_TYPE","snapshotLength","table","scrim","stack","tableContainer","sticky","assistiveText","debounceTimeout","filterActionsStart","filterActionsEnd","listCss","listItemSelectorDirect","parentSelector","List","this","dragSelector","focusableItems","handleSelector","listItems","mutationObserver","createObserver","updateListItems","openItems","handleDefaultSlotChange","event","target","parentListEl","calciteInternalListDefaultSlotChange","emit","handleFilterActionsStartSlotChange","hasFilterActionsStart","slotChangeHasAssignedElement","handleFilterActionsEndSlotChange","hasFilterActionsEnd","setActiveListItem","some","item","active","updateSelectedItems","selectedItems","selected","calciteListChange","updateFilteredItems","filteredData","filterText","values","value","lastDescendantItems","every","li","contains","filteredItems","includes","visibleParents","WeakSet","filterElements","findAncestorOfFirstFilteredItem","calciteListFilter","setFilterEl","filterEl","performFilter","handleFilterChange","stopPropagation","currentTarget","updateFilteredData","getItemData","metadata","debounce","selectionAppearance","selectionMode","dragEnabled","items","queryListItems","dragHandle","setUpSorting","dragItems","filterEnabled","dataForFilter","closed","disabled","direct","focusRow","focusEl","setFocus","isNavigable","parentListItemEl","parentElement","closest","handleListKeydown","defaultPrevented","key","navigableItems","currentIndex","findIndex","preventDefault","nextIndex","prevIndex","homeItem","endItem","ancestorOfFirstFilteredItem","removeAttribute","getTopLevelAncestorItemElement","setAttribute","closestParent","closestListItemAncestor","handleFilterTextChange","onMessagesChange","handleListItemChange","handleCalciteInternalFocusPreviousItem","handleCalciteInternalListItemActive","handleCalciteListItemSelect","handleCalciteInternalHandleChange","detail","message","handleCalciteHandleNudge","handleNudgeEvent","handleCalciteInternalListItemSelect","handleCalciteInternalListItemSelectMultiple","lastSelectedInfo","selectedItem","selectMultiple","lastSelectedIndex","startIndex","Math","min","endIndex","max","slice","handleCalciteInternalListItemChange","handleCalciteInternalListItemGroupDefaultSlotChange","connectedCallback","dragActive","connectMessages","connectObserver","connectInteractive","setParentList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectObserver","disconnectSortableComponent","disconnectInteractive","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","find","render","loading","filterPlaceholder","h","InteractiveContainer","class","renderItemAriaLive","toAriaBoolean","onKeyDown","role","colSpan","name","onSlotchange","slot","STACK_SLOTS","onCalciteFilterChange","placeholder","ref","messages","numberingSystem","numberStringFormatter","numberFormatOptions","locale","total","replace","localize","toString","observe","childList","subtree","disconnect","connectSortableComponent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","calciteListDragEnd","onDragStart","calciteListDragStart","onDragSort","calciteListOrderChange","hidden","has","add","direction","composedPath","handle","tagName","sortItem","parentEl","sameParentItems","lastIndex","oldIndex","newIndex","blurUnselectDisabled","referenceEl","nextSibling","insertBefore","dragEl","fromEl","toEl","then","listItemCss","focusMap","Map","ListItem","emitInternalListItemActive","calciteInternalListItemActive","focusCellHandle","focusCell","handleGridEl","focusCellActionsStart","actionsStartEl","focusCellContent","contentEl","focusCellActionsEnd","actionsEndEl","handleCloseClick","calciteListItemClose","handleContentSlotChange","hasCustomContent","handleActionsStartSlotChange","hasActionsStart","handleActionsEndSlotChange","hasActionsEnd","handleContentStartSlotChange","hasContentStart","handleContentEndSlotChange","hasContentEnd","handleContentBottomSlotChange","hasContentBottom","handleOpenableChange","handleToggleClick","toggle","calciteListItemToggle","handleItemClick","toggleSelected","shiftKey","calciteInternalListItemSelectMultiple","calciteListItemSelect","handleItemKeyDown","containerEl","openable","cells","getGridCells","cell","calciteInternalFocusPreviousItem","focus","focusCellNull","saveFocusIndex","set","gridCells","tableCell","tabIndex","focusedEl","getFirstTabbable","activeHandler","handleClosedChange","emitCalciteInternalListItemChange","handleDisabledChange","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","connectLocalized","level","visualLevel","setSelectionDefaults","disconnectLocalized","focusIndex","get","renderSelected","onClick","icon","scale","renderDragHandle","dragDisabled","onFocusin","renderOpen","dir","getElementDir","clickHandler","renderActionsStart","renderActionsEnd","closable","appearance","text","renderContentStart","renderCustomContent","renderContentEnd","renderContentBottom","style","renderDefaultContainer","renderContentProperties","renderContentContainer","hasCenterContent","showBorder","borderSelected","borderUnselected","Host","onFocus","calciteInternalListItemChange","listItemChildLists","heading","listItemGroupCss","ListItemGroup","calciteInternalListItemGroupDefaultSlotChange"],"sources":["src/components/list-item/resources.ts","src/components/list-item/utils.ts","src/components/list/resources.ts","src/components/list/list.scss?tag=calcite-list&encapsulation=shadow","src/components/list/list.tsx","src/components/list-item/list-item.scss?tag=calcite-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx","src/components/list-item-group/resources.ts","src/components/list-item-group/list-item-group.scss?tag=calcite-list-item-group&encapsulation=shadow","src/components/list-item-group/list-item-group.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  containerBorderSelected: \"container--border-selected\",\n  containerBorderUnselected: \"container--border-unselected\",\n  contentContainer: \"content-container\",\n  contentContainerSelectable: \"content-container--selectable\",\n  contentContainerHasCenterContent: \"content-container--has-center-content\",\n  nestedContainer: \"nested-container\",\n  nestedContainerHidden: \"nested-container--hidden\",\n  content: \"content\",\n  customContent: \"custom-content\",\n  actionsStart: \"actions-start\",\n  contentStart: \"content-start\",\n  label: \"label\",\n  description: \"description\",\n  contentEnd: \"content-end\",\n  contentBottom: \"content-bottom\",\n  actionsEnd: \"actions-end\",\n  selectionContainer: \"selection-container\",\n  openContainer: \"open-container\",\n  dragContainer: \"drag-container\",\n};\n\nexport const SLOTS = {\n  actionsStart: \"actions-start\",\n  contentStart: \"content-start\",\n  content: \"content\",\n  contentBottom: \"content-bottom\",\n  contentEnd: \"content-end\",\n  actionsEnd: \"actions-end\",\n};\n\n// Set to zero to extend until the end of the table section.\nexport const MAX_COLUMNS = 0;\n\nexport const ICONS = {\n  selectedMultiple: \"check-circle-f\",\n  selectedSingle: \"circle-f\",\n  unselected: \"blank\",\n  closedLTR: \"caret-right\",\n  closedRTL: \"caret-left\",\n  open: \"caret-down\",\n  blank: \"blank\",\n  close: \"x\",\n};\n\nexport const activeCellTestAttribute = \"data-test-active\";\n","import { Build } from \"@stencil/core\";\n\nconst listSelector = \"calcite-list\";\nconst listItemGroupSelector = \"calcite-list-item-group\";\nconst listItemSelector = \"calcite-list-item\";\n\nexport function getListItemChildLists(slotEl: HTMLSlotElement): HTMLCalciteListElement[] {\n  return Array.from(\n    slotEl.assignedElements({ flatten: true }).filter((el) => el.matches(listSelector)),\n  ) as HTMLCalciteListElement[];\n}\n\nexport function getListItemChildren(slotEl: HTMLSlotElement): HTMLCalciteListItemElement[] {\n  const assignedElements = slotEl.assignedElements({ flatten: true });\n\n  const listItemGroupChildren = (\n    assignedElements.filter((el) => el?.matches(listItemGroupSelector)) as HTMLCalciteListItemGroupElement[]\n  )\n    .map((group) => Array.from(group.querySelectorAll(listItemSelector)))\n    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n  const listItemChildren = assignedElements.filter(\n    (el) => el?.matches(listItemSelector),\n  ) as HTMLCalciteListItemElement[];\n\n  const listItemListChildren = (assignedElements.filter((el) => el?.matches(listSelector)) as HTMLCalciteListElement[])\n    .map((list) => Array.from(list.querySelectorAll(listItemSelector)))\n    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n  return [...listItemListChildren, ...listItemGroupChildren, ...listItemChildren];\n}\n\nexport function updateListItemChildren(listItemChildren: HTMLCalciteListItemElement[]): void {\n  listItemChildren.forEach((listItem) => {\n    listItem.setPosition = listItemChildren.indexOf(listItem) + 1;\n    listItem.setSize = listItemChildren.length;\n  });\n}\n\nexport function getDepth(element: HTMLElement, includeGroup = false): number {\n  if (!Build.isBrowser) {\n    return 0;\n  }\n\n  const expression = includeGroup\n    ? \"ancestor::calcite-list-item | ancestor::calcite-list-item-group\"\n    : \"ancestor::calcite-list-item\";\n\n  const result = document.evaluate(expression, element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);\n\n  return result.snapshotLength;\n}\n","export const CSS = {\n  container: \"container\",\n  table: \"table\",\n  scrim: \"scrim\",\n  stack: \"stack\",\n  tableContainer: \"table-container\",\n  sticky: \"sticky-pos\",\n  assistiveText: \"assistive-text\",\n};\n\nexport const debounceTimeout = 0;\n\nexport type SelectionAppearance = \"border\" | \"icon\";\n\nexport const SLOTS = {\n  filterActionsStart: \"filter-actions-start\",\n  filterActionsEnd: \"filter-actions-end\",\n};\n",":host {\n  @apply block;\n}\n\n@include disabled();\n\n.container {\n  position: relative;\n}\n\n.table-container {\n  @apply box-border\n  flex\n  w-full\n  flex-col\n  bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n.table {\n  @apply w-full border-collapse;\n}\n\n.stack {\n  --calcite-stack-padding-inline: 0;\n  --calcite-stack-padding-block: 0;\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n::slotted(calcite-list-item:first-of-type) {\n  @apply shadow-none;\n}\n\n// removes shadow for the first item in filteredItems of the list.\n::slotted(calcite-list-item[data-filter]) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n.sticky-pos {\n  @apply sticky\n  top-0\n  z-sticky\n  bg-foreground-1;\n  & th {\n    @apply p-0;\n  }\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport { debounce } from \"lodash-es\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SelectionMode } from \"../interfaces\";\nimport { ItemData } from \"../list-item/interfaces\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getListItemChildren, updateListItemChildren } from \"../list-item/utils\";\nimport { CSS, debounceTimeout, SelectionAppearance, SLOTS } from \"./resources\";\nimport {\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { SLOTS as STACK_SLOTS } from \"../stack/resources\";\n\nconst listItemSelector = \"calcite-list-item\";\nconst listItemSelectorDirect = `:scope > calcite-list-item`;\nconst parentSelector = \"calcite-list-item-group, calcite-list-item\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListMessages } from \"./assets/list/t9n\";\nimport { NumberingSystem, numberStringFormatter } from \"../../utils/locale\";\nimport { ListDragDetail } from \"./interfaces\";\n\n/**\n * A general purpose list that enables users to construct list items that conform to Calcite styling.\n *\n * @slot - A slot for adding `calcite-list-item` elements.\n * @slot filter-actions-start - A slot for adding actionable `calcite-action` elements before the filter component.\n * @slot filter-actions-end - A slot for adding actionable `calcite-action` elements after the filter component.\n */\n@Component({\n  tag: \"calcite-list\",\n  styleUrl: \"list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class List\n  implements InteractiveComponent, LoadableComponent, SortableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * The currently filtered `calcite-list-item`s.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * The currently filtered `calcite-list-item` data.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * Placeholder text for the component's filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the component's filter input field.\n   */\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  @Watch(\"filterText\")\n  async handleFilterTextChange(): Promise<void> {\n    this.performFilter();\n  }\n\n  /**\n   * Specifies an accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ListMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ListMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * One of the items within the list can be opened.\n   *\n   * @internal\n   */\n  @Prop() openable = false;\n\n  /**\n   * The currently selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  @Watch(\"filterEnabled\")\n  @Watch(\"group\")\n  @Watch(\"dragEnabled\")\n  @Watch(\"selectionMode\")\n  @Watch(\"selectionAppearance\")\n  handleListItemChange(): void {\n    this.updateListItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's dragging has ended.\n   */\n  @Event({ cancelable: false }) calciteListDragEnd: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emits when the component's dragging has started.\n   */\n  @Event({ cancelable: false }) calciteListDragStart: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emits when the component's filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emitted when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false }) calciteInternalListDefaultSlotChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalFocusPreviousItem\")\n  handleCalciteInternalFocusPreviousItem(event: CustomEvent): void {\n    if (this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const { focusableItems } = this;\n    const currentIndex = focusableItems.findIndex((listItem) => listItem.active);\n\n    const prevIndex = currentIndex - 1;\n\n    if (focusableItems[prevIndex]) {\n      this.focusRow(focusableItems[prevIndex]);\n    }\n  }\n\n  @Listen(\"calciteInternalListItemActive\")\n  handleCalciteInternalListItemActive(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const target = event.target as HTMLCalciteListItemElement;\n    const { listItems } = this;\n\n    listItems.forEach((listItem) => {\n      listItem.active = listItem === target;\n    });\n  }\n\n  @Listen(\"calciteListItemSelect\")\n  handleCalciteListItemSelect(): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    this.updateSelectedItems(true);\n  }\n\n  @Listen(\"calciteInternalHandleChange\")\n  handleCalciteInternalHandleChange(event: CustomEvent): void {\n    this.assistiveText = event.detail.message;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteHandleNudge\")\n  handleCalciteHandleNudge(event: CustomEvent<HandleNudge>): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    this.handleNudgeEvent(event);\n  }\n\n  @Listen(\"calciteInternalListItemSelect\")\n  handleCalciteInternalListItemSelect(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const target = event.target as HTMLCalciteListItemElement;\n    const { listItems, selectionMode } = this;\n\n    if (target.selected && (selectionMode === \"single\" || selectionMode === \"single-persist\")) {\n      listItems.forEach((listItem) => (listItem.selected = listItem === target));\n    }\n\n    this.updateSelectedItems();\n  }\n\n  @Listen(\"calciteInternalListItemSelectMultiple\")\n  handleCalciteInternalListItemSelectMultiple(\n    event: CustomEvent<{\n      selectMultiple: boolean;\n    }>,\n  ): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const { target, detail } = event;\n    const { focusableItems, lastSelectedInfo } = this;\n    const selectedItem = target as HTMLCalciteListItemElement;\n\n    if (detail.selectMultiple && !!lastSelectedInfo) {\n      const currentIndex = focusableItems.indexOf(selectedItem);\n      const lastSelectedIndex = focusableItems.indexOf(lastSelectedInfo.selectedItem);\n      const startIndex = Math.min(lastSelectedIndex, currentIndex);\n      const endIndex = Math.max(lastSelectedIndex, currentIndex);\n\n      focusableItems\n        .slice(startIndex, endIndex + 1)\n        .forEach((item) => (item.selected = lastSelectedInfo.selected));\n    } else {\n      this.lastSelectedInfo = { selectedItem, selected: selectedItem.selected };\n    }\n  }\n\n  @Listen(\"calciteInternalListItemChange\")\n  handleCalciteInternalListItemChange(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.updateListItems();\n  }\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  handleCalciteInternalListItemGroupDefaultSlotChange(event: CustomEvent): void {\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectMessages(this);\n    this.connectObserver();\n    this.updateListItems();\n    this.setUpSorting();\n    connectInteractive(this);\n    this.setParentList();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.disconnectObserver();\n    disconnectSortableComponent(this);\n    disconnectInteractive(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListMessages;\n\n  @Element() el: HTMLCalciteListElement;\n\n  @State() assistiveText: string;\n\n  @State() dataForFilter: ItemData = [];\n\n  dragSelector = \"calcite-list-item\";\n\n  filterEl: HTMLCalciteFilterElement;\n\n  focusableItems: HTMLCalciteListItemElement[] = [];\n\n  handleSelector = \"calcite-handle\";\n\n  @State() hasFilterActionsEnd = false;\n\n  @State() hasFilterActionsStart = false;\n\n  listItems: HTMLCalciteListItemElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateListItems());\n\n  openItems: HTMLCalciteListItemElement[] = [];\n\n  parentListEl: HTMLCalciteListElement;\n\n  sortable: Sortable;\n\n  private ancestorOfFirstFilteredItem: HTMLCalciteListItemElement;\n\n  private lastSelectedInfo: { selectedItem: HTMLCalciteListItemElement; selected: boolean };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.filterEnabled) {\n      return this.filterEl?.setFocus();\n    }\n\n    return this.focusableItems.find((listItem) => listItem.active)?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      loading,\n      label,\n      disabled,\n      dataForFilter,\n      filterEnabled,\n      filterPlaceholder,\n      filterText,\n      hasFilterActionsStart,\n      hasFilterActionsEnd,\n    } = this;\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          {this.dragEnabled ? (\n            <span aria-live=\"assertive\" class={CSS.assistiveText}>\n              {this.assistiveText}\n            </span>\n          ) : null}\n          {this.renderItemAriaLive()}\n          {loading ? <calcite-scrim class={CSS.scrim} loading={loading} /> : null}\n          <table\n            aria-busy={toAriaBoolean(loading)}\n            aria-label={label || \"\"}\n            class={CSS.table}\n            onKeyDown={this.handleListKeydown}\n            role=\"treegrid\"\n          >\n            {filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (\n              <thead>\n                <tr class={{ [CSS.sticky]: true }}>\n                  <th colSpan={MAX_COLUMNS}>\n                    <calcite-stack class={CSS.stack}>\n                      <slot\n                        name={SLOTS.filterActionsStart}\n                        onSlotchange={this.handleFilterActionsStartSlotChange}\n                        slot={STACK_SLOTS.actionsStart}\n                      />\n                      <calcite-filter\n                        aria-label={filterPlaceholder}\n                        disabled={disabled}\n                        items={dataForFilter}\n                        onCalciteFilterChange={this.handleFilterChange}\n                        placeholder={filterPlaceholder}\n                        value={filterText}\n                        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                        ref={this.setFilterEl}\n                      />\n                      <slot\n                        name={SLOTS.filterActionsEnd}\n                        onSlotchange={this.handleFilterActionsEndSlotChange}\n                        slot={STACK_SLOTS.actionsEnd}\n                      />\n                    </calcite-stack>\n                  </th>\n                </tr>\n              </thead>\n            ) : null}\n            <tbody class={CSS.tableContainer}>\n              <slot onSlotchange={this.handleDefaultSlotChange} />\n            </tbody>\n          </table>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderItemAriaLive(): VNode {\n    const {\n      messages,\n      filteredItems,\n      parentListEl,\n      effectiveLocale,\n      numberingSystem,\n      filterEnabled,\n      filterText,\n      filteredData,\n    } = this;\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: effectiveLocale,\n      numberingSystem,\n    };\n\n    return !parentListEl ? (\n      <div aria-live=\"polite\" class={CSS.assistiveText}>\n        {filterEnabled && filterText && filteredData?.length ? (\n          <div key=\"aria-filter-enabled\">{messages.filterEnabled}</div>\n        ) : null}\n        <div key=\"aria-item-count\">\n          {messages.total.replace(\n            \"{count}\",\n            numberStringFormatter.localize(filteredItems.length.toString()),\n          )}\n        </div>\n        {filteredItems.length ? (\n          <ol key=\"aria-item-list\">\n            {filteredItems.map((item) => (\n              <li>{item.label}</li>\n            ))}\n          </ol>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  private connectObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private disconnectObserver(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  private setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  onGlobalDragStart(): void {\n    this.disconnectObserver();\n  }\n\n  onGlobalDragEnd(): void {\n    this.connectObserver();\n  }\n\n  onDragEnd(detail: ListDragDetail): void {\n    this.calciteListDragEnd.emit(detail);\n  }\n\n  onDragStart(detail: ListDragDetail): void {\n    this.calciteListDragStart.emit(detail);\n  }\n\n  onDragSort(detail: ListDragDetail): void {\n    this.setParentList();\n    this.updateListItems();\n\n    this.calciteListOrderChange.emit(detail);\n  }\n\n  private setParentList(): void {\n    this.parentListEl = this.el.parentElement?.closest(\"calcite-list\");\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    updateListItemChildren(getListItemChildren(event.target as HTMLSlotElement));\n    if (this.parentListEl) {\n      this.calciteInternalListDefaultSlotChange.emit();\n    }\n  };\n\n  private handleFilterActionsStartSlotChange = (event: Event): void => {\n    this.hasFilterActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFilterActionsEndSlotChange = (event: Event): void => {\n    this.hasFilterActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private setActiveListItem = (): void => {\n    const { focusableItems } = this;\n\n    if (!focusableItems.some((item) => item.active)) {\n      if (focusableItems[0]) {\n        focusableItems[0].active = true;\n      }\n    }\n  };\n\n  private updateSelectedItems = (emit = false): void => {\n    this.selectedItems = this.openItems.filter((item) => item.selected);\n    if (emit) {\n      this.calciteListChange.emit();\n    }\n  };\n\n  private filterElements({\n    el,\n    filteredItems,\n    visibleParents,\n  }: {\n    el: HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement;\n    filteredItems: HTMLCalciteListItemElement[];\n    visibleParents: WeakSet<HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement>;\n  }): void {\n    const hidden =\n      !visibleParents.has(el) && !filteredItems.includes(el as HTMLCalciteListItemElement);\n\n    el.hidden = hidden;\n\n    const closestParent = el.parentElement.closest(parentSelector) as\n      | HTMLCalciteListItemElement\n      | HTMLCalciteListItemGroupElement;\n\n    if (!closestParent) {\n      return;\n    }\n\n    if (!hidden) {\n      visibleParents.add(closestParent);\n    }\n\n    this.filterElements({\n      el: closestParent,\n      filteredItems,\n      visibleParents,\n    });\n  }\n\n  private updateFilteredItems = (emit = false): void => {\n    const { openItems, filteredData, filterText } = this;\n\n    const values = filteredData.map((item) => item.value);\n\n    const lastDescendantItems = openItems?.filter((listItem) =>\n      openItems.every((li) => li === listItem || !listItem.contains(li)),\n    );\n\n    const filteredItems =\n      openItems.filter((item) => !filterText || values.includes(item.value)) || [];\n\n    const visibleParents = new WeakSet<HTMLElement>();\n\n    lastDescendantItems.forEach((listItem) =>\n      this.filterElements({ el: listItem, filteredItems, visibleParents }),\n    );\n\n    if (filteredItems.length > 0) {\n      this.findAncestorOfFirstFilteredItem(filteredItems);\n    }\n\n    this.filteredItems = filteredItems;\n\n    if (emit) {\n      this.calciteListFilter.emit();\n    }\n  };\n\n  private updateFilteredData(emit = false): void {\n    const { filterEl } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    if (filterEl.filteredItems) {\n      this.filteredData = filterEl.filteredItems as ItemData;\n    }\n\n    this.updateListItems(emit);\n  }\n\n  private async performFilter(): Promise<void> {\n    const { filterEl, filterText } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    filterEl.value = filterText;\n    await filterEl.filter(filterText);\n    this.updateFilteredData();\n  }\n\n  private setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n    this.performFilter();\n  };\n\n  private handleFilterChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const { value } = event.currentTarget as HTMLCalciteFilterElement;\n    this.filterText = value;\n    this.updateFilteredData(true);\n  };\n\n  private getItemData = (): ItemData => {\n    return this.listItems.map((item) => ({\n      label: item.label,\n      description: item.description,\n      metadata: item.metadata,\n      value: item.value,\n    }));\n  };\n\n  private updateListItems = debounce((emit = false): void => {\n    const { selectionAppearance, selectionMode, dragEnabled } = this;\n\n    if (!!this.parentListEl) {\n      const items = this.queryListItems(true);\n\n      items.forEach((item) => {\n        item.dragHandle = dragEnabled;\n      });\n\n      this.setUpSorting();\n      return;\n    }\n\n    const items = this.queryListItems();\n    items.forEach((item) => {\n      item.selectionAppearance = selectionAppearance;\n      item.selectionMode = selectionMode;\n    });\n    const dragItems = this.queryListItems(true);\n    dragItems.forEach((item) => {\n      item.dragHandle = dragEnabled;\n    });\n    this.listItems = items;\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n      if (this.filterEl) {\n        this.filterEl.items = this.dataForFilter;\n      }\n    }\n    this.openItems = this.listItems.filter((item) => !item.closed);\n    this.updateFilteredItems(emit);\n    this.focusableItems = this.filteredItems.filter((item) => !item.disabled);\n    this.setActiveListItem();\n    this.updateSelectedItems(emit);\n    this.setUpSorting();\n  }, debounceTimeout);\n\n  private queryListItems = (direct = false): HTMLCalciteListItemElement[] => {\n    return Array.from(this.el.querySelectorAll(direct ? listItemSelectorDirect : listItemSelector));\n  };\n\n  private focusRow = (focusEl: HTMLCalciteListItemElement): void => {\n    const { focusableItems } = this;\n\n    if (!focusEl) {\n      return;\n    }\n\n    focusableItems.forEach((listItem) => (listItem.active = listItem === focusEl));\n\n    focusEl.setFocus();\n  };\n\n  private isNavigable = (listItem: HTMLCalciteListItemElement): boolean => {\n    const parentListItemEl = listItem.parentElement?.closest(listItemSelector);\n\n    if (!parentListItemEl) {\n      return true;\n    }\n\n    return parentListItemEl.open && this.isNavigable(parentListItemEl);\n  };\n\n  private handleListKeydown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented || !!this.parentListEl) {\n      return;\n    }\n\n    const { key } = event;\n    const navigableItems = this.focusableItems.filter((listItem) => this.isNavigable(listItem));\n    const currentIndex = navigableItems.findIndex((listItem) => listItem.active);\n\n    if (key === \"ArrowDown\") {\n      event.preventDefault();\n      const nextIndex = event.target === this.filterEl ? 0 : currentIndex + 1;\n\n      if (navigableItems[nextIndex]) {\n        this.focusRow(navigableItems[nextIndex]);\n      }\n    } else if (key === \"ArrowUp\") {\n      event.preventDefault();\n\n      if (currentIndex === 0 && this.filterEnabled) {\n        this.filterEl?.setFocus();\n        return;\n      }\n\n      const prevIndex = currentIndex - 1;\n\n      if (navigableItems[prevIndex]) {\n        this.focusRow(navigableItems[prevIndex]);\n      }\n    } else if (key === \"Home\") {\n      event.preventDefault();\n      const homeItem = navigableItems[0];\n\n      if (homeItem) {\n        this.focusRow(homeItem);\n      }\n    } else if (key === \"End\") {\n      event.preventDefault();\n      const endItem = navigableItems[navigableItems.length - 1];\n\n      if (endItem) {\n        this.focusRow(endItem);\n      }\n    }\n  };\n\n  private findAncestorOfFirstFilteredItem = (filteredItems: HTMLCalciteListItemElement[]): void => {\n    this.ancestorOfFirstFilteredItem?.removeAttribute(\"data-filter\");\n    filteredItems.forEach((item) => {\n      item.removeAttribute(\"data-filter\");\n    });\n\n    this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(filteredItems[0]);\n    filteredItems[0].setAttribute(\"data-filter\", \"0\");\n    this.ancestorOfFirstFilteredItem?.setAttribute(\"data-filter\", \"0\");\n  };\n\n  private getTopLevelAncestorItemElement = (\n    el: HTMLCalciteListItemElement,\n  ): HTMLCalciteListItemElement | null => {\n    let closestParent = el.parentElement.closest<HTMLCalciteListItemElement>(\"calcite-list-item\");\n\n    while (closestParent) {\n      const closestListItemAncestor =\n        closestParent.parentElement.closest<HTMLCalciteListItemElement>(\"calcite-list-item\");\n\n      if (closestListItemAncestor) {\n        closestParent = closestListItemAncestor;\n      } else {\n        return closestParent;\n      }\n    }\n    return null;\n  };\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const composedPath = event.composedPath();\n\n    const handle = composedPath.find(\n      (el: HTMLElement) => el.tagName === \"CALCITE-HANDLE\",\n    ) as HTMLCalciteHandleElement;\n\n    const sortItem = composedPath.find(\n      (el: HTMLElement) => el.tagName === \"CALCITE-LIST-ITEM\",\n    ) as HTMLCalciteListItemElement;\n\n    const parentEl = sortItem?.parentElement as HTMLCalciteListElement;\n\n    if (!parentEl) {\n      return;\n    }\n\n    const { filteredItems } = this;\n\n    const sameParentItems = filteredItems.filter((item) => item.parentElement === parentEl);\n\n    const lastIndex = sameParentItems.length - 1;\n    const oldIndex = sameParentItems.indexOf(sortItem);\n    let newIndex: number;\n\n    if (direction === \"up\") {\n      newIndex = oldIndex === 0 ? lastIndex : oldIndex - 1;\n    } else {\n      newIndex = oldIndex === lastIndex ? 0 : oldIndex + 1;\n    }\n\n    this.disconnectObserver();\n    handle.blurUnselectDisabled = true;\n\n    const referenceEl =\n      (direction === \"up\" && newIndex !== lastIndex) || (direction === \"down\" && newIndex === 0)\n        ? sameParentItems[newIndex]\n        : sameParentItems[newIndex].nextSibling;\n\n    parentEl.insertBefore(sortItem, referenceEl);\n\n    this.updateListItems();\n    this.connectObserver();\n\n    this.calciteListOrderChange.emit({\n      dragEl: sortItem,\n      fromEl: parentEl,\n      toEl: parentEl,\n      newIndex,\n      oldIndex,\n    });\n\n    handle.setFocus().then(() => (handle.blurUnselectDisabled = false));\n  }\n}\n",":host {\n  @apply flex flex-col;\n  --calcite-list-item-icon-color: theme(\"colors.brand\");\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  flex\n  flex-1 font-sans;\n  * {\n    @apply box-border;\n  }\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.container:hover {\n  @apply bg-foreground-2 cursor-pointer;\n}\n\n.container:active {\n  @apply bg-foreground-1;\n}\n\n.container--border-selected {\n  border-inline-start: theme(\"borderWidth.4\") solid theme(\"colors.brand\");\n}\n\n.container--border-unselected {\n  border-inline-start: theme(\"borderWidth.4\") solid transparent;\n}\n\n.nested-container {\n  @apply bg-foreground-1 flex flex-col;\n}\n\n.nested-container--hidden {\n  @apply hidden;\n}\n\n.content-container {\n  @apply text-color-2\n    select-none\n    flex\n    flex-auto\n    font-sans\n    font-normal\n    items-stretch\n    p-0;\n}\n\ntr,\ntd {\n  @apply focus-base;\n}\n\ntr:focus,\ntd:focus {\n  @apply focus-inset;\n}\n\n.content,\n.custom-content {\n  @apply text-n2-wrap\n    flex\n    flex-auto\n    flex-col\n    justify-center\n    px-3\n    py-2;\n}\n\n.label,\n.description,\n.content-bottom {\n  @apply text-n2 word-break font-sans font-normal;\n  &:only-child {\n    @apply m-0 py-1;\n  }\n}\n\n.label {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3 mt-0.5;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-auto;\n}\n\n.content-bottom {\n  @apply bg-foreground-1 flex flex-col;\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end {\n  @apply flex-initial;\n}\n\n.selection-container {\n  @apply flex px-3;\n  color: var(--calcite-list-item-icon-color);\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container {\n  @apply flex items-center;\n}\n\n.open-container,\n.selection-container {\n  @apply cursor-pointer;\n}\n\n.content-start,\n.content-end {\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n::slotted(calcite-list-item) {\n  @apply border-solid border-0 border-t border-color-3;\n}\n\n::slotted(calcite-list:empty) {\n  @apply py-3;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getFirstTabbable,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport { SelectionAppearance } from \"../list/resources\";\nimport { CSS, activeCellTestAttribute, ICONS, SLOTS } from \"./resources\";\nimport {\n  getDepth,\n  getListItemChildren,\n  getListItemChildLists,\n  updateListItemChildren,\n} from \"./utils\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListItemMessages } from \"./assets/list-item/t9n\";\n\nconst focusMap = new Map<HTMLCalciteListElement, number>();\n\nconst listSelector = \"calcite-list\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SortableComponentItem } from \"../../utils/sortableComponent\";\n\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.\n * @slot content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.\n * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n * @slot content-bottom - A slot for adding content below the component's `label` and `description`.\n */\n@Component({\n  tag: \"calcite-list-item\",\n  styleUrl: \"list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ListItem\n  implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponentItem\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets the item as focusable. Only one item should be focusable within a list.\n   *\n   * @internal\n   */\n  @Prop() active = false;\n\n  @Watch(\"active\")\n  activeHandler(active: boolean): void {\n    if (!active) {\n      this.focusCell(null, false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, hides the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  handleClosedChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * A description for the component. Displays below the label text.\n   */\n  @Prop() description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * When `true`, the item is not draggable.\n   */\n  @Prop({ reflect: true }) dragDisabled = false;\n\n  /**\n   * When `true`, the component displays a draggable button.\n   *\n   * @internal\n   */\n  @Prop() dragHandle = false;\n\n  /**\n   * The label text of the component. Displays above the description text.\n   */\n  @Prop() label: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  /**\n   * When `true`, the item is open to show child components.\n   */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setSize: number = null;\n\n  /**\n   * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setPosition: number = null;\n\n  /**\n   * When `true` and the parent `calcite-list`'s `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  handleSelectedChange(): void {\n    this.calciteInternalListItemSelect.emit();\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value: any;\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = null;\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionAppearance: SelectionAppearance = null;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ListItemMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ListItemMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the item's content is selected.\n   */\n  @Event({ cancelable: false }) calciteListItemSelect: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemClose: EventEmitter<void>;\n\n  /**\n   * Fires when the open button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemToggle: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemSelect: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemSelectMultiple: EventEmitter<{\n    selectMultiple: boolean;\n  }>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemActive: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalFocusPreviousItem: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  @Listen(\"calciteInternalListDefaultSlotChange\")\n  handleCalciteInternalListDefaultSlotChanges(event: CustomEvent<void>): void {\n    event.stopPropagation();\n    this.handleOpenableChange(this.defaultSlotEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListItemMessages;\n\n  @State() level: number = null;\n\n  @State() visualLevel: number = null;\n\n  @State() parentListEl: HTMLCalciteListElement;\n\n  @State() openable = false;\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasCustomContent = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentBottom = false;\n\n  containerEl: HTMLTableRowElement;\n\n  contentEl: HTMLTableCellElement;\n\n  actionsStartEl: HTMLTableCellElement;\n\n  actionsEndEl: HTMLTableCellElement;\n\n  handleGridEl: HTMLTableCellElement;\n\n  defaultSlotEl: HTMLSlotElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    const { el } = this;\n    this.parentListEl = el.closest(listSelector);\n    this.level = getDepth(el) + 1;\n    this.visualLevel = getDepth(el, true);\n    this.setSelectionDefaults();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    const { containerEl, parentListEl } = this;\n    const focusIndex = focusMap.get(parentListEl);\n\n    if (typeof focusIndex === \"number\") {\n      const cells = this.getGridCells();\n      if (cells[focusIndex]) {\n        this.focusCell(cells[focusIndex]);\n      } else {\n        containerEl?.focus();\n      }\n      return;\n    }\n\n    containerEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelected(): VNode {\n    const { selected, selectionMode, selectionAppearance } = this;\n\n    if (selectionMode === \"none\" || selectionAppearance === \"border\") {\n      return null;\n    }\n\n    return (\n      <td class={CSS.selectionContainer} key=\"selection-container\" onClick={this.handleItemClick}>\n        <calcite-icon\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : ICONS.unselected\n          }\n          scale=\"s\"\n        />\n      </td>\n    );\n  }\n\n  renderDragHandle(): VNode {\n    const { label, dragHandle, dragDisabled, setPosition, setSize } = this;\n\n    return dragHandle ? (\n      <td\n        aria-label={label}\n        class={CSS.dragContainer}\n        key=\"drag-handle-container\"\n        onFocusin={this.focusCellHandle}\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.handleGridEl = el)}\n      >\n        <calcite-handle\n          disabled={dragDisabled}\n          label={label}\n          setPosition={setPosition}\n          setSize={setSize}\n        />\n      </td>\n    ) : null;\n  }\n\n  renderOpen(): VNode {\n    const { el, open, openable, parentListEl } = this;\n    const dir = getElementDir(el);\n\n    const icon = openable\n      ? open\n        ? ICONS.open\n        : dir === \"rtl\"\n          ? ICONS.closedRTL\n          : ICONS.closedLTR\n      : ICONS.blank;\n\n    const clickHandler = openable ? this.handleToggleClick : this.handleItemClick;\n\n    return openable || parentListEl?.openable ? (\n      <td class={CSS.openContainer} key=\"open-container\" onClick={clickHandler}>\n        <calcite-icon icon={icon} key={icon} scale=\"s\" />\n      </td>\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { label, hasActionsStart } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsStart}\n        hidden={!hasActionsStart}\n        key=\"actions-start-container\"\n        onFocusin={this.focusCellActionsStart}\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.actionsStartEl = el)}\n      >\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </td>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { label, hasActionsEnd, closable, messages } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsEnd}\n        hidden={!(hasActionsEnd || closable)}\n        key=\"actions-end-container\"\n        onFocusin={this.focusCellActionsEnd}\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.actionsEndEl = el)}\n      >\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n        {closable ? (\n          <calcite-action\n            appearance=\"transparent\"\n            icon={ICONS.close}\n            key=\"close-action\"\n            label={messages.close}\n            onClick={this.handleCloseClick}\n            text={messages.close}\n          />\n        ) : null}\n      </td>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderCustomContent(): VNode {\n    const { hasCustomContent } = this;\n    return (\n      <div class={CSS.customContent} hidden={!hasCustomContent}>\n        <slot name={SLOTS.content} onSlotchange={this.handleContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    const { hasContentBottom, visualLevel } = this;\n    return (\n      <div\n        class={CSS.contentBottom}\n        hidden={!hasContentBottom}\n        style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n      >\n        <slot name={SLOTS.contentBottom} onSlotchange={this.handleContentBottomSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContainer(): VNode {\n    return (\n      <div\n        class={{\n          [CSS.nestedContainer]: true,\n          [CSS.nestedContainerHidden]: this.openable && !this.open,\n        }}\n      >\n        <slot\n          onSlotchange={this.handleDefaultSlotChange}\n          ref={(el: HTMLSlotElement) => (this.defaultSlotEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderContentProperties(): VNode {\n    const { label, description, hasCustomContent } = this;\n\n    return !hasCustomContent && (!!label || !!description) ? (\n      <div class={CSS.content} key=\"content\">\n        {label ? (\n          <div class={CSS.label} key=\"label\">\n            {label}\n          </div>\n        ) : null}\n        {description ? (\n          <div class={CSS.description} key=\"description\">\n            {description}\n          </div>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  renderContentContainer(): VNode {\n    const { description, label, selectionMode, hasCustomContent } = this;\n    const hasCenterContent = hasCustomContent || !!label || !!description;\n    const content = [\n      this.renderContentStart(),\n      this.renderCustomContent(),\n      this.renderContentProperties(),\n      this.renderContentEnd(),\n    ];\n\n    return (\n      <td\n        aria-label={label}\n        class={{\n          [CSS.contentContainer]: true,\n          [CSS.contentContainerSelectable]: selectionMode !== \"none\",\n          [CSS.contentContainerHasCenterContent]: hasCenterContent,\n        }}\n        key=\"content-container\"\n        onClick={this.handleItemClick}\n        onFocusin={this.focusCellContent}\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.contentEl = el)}\n      >\n        {content}\n      </td>\n    );\n  }\n\n  render(): VNode {\n    const {\n      openable,\n      open,\n      level,\n      setPosition,\n      setSize,\n      active,\n      label,\n      selected,\n      selectionAppearance,\n      selectionMode,\n      closed,\n      visualLevel,\n    } = this;\n\n    const showBorder = selectionMode !== \"none\" && selectionAppearance === \"border\";\n    const borderSelected = showBorder && selected;\n    const borderUnselected = showBorder && !selected;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <tr\n            aria-expanded={openable ? toAriaBoolean(open) : null}\n            aria-label={label}\n            aria-level={level}\n            aria-posinset={setPosition}\n            aria-selected={toAriaBoolean(selected)}\n            aria-setsize={setSize}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerBorderSelected]: borderSelected,\n              [CSS.containerBorderUnselected]: borderUnselected,\n            }}\n            hidden={closed}\n            onFocus={this.focusCellNull}\n            onFocusin={this.emitInternalListItemActive}\n            onKeyDown={this.handleItemKeyDown}\n            role=\"row\"\n            style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n            tabIndex={active ? 0 : -1}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => (this.containerEl = el)}\n          >\n            {this.renderDragHandle()}\n            {this.renderSelected()}\n            {this.renderOpen()}\n            {this.renderActionsStart()}\n            {this.renderContentContainer()}\n            {this.renderActionsEnd()}\n          </tr>\n          {this.renderContentBottom()}\n          {this.renderDefaultContainer()}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private emitInternalListItemActive = (): void => {\n    this.calciteInternalListItemActive.emit();\n  };\n\n  private focusCellHandle = (): void => {\n    this.focusCell(this.handleGridEl);\n  };\n\n  private focusCellActionsStart = (): void => {\n    this.focusCell(this.actionsStartEl);\n  };\n\n  private focusCellContent = (): void => {\n    this.focusCell(this.contentEl);\n  };\n\n  private focusCellActionsEnd = (): void => {\n    this.focusCell(this.actionsEndEl);\n  };\n\n  private emitCalciteInternalListItemChange(): void {\n    this.calciteInternalListItemChange.emit();\n  }\n\n  private handleCloseClick = (): void => {\n    this.closed = true;\n    this.calciteListItemClose.emit();\n  };\n\n  private handleContentSlotChange = (event: Event): void => {\n    this.hasCustomContent = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentBottomSlotChange = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private setSelectionDefaults(): void {\n    const { parentListEl, selectionMode, selectionAppearance } = this;\n\n    if (!parentListEl) {\n      return;\n    }\n\n    if (!selectionMode) {\n      this.selectionMode = parentListEl.selectionMode;\n    }\n\n    if (!selectionAppearance) {\n      this.selectionAppearance = parentListEl.selectionAppearance;\n    }\n  }\n\n  private handleOpenableChange(slotEl: HTMLSlotElement): void {\n    if (!slotEl) {\n      return;\n    }\n\n    const { parentListEl } = this;\n    const listItemChildren = getListItemChildren(slotEl);\n    const listItemChildLists = getListItemChildLists(slotEl);\n    updateListItemChildren(listItemChildren);\n    const openable = !!listItemChildren.length || !!listItemChildLists.length;\n\n    if (openable && parentListEl && !parentListEl.openable) {\n      parentListEl.openable = true;\n    }\n\n    this.openable = openable;\n\n    if (!openable) {\n      this.open = false;\n    }\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.handleOpenableChange(event.target as HTMLSlotElement);\n  };\n\n  private handleToggleClick = (): void => {\n    this.toggle();\n  };\n\n  private toggle = (value = !this.open): void => {\n    this.open = value;\n    this.calciteListItemToggle.emit();\n  };\n\n  private handleItemClick = (event: PointerEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    this.toggleSelected(event.shiftKey);\n  };\n\n  private toggleSelected = (shiftKey: boolean): void => {\n    const { selectionMode, selected } = this;\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (selectionMode === \"multiple\" || selectionMode === \"single\") {\n      this.selected = !selected;\n    } else if (selectionMode === \"single-persist\") {\n      this.selected = true;\n    }\n\n    this.calciteInternalListItemSelectMultiple.emit({\n      selectMultiple: shiftKey && selectionMode === \"multiple\",\n    });\n    this.calciteListItemSelect.emit();\n  };\n\n  private getGridCells(): HTMLTableCellElement[] {\n    return [this.handleGridEl, this.actionsStartEl, this.contentEl, this.actionsEndEl].filter(\n      (el) => el && !el.hidden,\n    );\n  }\n\n  private handleItemKeyDown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { key } = event;\n    const composedPath = event.composedPath();\n    const { containerEl, actionsStartEl, actionsEndEl, open, openable } = this;\n\n    const cells = this.getGridCells();\n    const currentIndex = cells.findIndex((cell) => composedPath.includes(cell));\n\n    if (\n      key === \"Enter\" &&\n      !composedPath.includes(actionsStartEl) &&\n      !composedPath.includes(actionsEndEl)\n    ) {\n      event.preventDefault();\n      this.toggleSelected(event.shiftKey);\n    } else if (key === \"ArrowRight\") {\n      event.preventDefault();\n      const nextIndex = currentIndex + 1;\n      if (currentIndex === -1) {\n        if (!open && openable) {\n          this.toggle(true);\n          this.focusCell(null);\n        } else if (cells[0]) {\n          this.focusCell(cells[0]);\n        }\n      } else if (cells[currentIndex] && cells[nextIndex]) {\n        this.focusCell(cells[nextIndex]);\n      }\n    } else if (key === \"ArrowLeft\") {\n      event.preventDefault();\n      const prevIndex = currentIndex - 1;\n      if (currentIndex === -1) {\n        this.focusCell(null);\n        if (open && openable) {\n          this.toggle(false);\n        } else {\n          this.calciteInternalFocusPreviousItem.emit();\n        }\n      } else if (currentIndex === 0) {\n        this.focusCell(null);\n        containerEl.focus();\n      } else if (cells[currentIndex] && cells[prevIndex]) {\n        this.focusCell(cells[prevIndex]);\n      }\n    }\n  };\n\n  private focusCellNull = (): void => {\n    this.focusCell(null);\n  };\n\n  private focusCell = (focusEl: HTMLTableCellElement, saveFocusIndex = true): void => {\n    const { parentListEl } = this;\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, null);\n    }\n\n    const gridCells = this.getGridCells();\n\n    gridCells.forEach((tableCell) => {\n      tableCell.tabIndex = -1;\n      tableCell.removeAttribute(activeCellTestAttribute);\n    });\n\n    const focusedEl = getFirstTabbable(focusEl);\n\n    // Only one cell within a list-item should be focusable at a time. Ensures the active cell is focusable.\n    if (focusEl) {\n      focusEl.tabIndex = focusEl === focusedEl ? 0 : -1;\n      saveFocusIndex && focusMap.set(parentListEl, gridCells.indexOf(focusEl));\n      focusEl.setAttribute(activeCellTestAttribute, \"\");\n    }\n\n    focusedEl?.focus();\n  };\n}\n","export const CSS = {\n  container: \"container\",\n  heading: \"heading\",\n};\n",":host {\n  @apply flex flex-col bg-foreground-1;\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-2 text-n1 text-color-2 m-0 flex flex-1 p-3 font-sans font-bold;\n}\n\n.heading {\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n// removes shadow for the first item of the group for both filtered and unfiltered items.\n::slotted(calcite-list-item:nth-child(1 of :not([hidden]))) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getDepth } from \"../list-item/utils\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n */\n@Component({\n  tag: \"calcite-list-item-group\",\n  styleUrl: \"list-item-group.scss\",\n  shadow: true,\n})\nexport class ListItemGroup implements InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The header text for all nested `calcite-list-item` rows.\n   *\n   */\n  @Prop({ reflect: true }) heading: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emitted when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemGroupDefaultSlotChange: EventEmitter<DragEvent>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n    this.visualLevel = getDepth(el, true);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemGroupElement;\n\n  @State() visualLevel: number = null;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, heading, visualLevel } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <tr\n            class={CSS.container}\n            style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n          >\n            <td class={CSS.heading} colSpan={MAX_COLUMNS}>\n              {heading}\n            </td>\n          </tr>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (): void => {\n    this.calciteInternalListItemGroupDefaultSlotChange.emit();\n  };\n}\n"],"mappings":";;;;;wkBAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,wBAAyB,6BACzBC,0BAA2B,+BAC3BC,iBAAkB,oBAClBC,2BAA4B,gCAC5BC,iCAAkC,wCAClCC,gBAAiB,mBACjBC,sBAAuB,2BACvBC,QAAS,UACTC,cAAe,iBACfC,aAAc,gBACdC,aAAc,gBACdC,MAAO,QACPC,YAAa,cACbC,WAAY,cACZC,cAAe,iBACfC,WAAY,cACZC,mBAAoB,sBACpBC,cAAe,iBACfC,cAAe,kBAGV,MAAMC,EAAQ,CACnBV,aAAc,gBACdC,aAAc,gBACdH,QAAS,UACTO,cAAe,iBACfD,WAAY,cACZE,WAAY,eAIP,MAAMK,EAAc,EAEpB,MAAMC,EAAQ,CACnBC,iBAAkB,iBAClBC,eAAgB,WAChBC,WAAY,QACZC,UAAW,cACXC,UAAW,aACXC,KAAM,aACNC,MAAO,QACPC,MAAO,KAGF,MAAMC,EAA0B,mBC5CvC,MAAMC,EAAe,eACrB,MAAMC,EAAwB,0BAC9B,MAAMC,EAAmB,oB,SAETC,EAAsBC,GACpC,OAAOC,MAAMC,KACXF,EAAOG,iBAAiB,CAAEC,QAAS,OAAQC,QAAQC,GAAOA,EAAGC,QAAQX,KAEzE,C,SAEgBY,EAAoBR,GAClC,MAAMG,EAAmBH,EAAOG,iBAAiB,CAAEC,QAAS,OAE5D,MAAMK,EACJN,EAAiBE,QAAQC,GAAOA,GAAIC,QAAQV,KAE3Ca,KAAKC,GAAUV,MAAMC,KAAKS,EAAMC,iBAAiBd,MACjDe,QAAO,CAACC,EAAeC,IAAiB,IAAID,KAAkBC,IAAe,IAEhF,MAAMC,EAAmBb,EAAiBE,QACvCC,GAAOA,GAAIC,QAAQT,KAGtB,MAAMmB,EAAwBd,EAAiBE,QAAQC,GAAOA,GAAIC,QAAQX,KACvEc,KAAKQ,GAASjB,MAAMC,KAAKgB,EAAKN,iBAAiBd,MAC/Ce,QAAO,CAACC,EAAeC,IAAiB,IAAID,KAAkBC,IAAe,IAEhF,MAAO,IAAIE,KAAyBR,KAA0BO,EAChE,C,SAEgBG,EAAuBH,GACrCA,EAAiBI,SAASC,IACxBA,EAASC,YAAcN,EAAiBO,QAAQF,GAAY,EAC5DA,EAASG,QAAUR,EAAiBS,MAAM,GAE9C,C,SAEgBC,EAASC,EAAsBC,EAAe,OAK5D,MAAMC,EAAaD,EACf,kEACA,8BAEJ,MAAME,EAASC,SAASC,SAASH,EAAYF,EAAS,KAAMM,YAAYC,6BAA8B,MAEtG,OAAOJ,EAAOK,cAChB,CCnDO,MAAMxE,EAAM,CACjBC,UAAW,YACXwE,MAAO,QACPC,MAAO,QACPC,MAAO,QACPC,eAAgB,kBAChBC,OAAQ,aACRC,cAAe,kBAGV,MAAMC,EAAkB,EAIxB,MAAM1D,EAAQ,CACnB2D,mBAAoB,uBACpBC,iBAAkB,sBChBpB,MAAMC,EAAU,+rDCqChB,MAAM/C,EAAmB,oBACzB,MAAMgD,EAAyB,6BAC/B,MAAMC,EAAiB,6C,MAiCVC,EAAI,M,+YAsWfC,KAAAC,aAAe,oBAIfD,KAAAE,eAA+C,GAE/CF,KAAAG,eAAiB,iBAMjBH,KAAAI,UAA0C,GAE1CJ,KAAAK,iBAAmBC,EAAe,YAAY,IAAMN,KAAKO,oBAEzDP,KAAAQ,UAA0C,GAoMlCR,KAAAS,wBAA2BC,IACjCxC,EAAuBX,EAAoBmD,EAAMC,SACjD,GAAIX,KAAKY,aAAc,CACrBZ,KAAKa,qCAAqCC,M,GAItCd,KAAAe,mCAAsCL,IAC5CV,KAAKgB,sBAAwBC,EAA6BP,EAAM,EAG1DV,KAAAkB,iCAAoCR,IAC1CV,KAAKmB,oBAAsBF,EAA6BP,EAAM,EAGxDV,KAAAoB,kBAAoB,KAC1B,MAAMlB,eAAEA,GAAmBF,KAE3B,IAAKE,EAAemB,MAAMC,GAASA,EAAKC,SAAS,CAC/C,GAAIrB,EAAe,GAAI,CACrBA,EAAe,GAAGqB,OAAS,I,IAKzBvB,KAAAwB,oBAAsB,CAACV,EAAO,SACpCd,KAAKyB,cAAgBzB,KAAKQ,UAAUpD,QAAQkE,GAASA,EAAKI,WAC1D,GAAIZ,EAAM,CACRd,KAAK2B,kBAAkBb,M,GAqCnBd,KAAA4B,oBAAsB,CAACd,EAAO,SACpC,MAAMN,UAAEA,EAASqB,aAAEA,EAAYC,WAAEA,GAAe9B,KAEhD,MAAM+B,EAASF,EAAapE,KAAK6D,GAASA,EAAKU,QAE/C,MAAMC,EAAsBzB,GAAWpD,QAAQgB,GAC7CoC,EAAU0B,OAAOC,GAAOA,IAAO/D,IAAaA,EAASgE,SAASD,OAGhE,MAAME,EACJ7B,EAAUpD,QAAQkE,IAAUQ,GAAcC,EAAOO,SAAShB,EAAKU,UAAW,GAE5E,MAAMO,EAAiB,IAAIC,QAE3BP,EAAoB9D,SAASC,GAC3B4B,KAAKyC,eAAe,CAAEpF,GAAIe,EAAUiE,gBAAeE,qBAGrD,GAAIF,EAAc7D,OAAS,EAAG,CAC5BwB,KAAK0C,gCAAgCL,E,CAGvCrC,KAAKqC,cAAgBA,EAErB,GAAIvB,EAAM,CACRd,KAAK2C,kBAAkB7B,M,GA8BnBd,KAAA4C,YAAevF,IACrB2C,KAAK6C,SAAWxF,EAChB2C,KAAK8C,eAAe,EAGd9C,KAAA+C,mBAAsBrC,IAC5BA,EAAMsC,kBACN,MAAMhB,MAAEA,GAAUtB,EAAMuC,cACxBjD,KAAK8B,WAAaE,EAClBhC,KAAKkD,mBAAmB,KAAK,EAGvBlD,KAAAmD,YAAc,IACbnD,KAAKI,UAAU3C,KAAK6D,IAAI,CAC7B/F,MAAO+F,EAAK/F,MACZC,YAAa8F,EAAK9F,YAClB4H,SAAU9B,EAAK8B,SACfpB,MAAOV,EAAKU,UAIRhC,KAAAO,gBAAkB8C,GAAS,CAACvC,EAAO,SACzC,MAAMwC,oBAAEA,EAAmBC,cAAEA,EAAaC,YAAEA,GAAgBxD,KAE5D,KAAMA,KAAKY,aAAc,CACvB,MAAM6C,EAAQzD,KAAK0D,eAAe,MAElCD,EAAMtF,SAASmD,IACbA,EAAKqC,WAAaH,CAAW,IAG/BxD,KAAK4D,eACL,M,CAGF,MAAMH,EAAQzD,KAAK0D,iBACnBD,EAAMtF,SAASmD,IACbA,EAAKgC,oBAAsBA,EAC3BhC,EAAKiC,cAAgBA,CAAa,IAEpC,MAAMM,EAAY7D,KAAK0D,eAAe,MACtCG,EAAU1F,SAASmD,IACjBA,EAAKqC,WAAaH,CAAW,IAE/BxD,KAAKI,UAAYqD,EACjB,GAAIzD,KAAK8D,cAAe,CACtB9D,KAAK+D,cAAgB/D,KAAKmD,cAC1B,GAAInD,KAAK6C,SAAU,CACjB7C,KAAK6C,SAASY,MAAQzD,KAAK+D,a,EAG/B/D,KAAKQ,UAAYR,KAAKI,UAAUhD,QAAQkE,IAAUA,EAAK0C,SACvDhE,KAAK4B,oBAAoBd,GACzBd,KAAKE,eAAiBF,KAAKqC,cAAcjF,QAAQkE,IAAUA,EAAK2C,WAChEjE,KAAKoB,oBACLpB,KAAKwB,oBAAoBV,GACzBd,KAAK4D,cAAc,GAClBnE,GAEKO,KAAA0D,eAAiB,CAACQ,EAAS,QAC1BlH,MAAMC,KAAK+C,KAAK3C,GAAGM,iBAAiBuG,EAASrE,EAAyBhD,IAGvEmD,KAAAmE,SAAYC,IAClB,MAAMlE,eAAEA,GAAmBF,KAE3B,IAAKoE,EAAS,CACZ,M,CAGFlE,EAAe/B,SAASC,GAAcA,EAASmD,OAASnD,IAAagG,IAErEA,EAAQC,UAAU,EAGZrE,KAAAsE,YAAelG,IACrB,MAAMmG,EAAmBnG,EAASoG,eAAeC,QAAQ5H,GAEzD,IAAK0H,EAAkB,CACrB,OAAO,I,CAGT,OAAOA,EAAiBhI,MAAQyD,KAAKsE,YAAYC,EAAiB,EAG5DvE,KAAA0E,kBAAqBhE,IAC3B,GAAIA,EAAMiE,oBAAsB3E,KAAKY,aAAc,CACjD,M,CAGF,MAAMgE,IAAEA,GAAQlE,EAChB,MAAMmE,EAAiB7E,KAAKE,eAAe9C,QAAQgB,GAAa4B,KAAKsE,YAAYlG,KACjF,MAAM0G,EAAeD,EAAeE,WAAW3G,GAAaA,EAASmD,SAErE,GAAIqD,IAAQ,YAAa,CACvBlE,EAAMsE,iBACN,MAAMC,EAAYvE,EAAMC,SAAWX,KAAK6C,SAAW,EAAIiC,EAAe,EAEtE,GAAID,EAAeI,GAAY,CAC7BjF,KAAKmE,SAASU,EAAeI,G,OAE1B,GAAIL,IAAQ,UAAW,CAC5BlE,EAAMsE,iBAEN,GAAIF,IAAiB,GAAK9E,KAAK8D,cAAe,CAC5C9D,KAAK6C,UAAUwB,WACf,M,CAGF,MAAMa,EAAYJ,EAAe,EAEjC,GAAID,EAAeK,GAAY,CAC7BlF,KAAKmE,SAASU,EAAeK,G,OAE1B,GAAIN,IAAQ,OAAQ,CACzBlE,EAAMsE,iBACN,MAAMG,EAAWN,EAAe,GAEhC,GAAIM,EAAU,CACZnF,KAAKmE,SAASgB,E,OAEX,GAAIP,IAAQ,MAAO,CACxBlE,EAAMsE,iBACN,MAAMI,EAAUP,EAAeA,EAAerG,OAAS,GAEvD,GAAI4G,EAAS,CACXpF,KAAKmE,SAASiB,E,IAKZpF,KAAA0C,gCAAmCL,IACzCrC,KAAKqF,6BAA6BC,gBAAgB,eAClDjD,EAAclE,SAASmD,IACrBA,EAAKgE,gBAAgB,cAAc,IAGrCtF,KAAKqF,4BAA8BrF,KAAKuF,+BAA+BlD,EAAc,IACrFA,EAAc,GAAGmD,aAAa,cAAe,KAC7CxF,KAAKqF,6BAA6BG,aAAa,cAAe,IAAI,EAG5DxF,KAAAuF,+BACNlI,IAEA,IAAIoI,EAAgBpI,EAAGmH,cAAcC,QAAoC,qBAEzE,MAAOgB,EAAe,CACpB,MAAMC,EACJD,EAAcjB,cAAcC,QAAoC,qBAElE,GAAIiB,EAAyB,CAC3BD,EAAgBC,C,KACX,CACL,OAAOD,C,EAGX,OAAO,IAAI,E,cAn0BuB,M,8DAeG,M,wCAYE,M,mBAO8B,G,kBAOrB,G,6FAyBf,M,qGA+BhB,M,mBAOoD,G,mBAQnE,O,yBAKgE,O,qBAsNzC,G,+EAaQ,G,yBAUJ,M,2BAEE,K,CA9SjC,4BAAME,GACJ3F,KAAK8C,e,CA4BP,gBAAA8C,G,CAyCA,oBAAAC,GACE7F,KAAKO,iB,CAwCP,sCAAAuF,CAAuCpF,GACrC,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAMsC,kBAEN,MAAM9C,eAAEA,GAAmBF,KAC3B,MAAM8E,EAAe5E,EAAe6E,WAAW3G,GAAaA,EAASmD,SAErE,MAAM2D,EAAYJ,EAAe,EAEjC,GAAI5E,EAAegF,GAAY,CAC7BlF,KAAKmE,SAASjE,EAAegF,G,EAKjC,mCAAAa,CAAoCrF,GAClC,KAAMV,KAAKY,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN,MAAMrC,EAASD,EAAMC,OACrB,MAAMP,UAAEA,GAAcJ,KAEtBI,EAAUjC,SAASC,IACjBA,EAASmD,OAASnD,IAAauC,CAAM,G,CAKzC,2BAAAqF,GACE,KAAMhG,KAAKY,aAAc,CACvB,M,CAGFZ,KAAKwB,oBAAoB,K,CAI3B,iCAAAyE,CAAkCvF,GAChCV,KAAKR,cAAgBkB,EAAMwF,OAAOC,QAClCzF,EAAMsC,iB,CAIR,wBAAAoD,CAAyB1F,GACvB,KAAMV,KAAKY,aAAc,CACvB,M,CAGFZ,KAAKqG,iBAAiB3F,E,CAIxB,mCAAA4F,CAAoC5F,GAClC,KAAMV,KAAKY,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN,MAAMrC,EAASD,EAAMC,OACrB,MAAMP,UAAEA,EAASmD,cAAEA,GAAkBvD,KAErC,GAAIW,EAAOe,WAAa6B,IAAkB,UAAYA,IAAkB,kBAAmB,CACzFnD,EAAUjC,SAASC,GAAcA,EAASsD,SAAWtD,IAAauC,G,CAGpEX,KAAKwB,qB,CAIP,2CAAA+E,CACE7F,GAIA,KAAMV,KAAKY,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN,MAAMrC,OAAEA,EAAMuF,OAAEA,GAAWxF,EAC3B,MAAMR,eAAEA,EAAcsG,iBAAEA,GAAqBxG,KAC7C,MAAMyG,EAAe9F,EAErB,GAAIuF,EAAOQ,kBAAoBF,EAAkB,CAC/C,MAAM1B,EAAe5E,EAAe5B,QAAQmI,GAC5C,MAAME,EAAoBzG,EAAe5B,QAAQkI,EAAiBC,cAClE,MAAMG,EAAaC,KAAKC,IAAIH,EAAmB7B,GAC/C,MAAMiC,EAAWF,KAAKG,IAAIL,EAAmB7B,GAE7C5E,EACG+G,MAAML,EAAYG,EAAW,GAC7B5I,SAASmD,GAAUA,EAAKI,SAAW8E,EAAiB9E,U,KAClD,CACL1B,KAAKwG,iBAAmB,CAAEC,eAAc/E,SAAU+E,EAAa/E,S,EAKnE,mCAAAwF,CAAoCxG,GAClC,KAAMV,KAAKY,aAAc,CACvB,M,CAGFF,EAAMsC,kBACNhD,KAAKO,iB,CAIP,mDAAA4G,CAAoDzG,GAClDA,EAAMsC,iB,CASR,iBAAAoE,GACE,GAAIC,EAAWrH,MAAO,CACpB,M,CAGFsH,EAAgBtH,MAChBA,KAAKuH,kBACLvH,KAAKO,kBACLP,KAAK4D,eACL4D,EAAmBxH,MACnBA,KAAKyH,e,CAGP,uBAAMC,GACJC,EAAuB3H,YACjB4H,EAAc5H,K,CAGtB,kBAAA6H,GACEC,EAAsB9H,K,CAGxB,gBAAA+H,GACEC,EAAmBhI,K,CAGrB,oBAAAiI,GACE,GAAIZ,EAAWrH,MAAO,CACpB,M,CAGFA,KAAKkI,qBACLC,EAA4BnI,MAC5BoI,EAAsBpI,MACtBqI,EAAmBrI,K,CAYrB,qBAAAsI,GACEC,EAAevI,KAAMA,KAAKwI,gB,CAiD5B,cAAMnE,SACEoE,EAAmBzI,MAEzB,GAAIA,KAAK8D,cAAe,CACtB,OAAO9D,KAAK6C,UAAUwB,U,CAGxB,OAAOrE,KAAKE,eAAewI,MAAMtK,GAAaA,EAASmD,UAAS8C,U,CASlE,MAAAsE,GACE,MAAMC,QACJA,EAAOrN,MACPA,EAAK0I,SACLA,EAAQF,cACRA,EAAaD,cACbA,EAAa+E,kBACbA,EAAiB/G,WACjBA,EAAUd,sBACVA,EAAqBG,oBACrBA,GACEnB,KACJ,OACE8I,EAACC,EAAoB,CAAC9E,SAAUjE,KAAKiE,UACnC6E,EAAA,OAAKE,MAAOtO,EAAIC,WACbqF,KAAKwD,YACJsF,EAAA,oBAAgB,YAAYE,MAAOtO,EAAI8E,eACpCQ,KAAKR,eAEN,KACHQ,KAAKiJ,qBACLL,EAAUE,EAAA,iBAAeE,MAAOtO,EAAI0E,MAAOwJ,QAASA,IAAc,KACnEE,EAAA,qBACaI,EAAcN,GAAQ,aACrBrN,GAAS,GACrByN,MAAOtO,EAAIyE,MACXgK,UAAWnJ,KAAK0E,kBAChB0E,KAAK,YAEJtF,GAAiB9C,GAAyBG,EACzC2H,EAAA,aACEA,EAAA,MAAIE,MAAO,CAAE,CAACtO,EAAI6E,QAAS,OACzBuJ,EAAA,MAAIO,QAASrN,GACX8M,EAAA,iBAAeE,MAAOtO,EAAI2E,OACxByJ,EAAA,QACEQ,KAAMvN,EAAM2D,mBACZ6J,aAAcvJ,KAAKe,mCACnByI,KAAMC,EAAYpO,eAEpByN,EAAA,+BACcD,EACZ5E,SAAUA,EACVR,MAAOM,EACP2F,sBAAuB1J,KAAK+C,mBAC5B4G,YAAad,EACb7G,MAAOF,EAEP8H,IAAK5J,KAAK4C,cAEZkG,EAAA,QACEQ,KAAMvN,EAAM4D,iBACZ4J,aAAcvJ,KAAKkB,iCACnBsI,KAAMC,EAAY9N,iBAM1B,KACJmN,EAAA,SAAOE,MAAOtO,EAAI4E,gBAChBwJ,EAAA,QAAMS,aAAcvJ,KAAKS,6B,CAc7B,kBAAAwI,GACN,MAAMY,SACJA,EAAQxH,cACRA,EAAazB,aACbA,EAAY4H,gBACZA,EAAesB,gBACfA,EAAehG,cACfA,EAAahC,WACbA,EAAUD,aACVA,GACE7B,KAEJ+J,EAAsBC,oBAAsB,CAC1CC,OAAQzB,EACRsB,mBAGF,OAAQlJ,EACNkI,EAAA,mBAAe,SAASE,MAAOtO,EAAI8E,eAChCsE,GAAiBhC,GAAcD,GAAcrD,OAC5CsK,EAAA,OAAKlE,IAAI,uBAAuBiF,EAAS/F,eACvC,KACJgF,EAAA,OAAKlE,IAAI,mBACNiF,EAASK,MAAMC,QACd,UACAJ,EAAsBK,SAAS/H,EAAc7D,OAAO6L,cAGvDhI,EAAc7D,OACbsK,EAAA,MAAIlE,IAAI,kBACLvC,EAAc5E,KAAK6D,GAClBwH,EAAA,UAAKxH,EAAK/F,UAGZ,MAEJ,I,CAGE,eAAAgM,GACNvH,KAAKK,kBAAkBiK,QAAQtK,KAAK3C,GAAI,CAAEkN,UAAW,KAAMC,QAAS,M,CAG9D,kBAAAtC,GACNlI,KAAKK,kBAAkBoK,Y,CAGjB,YAAA7G,GACN,MAAMJ,YAAEA,GAAgBxD,KAExB,IAAKwD,EAAa,CAChB,M,CAGFkH,EAAyB1K,K,CAG3B,iBAAA2K,GACE3K,KAAKkI,oB,CAGP,eAAA0C,GACE5K,KAAKuH,iB,CAGP,SAAAsD,CAAU3E,GACRlG,KAAK8K,mBAAmBhK,KAAKoF,E,CAG/B,WAAA6E,CAAY7E,GACVlG,KAAKgL,qBAAqBlK,KAAKoF,E,CAGjC,UAAA+E,CAAW/E,GACTlG,KAAKyH,gBACLzH,KAAKO,kBAELP,KAAKkL,uBAAuBpK,KAAKoF,E,CAG3B,aAAAuB,GACNzH,KAAKY,aAAeZ,KAAK3C,GAAGmH,eAAeC,QAAQ,e,CAmC7C,cAAAhC,EAAepF,GACrBA,EAAEgF,cACFA,EAAaE,eACbA,IAMA,MAAM4I,GACH5I,EAAe6I,IAAI/N,KAAQgF,EAAcC,SAASjF,GAErDA,EAAG8N,OAASA,EAEZ,MAAM1F,EAAgBpI,EAAGmH,cAAcC,QAAQ3E,GAI/C,IAAK2F,EAAe,CAClB,M,CAGF,IAAK0F,EAAQ,CACX5I,EAAe8I,IAAI5F,E,CAGrBzF,KAAKyC,eAAe,CAClBpF,GAAIoI,EACJpD,gBACAE,kB,CAiCI,kBAAAW,CAAmBpC,EAAO,OAChC,MAAM+B,SAAEA,GAAa7C,KAErB,IAAK6C,EAAU,CACb,M,CAGF,GAAIA,EAASR,cAAe,CAC1BrC,KAAK6B,aAAegB,EAASR,a,CAG/BrC,KAAKO,gBAAgBO,E,CAGf,mBAAMgC,GACZ,MAAMD,SAAEA,EAAQf,WAAEA,GAAe9B,KAEjC,IAAK6C,EAAU,CACb,M,CAGFA,EAASb,MAAQF,QACXe,EAASzF,OAAO0E,GACtB9B,KAAKkD,oB,CAmKP,gBAAAmD,CAAiB3F,GACf,MAAM4K,UAAEA,GAAc5K,EAAMwF,OAE5B,MAAMqF,EAAe7K,EAAM6K,eAE3B,MAAMC,EAASD,EAAa7C,MACzBrL,GAAoBA,EAAGoO,UAAY,mBAGtC,MAAMC,EAAWH,EAAa7C,MAC3BrL,GAAoBA,EAAGoO,UAAY,sBAGtC,MAAME,EAAWD,GAAUlH,cAE3B,IAAKmH,EAAU,CACb,M,CAGF,MAAMtJ,cAAEA,GAAkBrC,KAE1B,MAAM4L,EAAkBvJ,EAAcjF,QAAQkE,GAASA,EAAKkD,gBAAkBmH,IAE9E,MAAME,EAAYD,EAAgBpN,OAAS,EAC3C,MAAMsN,EAAWF,EAAgBtN,QAAQoN,GACzC,IAAIK,EAEJ,GAAIT,IAAc,KAAM,CACtBS,EAAWD,IAAa,EAAID,EAAYC,EAAW,C,KAC9C,CACLC,EAAWD,IAAaD,EAAY,EAAIC,EAAW,C,CAGrD9L,KAAKkI,qBACLsD,EAAOQ,qBAAuB,KAE9B,MAAMC,EACHX,IAAc,MAAQS,IAAaF,GAAeP,IAAc,QAAUS,IAAa,EACpFH,EAAgBG,GAChBH,EAAgBG,GAAUG,YAEhCP,EAASQ,aAAaT,EAAUO,GAEhCjM,KAAKO,kBACLP,KAAKuH,kBAELvH,KAAKkL,uBAAuBpK,KAAK,CAC/BsL,OAAQV,EACRW,OAAQV,EACRW,KAAMX,EACNI,WACAD,aAGFN,EAAOnH,WAAWkI,MAAK,IAAOf,EAAOQ,qBAAuB,O,iaCh9BhE,MAAMQ,EAAc,s0HC8CpB,MAAMC,EAAW,IAAIC,IAErB,MAAM/P,EAAe,e,MAyBRgQ,EAAQ,M,qmBA+lBX3M,KAAA4M,2BAA6B,KACnC5M,KAAK6M,8BAA8B/L,MAAM,EAGnCd,KAAA8M,gBAAkB,KACxB9M,KAAK+M,UAAU/M,KAAKgN,aAAa,EAG3BhN,KAAAiN,sBAAwB,KAC9BjN,KAAK+M,UAAU/M,KAAKkN,eAAe,EAG7BlN,KAAAmN,iBAAmB,KACzBnN,KAAK+M,UAAU/M,KAAKoN,UAAU,EAGxBpN,KAAAqN,oBAAsB,KAC5BrN,KAAK+M,UAAU/M,KAAKsN,aAAa,EAO3BtN,KAAAuN,iBAAmB,KACzBvN,KAAKgE,OAAS,KACdhE,KAAKwN,qBAAqB1M,MAAM,EAG1Bd,KAAAyN,wBAA2B/M,IACjCV,KAAK0N,iBAAmBzM,EAA6BP,EAAM,EAGrDV,KAAA2N,6BAAgCjN,IACtCV,KAAK4N,gBAAkB3M,EAA6BP,EAAM,EAGpDV,KAAA6N,2BAA8BnN,IACpCV,KAAK8N,cAAgB7M,EAA6BP,EAAM,EAGlDV,KAAA+N,6BAAgCrN,IACtCV,KAAKgO,gBAAkB/M,EAA6BP,EAAM,EAGpDV,KAAAiO,2BAA8BvN,IACpCV,KAAKkO,cAAgBjN,EAA6BP,EAAM,EAGlDV,KAAAmO,8BAAiCzN,IACvCV,KAAKoO,iBAAmBnN,EAA6BP,EAAM,EAyCrDV,KAAAS,wBAA2BC,IACjCV,KAAKqO,qBAAqB3N,EAAMC,OAA0B,EAGpDX,KAAAsO,kBAAoB,KAC1BtO,KAAKuO,QAAQ,EAGPvO,KAAAuO,OAAS,CAACvM,GAAShC,KAAKzD,QAC9ByD,KAAKzD,KAAOyF,EACZhC,KAAKwO,sBAAsB1N,MAAM,EAG3Bd,KAAAyO,gBAAmB/N,IACzB,GAAIA,EAAMiE,iBAAkB,CAC1B,M,CAGF3E,KAAK0O,eAAehO,EAAMiO,SAAS,EAG7B3O,KAAA0O,eAAkBC,IACxB,MAAMpL,cAAEA,EAAa7B,SAAEA,GAAa1B,KAEpC,GAAIA,KAAKiE,SAAU,CACjB,M,CAGF,GAAIV,IAAkB,YAAcA,IAAkB,SAAU,CAC9DvD,KAAK0B,UAAYA,C,MACZ,GAAI6B,IAAkB,iBAAkB,CAC7CvD,KAAK0B,SAAW,I,CAGlB1B,KAAK4O,sCAAsC9N,KAAK,CAC9C4F,eAAgBiI,GAAYpL,IAAkB,aAEhDvD,KAAK6O,sBAAsB/N,MAAM,EAS3Bd,KAAA8O,kBAAqBpO,IAC3B,GAAIA,EAAMiE,iBAAkB,CAC1B,M,CAGF,MAAMC,IAAEA,GAAQlE,EAChB,MAAM6K,EAAe7K,EAAM6K,eAC3B,MAAMwD,YAAEA,EAAW7B,eAAEA,EAAcI,aAAEA,EAAY/Q,KAAEA,EAAIyS,SAAEA,GAAahP,KAEtE,MAAMiP,EAAQjP,KAAKkP,eACnB,MAAMpK,EAAemK,EAAMlK,WAAWoK,GAAS5D,EAAajJ,SAAS6M,KAErE,GACEvK,IAAQ,UACP2G,EAAajJ,SAAS4K,KACtB3B,EAAajJ,SAASgL,GACvB,CACA5M,EAAMsE,iBACNhF,KAAK0O,eAAehO,EAAMiO,S,MACrB,GAAI/J,IAAQ,aAAc,CAC/BlE,EAAMsE,iBACN,MAAMC,EAAYH,EAAe,EACjC,GAAIA,KAAkB,EAAG,CACvB,IAAKvI,GAAQyS,EAAU,CACrBhP,KAAKuO,OAAO,MACZvO,KAAK+M,UAAU,K,MACV,GAAIkC,EAAM,GAAI,CACnBjP,KAAK+M,UAAUkC,EAAM,G,OAElB,GAAIA,EAAMnK,IAAiBmK,EAAMhK,GAAY,CAClDjF,KAAK+M,UAAUkC,EAAMhK,G,OAElB,GAAIL,IAAQ,YAAa,CAC9BlE,EAAMsE,iBACN,MAAME,EAAYJ,EAAe,EACjC,GAAIA,KAAkB,EAAG,CACvB9E,KAAK+M,UAAU,MACf,GAAIxQ,GAAQyS,EAAU,CACpBhP,KAAKuO,OAAO,M,KACP,CACLvO,KAAKoP,iCAAiCtO,M,OAEnC,GAAIgE,IAAiB,EAAG,CAC7B9E,KAAK+M,UAAU,MACfgC,EAAYM,O,MACP,GAAIJ,EAAMnK,IAAiBmK,EAAM/J,GAAY,CAClDlF,KAAK+M,UAAUkC,EAAM/J,G,IAKnBlF,KAAAsP,cAAgB,KACtBtP,KAAK+M,UAAU,KAAK,EAGd/M,KAAA+M,UAAY,CAAC3I,EAA+BmL,EAAiB,QACnE,MAAM3O,aAAEA,GAAiBZ,KAEzB,GAAIuP,EAAgB,CAClB9C,EAAS+C,IAAI5O,EAAc,K,CAG7B,MAAM6O,EAAYzP,KAAKkP,eAEvBO,EAAUtR,SAASuR,IACjBA,EAAUC,UAAY,EACtBD,EAAUpK,gBAAgB5I,EAAwB,IAGpD,MAAMkT,EAAYC,EAAiBzL,GAGnC,GAAIA,EAAS,CACXA,EAAQuL,SAAWvL,IAAYwL,EAAY,GAAK,EAChDL,GAAkB9C,EAAS+C,IAAI5O,EAAc6O,EAAUnR,QAAQ8F,IAC/DA,EAAQoB,aAAa9I,EAAyB,G,CAGhDkT,GAAWP,OAAO,E,YAnyBH,M,cAUmB,M,YAGa,M,yCAeb,M,kBAUI,M,gBAOnB,M,uDAe0B,M,aAOrB,K,iBAOI,K,cAKqB,M,wCAoB/C,K,yBAOgE,K,6EA0FzC,G,0CASF,K,iBAEM,K,0CAIX,M,qBAEO,M,mBAEF,M,sBAEG,M,qBAED,M,mBAEF,M,sBAEG,K,CA5N5B,aAAAS,CAAcvO,GACZ,IAAKA,EAAQ,CACXvB,KAAK+M,UAAU,KAAM,M,EAWzB,kBAAAgD,GACE/P,KAAKgQ,mC,CAcP,oBAAAC,GACEjQ,KAAKgQ,mC,CAkDP,oBAAAE,GACElQ,KAAKmQ,8BAA8BrP,M,CAwCrC,gBAAA8E,G,CA4DA,2CAAAwK,CAA4C1P,GAC1CA,EAAMsC,kBACNhD,KAAKqO,qBAAqBrO,KAAKqQ,c,CAcjC,qBAAA/H,GACEC,EAAevI,KAAMA,KAAKwI,gB,CA2C5B,iBAAApB,GACEI,EAAmBxH,MACnBsQ,EAAiBtQ,MACjBsH,EAAgBtH,MAChB,MAAM3C,GAAEA,GAAO2C,KACfA,KAAKY,aAAevD,EAAGoH,QAAQ9H,GAC/BqD,KAAKuQ,MAAQ9R,EAASpB,GAAM,EAC5B2C,KAAKwQ,YAAc/R,EAASpB,EAAI,MAChC2C,KAAKyQ,sB,CAGP,uBAAM/I,GACJC,EAAuB3H,YACjB4H,EAAc5H,K,CAGtB,gBAAA+H,GACEC,EAAmBhI,K,CAGrB,kBAAA6H,GACEC,EAAsB9H,K,CAGxB,oBAAAiI,GACEG,EAAsBpI,MACtB0Q,EAAoB1Q,MACpBqI,EAAmBrI,K,CAWrB,cAAMqE,SACEoE,EAAmBzI,MACzB,MAAM+O,YAAEA,EAAWnO,aAAEA,GAAiBZ,KACtC,MAAM2Q,EAAalE,EAASmE,IAAIhQ,GAEhC,UAAW+P,IAAe,SAAU,CAClC,MAAM1B,EAAQjP,KAAKkP,eACnB,GAAID,EAAM0B,GAAa,CACrB3Q,KAAK+M,UAAUkC,EAAM0B,G,KAChB,CACL5B,GAAaM,O,CAEf,M,CAGFN,GAAaM,O,CASf,cAAAwB,GACE,MAAMnP,SAAEA,EAAQ6B,cAAEA,EAAaD,oBAAEA,GAAwBtD,KAEzD,GAAIuD,IAAkB,QAAUD,IAAwB,SAAU,CAChE,OAAO,I,CAGT,OACEwF,EAAA,MAAIE,MAAOtO,EAAIkB,mBAAoBgJ,IAAI,sBAAsBkM,QAAS9Q,KAAKyO,iBACzE3F,EAAA,gBACEiI,KACErP,EACI6B,IAAkB,WAChBtH,EAAMC,iBACND,EAAME,eACRF,EAAMG,WAEZ4U,MAAM,M,CAMd,gBAAAC,GACE,MAAM1V,MAAEA,EAAKoI,WAAEA,EAAUuN,aAAEA,EAAY7S,YAAEA,EAAWE,QAAEA,GAAYyB,KAElE,OAAO2D,EACLmF,EAAA,mBACcvN,EACZyN,MAAOtO,EAAIoB,cACX8I,IAAI,wBACJuM,UAAWnR,KAAK8M,gBAChB1D,KAAK,WAELQ,IAAMvM,GAAQ2C,KAAKgN,aAAe3P,GAElCyL,EAAA,kBACE7E,SAAUiN,EACV3V,MAAOA,EACP8C,YAAaA,EACbE,QAASA,KAGX,I,CAGN,UAAA6S,GACE,MAAM/T,GAAEA,EAAEd,KAAEA,EAAIyS,SAAEA,EAAQpO,aAAEA,GAAiBZ,KAC7C,MAAMqR,EAAMC,EAAcjU,GAE1B,MAAM0T,EAAO/B,EACTzS,EACEN,EAAMM,KACN8U,IAAQ,MACNpV,EAAMK,UACNL,EAAMI,UACVJ,EAAMO,MAEV,MAAM+U,EAAevC,EAAWhP,KAAKsO,kBAAoBtO,KAAKyO,gBAE9D,OAAOO,GAAYpO,GAAcoO,SAC/BlG,EAAA,MAAIE,MAAOtO,EAAImB,cAAe+I,IAAI,iBAAiBkM,QAASS,GAC1DzI,EAAA,gBAAciI,KAAMA,EAAMnM,IAAKmM,EAAMC,MAAM,OAE3C,I,CAGN,kBAAAQ,GACE,MAAMjW,MAAEA,EAAKqS,gBAAEA,GAAoB5N,KACnC,OACE8I,EAAA,mBACcvN,EACZyN,MAAOtO,EAAIW,aACX8P,QAASyC,EACThJ,IAAI,0BACJuM,UAAWnR,KAAKiN,sBAChB7D,KAAK,WAELQ,IAAMvM,GAAQ2C,KAAKkN,eAAiB7P,GAEpCyL,EAAA,QAAMQ,KAAMvN,EAAMV,aAAckO,aAAcvJ,KAAK2N,+B,CAKzD,gBAAA8D,GACE,MAAMlW,MAAEA,EAAKuS,cAAEA,EAAa4D,SAAEA,EAAQ7H,SAAEA,GAAa7J,KACrD,OACE8I,EAAA,mBACcvN,EACZyN,MAAOtO,EAAIiB,WACXwP,SAAU2C,GAAiB4D,GAC3B9M,IAAI,wBACJuM,UAAWnR,KAAKqN,oBAChBjE,KAAK,WAELQ,IAAMvM,GAAQ2C,KAAKsN,aAAejQ,GAElCyL,EAAA,QAAMQ,KAAMvN,EAAMJ,WAAY4N,aAAcvJ,KAAK6N,6BAChD6D,EACC5I,EAAA,kBACE6I,WAAW,cACXZ,KAAM9U,EAAMQ,MACZmI,IAAI,eACJrJ,MAAOsO,EAASpN,MAChBqU,QAAS9Q,KAAKuN,iBACdqE,KAAM/H,EAASpN,QAEf,K,CAKV,kBAAAoV,GACE,MAAM7D,gBAAEA,GAAoBhO,KAC5B,OACE8I,EAAA,OAAKE,MAAOtO,EAAIY,aAAc6P,QAAS6C,GACrClF,EAAA,QAAMQ,KAAMvN,EAAMT,aAAciO,aAAcvJ,KAAK+N,+B,CAKzD,mBAAA+D,GACE,MAAMpE,iBAAEA,GAAqB1N,KAC7B,OACE8I,EAAA,OAAKE,MAAOtO,EAAIU,cAAe+P,QAASuC,GACtC5E,EAAA,QAAMQ,KAAMvN,EAAMZ,QAASoO,aAAcvJ,KAAKyN,0B,CAKpD,gBAAAsE,GACE,MAAM7D,cAAEA,GAAkBlO,KAC1B,OACE8I,EAAA,OAAKE,MAAOtO,EAAIe,WAAY0P,QAAS+C,GACnCpF,EAAA,QAAMQ,KAAMvN,EAAMN,WAAY8N,aAAcvJ,KAAKiO,6B,CAKvD,mBAAA+D,GACE,MAAM5D,iBAAEA,EAAgBoC,YAAEA,GAAgBxQ,KAC1C,OACE8I,EAAA,OACEE,MAAOtO,EAAIgB,cACXyP,QAASiD,EACT6D,MAAO,CAAE,gDAAiD,GAAGzB,MAE7D1H,EAAA,QAAMQ,KAAMvN,EAAML,cAAe6N,aAAcvJ,KAAKmO,gC,CAK1D,sBAAA+D,GACE,OACEpJ,EAAA,OACEE,MAAO,CACL,CAACtO,EAAIO,iBAAkB,KACvB,CAACP,EAAIQ,uBAAwB8E,KAAKgP,WAAahP,KAAKzD,OAGtDuM,EAAA,QACES,aAAcvJ,KAAKS,wBACnBmJ,IAAMvM,GAAyB2C,KAAKqQ,cAAgBhT,I,CAM5D,uBAAA8U,GACE,MAAM5W,MAAEA,EAAKC,YAAEA,EAAWkS,iBAAEA,GAAqB1N,KAEjD,OAAQ0N,MAAuBnS,KAAWC,GACxCsN,EAAA,OAAKE,MAAOtO,EAAIS,QAASyJ,IAAI,WAC1BrJ,EACCuN,EAAA,OAAKE,MAAOtO,EAAIa,MAAOqJ,IAAI,SACxBrJ,GAED,KACHC,EACCsN,EAAA,OAAKE,MAAOtO,EAAIc,YAAaoJ,IAAI,eAC9BpJ,GAED,MAEJ,I,CAGN,sBAAA4W,GACE,MAAM5W,YAAEA,EAAWD,MAAEA,EAAKgI,cAAEA,EAAamK,iBAAEA,GAAqB1N,KAChE,MAAMqS,EAAmB3E,KAAsBnS,KAAWC,EAC1D,MAAML,EAAU,CACd6E,KAAK6R,qBACL7R,KAAK8R,sBACL9R,KAAKmS,0BACLnS,KAAK+R,oBAGP,OACEjJ,EAAA,mBACcvN,EACZyN,MAAO,CACL,CAACtO,EAAII,kBAAmB,KACxB,CAACJ,EAAIK,4BAA6BwI,IAAkB,OACpD,CAAC7I,EAAIM,kCAAmCqX,GAE1CzN,IAAI,oBACJkM,QAAS9Q,KAAKyO,gBACd0C,UAAWnR,KAAKmN,iBAChB/D,KAAK,WAELQ,IAAMvM,GAAQ2C,KAAKoN,UAAY/P,GAE9BlC,E,CAKP,MAAAwN,GACE,MAAMqG,SACJA,EAAQzS,KACRA,EAAIgU,MACJA,EAAKlS,YACLA,EAAWE,QACXA,EAAOgD,OACPA,EAAMhG,MACNA,EAAKmG,SACLA,EAAQ4B,oBACRA,EAAmBC,cACnBA,EAAaS,OACbA,EAAMwM,YACNA,GACExQ,KAEJ,MAAMsS,EAAa/O,IAAkB,QAAUD,IAAwB,SACvE,MAAMiP,EAAiBD,GAAc5Q,EACrC,MAAM8Q,EAAmBF,IAAe5Q,EAExC,OACEoH,EAAC2J,EAAI,KACH3J,EAACC,EAAoB,CAAC9E,SAAUjE,KAAKiE,UACnC6E,EAAA,sBACiBkG,EAAW9F,EAAc3M,GAAQ,KAAI,aACxChB,EAAK,aACLgV,EAAK,gBACFlS,EAAW,gBACX6K,EAAcxH,GAAS,eACxBnD,EACdyK,MAAO,CACL,CAACtO,EAAIC,WAAY,KACjB,CAACD,EAAIE,yBAA0B2X,EAC/B,CAAC7X,EAAIG,2BAA4B2X,GAEnCrH,OAAQnH,EACR0O,QAAS1S,KAAKsP,cACd6B,UAAWnR,KAAK4M,2BAChBzD,UAAWnJ,KAAK8O,kBAChB1F,KAAK,MACL6I,MAAO,CAAE,gDAAiD,GAAGzB,KAC7Db,SAAUpO,EAAS,GAAK,EAExBqI,IAAMvM,GAAQ2C,KAAK+O,YAAc1R,GAEhC2C,KAAKiR,mBACLjR,KAAK6Q,iBACL7Q,KAAKoR,aACLpR,KAAKwR,qBACLxR,KAAKoS,yBACLpS,KAAKyR,oBAEPzR,KAAKgS,sBACLhS,KAAKkS,0B,CAgCN,iCAAAlC,GACNhQ,KAAK2S,8BAA8B7R,M,CAgC7B,oBAAA2P,GACN,MAAM7P,aAAEA,EAAY2C,cAAEA,EAAaD,oBAAEA,GAAwBtD,KAE7D,IAAKY,EAAc,CACjB,M,CAGF,IAAK2C,EAAe,CAClBvD,KAAKuD,cAAgB3C,EAAa2C,a,CAGpC,IAAKD,EAAqB,CACxBtD,KAAKsD,oBAAsB1C,EAAa0C,mB,EAIpC,oBAAA+K,CAAqBtR,GAC3B,IAAKA,EAAQ,CACX,M,CAGF,MAAM6D,aAAEA,GAAiBZ,KACzB,MAAMjC,EAAmBR,EAAoBR,GAC7C,MAAM6V,EAAqB9V,EAAsBC,GACjDmB,EAAuBH,GACvB,MAAMiR,IAAajR,EAAiBS,UAAYoU,EAAmBpU,OAEnE,GAAIwQ,GAAYpO,IAAiBA,EAAaoO,SAAU,CACtDpO,EAAaoO,SAAW,I,CAG1BhP,KAAKgP,SAAWA,EAEhB,IAAKA,EAAU,CACbhP,KAAKzD,KAAO,K,EA4CR,YAAA2S,GACN,MAAO,CAAClP,KAAKgN,aAAchN,KAAKkN,eAAgBlN,KAAKoN,UAAWpN,KAAKsN,cAAclQ,QAChFC,GAAOA,IAAOA,EAAG8N,Q,uTC7yBjB,MAAMzQ,EAAM,CACjBC,UAAW,YACXkY,QAAS,WCFX,MAAMC,GAAmB,64C,MC6BZC,GAAa,M,sIA2FhB/S,KAAAS,wBAA0B,KAChCT,KAAKgT,8CAA8ClS,MAAM,E,cAlFvB,M,wCAgDL,I,CAtB/B,iBAAAsG,GACE,MAAM/J,GAAEA,GAAO2C,KACfA,KAAKwQ,YAAc/R,EAASpB,EAAI,MAChCmK,EAAmBxH,K,CAGrB,kBAAA6H,GACEC,EAAsB9H,K,CAGxB,oBAAAiI,GACEG,EAAsBpI,K,CAmBxB,MAAA2I,GACE,MAAM1E,SAAEA,EAAQ4O,QAAEA,EAAOrC,YAAEA,GAAgBxQ,KAC3C,OACE8I,EAAC2J,EAAI,KACH3J,EAACC,EAAoB,CAAC9E,SAAUA,GAC9B6E,EAAA,MACEE,MAAOtO,EAAIC,UACXsX,MAAO,CAAE,gDAAiD,GAAGzB,MAE7D1H,EAAA,MAAIE,MAAOtO,EAAImY,QAASxJ,QAASrN,GAC9B6W,IAGL/J,EAAA,QAAMS,aAAcvJ,KAAKS,2B"}

package/dist/calcite/p-39c97773.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-function t(t,s,i){const e=n(t);return new e(s,i)}function n(t){class n extends window.MutationObserver{constructor(t){super(t);this.observedEntry=[];this.callback=t}observe(t,n){this.observedEntry.push({target:t,options:n});return super.observe(t,n)}unobserve(t){const n=this.observedEntry.filter((n=>n.target!==t));this.observedEntry=[];this.callback(super.takeRecords(),this);this.disconnect();n.forEach((t=>this.observe(t.target,t.options)))}}return function(){return t==="intersection"?window.IntersectionObserver:t==="mutation"?n:window.ResizeObserver}()}export{t as c};
-//# sourceMappingURL=p-39c97773.js.map

package/dist/calcite/p-3d55da63.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-import{r as t,c as i,h as e,g as a}from"./p-b09a549d.js";import{c as n,u as o,d as s,I as c}from"./p-1b0b405d.js";import{c as l,s as r,a as d}from"./p-6685dcc0.js";import"./p-1c177571.js";const h={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host:host([kind=brand]){--calcite-split-button-background:var(--calcite-color-brand);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-color-status-danger);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-color-foreground-3);--calcite-split-button-divider:var(--calcite-color-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-color-inverse);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-text-1);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-border-1);--calcite-split-button-background:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]) .divider-container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const u=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.loading=false;this.overlayPositioning="absolute";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await l(this);this.el.focus()}connectedCallback(){n(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this)}componentDidRender(){o(this)}disconnectedCallback(){s(this)}render(){const t=this.width==="auto"?"auto":"full";return e(c,{disabled:this.disabled},e("div",{class:h.container},e("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{class:h.dividerContainer},e("div",{class:h.divider})),e("calcite-dropdown",{disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,"width-scale":this.scale},e("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",null))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};u.style=p;export{u as calcite_split_button};
-//# sourceMappingURL=p-3d55da63.entry.js.map

package/dist/calcite/p-3e05f5dd.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-import{r as e,c as t,h as i,g as s,F as n,H as a}from"./p-b09a549d.js";import{c as o}from"./p-39c97773.js";import{d as l}from"./p-56a2a311.js";import{c,d as r,a as h,H as d}from"./p-0688443c.js";import{c as p,d as u,u as m,I as f}from"./p-1b0b405d.js";import{c as b,d as g,g as v}from"./p-6b224746.js";import{s as x,a as w,c as C}from"./p-6685dcc0.js";import{g as y}from"./p-87b8780e.js";import{V as z}from"./p-854773ca.js";import"./p-85f6ece8.js";import"./p-178a3e1d.js";import"./p-1c177571.js";const O=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(i){e(this,i);this.calciteInternalOptionChange=t(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(e,t,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:e},internallySetLabel:t,internallySetValue:i,label:s,value:n}=this;if(!s||s===t){this.label=e;this.internallySetLabel=e}if(n==null||n===i){this.value=e;this.internallySetValue=e}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",null,this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};k.style=O;const P=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const j=class{constructor(i){e(this,i);this.calciteInternalOptionGroupChange=t(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(n,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};j.style=P;const I={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"};const L=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.select:hover{background-color:var(--calcite-color-foreground-2)}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.select:focus~.icon-container{border-color:transparent}.validation-container{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";function T(e){return e.tagName==="CALCITE-OPTION"}function A(e){return e.tagName==="CALCITE-OPTION-GROUP"}const E=class{constructor(i){e(this,i);this.calciteSelectChange=t(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const e=Array.from(this.el.children).filter((e=>e.tagName==="CALCITE-OPTION"||e.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();e.forEach((e=>this.selectEl?.append(this.toNativeElement(e))))};this.storeSelectRef=e=>{this.selectEl=e;this.populateInternalSelect();const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(e){const t=this.el.querySelectorAll("calcite-option");t.forEach((t=>t.selected=t.value===e))}selectedOptionHandler(e){this.value=e?.value}connectedCallback(){const{el:e}=this;this.mutationObserver?.observe(e,{subtree:true,childList:true});p(this);b(this);c(this)}disconnectedCallback(){this.mutationObserver?.disconnect();u(this);g(this);r(this)}componentWillLoad(){x(this)}componentDidLoad(){w(this);h(this,this.selectedOption?.value??"")}componentDidRender(){m(this)}async setFocus(){await C(this);l(this.selectEl)}handleOptionOrGroupChange(e){e.stopPropagation();const t=e.target;const i=this.componentToNativeEl.get(t);if(!i){return}this.updateNativeElement(t,i);if(T(t)&&t.selected){this.deselectAllExcept(t);this.selectedOption=t}}onLabelClick(){this.setFocus()}updateNativeElement(e,t){t.disabled=e.disabled;t.label=e.label;if(T(e)){const i=t;i.selected=e.selected;i.value=e.value;i.innerText=e.label}}clearInternalSelect(){this.componentToNativeEl.forEach((e=>e.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e){return}let t;this.componentToNativeEl.forEach(((i,s)=>{if(T(s)&&i===e){s.selected=true;t=s;this.deselectAllExcept(s)}}));if(t){this.selectedOption=t}}toNativeElement(e){if(T(e)){const t=document.createElement("option");this.updateNativeElement(e,t);this.componentToNativeEl.set(e,t);return t}if(A(e)){const t=document.createElement("optgroup");this.updateNativeElement(e,t);Array.from(e.children).forEach((i=>{const s=this.toNativeElement(i);t.append(s);this.componentToNativeEl.set(e,s)}));this.componentToNativeEl.set(e,t);return t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach((t=>{if(t===e){return}t.selected=false}))}renderChevron(){return i("div",{class:I.iconContainer},i("calcite-icon",{class:I.icon,icon:"chevron-down",scale:y(this.scale)}))}render(){const{disabled:e}=this;return i(a,null,i(f,{disabled:e},i("div",{class:I.wrapper},i("select",{"aria-label":v(this),class:I.select,disabled:e,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(),i(d,{component:this})),this.validationMessage?i(z,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};E.style=L;export{k as calcite_option,j as calcite_option_group,E as calcite_select};
-//# sourceMappingURL=p-3e05f5dd.entry.js.map

package/dist/calcite/p-3e05f5dd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["optionCss","Option","this","mutationObserver","createObserver","ensureTextContentDependentProps","calciteInternalOptionChange","emit","handlePropChange","_newValue","_oldValue","propName","el","textContent","internallySetLabel","internallySetValue","label","value","connectedCallback","observe","attributeFilter","characterData","childList","subtree","disconnectedCallback","disconnect","render","h","optionGroupCss","OptionGroup","calciteInternalOptionGroupChange","Fragment","CSS","icon","iconContainer","select","wrapper","selectCss","isOption","optionOrGroup","tagName","isOptionGroup","Select","componentToNativeEl","Map","populateInternalSelect","handleInternalSelectChange","selected","selectEl","selectedOptions","selectFromNativeOption","requestAnimationFrame","emitChangeEvent","optionsAndGroups","Array","from","children","filter","child","clearInternalSelect","forEach","append","toNativeElement","storeSelectRef","node","calciteSelectChange","valueHandler","items","querySelectorAll","item","selectedOptionHandler","selectedOption","connectInteractive","connectLabel","connectForm","disconnectInteractive","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","afterConnectDefaultValueSet","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focusElement","handleOptionOrGroupChange","event","stopPropagation","target","nativeEl","get","updateNativeElement","deselectAllExcept","onLabelClick","nativeOptionOrGroup","disabled","option","innerText","remove","clear","nativeOption","futureSelected","document","createElement","set","group","Error","except","renderChevron","class","scale","getIconScale","Host","InteractiveContainer","getLabelText","onChange","ref","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","status"],"sources":["src/components/option/option.scss?tag=calcite-option&encapsulation=shadow","src/components/option/option.tsx","src/components/option-group/option-group.scss?tag=calcite-option-group&encapsulation=shadow","src/components/option-group/option-group.tsx","src/components/select/resources.ts","src/components/select/select.scss?tag=calcite-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":[":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\n\n@Component({\n  tag: \"calcite-option\",\n  styleUrl: \"option.scss\",\n  shadow: true,\n})\nexport class Option {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop({ mutable: true })\n  label: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({\n    reflect: true,\n  })\n  selected: boolean;\n\n  /**\n   * The component's value.\n   */\n  @Prop({ mutable: true })\n  value: any;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"value\")\n  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void {\n    if (propName === \"label\" || propName === \"value\") {\n      this.ensureTextContentDependentProps();\n    }\n\n    this.calciteInternalOptionChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Variables\n  //\n  //--------------------------------------------------------------------------\n\n  @Element()\n  private el: HTMLCalciteOptionElement;\n\n  private internallySetLabel: string;\n\n  private internallySetValue: any;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.ensureTextContentDependentProps();\n    this.calciteInternalOptionChange.emit();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private ensureTextContentDependentProps(): void {\n    const {\n      el: { textContent },\n      internallySetLabel,\n      internallySetValue,\n      label,\n      value,\n    } = this;\n\n    if (!label || label === internallySetLabel) {\n      this.label = textContent;\n      this.internallySetLabel = textContent;\n    }\n\n    if (\n      value == null /* intentional loose equals to handle both undefined & null */ ||\n      value === internallySetValue\n    ) {\n      this.value = textContent;\n      this.internallySetValue = textContent;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ensureTextContentDependentProps();\n    this.mutationObserver?.observe(this.el, {\n      attributeFilter: [\"label\", \"value\"],\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return <slot>{this.label}</slot>;\n  }\n}\n",":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Event, EventEmitter, Fragment, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-option-group\",\n  styleUrl: \"option-group.scss\",\n  shadow: true,\n})\nexport class OptionGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop()\n  label!: string;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  protected handlePropChange(): void {\n    this.calciteInternalOptionGroupChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionGroupChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <div>{this.label}</div>\n        <slot />\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  icon: \"icon\",\n  iconContainer: \"icon-container\",\n  select: \"select\",\n  wrapper: \"wrapper\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-select-font-size: The font size of items in the component.\n * @prop --calcite-select-spacing: The padding around the selected option text.\n */\n\n:host {\n  @extend %component-spacing;\n  @apply flex flex-col;\n}\n\n.wrapper {\n  @apply relative flex items-stretch;\n  inline-size: var(--select-width);\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n2h\");\n  --calcite-select-spacing-inline: theme(\"spacing.2\") theme(\"spacing.8\");\n\n  .wrapper {\n    @apply h-6;\n  }\n\n  .icon-container {\n    @apply px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n1h\");\n  --calcite-select-spacing-inline: theme(\"spacing.3\") theme(\"spacing.10\");\n\n  .wrapper {\n    @apply h-8;\n  }\n\n  .icon-container {\n    @apply px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-select-font-size: theme(\"fontSize.0h\");\n  --calcite-select-spacing-inline: theme(\"spacing.4\") theme(\"spacing.12\");\n\n  .wrapper {\n    block-size: 44px;\n  }\n\n  .icon-container {\n    @apply px-4;\n  }\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-1/2;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n.select {\n  @apply bg-foreground-1 border-color-input text-color-2 font-inherit focus-base m-0 box-border w-full cursor-pointer appearance-none truncate rounded-none border border-solid;\n  font-size: var(--calcite-select-font-size);\n  padding-inline: var(--calcite-select-spacing-inline);\n  border-inline-end-width: theme(\"borderWidth.0\");\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n// override user agent stylesheet disabled styling\nselect:disabled {\n  @apply border-color-input bg-opacity-100;\n}\n\n.icon-container {\n  @apply border-color-input text-color-2 pointer-events-none absolute inset-y-0 flex items-center border-0 border-solid bg-transparent;\n  inset-inline-end: theme(\"inset.0\");\n  border-inline-width: theme(\"borderWidth.0\") theme(\"borderWidth.DEFAULT\");\n}\n\n:host([status=\"invalid\"]) {\n  select,\n  .icon-container {\n    @apply border-color-danger;\n  }\n\n  select:focus,\n  .icon-container:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.select:focus ~ .icon-container {\n  @apply border-color-transparent;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop() validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.el.querySelectorAll(\"calcite-option\");\n    items.forEach((item) => (item.selected = item.value === value));\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach(\n      (optionOrGroup) => this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup as HTMLCalciteOptionElement);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-3e78afb3.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-import{d as _}from"./p-8b358711.js";import"./p-b09a549d.js";import"./p-0688443c.js";import"./p-56a2a311.js";import"./p-85f6ece8.js";import"./p-178a3e1d.js";import"./p-1b0b405d.js";import"./p-1c177571.js";import"./p-2c949afb.js";import"./p-6b224746.js";import"./p-87b8780e.js";import"./p-6685dcc0.js";import"./p-b3a13c43.js";import"./p-39c97773.js";import"./p-ae974f62.js";import"./p-eae4138c.js";import"./p-ddcd597d.js";import"./p-bcb26189.js";import"./p-854773ca.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export default m;
-//# sourceMappingURL=p-3e78afb3.js.map

package/dist/calcite/p-3fde6079.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-const t=(()=>{const t=Intl.supportedValuesOf("timeZone");const n=["Etc/GMT+1","Etc/GMT+10","Etc/GMT+11","Etc/GMT+12","Etc/GMT+2","Etc/GMT+3","Etc/GMT+4","Etc/GMT+5","Etc/GMT+6","Etc/GMT+7","Etc/GMT+8","Etc/GMT+9","Etc/GMT-1","Etc/GMT-10","Etc/GMT-11","Etc/GMT-12","Etc/GMT-13","Etc/GMT-14","Etc/GMT-2","Etc/GMT-3","Etc/GMT-4","Etc/GMT-5","Etc/GMT-6","Etc/GMT-7","Etc/GMT-8","Etc/GMT-9"];return[...new Set([...t,...n])]})();const n=new Date;const c=n.toISOString();const e=365;const o=e;const s={startDate:c,groupDateRange:o,debug:false};const r=new Set(["Europe","Asia","America","America/Argentina","Africa","Australia","Pacific","Atlantic","Antarctica","Arctic","Indian"]);const a=(t,n,c)=>{const e=[];let o=c.create(t);for(let t=0;t<=n;t++){o=c.increase(o);e.push(c.formatToIsoDateString(o))}return e};const i=t=>{if(t.includes("Istanbul")){return"Europe"}const n=t.lastIndexOf("/");return n===-1?t:t.slice(0,n)};const u=t=>r.has(t);const l=(t,n,c,e,o=false)=>{const s=new Map;if(o){console.log(`Initializing data starting ${n} with ${c} days in the future, comparing ${t.length} timezones`)}const r=a(n,c,e);return t.map((t=>{const n=t.label;const c=i(n);const o=r.map((t=>{const c=`${t}-${n}`;let o=s.get(c);if(o){return o}o=e.isoToTimeZone(t,n);s.set(c,o);return o}));return{...t,continent:c,isRegularContinent:u(c),dates:o}}))};const E=(t,n,c)=>t.length===n.length&&t.every(((t,e)=>c.same(t,n[e])));const M=(t,n=5)=>{const c=t.filter((({label:t})=>u(i(t))));if(c.length===0){return[0]}const e=c.map((n=>t.indexOf(n)));return T(e,n)};function T(t,n=5){const c=t.length;if(c<=n){return t}const e=Math.min(c-2,n-2);const o=(c-1)/(e+1);return[t[0],...Array.from({length:e},((n,c)=>t[Math.round((c+1)*o)])),t[c-1]]}async function G(n){const{debug:c,groupDateRange:e,hooks:o,startDate:r,dateEngine:a}={...s,...n};const i=[];if(!a){throw new Error("dateEngine is required")}const u=t.map((t=>({label:t})));o?.onBeforeTimeZoneMetadataCreate?.(u);const T=l(u,r,e,a,c);o?.onTimeZoneMetadataCreate?.(T);for(const t of T){const{label:n,continent:c,dates:e}=t;if(t.visited){continue}t.visited=true;const s={labelTzIndices:undefined,tzs:[{label:n}]};o?.onGroupCreate?.(s,t);for(const t of T.filter((t=>!t.visited))){const{label:n,continent:r,isRegularContinent:i,dates:u}=t;if((c===r||!i)&&E(e,u,a)){const c={label:n};s.tzs.push(c);o?.onGroupTimeZoneAdd?.(s,c,t);t.visited=true}}i.push(s);o?.onGroupAdd?.(s)}const G=i.map((t=>{o?.onBeforeFinalGroupCreate?.(t);t.tzs=t.tzs.sort(((t,n)=>t.label.localeCompare(n.label)));const n={labelTzIndices:M(t.tzs,7),tzs:t.tzs.map((t=>t.label))};o?.onFinalGroupCreate?.(n,t);return n})).sort(((t,n)=>n.tzs.length-t.tzs.length));if(c){const n=t.map((t=>G.some((n=>n.tzs.includes(t)))?null:t)).filter(Boolean);if(n.length>0){throw new Error(`There are ${n.length} missing timezones: ${n.toString()}`)}}return o?.onFinalGroupingCreate?o.onFinalGroupingCreate(G):G}export{G as groupTimeZones};
-//# sourceMappingURL=p-3fde6079.js.map

package/dist/calcite/p-3fee112f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.8
- */
-function n(n,r){return(n+r)%r}export{n as g};
-//# sourceMappingURL=p-3fee112f.js.map