@esri/calcite-components 2.1.0-next.9 → 2.2.0-next.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["tableRowCss","TableRow","this","rowCells","emitTableRowFocusRequest","cellPosition","rowPosition","destination","lastCell","calciteInternalTableRowFocusRequest","emit","updateCells","slottedCells","tableRowSlotEl","assignedElements","flatten","filter","el","matches","renderedCells","Array","from","tableRowEl","querySelectorAll","numberCell","selectionCell","cells","concat","length","forEach","cell","index","positionInRow","parentRowType","rowType","scale","nodeName","readCellContentsToAT","disabled","parentRowIsSelected","selected","cellCount","handleSelectionOfRow","calciteTableRowSelect","handleKeyboardSelection","event","isActivationKey","key","preventDefault","handleCellChanges","handleDelayedCellChanges","requestAnimationFrame","componentDidLoad","connectedCallback","connectInteractive","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","calciteInternalTableRowFocusChangeHandler","target","contains","position","detail","positionAll","deflectDirection","find","_","setFocus","keyDownHandler","isControl","ctrlKey","focusElementInGroup","renderSelectionIcon","icon","selectionMode","h","getIconScale","renderSelectableCell","alignment","bodyRowCount","onClick","onKeyDown","selectedRowCount","selectedRowCountLocalized","parentRowPositionLocalized","positionSectionLocalized","renderNumberedCell","render","Host","ref","numbered","onSlotchange"],"sources":["src/components/table-row/table-row.scss?tag=calcite-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-row-background: Specifies the background color of the component.\n * @prop --calcite-table-row-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));\n  --calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);\n  @apply contents;\n}\n\n@include base-component();\n\n@include disabled() {\n  tr {\n    @apply opacity-disabled pointer-events-none;\n  }\n}\n\ntr {\n  border-block-end: 1px solid var(--calcite-internal-table-row-border-color);\n  background-color: var(--calcite-internal-table-row-background);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { LocalizedComponent } from \"../../utils/locale\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { focusElementInGroup, FocusElementInGroupDestination } from \"../../utils/dom\";\nimport { RowType, TableRowFocusEvent } from \"../table/interfaces\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.\n */\n\n@Component({\n  tag: \"calcite-table-row\",\n  styleUrl: \"table-row.scss\",\n  shadow: true,\n})\nexport class TableRow implements InteractiveComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  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  /** When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** @internal */\n  @Prop({ mutable: true }) cellCount: number;\n\n  /** @internal */\n  @Prop() rowType: RowType;\n\n  /** @internal */\n  @Prop() numbered = false;\n\n  /** @internal */\n  @Prop() positionSection: number;\n\n  /** @internal */\n  @Prop() positionSectionLocalized: string;\n\n  /** @internal */\n  @Prop() positionAll: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"none\", SelectionMode> = \"none\";\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\n\n  @Watch(\"bodyRowCount\")\n  @Watch(\"scale\")\n  @Watch(\"selected\")\n  @Watch(\"selectedRowCount\")\n  handleCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  @Watch(\"numbered\")\n  @Watch(\"selectionMode\")\n  handleDelayedCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      requestAnimationFrame(() => this.updateCells());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableRowElement;\n\n  private rowCells: (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[] = [];\n\n  private tableRowEl: HTMLTableRowElement;\n\n  private tableRowSlotEl: HTMLSlotElement;\n\n  @State() effectiveLocale = \"\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteTableRowSelect: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusRequest: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTableRowFocusChange\", { target: \"document\" })\n  calciteInternalTableRowFocusChangeHandler(event: CustomEvent): void {\n    if ((event.target as Element).contains(this.el)) {\n      const position = event.detail.cellPosition;\n      const rowPosition = event.detail.rowPosition;\n      const destination = event.detail.destination;\n      const lastCell = event.detail.lastCell;\n\n      if (rowPosition === this.positionAll) {\n        if (this.disabled) {\n          const deflectDirection =\n            destination === \"last\" ? \"previous\" : destination === \"first\" ? \"next\" : destination;\n          this.emitTableRowFocusRequest(position, this.positionAll, deflectDirection);\n          return;\n        }\n        const cellPosition = lastCell\n          ? this.rowCells[this.rowCells.length - 1]\n          : this.rowCells?.find((_, index) => index + 1 === position);\n\n        if (cellPosition) {\n          cellPosition.setFocus();\n        }\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler(event: KeyboardEvent): void {\n    const el = event.target as HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement;\n    const key = event.key;\n    const isControl = event.ctrlKey;\n    const cells = this.rowCells;\n    if (el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")) {\n      switch (key) {\n        case \"ArrowUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"previous\");\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"next\");\n          event.preventDefault();\n          break;\n        case \"PageUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"first\");\n          event.preventDefault();\n          break;\n        case \"PageDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"last\");\n          event.preventDefault();\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(cells, el, \"previous\", false);\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          focusElementInGroup(cells, el, \"next\", false);\n          event.preventDefault();\n          break;\n        case \"Home\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(1, this.positionAll, \"first\");\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"first\", false);\n            event.preventDefault();\n          }\n          break;\n        case \"End\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(this.rowCells?.length, this.positionAll, \"last\", true);\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"last\", false);\n            event.preventDefault();\n          }\n          break;\n      }\n    }\n  }\n\n  private emitTableRowFocusRequest = (\n    cellPosition: number,\n    rowPosition: number,\n    destination: FocusElementInGroupDestination,\n    lastCell?: boolean\n  ): void => {\n    this.calciteInternalTableRowFocusRequest.emit({\n      cellPosition,\n      rowPosition,\n      destination,\n      lastCell,\n    });\n  };\n\n  private updateCells = (): void => {\n    const slottedCells = this.tableRowSlotEl\n      ?.assignedElements({ flatten: true })\n      ?.filter(\n        (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n          el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")\n      );\n\n    const renderedCells = Array.from(\n      this.tableRowEl?.querySelectorAll(\"calcite-table-header, calcite-table-cell\")\n    )?.filter(\n      (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n        el.numberCell || el.selectionCell\n    );\n\n    const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;\n\n    if (cells.length > 0) {\n      cells?.forEach((cell: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement, index) => {\n        cell.positionInRow = index + 1;\n        cell.parentRowType = this.rowType;\n        cell.scale = this.scale;\n\n        if (cell.nodeName === \"CALCITE-TABLE-CELL\") {\n          (cell as HTMLCalciteTableCellElement).readCellContentsToAT = this.readCellContentsToAT;\n          (cell as HTMLCalciteTableCellElement).disabled = this.disabled;\n          (cell as HTMLCalciteTableCellElement).parentRowIsSelected = this.selected;\n        }\n      });\n    }\n\n    this.rowCells =\n      (cells as (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[]) || [];\n    this.cellCount = cells?.length;\n  };\n\n  private handleSelectionOfRow = (): void => {\n    this.calciteTableRowSelect.emit();\n  };\n\n  private handleKeyboardSelection = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      if (event.key === \" \") {\n        event.preventDefault();\n      }\n      this.handleSelectionOfRow();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\" && this.selected\n        ? \"check-square-f\"\n        : this.selectionMode === \"multiple\"\n        ? \"square\"\n        : this.selected\n        ? \"circle-f\"\n        : \"circle\";\n\n    return <calcite-icon icon={icon} scale={getIconScale(this.scale)} />;\n  }\n\n  renderSelectableCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        bodyRowCount={this.bodyRowCount}\n        key=\"selection-head\"\n        onClick={this.selectionMode === \"multiple\" && this.handleSelectionOfRow}\n        onKeyDown={this.selectionMode === \"multiple\" && this.handleKeyboardSelection}\n        selectedRowCount={this.selectedRowCount}\n        selectedRowCountLocalized={this.selectedRowCountLocalized}\n        selectionCell={true}\n        selectionMode={this.selectionMode}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-body\"\n        onClick={this.handleSelectionOfRow}\n        onKeyDown={this.handleKeyboardSelection}\n        parentRowIsSelected={this.selected}\n        parentRowPositionLocalized={this.positionSectionLocalized}\n        selectionCell={true}\n      >\n        {this.renderSelectionIcon()}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell alignment=\"center\" key=\"selection-foot\" selectionCell={true} />\n    );\n  }\n\n  renderNumberedCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header alignment=\"center\" key=\"numbered-head\" numberCell={true} />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell alignment=\"center\" key=\"numbered-body\" numberCell={true}>\n        {this.positionSectionLocalized}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell alignment=\"center\" key=\"numbered-foot\" numberCell={true} />\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <tr\n          aria-disabled={this.disabled}\n          aria-rowindex={this.positionAll + 1}\n          aria-selected={this.selected}\n          onKeyDown={(event) => this.keyDownHandler(event)}\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.tableRowEl = el)}\n        >\n          {this.numbered && this.renderNumberedCell()}\n          {this.selectionMode !== \"none\" && this.renderSelectableCell()}\n          <slot\n            onSlotchange={this.updateCells}\n            ref={(el) => (this.tableRowSlotEl = el as HTMLSlotElement)}\n          />\n        </tr>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/calcite/p-ddc4727f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.9
- */
-import{d as _}from"./p-a0c10e3f.js";import"./p-e4e52f50.js";import"./p-c354efee.js";import"./p-5c08e921.js";import"./p-7d3256fe.js";import"./p-b00a2d53.js";import"./p-eee848a0.js";import"./p-181f3df6.js";import"./p-9b5d32d7.js";import"./p-c4b1d426.js";import"./p-1171f3c3.js";import"./p-1df61dbf.js";import"./p-6acf4f0d.js";import"./p-35c91e34.js";import"./p-cc5c8640.js";import"./p-aa1e2f35.js";import"./p-656ba90a.js";import"./p-d890ddaf.js";var p={name:"zh-hk",months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),ordinal:function _(p,m){switch(m){case"W":return p+"週";default:return p+"日"}},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"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"一分鐘",mm:"%d 分鐘",h:"一小時",hh:"%d 小時",d:"一天",dd:"%d 天",M:"一個月",MM:"%d 個月",y:"一年",yy:"%d 年"}};_.locale(p,null,true);export default p;
-//# sourceMappingURL=p-ddc4727f.js.map

package/dist/calcite/p-ddc4727f.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["locale","name","months","split","monthsShort","weekdays","weekdaysShort","weekdaysMin","ordinal","number","period","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/zh-hk.js"],"sourcesContent":["// Chinese (Hong Kong) [zh-hk]\nimport dayjs from '../index';\nvar locale = {\n  name: 'zh-hk',\n  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),\n  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),\n  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),\n  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),\n  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),\n  ordinal: function ordinal(number, period) {\n    switch (period) {\n      case 'W':\n        return number + \"\\u9031\";\n\n      default:\n        return number + \"\\u65E5\";\n    }\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'YYYY/MM/DD',\n    LL: 'YYYY年M月D日',\n    LLL: 'YYYY年M月D日 HH:mm',\n    LLLL: 'YYYY年M月D日dddd HH:mm'\n  },\n  relativeTime: {\n    future: '%s內',\n    past: '%s前',\n    s: '幾秒',\n    m: '一分鐘',\n    mm: '%d 分鐘',\n    h: '一小時',\n    hh: '%d 小時',\n    d: '一天',\n    dd: '%d 天',\n    M: '一個月',\n    MM: '%d 個月',\n    y: '一年',\n    yy: '%d 年'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4bAEG,IAACA,EAAS,CACXC,KAAM,QACNC,OAAQ,wCAAwCC,MAAM,KACtDC,YAAa,yCAAyCD,MAAM,KAC5DE,SAAU,8BAA8BF,MAAM,KAC9CG,cAAe,uBAAuBH,MAAM,KAC5CI,YAAa,gBAAgBJ,MAAM,KACnCK,QAAS,SAASA,EAAQC,EAAQC,GAChC,OAAQA,GACN,IAAK,IACH,OAAOD,EAAS,IAElB,QACE,OAAOA,EAAS,IAExB,EACEE,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,uBAERC,aAAc,CACZC,OAAQ,MACRC,KAAM,MACNC,EAAG,KACHC,EAAG,MACHC,GAAI,QACJC,EAAG,MACHC,GAAI,QACJC,EAAG,KACHC,GAAI,OACJC,EAAG,MACHC,GAAI,QACJC,EAAG,KACHC,GAAI,SAGRC,EAAMhC,OAAOA,EAAQ,KAAM,qB"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.9
- */
-import{r as t,c as e,h as i,g as n}from"./p-e4e52f50.js";import{g as o}from"./p-7d3256fe.js";import{c as a,d as l,u as s}from"./p-eee848a0.js";import{c,s as d,a as r}from"./p-1df61dbf.js";import"./p-181f3df6.js";const h={checked:"checked",description:"description",descriptionOnly:"description-only",disabled:"disabled",heading:"heading",headingOnly:"heading-only",icon:"icon",iconOnly:"icon-only",inputAlignmentEnd:"input-alignment-end",inputAlignmentStart:"input-alignment-start",inputEnabled:"input-enabled",largeVisual:"large-visual",tile:"tile",tileContentContainer:"tile-content-container",tileContent:"tile-content",tileDescription:"tile-description",tileHeading:"tile-heading",tileLargeVisual:"tile--large-visual",widthAuto:"width-auto",widthFull:"width-full"};const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host .container{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px var(--calcite-color-border-2);box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:0.75rem;position:relative;vertical-align:top;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .container.checked{z-index:var(--calcite-z-index);box-shadow:0 0 0 1px var(--calcite-color-brand)}:host .container.heading-only{align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){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 .container.focused{outline-color:transparent}:host .container.focused:not(.disabled):not(.input-enabled){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          );outline-offset:-4px;box-shadow:0 0 0 1px var(--calcite-color-brand), inset 0 0 0 2px var(--calcite-color-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start .tile{order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:flex;max-inline-size:none}:host .container.width-full .tile{flex:1 1 auto}.tile{pointer-events:none;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;flex-direction:column;gap:0.5rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tile-content-container{display:flex;inline-size:100%;align-items:stretch;padding:0px;color:var(--calcite-color-text-2);outline-color:transparent}.tile-content{display:flex;flex:1 1 auto;flex-direction:column;gap:0.5rem;inline-size:10%}.tile-heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tile-description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tile--large-visual{display:grid;justify-content:center;text-align:center;min-block-size:12rem}.tile--large-visual .icon{align-self:flex-end}.tile--large-visual calcite-icon{block-size:64px;inline-size:64px}.tile--large-visual .tile-content-container{align-self:center}:host(:hover) .container:not(.input-enabled){box-shadow:0 0 0 1px var(--calcite-color-brand)}:host(:hover) .tile-heading,.checked .tile-heading{color:var(--calcite-color-text-1)}:host(:hover) .tile-description,.checked .tile-description{color:var(--calcite-color-text-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(i){t(this,i);this.calciteTileSelectChange=e(this,"calciteTileSelectChange",6);this.guid=`calcite-tile-select-${o()}`;this.checked=false;this.description=undefined;this.disabled=false;this.heading=undefined;this.hidden=false;this.icon=undefined;this.iconFlipRtl=false;this.name=undefined;this.inputEnabled=false;this.inputAlignment="start";this.type="radio";this.value=undefined;this.width="auto";this.focused=false}checkedChanged(t){this.input.checked=t}nameChanged(t){this.input.name=t}async setFocus(){await c(this);return this.input?.setFocus()}checkboxChangeHandler(t){const e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()}checkboxFocusBlurHandler(t){const e=t.target;if(e===this.input){this.focused=t.detail}t.stopPropagation()}radioButtonChangeHandler(t){const e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()}radioButtonCheckedChangeHandler(t){const e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()}radioButtonFocusBlurHandler(t){const e=t.target;if(e===this.input){this.focused=e.focused}t.stopPropagation()}clickHandler(t){if(this.disabled){return}const e=t.target;const i=["calcite-tile","calcite-tile-select"];if(i.includes(e.localName)){this.input.click()}}pointerEnterHandler(){if(this.disabled){return}const{localName:t}=this.input;if(t==="calcite-radio-button"||t==="calcite-checkbox"){this.input.hovered=true}}pointerLeaveHandler(){if(this.disabled){return}const{localName:t}=this.input;if(t==="calcite-radio-button"||t==="calcite-checkbox"){this.input.hovered=false}}connectedCallback(){this.renderInput();a(this)}componentWillLoad(){d(this)}componentDidLoad(){r(this)}disconnectedCallback(){this.input.parentNode.removeChild(this.input);l(this)}componentDidRender(){s(this)}renderInput(){this.input=document.createElement(this.type==="radio"?"calcite-radio-button":"calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.hidden;this.input.id=this.guid;this.input.label=this.heading||this.name||"";if(this.name){this.input.name=this.name}if(this.value){this.input.value=this.value!=null?this.value.toString():""}this.el.insertAdjacentElement("beforeend",this.input)}render(){const{checked:t,description:e,disabled:n,focused:o,heading:a,icon:l,inputAlignment:s,inputEnabled:c,width:d,iconFlipRtl:r}=this;const u=a&&l&&!e;const p=Boolean(l);return i("div",{class:{checked:t,container:true,[h.description]:Boolean(e),[h.descriptionOnly]:Boolean(!a&&!l&&e),disabled:n,focused:o,[h.heading]:Boolean(a),[h.headingOnly]:a&&!l&&!e,[h.icon]:p,[h.iconOnly]:!a&&l&&!e,[h.inputAlignmentEnd]:s==="end",[h.inputAlignmentStart]:s==="start",[h.inputEnabled]:c,[h.largeVisual]:u,[h.widthAuto]:d==="auto",[h.widthFull]:d==="full"}},i("div",{class:{[h.tile]:true,[h.tileLargeVisual]:u}},l&&i("div",{class:{[h.icon]:p}},i("calcite-icon",{flipRtl:r,icon:l,scale:"l"})),i("div",{class:h.tileContentContainer},i("div",{class:h.tileContent},a&&i("div",{class:h.tileHeading},a),e&&i("div",{class:h.tileDescription},e)))),i("slot",null))}get el(){return n(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};p.style=u;const b=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const g=class{constructor(e){t(this,e);this.disabled=false;this.layout="horizontal"}connectedCallback(){a(this)}componentDidRender(){s(this)}disconnectedCallback(){l(this)}render(){return i("slot",null)}get el(){return n(this)}};g.style=b;export{p as calcite_tile_select,g as calcite_tile_select_group};
-//# sourceMappingURL=p-e289f76b.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.9
- */
-import{r as t,c as s,h as e,g as i}from"./p-e4e52f50.js";import{l as a,t as o}from"./p-5c08e921.js";import{c as h,d as c,u as r}from"./p-eee848a0.js";import{c as n}from"./p-35c91e34.js";import{a as l,s as d,c as p}from"./p-1df61dbf.js";import"./p-7d3256fe.js";import"./p-b00a2d53.js";import"./p-181f3df6.js";const f=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const u=class{constructor(e){t(this,e);this.calciteChipGroupSelect=s(this,"calciteChipGroupSelect",6);this.mutationObserver=n("mutation",(()=>this.updateItems()));this.items=[];this.updateItems=t=>{const s=t?t.target:this.slotRefEl;this.items=s?.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-chip")));this.items?.forEach((t=>{t.interactive=true;t.scale=this.scale;t.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(t,s)=>{if(s){this.items?.forEach((t=>{const e=s===t;switch(this.selectionMode){case"multiple":if(e){t.selected=!t.selected}break;case"single":t.selected=e?!t.selected:false;break;case"single-persist":t.selected=!!e;break}}))}this.selectedItems=this.items?.filter((t=>t.selected));if(t){this.calciteChipGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.scale="m";this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.updateItems()}connectedCallback(){h(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentDidRender(){c(this);r(this)}componentDidLoad(){l(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}async componentWillLoad(){d(this)}calciteInternalChipKeyEventListener(t){if(t.composedPath().includes(this.el)){const s=this.items?.filter((t=>!t.disabled));switch(t.detail.key){case"ArrowRight":a(s,t.detail.target,"next");break;case"ArrowLeft":a(s,t.detail.target,"previous");break;case"Home":a(s,t.detail.target,"first");break;case"End":a(s,t.detail.target,"last");break}}}calciteChipCloseListener(t){const s=t.target;if(this.items?.includes(s)){if(this.items?.indexOf(s)>0){a(this.items,s,"previous")}else if(this.items?.indexOf(s)===0){a(this.items,s,"next")}else{a(this.items,s,"first")}}this.items=this.items?.filter((t=>t!==s))}calciteChipSelectListener(t){if(t.composedPath().includes(this.el)){this.setSelectedItems(true,t.target)}}async setFocus(){await p(this);if(!this.disabled){return(this.selectedItems[0]||this.items[0])?.setFocus()}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return e("div",{"aria-disabled":o(this.disabled),"aria-label":this.label,class:"container",role:t},e("slot",{onSlotchange:this.updateItems,ref:t=>this.slotRefEl=t}))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};u.style=f;export{u as calcite_chip_group};
-//# sourceMappingURL=p-e297156f.entry.js.map

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

@@ -1 +0,0 @@
-{"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","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  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\n    return (\n      <div\n        aria-disabled={toAriaBoolean(this.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    );\n  }\n}\n"],"mappings":";;;;;oTAAA,MAAMA,EAAe,2iB,MCkCRC,EAAS,M,wFA0CpBC,KAAAC,iBAAmBC,EAAe,YAAY,IAAMF,KAAKG,gBAEjDH,KAAAI,MAAkC,GAgHlCJ,KAAAG,YAAeE,IACrB,MAAMC,EAASD,EAASA,EAAMC,OAA6BN,KAAKO,UAChEP,KAAKI,MAAQE,GACTE,iBAAiB,CAAEC,QAAS,OAC7BC,QAAQC,GAAOA,GAAIC,QAAQ,kBAE9BZ,KAAKI,OAAOS,SAASF,IACnBA,EAAGG,YAAc,KACjBH,EAAGI,MAAQf,KAAKe,MAChBJ,EAAGK,cAAgBhB,KAAKgB,aAAa,IAGvChB,KAAKiB,iBAAiB,MAAM,EAGtBjB,KAAAiB,iBAAmB,CAACC,EAAeC,KACzC,GAAIA,EAAW,CACbnB,KAAKI,OAAOS,SAASF,IACnB,MAAMS,EAAaD,IAAcR,EACjC,OAAQX,KAAKgB,eACX,IAAK,WACH,GAAII,EAAY,CACdT,EAAGU,UAAYV,EAAGU,Q,CAEpB,MAEF,IAAK,SACHV,EAAGU,SAAWD,GAAcT,EAAGU,SAAW,MAC1C,MAEF,IAAK,iBACHV,EAAGU,WAAaD,EAChB,M,IAKRpB,KAAKsB,cAAgBtB,KAAKI,OAAOM,QAAQC,GAAOA,EAAGU,WAEnD,GAAIH,EAAM,CACRlB,KAAKuB,uBAAuBL,M,iBA5LI,M,gCAMI,I,mBAMpC,O,mBAY+D,E,CATnE,qBAAAM,GACExB,KAAKG,a,CAuCP,iBAAAsB,GACEC,EAAmB1B,MACnBA,KAAKC,kBAAkB0B,QAAQ3B,KAAKW,GAAI,CAAEiB,UAAW,KAAMC,QAAS,M,CAGtE,kBAAAC,GACEC,EAAsB/B,MACtBgC,EAAsBhC,K,CAGxB,gBAAAiC,GACEC,EAAmBlC,K,CAGrB,oBAAAmC,GACEnC,KAAKC,kBAAkBmC,Y,CAGzB,uBAAMC,GACJC,EAAuBtC,K,CASzB,mCAAAuC,CAAoClC,GAClC,GAAIA,EAAMmC,eAAeC,SAASzC,KAAKW,IAAK,CAC1C,MAAM+B,EAAmB1C,KAAKI,OAAOM,QAAQC,IAAQA,EAAGgC,WACxD,OAAQtC,EAAMuC,OAAOC,KACnB,IAAK,aACHC,EAAoBJ,EAAkBrC,EAAMuC,OAAOtC,OAAQ,QAC3D,MACF,IAAK,YACHwC,EAAoBJ,EAAkBrC,EAAMuC,OAAOtC,OAAQ,YAC3D,MACF,IAAK,OACHwC,EAAoBJ,EAAkBrC,EAAMuC,OAAOtC,OAAQ,SAC3D,MACF,IAAK,MACHwC,EAAoBJ,EAAkBrC,EAAMuC,OAAOtC,OAAQ,QAC3D,M,EAMR,wBAAAyC,CAAyB1C,GACvB,MAAM2C,EAAO3C,EAAMC,OACnB,GAAIN,KAAKI,OAAOqC,SAASO,GAAO,CAC9B,GAAIhD,KAAKI,OAAO6C,QAAQD,GAAQ,EAAG,CACjCF,EAAoB9C,KAAKI,MAAO4C,EAAgC,W,MAC3D,GAAIhD,KAAKI,OAAO6C,QAAQD,KAAU,EAAG,CAC1CF,EAAoB9C,KAAKI,MAAO4C,EAAgC,O,KAC3D,CACLF,EAAoB9C,KAAKI,MAAO4C,EAAgC,Q,EAGpEhD,KAAKI,MAAQJ,KAAKI,OAAOM,QAAQC,GAAOA,IAAOqC,G,CAIjD,yBAAAE,CAA0B7C,GACxB,GAAIA,EAAMmC,eAAeC,SAASzC,KAAKW,IAAK,CAC1CX,KAAKiB,iBAAiB,KAAMZ,EAAMC,O,EActC,cAAM6C,SACEC,EAAmBpD,MACzB,IAAKA,KAAK2C,SAAU,CAClB,OAAQ3C,KAAKsB,cAAc,IAAMtB,KAAKI,MAAM,KAAK+C,U,EA4DrD,MAAAE,GACE,MAAMC,EACJtD,KAAKgB,gBAAkB,QAAUhB,KAAKgB,gBAAkB,WAAa,QAAU,aAEjF,OACEuC,EAAA,uBACiBC,EAAcxD,KAAK2C,UAAS,aAC/B3C,KAAKyD,MACjBC,MAAM,YACNJ,KAAMA,GAENC,EAAA,QACEI,aAAc3D,KAAKG,YACnByD,IAAMjD,GAAQX,KAAKO,UAAYI,I"}

package/dist/calcite/p-e4e52f50.js

@@ -1,8 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.9
- */
-const t="calcite";let n;let e;let s=false;let l=false;const o=t=>{const n=new URL(t,qt.t);return n.origin!==Tt.location.origin?n.href:n.pathname};const i=(t,n="")=>{{return()=>{}}};const c=(t,n)=>{{return()=>{}}};const f="r";const r="o";const u="s";const a="t";const d="s-id";const $="sty-id";const v="c-id";const h="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const y="http://www.w3.org/1999/xlink";const m={};const w="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const g=t=>t!=null;const S=t=>{t=typeof t;return t==="object"||t==="function"};function k(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const j=(t,n,...e)=>{let s=null;let l=null;let o=false;let i=false;const c=[];const f=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!S(s)){s=String(s)}if(o&&i){c[c.length-1].l+=s}else{c.push(o?O(null,s):s)}i=o}}};f(e);if(n){if(n.key){l=n.key}{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}if(typeof t==="function"){return t(n===null?{}:n,c,M)}const r=O(t,null);r.o=n;if(c.length>0){r.i=c}{r.u=l}return r};const O=(t,n)=>{const e={$:0,v:t,l:n,h:null,i:null};{e.o=null}{e.u=null}return e};const x={};const C=t=>t&&t.v===x;const M={forEach:(t,n)=>t.map(P).forEach(n),map:(t,n)=>t.map(P).map(n).map(R)};const P=t=>({vattrs:t.o,vchildren:t.i,vkey:t.u,vname:t.p,vtag:t.v,vtext:t.l});const R=t=>{if(typeof t.vtag==="function"){const n=Object.assign({},t.vattrs);if(t.vkey){n.key=t.vkey}if(t.vname){n.name=t.vname}return j(t.vtag,n,...t.vchildren||[])}const n=O(t.vtag,t.vtext);n.o=t.vattrs;n.i=t.vchildren;n.u=t.vkey;n.p=t.vname;return n};const U=(t,n,e,s)=>{const l=i("hydrateClient",n);const o=t.shadowRoot;const c=[];const f=[];const r=o?[]:null;const u=s.m=O(n,null);if(!qt.S){I(Ht.body,qt.S=new Map)}t[d]=e;t.removeAttribute(d);E(u,c,f,r,t,t,e);c.map((t=>{const e=t.k+"."+t.j;const s=qt.S.get(e);const l=t.h;if(s&&Vt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=n;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}qt.S.delete(e)}));if(o){r.map((t=>{if(t){o.appendChild(t)}}))}l()};const E=(t,n,e,s,l,o,i)=>{let c;let r;let d;let $;if(o.nodeType===1){c=o.getAttribute(v);if(c){r=c.split(".");if(r[0]===i||r[0]==="0"){d={$:0,k:r[0],j:r[1],O:r[2],C:r[3],v:o.tagName.toLowerCase(),h:o,o:null,i:null,u:null,p:null,l:null};n.push(d);o.removeAttribute(v);if(!t.i){t.i=[]}t.i[d.C]=d;t=d;if(s&&d.O==="0"){s[d.C]=d.h}}}for($=o.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.childNodes[$],i)}if(o.shadowRoot){for($=o.shadowRoot.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.shadowRoot.childNodes[$],i)}}}else if(o.nodeType===8){r=o.nodeValue.split(".");if(r[1]===i||r[1]==="0"){c=r[0];d={$:0,k:r[1],j:r[2],O:r[3],C:r[4],h:o,o:null,i:null,u:null,p:null,v:null,l:null};if(c===a){d.h=o.nextSibling;if(d.h&&d.h.nodeType===3){d.l=d.h.textContent;n.push(d);o.remove();if(!t.i){t.i=[]}t.i[d.C]=d;if(s&&d.O==="0"){s[d.C]=d.h}}}else if(d.k===i){if(c===u){d.v="slot";if(r[5]){o["s-sn"]=d.p=r[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){d.h=Ht.createElement(d.v);if(d.p){d.h.setAttribute("name",d.p)}o.parentNode.insertBefore(d.h,o);o.remove();if(d.O==="0"){s[d.C]=d.h}}e.push(d);if(!t.i){t.i=[]}t.i[d.C]=d}else if(c===f){if(s){o.remove()}}}}}else if(t&&t.v==="style"){const n=O(null,o.textContent);n.h=o;n.C="0";t.i=[n]}};const I=(t,n)=>{if(t.nodeType===1){let e=0;for(;e<t.childNodes.length;e++){I(t.childNodes[e],n)}if(t.shadowRoot){for(e=0;e<t.shadowRoot.childNodes.length;e++){I(t.shadowRoot.childNodes[e],n)}}}else if(t.nodeType===8){const e=t.nodeValue.split(".");if(e[0]===r){n.set(e[1]+"."+e[2],t);t.nodeValue="";t["s-en"]=e[3]}}};const L=(t,n)=>{if(t!=null&&!S(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&2){return parseFloat(t)}if(n&1){return String(t)}return t}return t};const F=t=>Et(t).$hostElement$;const N=(t,n,e)=>{const s=F(t);return{emit:t=>W(s,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:t})}};const W=(t,n,e)=>{const s=qt.ce(n,e);t.dispatchEvent(s);return s};const A=new WeakMap;const D=(t,n,e)=>{let s=Dt.get(t);if(zt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}Dt.set(t,s)};const T=(t,n,e)=>{var s;const l=q(n);const o=Dt.get(l);t=t.nodeType===11?t:Ht;if(o){if(typeof o==="string"){t=t.head||t;let e=A.get(t);let i;if(!e){A.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(i=t.querySelector(`[${$}="${l}"]`))){i.innerHTML=o}else{i=Ht.createElement("style");i.innerHTML=o;const n=(s=qt.M)!==null&&s!==void 0?s:k(Ht);if(n!=null){i.setAttribute("nonce",n)}t.insertBefore(i,t.querySelector("link"))}if(n.$&4){i.innerHTML+=p}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const H=t=>{const n=t.P;const e=t.$hostElement$;const s=n.$;const l=i("attachStyles",n.R);const o=T(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=o;e.classList.add(o+"-h")}l()};const q=(t,n)=>"sc-"+t.R;const V=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const _=(t,n,e,s,l,o)=>{if(e!==s){let i=Ft(t,n);let c=n.toLowerCase();if(n==="class"){const n=t.classList;const l=B(e);const o=B(s);n.remove(...l.filter((t=>t&&!o.includes(t))));n.add(...o.filter((t=>t&&!l.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else if(n==="key");else if(n==="ref"){if(s){s(t)}}else if(!i&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(Ft(Tt,c)){n=c.slice(2)}else{n=c[2]+n.slice(3)}if(e||s){const l=n.endsWith(G);n=n.replace(J,"");if(e){qt.rel(t,n,e,l)}if(s){qt.ael(t,n,s,l)}}}else{const f=S(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(n==="list"){i=false}else if(e==null||t[n]!=l){t[n]=l}}else{t[n]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){n=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){if(r){t.removeAttributeNS(y,n)}else{t.removeAttribute(n)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(y,n,s)}else{t.setAttribute(n,s)}}}}};const z=/\s/;const B=t=>!t?[]:t.split(z);const G="Capture";const J=new RegExp(G+"$");const K=(t,n,e,s)=>{const l=n.h.nodeType===11&&n.h.host?n.h.host:n.h;const o=t&&t.o||m;const i=n.o||m;{for(s in o){if(!(s in i)){_(l,s,o[s],undefined,e,n.$)}}}for(s in i){_(l,s,o[s],i[s],e,n.$)}};const Q=(t,e,l,o)=>{const i=e.i[l];let c=0;let f;let r;if(i.l!==null){f=i.h=Ht.createTextNode(i.l)}else{if(!s){s=i.v==="svg"}f=i.h=Ht.createElementNS(s?w:b,i.v);if(s&&i.v==="foreignObject"){s=false}{K(null,i,s)}if(g(n)&&f["s-si"]!==n){f.classList.add(f["s-si"]=n)}if(i.i){for(c=0;c<i.i.length;++c){r=Q(t,i,c);if(r){f.appendChild(r)}}}{if(i.v==="svg"){s=false}else if(f.tagName==="foreignObject"){s=true}}}return f};const X=(t,n,s,l,o,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===e){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=Q(null,s,o);if(f){l[o].h=f;c.insertBefore(f,n)}}}};const Y=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.h;et(n);if(t){t.remove()}}}};const Z=(t,n,e,s)=>{let l=0;let o=0;let i=0;let c=0;let f=n.length-1;let r=n[0];let u=n[f];let a=s.length-1;let d=s[0];let $=s[a];let v;let h;while(l<=f&&o<=a){if(r==null){r=n[++l]}else if(u==null){u=n[--f]}else if(d==null){d=s[++o]}else if($==null){$=s[--a]}else if(tt(r,d)){nt(r,d);r=n[++l];d=s[++o]}else if(tt(u,$)){nt(u,$);u=n[--f];$=s[--a]}else if(tt(r,$)){nt(r,$);t.insertBefore(r.h,u.h.nextSibling);r=n[++l];$=s[--a]}else if(tt(u,d)){nt(u,d);t.insertBefore(u.h,r.h);u=n[--f];d=s[++o]}else{i=-1;{for(c=l;c<=f;++c){if(n[c]&&n[c].u!==null&&n[c].u===d.u){i=c;break}}}if(i>=0){h=n[i];if(h.v!==d.v){v=Q(n&&n[o],e,i)}else{nt(h,d);n[i]=undefined;v=h.h}d=s[++o]}else{v=Q(n&&n[o],e,o);d=s[++o]}if(v){{r.h.parentNode.insertBefore(v,r.h)}}}}if(l>f){X(t,s[a+1]==null?null:s[a+1].h,e,s,o,a)}else if(o>a){Y(n,l,f)}};const tt=(t,n)=>{if(t.v===n.v){{return t.u===n.u}}return false};const nt=(t,n)=>{const e=n.h=t.h;const l=t.i;const o=n.i;const i=n.v;const c=n.l;if(c===null){{s=i==="svg"?true:i==="foreignObject"?false:s}{if(i==="slot");else{K(t,n,s)}}if(l!==null&&o!==null){Z(e,l,n,o)}else if(o!==null){if(t.l!==null){e.textContent=""}X(e,null,n,o,0,o.length-1)}else if(l!==null){Y(l,0,l.length-1)}if(s&&i==="svg"){s=false}}else if(t.l!==c){e.data=c}};const et=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.i&&t.i.map(et)}};const st=(t,s,l=false)=>{const o=t.$hostElement$;const i=t.P;const c=t.m||O(null,null);const f=C(s)?s:j(null,null,s);e=o.tagName;if(i.U){f.o=f.o||{};i.U.map((([t,n])=>f.o[n]=o[t]))}if(l&&f.o){for(const t of Object.keys(f.o)){if(o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){f.o[t]=o[t]}}}f.v=null;f.$|=4;t.m=f;f.h=c.h=o.shadowRoot||o;{n=o["s-sc"]}nt(c,f)};const lt=(t,n)=>{if(n&&!t.I&&n["s-p"]){n["s-p"].push(new Promise((n=>t.I=n)))}};const ot=(t,n)=>{{t.$|=16}if(t.$&4){t.$|=512;return}lt(t,t.L);const e=()=>it(t,n);return Zt(e)};const it=(t,n)=>{const e=i("scheduleUpdate",t.P.R);const s=t.F;let l;if(n){{t.$|=256;if(t.N){t.N.map((([t,n])=>vt(s,t,n)));t.N=undefined}}{l=vt(s,"componentWillLoad")}}{l=ct(l,(()=>vt(s,"componentWillRender")))}e();return ct(l,(()=>rt(t,s,n)))};const ct=(t,n)=>ft(t)?t.then(n):n();const ft=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const rt=async(t,n,e)=>{var s;const l=t.$hostElement$;const o=i("update",t.P.R);const c=l["s-rc"];if(e){H(t)}const f=i("render",t.P.R);{ut(t,n,l,e)}if(c){c.map((t=>t()));l["s-rc"]=undefined}f();o();{const n=(s=l["s-p"])!==null&&s!==void 0?s:[];const e=()=>at(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.$|=4;n.length=0}}};const ut=(t,n,e,s)=>{try{n=n.render();{t.$&=~16}{t.$|=2}{{{st(t,n,s)}}}}catch(n){Nt(n,t.$hostElement$)}return null};const at=t=>{const n=t.P.R;const e=t.$hostElement$;const s=i("postUpdate",n);const l=t.F;const o=t.L;{vt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{ht(e)}{vt(l,"componentDidLoad")}s();{t.W(e);if(!o){$t()}}}else{{vt(l,"componentDidUpdate")}s()}{t.A(e)}{if(t.I){t.I();t.I=undefined}if(t.$&512){Xt((()=>ot(t,false)))}t.$&=~(4|512)}};const dt=t=>{{const n=Et(t);const e=n.$hostElement$.isConnected;if(e&&(n.$&(2|16))===2){ot(n,false)}return e}};const $t=n=>{{ht(Ht.documentElement)}Xt((()=>W(Tt,"appload",{detail:{namespace:t}})))};const vt=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){Nt(t)}}return undefined};const ht=t=>t.setAttribute("calcite-hydrated","");const pt=(t,n)=>Et(t).D.get(n);const yt=(t,n,e,s)=>{const l=Et(t);const o=l.$hostElement$;const i=l.D.get(n);const c=l.$;const f=l.F;e=L(e,s.T[n][0]);const r=Number.isNaN(i)&&Number.isNaN(e);const u=e!==i&&!r;if((!(c&8)||i===undefined)&&u){l.D.set(n,e);if(f){if(s.H&&c&128){const t=s.H[n];if(t){t.map((t=>{try{f[t](e,i,n)}catch(t){Nt(t,o)}}))}}if((c&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(e,i,n)===false){return}}ot(l,false)}}}};const mt=(t,n,e)=>{var s;const l=t.prototype;if(n.T){if(t.watchers){n.H=t.watchers}const o=Object.entries(n.T);o.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(l,t,{get(){return pt(this,t)},set(e){yt(this,t,e,n)},configurable:true,enumerable:true})}else if(e&1&&s&64){Object.defineProperty(l,t,{value(...n){var e;const s=Et(this);return(e=s===null||s===void 0?void 0:s.q)===null||e===void 0?void 0:e.then((()=>{var e;return(e=s.F)===null||e===void 0?void 0:e[t](...n)}))}})}}));if(e&1){const e=new Map;l.attributeChangedCallback=function(t,s,o){qt.jmp((()=>{var i;const c=e.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const e=Et(this);const l=e===null||e===void 0?void 0:e.$;if(l&&!(l&8)&&l&128&&o!==s){const l=e.F;const c=(i=n.H)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((n=>{if(l[n]!=null){l[n].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.H)!==null&&s!==void 0?s:{}),...o.filter((([t,n])=>n[0]&15)).map((([t,s])=>{var l;const o=s[1]||t;e.set(o,t);if(s[0]&512){(l=n.U)===null||l===void 0?void 0:l.push([t,o])}return o}))]))}}return t};const wt=async(t,n,e,s)=>{let l;if((n.$&32)===0){n.$|=32;{l=At(e);if(l.then){const t=c();l=await l;t()}if(!l.isProxied){{e.H=l.watchers}mt(l,e,2);l.isProxied=true}const t=i("createInstance",e.R);{n.$|=8}try{new l(n)}catch(t){Nt(t)}{n.$&=~8}{n.$|=128}t();bt(n.F)}if(l.style){let t=l.style;const n=q(e);if(!Dt.has(n)){const s=i("registerStyles",e.R);D(n,t,!!(e.$&1));s()}}}const o=n.L;const f=()=>ot(n,true);if(o&&o["s-rc"]){o["s-rc"].push(f)}else{f()}};const bt=t=>{{vt(t,"connectedCallback")}};const gt=t=>{if((qt.$&1)===0){const n=Et(t);const e=n.P;const s=i("connectedCallback",e.R);if(!(n.$&1)){n.$|=1;let s;{s=t.getAttribute(d);if(s){if(e.$&1){const n=T(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}U(t,e.R,s,n)}}{let e=t;while(e=e.parentNode||e.host){if(e.nodeType===1&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){lt(n,n.L=e);break}}}if(e.T){Object.entries(e.T).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{wt(t,n,e)}}else{xt(t,n,e.V);if(n===null||n===void 0?void 0:n.F){bt(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>bt(n.F)))}}s()}};const St=t=>{{vt(t,"disconnectedCallback")}};const kt=async t=>{if((qt.$&1)===0){const n=Et(t);{if(n.B){n.B.map((t=>t()));n.B=undefined}}if(n===null||n===void 0?void 0:n.F){St(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>St(n.F)))}}};const jt=(t,n={})=>{var e;const s=i();const l=[];const o=n.exclude||[];const c=Tt.customElements;const f=Ht.head;const r=f.querySelector("meta[charset]");const u=Ht.createElement("style");const a=[];const d=Ht.querySelectorAll(`[${$}]`);let v;let y=true;let m=0;Object.assign(qt,n);qt.t=new URL(n.resourcesUrl||"./",Ht.baseURI).href;{qt.$|=2}{for(;m<d.length;m++){D(d[m].getAttribute($),V(d[m].innerHTML),true)}}let w=false;t.map((t=>{t[1].map((n=>{var e;const s={$:n[0],R:n[1],T:n[2],V:n[3]};if(s.$&4){w=true}{s.T=n[2]}{s.V=n[3]}{s.U=[]}{s.H=(e=n[4])!==null&&e!==void 0?e:{}}const i=s.R;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,s);if(s.$&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(s.$&16)})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(y){a.push(this)}else{qt.jmp((()=>gt(this)))}}disconnectedCallback(){qt.jmp((()=>kt(this)))}componentOnReady(){return Et(this)._}};s.G=t[0];if(!o.includes(i)&&!c.get(i)){l.push(i);c.define(i,mt(f,s,1))}}))}));if(w){u.innerHTML+=p}{u.innerHTML+=l+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const t=(e=qt.M)!==null&&e!==void 0?e:k(Ht);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,r?r.nextSibling:f.firstChild)}y=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{qt.jmp((()=>v=setTimeout($t,30)))}}s()};const Ot=(t,n)=>n;const xt=(t,n,e,s)=>{if(e){e.map((([e,s,l])=>{const o=Mt(t,e);const i=Ct(n,l);const c=Pt(e);qt.ael(o,s,i,c);(n.B=n.B||[]).push((()=>qt.rel(o,s,i,c)))}))}};const Ct=(t,n)=>e=>{try{{if(t.$&256){t.F[n](e)}else{(t.N=t.N||[]).push([n,e])}}}catch(t){Nt(t)}};const Mt=(t,n)=>{if(n&4)return Ht;if(n&8)return Tt;if(n&16)return Ht.body;return t};const Pt=t=>(t&2)!==0;const Rt=t=>qt.M=t;const Ut=new WeakMap;const Et=t=>Ut.get(t);const It=(t,n)=>Ut.set(n.F=t,n);const Lt=(t,n)=>{const e={$:0,$hostElement$:t,P:n,D:new Map};{e.q=new Promise((t=>e.A=t))}{e._=new Promise((t=>e.W=t));t["s-p"]=[];t["s-rc"]=[]}xt(t,e,n.V);return Ut.set(t,e)};const Ft=(t,n)=>n in t;const Nt=(t,n)=>(0,console.error)(t,n);const Wt=new Map;const At=(t,n,e)=>{const s=t.R.replace(/-/g,"_");const l=t.G;const o=Wt.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Wt.set(l,t)}return t[s]}),Nt)};const Dt=new Map;const Tt=typeof window!=="undefined"?window:{};const Ht=Tt.document||{head:{}};const qt={$:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const Vt=true;const _t=t=>Promise.resolve(t);const zt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Bt=[];const Gt=[];const Jt=(t,n)=>e=>{t.push(e);if(!l){l=true;if(n&&qt.$&4){Xt(Qt)}else{qt.raf(Qt)}}};const Kt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){Nt(t)}}t.length=0};const Qt=()=>{Kt(Bt);{Kt(Gt);if(l=Bt.length>0){qt.raf(Qt)}}};const Xt=t=>_t().then(t);const Yt=Jt(Bt,false);const Zt=Jt(Gt,true);export{Ot as F,x as H,t as N,o as a,jt as b,N as c,Ht as d,Yt as e,dt as f,F as g,j as h,_t as p,It as r,Rt as s};
-//# sourceMappingURL=p-e4e52f50.js.map