@esri/calcite-components 2.2.0-next.0 → 2.2.0-next.1

package/dist/calcite/p-d1609406.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["chipGroupCss","ChipGroup","this","mutationObserver","createObserver","updateItems","items","event","target","slotRefEl","assignedElements","flatten","filter","el","matches","forEach","interactive","scale","selectionMode","setSelectedItems","emit","elToMatch","matchingEl","selected","selectedItems","calciteChipGroupSelect","onSelectionModeChange","connectedCallback","connectInteractive","observe","childList","subtree","componentDidRender","disconnectInteractive","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnect","componentWillLoad","setUpLoadableComponent","calciteInternalChipKeyEventListener","composedPath","includes","interactiveItems","disabled","detail","key","focusElementInGroup","calciteChipCloseListener","item","indexOf","calciteChipSelectListener","setFocus","componentFocusable","render","role","h","InteractiveContainer","toAriaBoolean","label","class","onSlotchange","ref"],"sources":["src/components/chip-group/chip-group.scss?tag=calcite-chip-group&encapsulation=shadow","src/components/chip-group/chip-group.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.container {\n  display: flex;\n  inline-size: 100%;\n  flex-wrap: wrap;\n  gap: theme(\"spacing.2\");\n}\n\n::slotted(calcite-chip) {\n  flex: none;\n}\n\n:host([scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElementInGroup, 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 { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n/**\n * @slot - A slot for adding one or more `calcite-chip`s.\n */\n@Component({\n  tag: \"calcite-chip-group\",\n  styleUrl: \"chip-group.scss\",\n  shadow: true,\n})\nexport class ChipGroup implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the size of the component. Child `calcite-chip`s inherit the component's value. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.updateItems();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteChipElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteChipGroupElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  private items: HTMLCalciteChipElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selection changes. */\n  @Event({ cancelable: false }) calciteChipGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  componentDidRender(): void {\n    disconnectInteractive(this);\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalChipKeyEvent\")\n  calciteInternalChipKeyEventListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items?.filter((el) => !el.disabled);\n      switch (event.detail.key) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteChipClose\")\n  calciteChipCloseListener(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteChipElement;\n    if (this.items?.includes(item)) {\n      if (this.items?.indexOf(item) > 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"previous\");\n      } else if (this.items?.indexOf(item) === 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"next\");\n      } else {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"first\");\n      }\n    }\n    this.items = this.items?.filter((el) => el !== item);\n  }\n\n  @Listen(\"calciteChipSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(true, event.target as HTMLCalciteChipElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public 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    if (!this.disabled) {\n      return (this.selectedItems[0] || this.items[0])?.setFocus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateItems = (event?: Event): void => {\n    const target = event ? (event.target as HTMLSlotElement) : this.slotRefEl;\n    this.items = target\n      ?.assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-chip\")) as HTMLCalciteChipElement[];\n\n    this.items?.forEach((el) => {\n      el.interactive = true;\n      el.scale = this.scale;\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteChipElement): void => {\n    if (elToMatch) {\n      this.items?.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items?.filter((el) => el.selected);\n\n    if (emit) {\n      this.calciteChipGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          aria-disabled={toAriaBoolean(disabled)}\n          aria-label={this.label}\n          class=\"container\"\n          role={role}\n        >\n          <slot\n            onSlotchange={this.updateItems}\n            ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n          />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-d1fe8e6e.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{d as e}from"./p-8cd7a84e.js";import"./p-9ae43621.js";import"./p-23533296.js";import"./p-bd542796.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-5200b68e.js";import"./p-069f8f3c.js";import"./p-7cb9a188.js";import"./p-e993b713.js";import"./p-cf038b06.js";import"./p-a3f33515.js";import"./p-c4f076d3.js";import"./p-d3b32311.js";import"./p-e385da59.js";import"./p-311ecef8.js";import"./p-52a52b51.js";import"./p-90c2fa80.js";import"./p-ea865e5b.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var a=r[i];if(Array.isArray(a)){a=a[t?0:1]}return a.replace("%d",e)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,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"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export default i;
+//# sourceMappingURL=p-d1fe8e6e.js.map

package/dist/calcite/p-d266aa17.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{r as t,c as e,h as i,H as o,g as s}from"./p-9ae43621.js";import{c as a,d as n}from"./p-3eaa7ecf.js";import{s as l,b as c,f as r}from"./p-bd542796.js";import{a as d,s as h,c as p}from"./p-a3f33515.js";import{c as u,d as f}from"./p-c4f076d3.js";import{c as g}from"./p-d3b32311.js";import{u as b,c as x,s as m,d as y}from"./p-52a52b51.js";import{t as v,o as w,q as j,g as z,a as H,E as A,b as C}from"./p-20482e98.js";import{d as D}from"./p-5284cd63.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-7cb9a188.js";import"./p-f185e06a.js";import"./p-48f5867c.js";const L={actionGroupEnd:"action-group--end"};const k={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":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{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=class{constructor(i){t(this,i);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=g("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const e=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})};this.resize=D((({width:t,height:e})=>{const{el:i,expanded:o,expandDisabled:s,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!e||a==="horizontal"&&!t){return}const l=j(i);const c=s?l.length:l.length+1;const r=Array.from(i.querySelectorAll("calcite-action-group"));this.setGroupLayout(r);const d=this.hasActionsEnd||this.hasBottomActions||!s?r.length+1:r.length;const{actionHeight:h,actionWidth:p}=z(l);const u=C({layout:a,actionCount:c,actionHeight:h,actionWidth:p,height:e,width:t,groupCount:d});H({actionGroups:r,expanded:o,overflowCount:u})}),w);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const e=l(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=c(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=c(t)};this.handleTooltipSlotChange=t=>{const e=l(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=e[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:e}=this;d(this);v({el:t,expanded:e});this.overflowActions()}connectedCallback(){const{el:t,expanded:e}=this;u(this);x(this);v({el:t,expanded:e});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){h(this);await m(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);r(this.el)}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:e,el:o,position:s,toggleExpand:a,scale:n,layout:l,messages:c,actionsEndGroupLabel:r}=this;const d=!e?i(A,{collapseText:c.collapse,el:o,expandText:c.expand,expanded:t,position:s,scale:n,toggle:a,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return i("calcite-action-group",{class:L.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:r,layout:l,scale:n},i("slot",{name:k.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),i("slot",{name:k.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),i("slot",{name:k.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),d)}render(){return i(o,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=G;export{E as calcite_action_bar};
+//# sourceMappingURL=p-d266aa17.entry.js.map

package/dist/calcite/p-d3b32311.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+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-d3b32311.js.map

package/dist/calcite/p-d3d03004.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{r as t,c as e,h as i,g as s,F as a}from"./p-9ae43621.js";import{c as n,d as o,u as c,I as l}from"./p-5200b68e.js";import{s as r,a as d,c as h}from"./p-a3f33515.js";import{c as p}from"./p-d3b32311.js";import{m as f,d as m,a as u,s as b,h as g,b as v,c as x,k as w,i as k,f as y,l as z,j as C,r as L,o as j,p as I,n as H,q as W,t as F,I as _,L as D,u as R,v as M,w as S,C as V,S as A}from"./p-79a76544.js";import{c as P,d as T}from"./p-3eaa7ecf.js";import{e as U,t as K}from"./p-bd542796.js";import{H as O,c as q}from"./p-fde8b61b.js";import{c as E,d as B}from"./p-c4f076d3.js";import{u as G,c as J,s as N,d as Q}from"./p-52a52b51.js";import"./p-069f8f3c.js";import"./p-b1a353c3.js";import"./p-5284cd63.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-7cb9a188.js";const X=":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{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--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)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const Y=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=p("mutation",f.bind(this));this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=m.bind(this);this.deselectSiblingItems=u.bind(this);this.selectSiblings=b.bind(this);this.handleFilter=g.bind(this);this.handleFilterEvent=v.bind(this);this.getItemData=x.bind(this);this.keyDownHandler=w.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){k.call(this);y.call(this);n(this)}disconnectedCallback(){z.call(this);o(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this);C.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(t){L.call(this,t)}calciteListItemChangeHandler(t){j.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){I.call(this,t);t.stopPropagation()}calciteListFocusOutHandler(t){H.call(this,t)}setUpItems(){W.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await h(this);return F.call(this,t)}getIconType(){return this.multiple?_.square:_.circle}render(){return i(D,{onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};Y.style=X;const Z=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const $=class{constructor(e){t(this,e);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){P(this)}disconnectedCallback(){T(this)}render(){const{el:t,groupTitle:e,headingLevel:s}=this;const n=U(t,R.parentItem)!==null;const o={[M.container]:true,[M.indented]:n};const c=e;const l=t.closest("calcite-pick-list")?.headingLevel;const r=l?q(l+1):null;const d=s||r;return i(a,null,c?i(O,{class:M.heading,level:d},c):null,i("slot",{name:R.parentItem}),i("section",{class:o},i("slot",null)))}get el(){return s(this)}};$.style=Z;const tt='@charset "UTF-8";: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{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--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);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label: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          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}: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 et=class{constructor(i){t(this,i);this.calciteListItemChange=e(this,"calciteListItemChange",6);this.calciteListItemRemove=e(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=e(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=e(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=t=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=t.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=t=>{if(t.key===" "){t.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(t,e){this.calciteInternalListItemValueChange.emit({oldValue:e,newValue:t})}effectiveLocaleChange(){G(this,this.effectiveLocale)}connectedCallback(){n(this);E(this);J(this);P(this)}async componentWillLoad(){await N(this);r(this)}componentDidLoad(){d(this)}disconnectedCallback(){o(this);B(this);Q(this);T(this)}componentDidRender(){c(this)}async toggleSelected(t){this.selected=typeof t==="boolean"?t:!this.selected}async setFocus(){await h(this);this.focusEl?.focus()}renderIcon(){const{icon:t,iconFlipRtl:e}=this;if(!t){return null}return i("span",{class:{[V.icon]:true,[V.iconDot]:t===_.circle},onClick:this.pickListClickHandler},t===_.square?i("calcite-icon",{flipRtl:e,icon:S.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:V.remove,icon:S.remove,onClick:this.removeClickHandler,slot:A.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:t}=this;const e=U(t,A.actionsStart);return e?i("div",{class:{[V.actions]:true,[V.actionsStart]:true}},i("slot",{name:A.actionsStart})):null}renderActionsEnd(){const{el:t,removable:e}=this;const s=U(t,A.actionsEnd);return s||e?i("div",{class:{[V.actions]:true,[V.actionsEnd]:true}},i("slot",{name:A.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:e}=this;return i(l,{disabled:this.disabled},this.renderIcon(),this.renderActionsStart(),i("label",{"aria-label":e,class:V.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:t=>this.focusEl=t},i("div",{"aria-checked":K(this.selected),class:V.textContainer,role:"menuitemcheckbox"},i("span",{class:V.title},e),t?i("span",{class:V.description},t):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};et.style=tt;export{Y as calcite_pick_list,$ as calcite_pick_list_group,et as calcite_pick_list_item};
+//# sourceMappingURL=p-d3d03004.entry.js.map

package/dist/calcite/p-d3d03004.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pickListCss","PickList","this","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","setFilterEl","el","filterEl","setFilteredItems","filteredItems","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","Map","connectedCallback","initialize","call","initializeObserver","connectInteractive","disconnectedCallback","cleanUpObserver","disconnectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","handleInitialFilter","componentDidRender","updateHostInteraction","calciteListItemRemoveHandler","event","removeItem","calciteListItemChangeHandler","calciteInternalListItemPropsChangeHandler","stopPropagation","setUpFilter","calciteInternalListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","filterEnabled","dataForFilter","getSelectedItems","selectedValues","setFocus","focusId","componentFocusable","getIconType","multiple","ICON_TYPES","square","circle","render","h","List","onKeyDown","props","pickListGroupCss","PickListGroup","connectConditionalSlotComponent","disconnectConditionalSlotComponent","groupTitle","headingLevel","hasParentItem","getSlotted","SLOTS","parentItem","sectionClasses","CSS","container","indented","title","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","Fragment","Heading","class","heading","name","pickListItemCss","PickListItem","pickListClickHandler","disabled","deselectDisabled","selected","nonInteractive","shiftPressed","shiftKey","pickListKeyDownHandler","key","preventDefault","removeClickHandler","calciteListItemRemove","emit","descriptionWatchHandler","calciteInternalListItemPropsChange","labelWatchHandler","onMessagesChange","metadataWatchHandler","selectedWatchHandler","calciteListItemChange","item","value","valueWatchHandler","newValue","oldValue","calciteInternalListItemValueChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","toggleSelected","coerce","focusEl","focus","renderIcon","icon","iconFlipRtl","iconDot","onClick","flipRtl","ICONS","checked","scale","renderRemoveAction","removable","remove","slot","actionsEnd","text","messages","renderActionsStart","hasActionsStart","actionsStart","actions","renderActionsEnd","hasActionsEnd","description","label","InteractiveContainer","tabIndex","ref","toAriaBoolean","textContainer","role"],"sources":["src/components/pick-list/pick-list.scss?tag=calcite-pick-list&encapsulation=shadow","src/components/pick-list/pick-list.tsx","src/components/pick-list-group/pick-list-group.scss?tag=calcite-pick-list-group&encapsulation=shadow","src/components/pick-list-group/pick-list-group.tsx","src/components/pick-list-item/pick-list-item.scss?tag=calcite-pick-list-item&encapsulation=shadow","src/components/pick-list-item/pick-list-item.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n    text-n1h\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow\n    flex-col\n    items-stretch\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-stretch\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-default;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-0;\n}\n\n:host([loading][disabled]) {\n  min-block-size: 2rem;\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} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { ICON_TYPES } from \"./resources\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-pick-list\",\n  styleUrl: \"pick-list.scss\",\n  shadow: true,\n})\nexport class PickList<\n  ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement\n> implements 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 currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalcitePickListItemElement[] = [];\n\n  /**\n   * The currently filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-pick-list-item`s at a time.\n   * When `false`, only a single `calcite-pick-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListElement;\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  @State() dataForFilter: ItemData = [];\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    initialize.call(this);\n    initializeObserver.call(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    cleanUpObserver.call(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the `calcite-pick-list-item` selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalcitePickListItemElement>\n  >;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-pick-list-item\");\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: any[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = keyDownHandler.bind(this);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected `calcite-pick-list-item`s. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ICON_TYPES {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n\n  render(): VNode {\n    return <List onKeyDown={this.keyDownHandler} props={this} />;\n  }\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    mb-1\n    box-border\n    block\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host(:last-child) {\n  @apply mb-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.heading {\n  @apply text-0h text-n1-wrap\n    text-color-3\n    my-2\n    mx-4;\n}\n\n.container--indented {\n  margin-inline-start: theme(\"margin.6\");\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` elements.\n */\n@Component({\n  tag: \"calcite-pick-list-group\",\n  styleUrl: \"pick-list-group.scss\",\n  shadow: true,\n})\nexport class PickListGroup implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the title for all nested `calcite-pick-list-item`s.\n   *\n   */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListGroupElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, groupTitle, headingLevel } = this;\n    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;\n    const sectionClasses = {\n      [CSS.container]: true,\n      [CSS.indented]: hasParentItem,\n    };\n\n    const title = groupTitle;\n    const parentLevel = el.closest(\"calcite-pick-list\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return (\n      <Fragment>\n        {title ? (\n          <Heading class={CSS.heading} level={level}>\n            {title}\n          </Heading>\n        ) : null}\n        <slot name={SLOTS.parentItem} />\n        <section class={sectionClasses}>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-n1\n    text-color-1\n    shadow-border-bottom\n    bg-foreground-1\n    text-n1h\n    m-0\n    mb-px\n    box-border\n    flex\n    items-stretch;\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n\n  * {\n    @apply box-border;\n  }\n}\n\n.label {\n  @apply focus-base\n    flex\n    flex-auto\n    cursor-pointer\n    items-center\n    bg-transparent;\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n:host([non-interactive]:hover) {\n  @apply bg-foreground-1;\n}\n\n:host([non-interactive]) .label,\n:host([non-interactive]) .icon {\n  @apply pointer-events-none;\n}\n\n.icon {\n  @apply my-0 flex cursor-pointer items-center p-1;\n  color: theme(\"colors.brand\");\n  flex: 0 0 auto;\n  line-height: 0;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n.icon-dot {\n  @apply flex w-6 items-center p-2;\n  &:before {\n    @apply opacity-0;\n    content: \"\\2022\";\n  }\n}\n\n.icon calcite-icon {\n  @apply opacity-0;\n}\n\n:host([selected]) .icon-dot:before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  @apply opacity-100;\n}\n\n.text-container {\n  @apply text-n2-wrap\n    word-break\n    pointer-events-none\n    flex\n    flex-col\n    flex-nowrap\n    overflow-hidden\n    py-2\n    px-3;\n}\n\n.title {\n  @apply text-color-1 font-normal;\n}\n\n.description {\n  @apply text-color-3 mt-0.5 font-normal;\n}\n\n.actions {\n  @apply m-0 flex flex-initial items-stretch justify-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: theme(\"padding.1\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\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 { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { PickListItemMessages } from \"./assets/pick-list-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-pick-list-item\",\n  styleUrl: \"pick-list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class PickListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  @Watch(\"description\")\n  descriptionWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\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 `false`, the component cannot be deselected by user interaction.\n   */\n  @Prop({ reflect: true }) deselectDisabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are `\"circle\"`, `\"square\"`, `\"grip\"` or `null`.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  @Watch(\"label\")\n  labelWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\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<PickListItemMessages>;\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: PickListItemMessages;\n\n  @Watch(\"defaultMessages\")\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  @Watch(\"metadata\")\n  metadataWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, displays a remove action that removes the item from the list.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, selects an item. Toggles when an item is checked/unchecked.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed,\n    });\n\n    this.shiftPressed = false;\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  @Watch(\"value\")\n  valueWatchHandler(newValue: any, oldValue: any): void {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListItemElement;\n\n  private focusEl: HTMLLabelElement;\n\n  shiftPressed: boolean;\n\n  @State() defaultMessages: PickListItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalcitePickListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>;\n\n  /**\n   * Emits when the component's label, description, value, or metadata properties are modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemPropsChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's value property is modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemValueChange: EventEmitter<{\n    oldValue: any;\n    newValue: any;\n  }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggles the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.focusEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  pickListClickHandler = (event: MouseEvent): void => {\n    if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {\n      return;\n    }\n\n    this.shiftPressed = event.shiftKey;\n    this.selected = !this.selected;\n  };\n\n  pickListKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      event.preventDefault();\n      if ((this.deselectDisabled && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.selected = !this.selected;\n    }\n  };\n\n  removeClickHandler = (): void => {\n    this.calciteListItemRemove.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(): VNode {\n    const { icon, iconFlipRtl } = this;\n\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconDot]: icon === ICON_TYPES.circle,\n        }}\n        onClick={this.pickListClickHandler}\n      >\n        {icon === ICON_TYPES.square ? (\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.checked} scale=\"s\" />\n        ) : null}\n      </span>\n    );\n  }\n\n  renderRemoveAction(): VNode {\n    return this.removable ? (\n      <calcite-action\n        class={CSS.remove}\n        icon={ICONS.remove}\n        onClick={this.removeClickHandler}\n        slot={SLOTS.actionsEnd}\n        text={this.messages.remove}\n      />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsStart]: true }}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd || removable ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsEnd]: true }}>\n        <slot name={SLOTS.actionsEnd} />\n        {this.renderRemoveAction()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { description, label } = this;\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        {this.renderIcon()}\n        {this.renderActionsStart()}\n        <label\n          aria-label={label}\n          class={CSS.label}\n          onClick={this.pickListClickHandler}\n          onKeyDown={this.pickListKeyDownHandler}\n          tabIndex={0}\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={(focusEl): HTMLLabelElement => (this.focusEl = focusEl)}\n        >\n          <div\n            aria-checked={toAriaBoolean(this.selected)}\n            class={CSS.textContainer}\n            role=\"menuitemcheckbox\"\n          >\n            <span class={CSS.title}>{label}</span>\n            {description ? <span class={CSS.description}>{description}</span> : null}\n          </div>\n        </label>\n        {this.renderActionsEnd()}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-d805dc4b.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-9ae43621.js";import{s as n,l as a}from"./p-bd542796.js";import{c}from"./p-d3b32311.js";import{g as l}from"./p-457294e2.js";import{c as h,d as p,n as d}from"./p-c4f076d3.js";import{c as m,s as u,d as b,u as f}from"./p-52a52b51.js";import{c as g,u as v,d as y,I as x}from"./p-5200b68e.js";import{s as z,a as w,c as k}from"./p-a3f33515.js";import"./p-f6e63e6b.js";import"./p-7cb9a188.js";import"./p-069f8f3c.js";const I={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const C=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[I.stepBar]:true},key:r},e("rect",{class:{[I.stepBarActive]:i,[I.stepBarComplete]:s,[I.stepBarDisabled]:t,[I.stepBarError]:o,[I.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const S={s:120,m:180,l:200};const A={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const E=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(e){t(this,e);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.resizeObserver=c("resize",(e=>this.elWidth=e[0].contentRect.width));this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(typeof this.currentActivePosition==="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.calciteStepperItemChange.emit()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;this.setGridTemplateColumns(t);this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined;this.elWidth=undefined}handleItemPropChange(){this.updateItems()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){this.resizeObserver?.observe(this.containerEl);if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){this.resizeObserver?.disconnect();b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{"aria-label":this.messages.label,role:"region"},e("div",{class:{container:true,[A.singleView]:!this.multipleViewMode},ref:this.setContainerEl},!this.multipleViewMode&&this.layout==="horizontal"&&e("div",{class:{[A.stepBarContainer]:true}},this.items.map(((t,i)=>e(C,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),e("div",{class:{[A.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleUserRequestedStepperItemSelect(){this.calciteStepperItemChange.emit()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper(true)}))}handleElWidthChange(){o((()=>{this.determineActiveStepper()}))}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(e=false){const t=this.items.length;if(!this.elWidth||!t||this.layout!=="horizontal"||t===1){return}const i=this.currentActivePosition||0;const s=t*this.getMinWidthOfStepperItem();const o=(t-1)*(parseInt(window.getComputedStyle(this.containerEl).rowGap)||0);if(this.elWidth<=s+o){this.multipleViewMode=false;this.items.forEach(((e,t)=>{if(t!==i){e.hidden=true}else{e.hidden=false;e.multipleViewMode=false}}))}else if(this.elWidth>s+o){if(this.multipleViewMode&&!e){return}this.multipleViewMode=true;this.setGridTemplateColumns(this.items);this.items.forEach((e=>{e.hidden=false;e.multipleViewMode=true}))}}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.multipleViewMode){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[A.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}setGridTemplateColumns(e){const t=this.getMinWidthOfStepperItem();const i=Array(e.length).fill(`minmax(${t}px, 1fr)`).join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i}getMinWidthOfStepperItem(){return S[this.scale]}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"],elWidth:["handleElWidthChange"]}}};j.style=E;const L={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const P=":host([layout=horizontal][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(: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          )}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header: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          )}:host([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])),:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-text-3)}.visually-hidden{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 D=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){const e=this.itemPosition;this.calciteInternalUserRequestedStepperItemSelect.emit({position:e})}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.multipleViewMode=false;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){z(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){w(this)}componentDidRender(){v(this)}disconnectedCallback(){y(this);p(this);b(this)}render(){return e(s,{"aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler,tabIndex:this.disabled?-1:0},e(x,{disabled:this.disabled},e("div",{class:L.container},this.complete&&e("span",{"aria-live":"polite",class:L.visuallyHidden},this.messages.complete),e("div",{class:L.stepperItemHeader,tabIndex:this.layout==="horizontal"&&!this.disabled&&this.multipleViewMode?0:null,ref:e=>this.headerEl=e},this.icon?this.renderIcon():null,this.numbered?e("div",{class:L.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{class:L.stepperItemHeaderText},e("span",{class:L.stepperItemHeading},this.heading),e("span",{class:L.stepperItemDescription},this.description))),e("div",{class:L.stepperItemContent},e("slot",null)))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await k(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.multipleViewMode||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};D.style=P;export{j as calcite_stepper,D as calcite_stepper_item};
+//# sourceMappingURL=p-d805dc4b.entry.js.map

package/dist/calcite/p-d805dc4b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","stepBar","stepBarActive","stepBarComplete","stepBarDisabled","stepBarError","stepBarInActive","StepBar","disabled","active","complete","error","key","h","class","width","x","y","ITEM_MIN_WIDTH","s","m","l","actionIcon","actionIconStart","actionIconEnd","actionContainer","stepBarContainer","singleView","stepperCss","Stepper","this","enabledItems","itemMap","Map","items","mutationObserver","createObserver","updateItems","multipleViewMode","guid","resizeObserver","entries","elWidth","contentRect","handleActionClick","event","currentActivePosition","target","getAttribute","prevStep","nextStep","calciteStepperItemChange","emit","setContainerEl","el","containerEl","handleDefaultSlotChange","slotChangeGetAssignedElements","filter","tagName","setGridTemplateColumns","setStepperItemNumberingSystem","handleItemPropChange","numberingSystemChange","onMessagesChange","connectedCallback","observe","childList","connectMessages","connectLocalized","componentWillLoad","setUpMessages","componentDidLoad","enabledStepIndex","getFirstEnabledStepperPosition","calciteInternalStepperItemChange","position","disconnectedCallback","disconnect","disconnectMessages","disconnectLocalized","render","Host","messages","label","role","container","ref","layout","map","item","index","renderAction","onSlotchange","calciteInternalStepperItemKeyEvent","detail","itemToFocus","focusElementInGroup","stopPropagation","registerItem","content","set","filterItems","updateItem","selectedItem","handleUserRequestedStepperItemSelect","getEnabledStepIndex","updateStep","goToStep","step","startStep","endStep","length","effectiveLocaleChange","updateMessages","effectiveLocale","handlePositionChange","readTask","determineActiveStepper","handleElWidthChange","querySelectorAll","forEach","icon","numbered","scale","currentActivePositionChanged","totalItems","activePosition","totalMinWidthOfItems","getMinWidthOfStepperItem","totalRowGap","parseInt","window","getComputedStyle","rowGap","hidden","startIndex","direction","newIndex","numberingSystem","isPositionStart","path","id","alignment","appearance","compact","iconFlipRtl","onClick","text","previousStep","findIndex","minWidth","spacing","Array","fill","join","style","gridTemplateAreas","gridTemplateColumns","stepperItemContent","stepperItemDescription","stepperItemHeader","stepperItemHeading","stepperItemHeaderText","stepperItemNumber","visuallyHidden","stepperItemCss","StepperItem","keyDownHandler","emitUserRequestedItem","preventDefault","handleItemClick","composedPath","some","classList","contains","emitRequestedItem","itemPosition","calciteInternalUserRequestedStepperItemSelect","calciteInternalStepperItemSelect","selectedHandler","selected","disabledWatcher","registerStepperItem","effectiveLocaleWatcher","locale","numberStringFormatter","numberFormatOptions","useGrouping","connectInteractive","setUpLoadableComponent","parentStepperEl","parentElement","getItemPosition","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectInteractive","onKeyDown","tabIndex","InteractiveContainer","headerEl","renderIcon","renderNumbers","heading","description","updateActiveItemOnChange","includes","selectedPosition","determineSelectedItem","setFocus","componentFocusable","focus","flipRtl","calciteInternalStepperItemRegister","from","indexOf","numberFormatter","format"],"sources":["src/components/stepper/functional/step-bar.tsx","src/components/stepper/resources.ts","src/components/stepper/stepper.scss?tag=calcite-stepper&encapsulation=shadow","src/components/stepper/stepper.tsx","src/components/stepper-item/resources.ts","src/components/stepper-item/stepper-item.scss?tag=calcite-stepper-item&encapsulation=shadow","src/components/stepper-item/stepper-item.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface StepBarProps {\n  active: boolean;\n  complete: boolean;\n  error: boolean;\n  disabled: boolean;\n  key: number;\n}\n\nexport const CSS = {\n  stepBar: \"step-bar\",\n  stepBarActive: \"step-bar--active\",\n  stepBarComplete: \"step-bar--complete\",\n  stepBarDisabled: \"step-bar--disabled\",\n  stepBarError: \"step-bar--error\",\n  stepBarInActive: \"step-bar--inactive\",\n};\n\nexport const StepBar: FunctionalComponent<StepBarProps> = ({\n  disabled,\n  active,\n  complete,\n  error,\n  key,\n}) => (\n  <svg\n    class={{\n      [CSS.stepBar]: true,\n    }}\n    key={key}\n  >\n    <rect\n      class={{\n        [CSS.stepBarActive]: active,\n        [CSS.stepBarComplete]: complete,\n        [CSS.stepBarDisabled]: disabled,\n        [CSS.stepBarError]: error,\n        [CSS.stepBarInActive]: true,\n      }}\n      width=\"100%\"\n      x=\"0\"\n      y=\"0\"\n    />\n  </svg>\n);\n","export const ITEM_MIN_WIDTH = {\n  s: 120,\n  m: 180,\n  l: 200,\n};\n\nexport const CSS = {\n  actionIcon: \"action-icon\",\n  actionIconStart: \"action-icon--start\",\n  actionIconEnd: \"action-icon--end\",\n  actionContainer: \"action-container\",\n  stepBarContainer: \"step-bar-container\",\n  singleView: \"single-view\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.11\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.13\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.16\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.3\");\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply relative\n    flex\n    w-full\n    min-w-fit\n    flex-row\n    flex-wrap\n    items-stretch\n    justify-between;\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply flex-auto flex-col;\n}\n\n:host([layout=\"horizontal\"]) .container {\n  display: grid;\n  // grid-templates-columns are dynamically generated\n  // grid-templates-rows are dynamically generated\n  grid-template-areas:\n    \"items\"\n    \"content\";\n  gap: theme(\"spacing.2\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"][scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"]) .container.single-view {\n  @apply flex  grid-cols-none;\n}\n\n.action-icon {\n  @apply flex relative grow-0;\n  block-size: var(--calcite-internal-stepper-action-block-size);\n  inline-size: var(--calcite-internal-stepper-action-inline-size);\n}\n\n.action-container {\n  @apply absolute flex justify-between;\n  padding-block: 0.25rem;\n  inline-size: 100%;\n}\n\n@mixin stepBar {\n  .step-bar {\n    @apply flex;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .step-bar-container {\n    @apply flex absolute justify-between items-start;\n    block-size: 0.125rem;\n    inline-size: 100%;\n    gap: var(--calcite-internal-step-bar-gap, 0.5rem);\n  }\n\n  .step-bar--inactive {\n    fill: var(--calcite-color-border-3, #dfdfdf);\n    fill-opacity: 1;\n    block-size: 100%;\n  }\n\n  .step-bar--active {\n    fill: var(--calcite-color-brand);\n  }\n\n  .step-bar--complete {\n    fill: var(--calcite-color-brand);\n    fill-opacity: 0.5;\n  }\n\n  .step-bar--error {\n    fill: var(--calcite-color-status-danger);\n  }\n\n  .step-bar--disabled {\n    opacity: 0.5;\n  }\n}\n\n@include stepBar();\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  readTask,\n} from \"@stencil/core\";\nimport { focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { StepBar } from \"./functional/step-bar\";\nimport { ITEM_MIN_WIDTH, CSS } from \"./resources\";\nimport { guid } from \"../../utils/guid\";\n\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { StepperMessages } from \"./assets/stepper/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-stepper-item` elements.\n */\n@Component({\n  tag: \"calcite-stepper\",\n  styleUrl: \"stepper.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Stepper implements LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) icon = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"horizontal\";\n\n  /** When `true`, displays the step number in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"icon\")\n  @Watch(\"layout\")\n  @Watch(\"numbered\")\n  @Watch(\"scale\")\n  handleItemPropChange(): void {\n    this.updateItems();\n  }\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: StepperMessages;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.setStepperItemNumberingSystem();\n  }\n\n  /**\n   * Specifies the component's selected item.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteStepperItemElement = 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<StepperMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   */\n  @Event({ cancelable: false }) calciteStepperItemChange: EventEmitter<void>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateItems();\n    connectMessages(this);\n    connectLocalized(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.resizeObserver?.observe(this.containerEl);\n    // if no stepper items are set as active, default to the first one\n    if (typeof this.currentActivePosition !== \"number\") {\n      const enabledStepIndex = this.getFirstEnabledStepperPosition();\n\n      if (enabledStepIndex === 0) {\n        this.currentActivePosition = enabledStepIndex;\n      }\n\n      this.calciteInternalStepperItemChange.emit({\n        position: enabledStepIndex,\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    disconnectMessages(this);\n    disconnectLocalized(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Host aria-label={this.messages.label} role=\"region\">\n        <div\n          class={{ container: true, [CSS.singleView]: !this.multipleViewMode }}\n          ref={this.setContainerEl}\n        >\n          {!this.multipleViewMode && this.layout === \"horizontal\" && (\n            <div class={{ [CSS.stepBarContainer]: true }}>\n              {this.items.map((item, index) => (\n                <StepBar\n                  active={index === this.currentActivePosition}\n                  complete={item.complete && index !== this.currentActivePosition && !item.error}\n                  disabled={item.disabled && index !== this.currentActivePosition}\n                  error={item.error && index !== this.currentActivePosition}\n                  key={index}\n                />\n              ))}\n            </div>\n          )}\n          <div class={{ [CSS.actionContainer]: true }}>\n            {this.renderAction(\"start\")}\n            {this.renderAction(\"end\")}\n          </div>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemKeyEvent\")\n  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void {\n    const item = event.detail.item;\n    const itemToFocus = event.target as HTMLCalciteStepperItemElement;\n\n    switch (item.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"next\");\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"last\");\n        break;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemRegister\")\n  registerItem(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteStepperItemElement;\n    const { content, position } = event.detail;\n\n    this.itemMap.set(item, { position, content });\n    this.enabledItems = this.filterItems();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemSelect\")\n  updateItem(event: CustomEvent): void {\n    const { position } = event.detail;\n    if (typeof position === \"number\") {\n      this.currentActivePosition = position;\n      this.selectedItem = event.target as HTMLCalciteStepperItemElement;\n    }\n\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  @Listen(\"calciteInternalUserRequestedStepperItemSelect\")\n  handleUserRequestedStepperItemSelect(): void {\n    this.calciteStepperItemChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Set the next `calcite-stepper-item` as active. */\n  @Method()\n  async nextStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition + 1, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the previous `calcite-stepper-item` as active. */\n  @Method()\n  async prevStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /**\n   * Set a specified `calcite-stepper-item` as active.\n   *\n   * @param step\n   */\n  @Method()\n  async goToStep(step: number): Promise<void> {\n    const position = step - 1;\n\n    if (this.currentActivePosition !== position) {\n      this.updateStep(position);\n    }\n  }\n\n  /** Set the first `calcite-stepper-item` as active. */\n  @Method()\n  async startStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(0, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the last `calcite-stepper-item` as active. */\n  @Method()\n  async endStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.items.length - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperElement;\n\n  @State() defaultMessages: StepperMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() currentActivePosition: number;\n\n  @Watch(\"currentActivePosition\")\n  handlePositionChange(): void {\n    readTask((): void => {\n      this.determineActiveStepper(true);\n    });\n  }\n\n  @State() elWidth: number;\n\n  @Watch(\"elWidth\")\n  handleElWidthChange(): void {\n    readTask((): void => {\n      this.determineActiveStepper();\n    });\n  }\n\n  private enabledItems: HTMLCalciteStepperItemElement[] = [];\n\n  private itemMap = new Map<HTMLCalciteStepperItemElement, { position: number; content: Node[] }>();\n\n  private items: HTMLCalciteStepperItemElement[] = [];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  /** Specifies if the user is viewing one `stepper-item` at a time when the page width is less than sum of min-width of each item. */\n  private multipleViewMode = false;\n\n  private guid = `calcite-stepper-action-${guid()}`;\n\n  private containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private resizeObserver = createObserver(\n    \"resize\",\n    (entries) => (this.elWidth = entries[0].contentRect.width)\n  );\n\n  private updateItems(): void {\n    this.el.querySelectorAll(\"calcite-stepper-item\").forEach((item) => {\n      item.icon = this.icon;\n      item.numbered = this.numbered;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  private determineActiveStepper(currentActivePositionChanged = false): void {\n    const totalItems = this.items.length;\n    if (!this.elWidth || !totalItems || this.layout !== \"horizontal\" || totalItems === 1) {\n      return;\n    }\n\n    const activePosition = this.currentActivePosition || 0;\n    const totalMinWidthOfItems = totalItems * this.getMinWidthOfStepperItem();\n    const totalRowGap =\n      (totalItems - 1) * (parseInt(window.getComputedStyle(this.containerEl).rowGap) || 0);\n\n    if (this.elWidth <= totalMinWidthOfItems + totalRowGap) {\n      this.multipleViewMode = false;\n\n      this.items.forEach((item: HTMLCalciteStepperItemElement, index) => {\n        if (index !== activePosition) {\n          item.hidden = true;\n        } else {\n          item.hidden = false;\n          item.multipleViewMode = false;\n        }\n      });\n    } else if (this.elWidth > totalMinWidthOfItems + totalRowGap) {\n      if (this.multipleViewMode && !currentActivePositionChanged) {\n        return;\n      }\n\n      this.multipleViewMode = true;\n      this.setGridTemplateColumns(this.items);\n      this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n        item.hidden = false;\n        item.multipleViewMode = true;\n      });\n    }\n  }\n\n  private getEnabledStepIndex(\n    startIndex: number,\n    direction: \"next\" | \"previous\" = \"next\"\n  ): number | null {\n    const { items, currentActivePosition } = this;\n\n    let newIndex = startIndex;\n\n    while (items[newIndex]?.disabled && this.multipleViewMode) {\n      newIndex = newIndex + (direction === \"previous\" ? -1 : 1);\n    }\n\n    return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0\n      ? newIndex\n      : null;\n  }\n\n  private updateStep(position: number): void {\n    this.currentActivePosition = position;\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  private filterItems(): HTMLCalciteStepperItemElement[] {\n    return this.items.filter((item) => !item.disabled);\n  }\n\n  private setStepperItemNumberingSystem(): void {\n    this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n      item.numberingSystem = this.numberingSystem;\n    });\n  }\n\n  private renderAction(position: Position): VNode {\n    const isPositionStart = position === \"start\";\n    const path = isPositionStart ? \"chevron-left\" : \"chevron-right\";\n    const { currentActivePosition, multipleViewMode, layout } = this;\n    const totalItems = this.items.length;\n    const id = `${this.guid}-${isPositionStart ? \"start\" : \"end\"}`;\n\n    return layout === \"horizontal\" && !multipleViewMode ? (\n      <calcite-action\n        alignment=\"center\"\n        appearance=\"transparent\"\n        class={{\n          [CSS.actionIcon]: true,\n        }}\n        compact={true}\n        data-position={position}\n        disabled={\n          (currentActivePosition === 0 && isPositionStart) ||\n          (currentActivePosition === totalItems - 1 && !isPositionStart)\n        }\n        icon={path}\n        iconFlipRtl={true}\n        id={id}\n        onClick={this.handleActionClick}\n        scale={this.scale}\n        text={isPositionStart ? this.messages.previousStep : this.messages.nextStep}\n      />\n    ) : null;\n  }\n\n  private handleActionClick = (event: MouseEvent): void => {\n    const currentActivePosition = this.currentActivePosition;\n    const target = event.target as HTMLCalciteActionElement;\n    if (target.getAttribute(\"data-position\") === \"start\") {\n      this.prevStep();\n    } else {\n      this.nextStep();\n    }\n\n    if (\n      typeof this.currentActivePosition === \"number\" &&\n      currentActivePosition !== this.currentActivePosition &&\n      !this.items[this.currentActivePosition].disabled\n    ) {\n      this.calciteStepperItemChange.emit();\n    }\n  };\n\n  private getFirstEnabledStepperPosition(): number {\n    const enabledStepIndex = this.items.findIndex((item) => !item.disabled);\n\n    if (enabledStepIndex > -1) {\n      return enabledStepIndex;\n    }\n\n    return 0;\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.tagName === \"CALCITE-STEPPER-ITEM\"\n    );\n    this.items = items as HTMLCalciteStepperItemElement[];\n    this.setGridTemplateColumns(items);\n    this.setStepperItemNumberingSystem();\n  };\n\n  private setGridTemplateColumns(items: Element[]): void {\n    const minWidth = this.getMinWidthOfStepperItem();\n    const spacing = Array(items.length).fill(`minmax(${minWidth}px, 1fr)`).join(\" \");\n    this.containerEl.style.gridTemplateAreas = spacing;\n    this.containerEl.style.gridTemplateColumns = spacing;\n  }\n\n  private getMinWidthOfStepperItem(): number {\n    return ITEM_MIN_WIDTH[this.scale];\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  stepperItemContent: \"stepper-item-content\",\n  stepperItemDescription: \"stepper-item-description\",\n  stepperItemHeader: \"stepper-item-header\",\n  stepperItemHeading: \"stepper-item-heading\",\n  stepperItemHeaderText: \"stepper-item-header-text\",\n  stepperItemNumber: \"stepper-item-number\",\n  visuallyHidden: \"visually-hidden\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  @apply text-n1h;\n  margin-inline-end: theme(\"margin.1\");\n  .stepper-item-description {\n    @apply text-n2h;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.4\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.5\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n  @apply text-0h;\n  margin-inline-end: theme(\"margin.2\");\n  .stepper-item-description {\n    @apply text-n1h;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.5\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.6\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  @apply text-1h;\n  margin-inline-end: theme(\"margin.3\");\n  .stepper-item-description {\n    @apply text-0h;\n  }\n}\n\n:host {\n  @apply relative\n  flex\n  flex-grow\n  flex-col\n  self-start;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host .container {\n  @apply text-color-3\n    border-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    flex-col\n    border-0\n    border-t-2\n    border-solid\n    no-underline\n    outline-none\n    duration-150\n    ease-in-out;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-outset;\n}\n\n// .stepper-item-header / content\n:host .stepper-item-header {\n  @apply flex cursor-pointer items-start;\n}\n\n:host .stepper-item-content,\n:host .stepper-item-header {\n  @apply duration-150 ease-in-out;\n  padding-block: var(--calcite-stepper-item-spacing-unit-l);\n  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  text-align: start;\n}\n\n:host .stepper-item-header * {\n  @apply inline-flex\n    items-center\n    duration-150\n    ease-in-out;\n}\n\n:host .stepper-item-content {\n  @apply text-n2-wrap\n    hidden\n    w-full\n    flex-col;\n}\n\n// stepper item icon\n:host .stepper-item-icon {\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  @apply text-color-3\n    opacity-disabled\n    mt-px\n    inline-flex\n    h-3\n    flex-shrink-0\n    self-start\n    duration-150\n    ease-in-out;\n}\n\n// stepper item title\n:host .stepper-item-header-text {\n  @apply flex-col;\n  text-align: initial;\n  margin-inline-end: auto;\n}\n\n:host .stepper-item-heading,\n:host .stepper-item-description {\n  @apply flex w-full;\n}\n:host .stepper-item-heading {\n  @apply text-color-2 mb-1 font-medium;\n}\n:host .stepper-item-description {\n  @apply text-color-3;\n}\n\n:host .stepper-item-number {\n  @apply text-color-3\n    font-medium\n    duration-150\n    ease-in-out;\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n}\n\n@include disabled();\n\n:host([complete]) .container {\n  // todo dark mode\n  border-color: rgba($h-bb-060, 0.5);\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n:host([error]) .container {\n  @apply border-t-color-danger;\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host(:hover:not([disabled]):not([selected])) .container,\n:host(:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-brand;\n\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n}\n\n:host([error]:hover:not([disabled]):not([selected])) .container,\n:host([error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-danger-hover;\n}\n\n:host([selected]) .container {\n  border-block-start-color: theme(\"backgroundColor.brand\");\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.brand\");\n  }\n\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n    @apply opacity-100;\n  }\n}\n\n:host([selected]) .container {\n  & .stepper-item-content {\n    @apply flex;\n  }\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply border-color-3\n  mx-0\n  mt-0\n  flex-auto\n  border-t-0\n  border-solid\n  py-0;\n  border-inline-start-width: theme(\"borderWidth.2\");\n  padding-inline-start: var(--calcite-stepper-item-spacing-unit-l);\n\n  & .stepper-item-icon {\n    @apply order-3 mt-px mb-0;\n    padding-inline-start: var(--calcite-stepper-item-spacing-unit-s);\n    margin-inline-start: theme(\"margin.auto\");\n  }\n  & .stepper-item-header {\n    padding-inline-end: theme(\"padding.0\");\n  }\n  & .stepper-item-content {\n    @apply p-0;\n  }\n}\n\n:host([layout=\"vertical\"][complete]) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][complete]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][complete]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-brand;\n}\n:host([layout=\"vertical\"][error]) .container {\n  @apply border-color-danger;\n}\n:host([layout=\"vertical\"][selected]) .container {\n  @apply border-color-brand;\n\n  & .stepper-item-content:not(:empty) {\n    margin-block-end: var(--calcite-stepper-item-spacing-unit-l);\n  }\n}\n:host([layout=\"vertical\"]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"]:focus:not([disabled]):not([selected])) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][error]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-danger-hover;\n}\n\n:host([layout=\"horizontal\"]) {\n  display: contents;\n\n  .container {\n    display: contents;\n  }\n\n  .stepper-item-header {\n    @apply border-color-3\n    border-0\n    border-solid\n    border-t-2\n    focus-base;\n    grid-row: items;\n\n    &:focus {\n      @apply focus-outset;\n    }\n  }\n\n  .stepper-item-content {\n    @apply cursor-auto duration-150 ease-in-out;\n    padding-block: 0;\n    padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n    text-align: start;\n  }\n}\n\n:host([layout=\"horizontal\"][disabled]) {\n  .stepper-item-header {\n    @extend %disabled-host-only;\n  }\n}\n\n:host([layout=\"horizontal\"][selected]) {\n  .stepper-item-content {\n    grid-area: 2 / 1 / 2 / -1;\n  }\n}\n\n:host([layout=\"horizontal\"][complete]) .stepper-item-header {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"horizontal\"][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=\"horizontal\"][complete]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  @apply border-color-brand;\n}\n:host([layout=\"horizontal\"][error]) .stepper-item-header {\n  @apply border-color-danger;\n}\n:host([layout=\"horizontal\"][selected][multiple-view-mode]) .stepper-item-header {\n  @apply border-color-brand;\n}\n:host([layout=\"horizontal\"]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=\"horizontal\"]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"horizontal\"][error]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=\"horizontal\"][error]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  @apply border-color-danger-hover;\n}\n\n@media (forced-colors: active) {\n  :host .container {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus),\n  :host(:focus-visible) {\n    outline-color: canvasText;\n  }\n\n  :host([selected]) .container {\n    border-block-start-color: highlight;\n    & .stepper-item-number {\n      color: highlight;\n    }\n    & .stepper-item-icon {\n      color: highlight;\n    }\n  }\n\n  :host([layout=\"vertical\"][selected]) .container {\n    border-color: highlight;\n  }\n}\n\n:host([layout=\"horizontal\"]:not([multiple-view-mode])) .stepper-item-header {\n  @apply border-none \n  me-0;\n  inline-size: 100%;\n  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);\n}\n\n:host([layout=\"horizontal\"][error]:not([multiple-view-mode])) .container {\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host([layout=\"horizontal\"][error][selected]:not([multiple-view-mode])),\n:host([layout=\"horizontal\"][complete][selected]:not([multiple-view-mode])) .container {\n  @apply text-color-3;\n  & .stepper-item-heading {\n    @apply text-color-2;\n  }\n}\n\n:host([layout=\"horizontal\"][complete][selected]:not([multiple-view-mode])) .container {\n  & .stepper-item-icon {\n    @apply opacity-disabled;\n  }\n  & .stepper-item-number {\n    @apply text-color-3;\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\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 { Layout, Scale } from \"../interfaces\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  StepperItemChangeEventDetail,\n  StepperItemEventDetail,\n  StepperItemKeyEventDetail,\n} from \"../stepper/interfaces\";\nimport {\n  numberStringFormatter,\n  LocalizedComponent,\n  disconnectLocalized,\n  connectLocalized,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  setUpLoadableComponent,\n  setComponentLoaded,\n  LoadableComponent,\n  componentFocusable,\n} from \"../../utils/loadable\";\nimport { CSS } from \"./resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { StepperItemMessages } from \"./assets/stepper-item/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-stepper-item\",\n  styleUrl: \"stepper-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class StepperItem\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n  }\n\n  /** When `true`, the step has been completed. */\n  @Prop({ reflect: true }) complete = false;\n\n  /** When `true`, the component contains an error that requires resolution from the user. */\n  @Prop({ reflect: true }) error = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The component header text. */\n  @Prop() heading: string;\n\n  /** A description for the component. Displays below the header text. */\n  @Prop() description: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * @internal\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  // watch for removal of disabled to register step\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.registerStepperItem();\n  }\n\n  /**\n   * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() icon = false;\n\n  /**\n   * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout>;\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: StepperItemMessages;\n\n  /**\n   * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() numbered = false;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies if the user is viewing one `stepper-item` at a time.\n   * Helps in determining if header region is tabbable.\n   * @internal\n   */\n  @Prop({ reflect: true }) multipleViewMode = 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<StepperItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Internal State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: StepperItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(locale: string): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  headerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemSelect: EventEmitter<StepperItemEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalUserRequestedStepperItemSelect: EventEmitter<StepperItemChangeEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.parentStepperEl = this.el.parentElement as HTMLCalciteStepperElement;\n    this.itemPosition = this.getItemPosition();\n    this.registerStepperItem();\n\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\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  render(): VNode {\n    return (\n      <Host\n        aria-current={this.selected ? \"step\" : \"false\"}\n        onClick={this.handleItemClick}\n        onKeyDown={this.keyDownHandler}\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={CSS.container}>\n            {this.complete && (\n              <span aria-live=\"polite\" class={CSS.visuallyHidden}>\n                {this.messages.complete}\n              </span>\n            )}\n            <div\n              class={CSS.stepperItemHeader}\n              tabIndex={\n                /* additional tab index logic needed because of display: contents */\n                this.layout === \"horizontal\" && !this.disabled && this.multipleViewMode ? 0 : null\n              }\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.headerEl = el)}\n            >\n              {this.icon ? this.renderIcon() : null}\n              {this.numbered ? (\n                <div class={CSS.stepperItemNumber}>{this.renderNumbers()}.</div>\n              ) : null}\n              <div class={CSS.stepperItemHeaderText}>\n                <span class={CSS.stepperItemHeading}>{this.heading}</span>\n                <span class={CSS.stepperItemDescription}>{this.description}</span>\n              </div>\n            </div>\n            <div class={CSS.stepperItemContent}>\n              <slot />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void {\n    if (\n      event.target === this.parentStepperEl ||\n      event.composedPath().includes(this.parentStepperEl)\n    ) {\n      this.selectedPosition = event.detail.position;\n      this.determineSelectedItem();\n    }\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    (this.layout === \"vertical\" ? this.el : this.headerEl)?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperItemElement;\n\n  /** position within parent */\n  private itemPosition: number;\n\n  /** the latest requested item position*/\n  private selectedPosition: number;\n\n  /** the parent stepper component */\n  private parentStepperEl: HTMLCalciteStepperElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitUserRequestedItem();\n          event.preventDefault();\n          break;\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalStepperItemKeyEvent.emit({ item: event });\n          event.preventDefault();\n          break;\n      }\n    }\n  };\n\n  private renderIcon(): VNode {\n    let path = \"circle\";\n\n    if (this.selected && (this.multipleViewMode || (!this.error && !this.complete))) {\n      path = \"circleF\";\n    } else if (this.error) {\n      path = \"exclamationMarkCircleF\";\n    } else if (this.complete) {\n      path = \"checkCircleF\";\n    }\n\n    return (\n      <calcite-icon class=\"stepper-item-icon\" flipRtl={this.iconFlipRtl} icon={path} scale=\"s\" />\n    );\n  }\n\n  private determineSelectedItem(): void {\n    this.selected = !this.disabled && this.itemPosition === this.selectedPosition;\n  }\n\n  private registerStepperItem(): void {\n    this.calciteInternalStepperItemRegister.emit({\n      position: this.itemPosition,\n    });\n  }\n\n  private handleItemClick = (event: MouseEvent): void => {\n    if (\n      this.disabled ||\n      (this.layout === \"horizontal\" &&\n        event\n          .composedPath()\n          .some((el) => (el as HTMLElement).classList?.contains(\"stepper-item-content\")))\n    ) {\n      return;\n    }\n\n    this.emitUserRequestedItem();\n  };\n\n  private emitUserRequestedItem = (): void => {\n    this.emitRequestedItem();\n    if (!this.disabled) {\n      const position = this.itemPosition;\n\n      this.calciteInternalUserRequestedStepperItemSelect.emit({\n        position,\n      });\n    }\n  };\n\n  private emitRequestedItem = (): void => {\n    if (!this.disabled) {\n      const position = this.itemPosition;\n\n      this.calciteInternalStepperItemSelect.emit({\n        position,\n      });\n    }\n  };\n\n  private getItemPosition(): number {\n    return Array.from(this.parentStepperEl?.querySelectorAll(\"calcite-stepper-item\")).indexOf(\n      this.el\n    );\n  }\n\n  renderNumbers(): string {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    return numberStringFormatter.numberFormatter.format(this.itemPosition + 1);\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-dab555ad.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{r as t,c as s,h as i,H as a,g as o}from"./p-9ae43621.js";import{c as e}from"./p-d3b32311.js";import{s as h,a as n,c as l}from"./p-a3f33515.js";const r=":host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(i){t(this,i);this.calciteRadioButtonGroupChange=s(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=e("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.hidden=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.radioButtons=[]}onDisabledChange(){this.passPropsToRadioButtons()}onHiddenChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){h(this)}componentDidLoad(){n(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await l(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return i(a,{role:"radiogroup"},i("slot",null))}get el(){return o(this)}static get watchers(){return{disabled:["onDisabledChange"],hidden:["onHiddenChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};c.style=r;export{c as calcite_radio_button_group};
+//# sourceMappingURL=p-dab555ad.entry.js.map

package/dist/calcite/p-dbca362f.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{d as r}from"./p-8cd7a84e.js";import"./p-9ae43621.js";import"./p-23533296.js";import"./p-bd542796.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-5200b68e.js";import"./p-069f8f3c.js";import"./p-7cb9a188.js";import"./p-e993b713.js";import"./p-cf038b06.js";import"./p-a3f33515.js";import"./p-c4f076d3.js";import"./p-d3b32311.js";import"./p-e385da59.js";import"./p-311ecef8.js";import"./p-52a52b51.js";import"./p-90c2fa80.js";import"./p-ea865e5b.js";var e={name:"zh-cn",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(e,t){switch(t){case"W":return e+"周";default:return e+"日"}},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},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 年"},meridiem:function r(e,t){var _=e*100+t;if(_<600){return"凌晨"}else if(_<900){return"早上"}else if(_<1100){return"上午"}else if(_<1300){return"中午"}else if(_<1800){return"下午"}return"晚上"}};r.locale(e,null,true);export default e;
+//# sourceMappingURL=p-dbca362f.js.map

package/dist/calcite/p-dd3ea18f.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{d as e}from"./p-8cd7a84e.js";import"./p-9ae43621.js";import"./p-23533296.js";import"./p-bd542796.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-5200b68e.js";import"./p-069f8f3c.js";import"./p-7cb9a188.js";import"./p-e993b713.js";import"./p-cf038b06.js";import"./p-a3f33515.js";import"./p-c4f076d3.js";import"./p-d3b32311.js";import"./p-e385da59.js";import"./p-311ecef8.js";import"./p-52a52b51.js";import"./p-90c2fa80.js";import"./p-ea865e5b.js";var r={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,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"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function e(r){var m=r===1?"er":"";return""+r+m}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-dd3ea18f.js.map

package/dist/calcite/p-e103a60f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-8cd7a84e.js";import"./p-9ae43621.js";import"./p-23533296.js";import"./p-bd542796.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-5200b68e.js";import"./p-069f8f3c.js";import"./p-7cb9a188.js";import"./p-e993b713.js";import"./p-cf038b06.js";import"./p-a3f33515.js";import"./p-c4f076d3.js";import"./p-d3b32311.js";import"./p-e385da59.js";import"./p-311ecef8.js";import"./p-52a52b51.js";import"./p-90c2fa80.js";import"./p-ea865e5b.js";
+//# sourceMappingURL=p-e103a60f.entry.js.map

package/dist/calcite/p-e385da59.js

@@ -0,0 +1,11 @@
+/*!
+ * 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.1
+ */
+import{m as e,n,o as r,p as t,r as i,d as u,u as a}from"./p-bd542796.js";
+/*!
+* focus-trap 7.5.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function o(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function f(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach((function(n){c(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function c(e,n,r){n=v(n);if(n in e){Object.defineProperty(e,n,{value:r,enumerable:true,configurable:true,writable:true})}else{e[n]=r}return e}function s(e,n){if(typeof e!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==undefined){var t=r.call(e,n||"default");if(typeof t!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function v(e){var n=s(e,"string");return typeof n==="symbol"?n:String(n)}var l={activateTrap:function e(n,r){if(n.length>0){var t=n[n.length-1];if(t!==r){t.pause()}}var i=n.indexOf(r);if(i===-1){n.push(r)}else{n.splice(i,1);n.push(r)}},deactivateTrap:function e(n,r){var t=n.indexOf(r);if(t!==-1){n.splice(t,1)}if(n.length>0){n[n.length-1].unpause()}}};var d=function e(n){return n.tagName&&n.tagName.toLowerCase()==="input"&&typeof n.select==="function"};var b=function e(n){return(n===null||n===void 0?void 0:n.key)==="Escape"||(n===null||n===void 0?void 0:n.key)==="Esc"||(n===null||n===void 0?void 0:n.keyCode)===27};var p=function e(n){return(n===null||n===void 0?void 0:n.key)==="Tab"||(n===null||n===void 0?void 0:n.keyCode)===9};var w=function e(n){return p(n)&&!n.shiftKey};var h=function e(n){return p(n)&&n.shiftKey};var m=function e(n){return setTimeout(n,0)};var y=function e(n,r){var t=-1;n.every((function(e,n){if(r(e)){t=n;return false}return true}));return t};var F=function e(n){for(var r=arguments.length,t=new Array(r>1?r-1:0),i=1;i<r;i++){t[i-1]=arguments[i]}return typeof n==="function"?n.apply(void 0,t):n};var O=function e(n){return n.target.shadowRoot&&typeof n.composedPath==="function"?n.composedPath()[0]:n.target};var k=[];var j=function u(a,o){var c=(o===null||o===void 0?void 0:o.document)||document;var s=(o===null||o===void 0?void 0:o.trapStack)||k;var v=f({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:w,isKeyBackward:h},o);var j={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var T;var g=function e(n,r,t){return n&&n[r]!==undefined?n[r]:v[t||r]};var D=function e(n,r){var t=typeof(r===null||r===void 0?void 0:r.composedPath)==="function"?r.composedPath():undefined;return j.containerGroups.findIndex((function(e){var r=e.container,i=e.tabbableNodes;return r.contains(n)||(t===null||t===void 0?void 0:t.includes(r))||i.find((function(e){return e===n}))}))};var E=function e(n){var r=v[n];if(typeof r==="function"){for(var t=arguments.length,i=new Array(t>1?t-1:0),u=1;u<t;u++){i[u-1]=arguments[u]}r=r.apply(void 0,i)}if(r===true){r=undefined}if(!r){if(r===undefined||r===false){return r}throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var a=r;if(typeof r==="string"){a=c.querySelector(r);if(!a){throw new Error("`".concat(n,"` as selector refers to no known node"))}}return a};var N=function e(){var n=E("initialFocus");if(n===false){return false}if(n===undefined||!i(n,v.tabbableOptions)){if(D(c.activeElement)>=0){n=c.activeElement}else{var r=j.tabbableGroups[0];var t=r&&r.firstTabbableNode;n=t||E("fallbackFocus")}}if(!n){throw new Error("Your focus-trap needs to have at least one focusable element")}return n};var P=function i(){j.containerGroups=j.containers.map((function(i){var u=e(i,v.tabbableOptions);var a=n(i,v.tabbableOptions);var o=u.length>0?u[0]:undefined;var f=u.length>0?u[u.length-1]:undefined;var c=a.find((function(e){return r(e)}));var s=a.slice().reverse().find((function(e){return r(e)}));var l=!!u.find((function(e){return t(e)>0}));return{container:i,tabbableNodes:u,focusableNodes:a,posTabIndexesFound:l,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:c,lastDomTabbableNode:s,nextTabbableNode:function e(n){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=u.indexOf(n);if(i<0){if(t){return a.slice(a.indexOf(n)+1).find((function(e){return r(e)}))}return a.slice(0,a.indexOf(n)).reverse().find((function(e){return r(e)}))}return u[i+(t?1:-1)]}}}));j.tabbableGroups=j.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(j.tabbableGroups.length<=0&&!E("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(j.containerGroups.find((function(e){return e.posTabIndexesFound}))&&j.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var A=function e(n){var r=n.activeElement;if(!r){return}if(r.shadowRoot&&r.shadowRoot.activeElement!==null){return e(r.shadowRoot)}return r};var x=function e(n){if(n===false){return}if(n===A(document)){return}if(!n||!n.focus){e(N());return}n.focus({preventScroll:!!v.preventScroll});j.mostRecentlyFocusedNode=n;if(d(n)){n.select()}};var B=function e(n){var r=E("setReturnFocus",n);return r?r:r===false?false:n};var R=function e(n){var u=n.target,a=n.event,o=n.isBackward,f=o===void 0?false:o;u=u||O(a);P();var c=null;if(j.tabbableGroups.length>0){var s=D(u,a);var l=s>=0?j.containerGroups[s]:undefined;if(s<0){if(f){c=j.tabbableGroups[j.tabbableGroups.length-1].lastTabbableNode}else{c=j.tabbableGroups[0].firstTabbableNode}}else if(f){var d=y(j.tabbableGroups,(function(e){var n=e.firstTabbableNode;return u===n}));if(d<0&&(l.container===u||i(u,v.tabbableOptions)&&!r(u,v.tabbableOptions)&&!l.nextTabbableNode(u,false))){d=s}if(d>=0){var b=d===0?j.tabbableGroups.length-1:d-1;var w=j.tabbableGroups[b];c=t(u)>=0?w.lastTabbableNode:w.lastDomTabbableNode}else if(!p(a)){c=l.nextTabbableNode(u,false)}}else{var h=y(j.tabbableGroups,(function(e){var n=e.lastTabbableNode;return u===n}));if(h<0&&(l.container===u||i(u,v.tabbableOptions)&&!r(u,v.tabbableOptions)&&!l.nextTabbableNode(u))){h=s}if(h>=0){var m=h===j.tabbableGroups.length-1?0:h+1;var F=j.tabbableGroups[m];c=t(u)>=0?F.firstTabbableNode:F.firstDomTabbableNode}else if(!p(a)){c=l.nextTabbableNode(u)}}}else{c=E("fallbackFocus")}return c};var S=function e(n){var r=O(n);if(D(r,n)>=0){return}if(F(v.clickOutsideDeactivates,n)){T.deactivate({returnFocus:v.returnFocusOnDeactivate});return}if(F(v.allowOutsideClick,n)){return}n.preventDefault()};var C=function e(n){var r=O(n);var i=D(r,n)>=0;if(i||r instanceof Document){if(i){j.mostRecentlyFocusedNode=r}}else{n.stopImmediatePropagation();var u;var a=true;if(j.mostRecentlyFocusedNode){if(t(j.mostRecentlyFocusedNode)>0){var o=D(j.mostRecentlyFocusedNode);var f=j.containerGroups[o].tabbableNodes;if(f.length>0){var c=f.findIndex((function(e){return e===j.mostRecentlyFocusedNode}));if(c>=0){if(v.isKeyForward(j.recentNavEvent)){if(c+1<f.length){u=f[c+1];a=false}}else{if(c-1>=0){u=f[c-1];a=false}}}}}else{if(!j.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return t(e)>0}))}))){a=false}}}else{a=false}if(a){u=R({target:j.mostRecentlyFocusedNode,isBackward:v.isKeyBackward(j.recentNavEvent)})}if(u){x(u)}else{x(j.mostRecentlyFocusedNode||N())}}j.recentNavEvent=undefined};var I=function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;j.recentNavEvent=n;var t=R({event:n,isBackward:r});if(t){if(p(n)){n.preventDefault()}x(t)}};var G=function e(n){if(b(n)&&F(v.escapeDeactivates,n)!==false){n.preventDefault();T.deactivate();return}if(v.isKeyForward(n)||v.isKeyBackward(n)){I(n,v.isKeyBackward(n))}};var K=function e(n){var r=O(n);if(D(r,n)>=0){return}if(F(v.clickOutsideDeactivates,n)){return}if(F(v.allowOutsideClick,n)){return}n.preventDefault();n.stopImmediatePropagation()};var M=function e(){if(!j.active){return}l.activateTrap(s,T);j.delayInitialFocusTimer=v.delayInitialFocus?m((function(){x(N())})):x(N());c.addEventListener("focusin",C,true);c.addEventListener("mousedown",S,{capture:true,passive:false});c.addEventListener("touchstart",S,{capture:true,passive:false});c.addEventListener("click",K,{capture:true,passive:false});c.addEventListener("keydown",G,{capture:true,passive:false});return T};var U=function e(){if(!j.active){return}c.removeEventListener("focusin",C,true);c.removeEventListener("mousedown",S,true);c.removeEventListener("touchstart",S,true);c.removeEventListener("click",K,true);c.removeEventListener("keydown",G,true);return T};var Y=function e(n){var r=n.some((function(e){var n=Array.from(e.removedNodes);return n.some((function(e){return e===j.mostRecentlyFocusedNode}))}));if(r){x(N())}};var L=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var q=function e(){if(!L){return}L.disconnect();if(j.active&&!j.paused){j.containers.map((function(e){L.observe(e,{subtree:true,childList:true})}))}};T={get active(){return j.active},get paused(){return j.paused},activate:function e(n){if(j.active){return this}var r=g(n,"onActivate");var t=g(n,"onPostActivate");var i=g(n,"checkCanFocusTrap");if(!i){P()}j.active=true;j.paused=false;j.nodeFocusedBeforeActivation=c.activeElement;r===null||r===void 0||r();var u=function e(){if(i){P()}M();q();t===null||t===void 0||t()};if(i){i(j.containers.concat()).then(u,u);return this}u();return this},deactivate:function e(n){if(!j.active){return this}var r=f({onDeactivate:v.onDeactivate,onPostDeactivate:v.onPostDeactivate,checkCanReturnFocus:v.checkCanReturnFocus},n);clearTimeout(j.delayInitialFocusTimer);j.delayInitialFocusTimer=undefined;U();j.active=false;j.paused=false;q();l.deactivateTrap(s,T);var t=g(r,"onDeactivate");var i=g(r,"onPostDeactivate");var u=g(r,"checkCanReturnFocus");var a=g(r,"returnFocus","returnFocusOnDeactivate");t===null||t===void 0||t();var o=function e(){m((function(){if(a){x(B(j.nodeFocusedBeforeActivation))}i===null||i===void 0||i()}))};if(a&&u){u(B(j.nodeFocusedBeforeActivation)).then(o,o);return this}o();return this},pause:function e(n){if(j.paused||!j.active){return this}var r=g(n,"onPause");var t=g(n,"onPostPause");j.paused=true;r===null||r===void 0||r();U();q();t===null||t===void 0||t();return this},unpause:function e(n){if(!j.paused||!j.active){return this}var r=g(n,"onUnpause");var t=g(n,"onPostUnpause");j.paused=false;r===null||r===void 0||r();P();M();q();t===null||t===void 0||t();return this},updateContainerElements:function e(n){var r=[].concat(n).filter(Boolean);j.containers=r.map((function(e){return typeof e==="string"?c.querySelector(e):e}));if(j.active){P()}q();return this}};T.updateContainerElements(a);return T};const T=globalThis["calciteConfig"];const g=T?.focusTrapStack||[];function D(e,n){const{el:r}=e;const t=n?.focusTrapEl||r;if(!t){return}const i={clickOutsideDeactivates:true,escapeDeactivates:false,fallbackFocus:t,setReturnFocus:e=>{u(e);return false},...n?.focusTrapOptions,document:r.ownerDocument,tabbableOptions:a,trapStack:g};e.focusTrap=j(t,i)}function E(e,n){if(!e.focusTrapDisabled){e.focusTrap?.activate(n)}}function N(e,n){e.focusTrap?.deactivate(n)}function P(e){e.focusTrap?.updateContainerElements(e.el)}export{E as a,D as c,N as d,P as u};
+//# sourceMappingURL=p-e385da59.js.map

package/dist/calcite/p-e70a422c.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{d as r}from"./p-8cd7a84e.js";import"./p-9ae43621.js";import"./p-23533296.js";import"./p-bd542796.js";import"./p-457294e2.js";import"./p-f6e63e6b.js";import"./p-5200b68e.js";import"./p-069f8f3c.js";import"./p-7cb9a188.js";import"./p-e993b713.js";import"./p-cf038b06.js";import"./p-a3f33515.js";import"./p-c4f076d3.js";import"./p-d3b32311.js";import"./p-e385da59.js";import"./p-311ecef8.js";import"./p-52a52b51.js";import"./p-90c2fa80.js";import"./p-ea865e5b.js";var e={name:"zh-tw",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(e,_){switch(_){case"W":return e+"週";default:return e+"日"}},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/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},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 年"},meridiem:function r(e,_){var t=e*100+_;if(t<600){return"凌晨"}else if(t<900){return"早上"}else if(t<1100){return"上午"}else if(t<1300){return"中午"}else if(t<1800){return"下午"}return"晚上"}};r.locale(e,null,true);export default e;
+//# sourceMappingURL=p-e70a422c.js.map

package/dist/calcite/p-e993b713.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.1
+ */
+import{k as n,q as t,c}from"./p-bd542796.js";import{c as e}from"./p-cf038b06.js";const o="calciteInternalLabelClick";const s="calciteInternalLabelConnected";const r="calciteInternalLabelDisconnected";const i="calcite-label";const u=new WeakMap;const a=new WeakMap;const f=new WeakMap;const l=new WeakMap;const m=new Set;const d=n=>{const{id:e}=n;const o=e&&t(n,{selector:`${i}[for="${e}"]`});if(o){return o}const s=c(n,i);if(!s||b(s,n)){return null}return s};function b(n,t){let c;const e="custom-element-ancestor-check";const o=e=>{e.stopImmediatePropagation();const o=e.composedPath();c=o.slice(o.indexOf(t),o.indexOf(n))};n.addEventListener(e,o,{once:true});t.dispatchEvent(new CustomEvent(e,{composed:true,bubbles:true}));n.removeEventListener(e,o);const s=c.filter((c=>c!==t&&c!==n)).filter((n=>n.tagName?.includes("-")));return s.length>0}function p(n){if(!n){return}const t=d(n.el);if(a.has(t)&&t===n.labelEl||!t&&m.has(n)){return}const c=C.bind(n);if(t){n.labelEl=t;const e=u.get(t)||[];e.push(n);u.set(t,e.sort(k));if(!a.has(n.labelEl)){a.set(n.labelEl,M);n.labelEl.addEventListener(o,M)}m.delete(n);document.removeEventListener(s,f.get(n));l.set(n,c);document.addEventListener(r,c)}else if(!m.has(n)){c();document.removeEventListener(r,l.get(n))}}function h(n){if(!n){return}m.delete(n);document.removeEventListener(s,f.get(n));document.removeEventListener(r,l.get(n));f.delete(n);l.delete(n);if(!n.labelEl){return}const t=u.get(n.labelEl);if(t.length===1){n.labelEl.removeEventListener(o,a.get(n.labelEl));a.delete(n.labelEl)}u.set(n.labelEl,t.filter((t=>t!==n)).sort(k));n.labelEl=null}function k(t,c){return n(t.el,c.el)?-1:1}function w(n){return n.label||n.labelEl?.textContent?.trim()||""}function M(n){const t=n.detail.sourceEvent.target;const c=u.get(this);const e=c.find((n=>n.el===t));const o=c.includes(e);if(o){return}const s=c[0];if(s.disabled){return}s.onLabelClick(n)}function W(){if(m.has(this)){p(this)}}function C(){m.add(this);const n=f.get(this)||W.bind(this);f.set(this,n);document.addEventListener(s,n)}async function I(n){await e(n);const t=u.has(n);if(t){return}const c=n.ownerDocument?.getElementById(n.for);if(!c){return}requestAnimationFrame((()=>{for(const n of m){if(n.el===c){p(n);break}}}))}export{I as a,r as b,p as c,h as d,w as g,s as l};
+//# sourceMappingURL=p-e993b713.js.map