@esri/calcite-components 2.2.0-next.11 → 2.2.0-next.12

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{r as t,c as e,h as i,g as s,F as a}from"./p-3401e225.js";import{c as n,d as o,u as c,I as l}from"./p-ad553e66.js";import{s as r,a as d,c as h}from"./p-163b702a.js";import{c as p}from"./p-5078829f.js";import{m as f,d as m,a as u,s as g,h as b,b as v,c as x,k as w,i as k,f as y,l as z,j as C,r as L,o as j,p as I,n as H,q as W,t as F,I as _,L as D,u as R,v as M,w as S,C as V,S as A}from"./p-9cf924a8.js";import{c as P,d as T}from"./p-9d1c5523.js";import{e as U,t as K}from"./p-d3627cbd.js";import{H as O,c as q}from"./p-3e5dfc05.js";import{c as E,d as B}from"./p-03514f40.js";import{u as G,c as J,s as N,d as Q}from"./p-156ce16b.js";import"./p-902b3ccb.js";import"./p-23373769.js";import"./p-41186de8.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-72a3e0eb.js";const X=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const Y=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=p("mutation",f.bind(this));this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=m.bind(this);this.deselectSiblingItems=u.bind(this);this.selectSiblings=g.bind(this);this.handleFilter=b.bind(this);this.handleFilterEvent=v.bind(this);this.getItemData=x.bind(this);this.keyDownHandler=w.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){k.call(this);y.call(this);n(this)}disconnectedCallback(){z.call(this);o(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this);C.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(t){L.call(this,t)}calciteListItemChangeHandler(t){j.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){I.call(this,t);t.stopPropagation()}calciteListFocusOutHandler(t){H.call(this,t)}setUpItems(){W.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await h(this);return F.call(this,t)}getIconType(){return this.multiple?_.square:_.circle}render(){return i(D,{onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};Y.style=X;const Z=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const $=class{constructor(e){t(this,e);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){P(this)}disconnectedCallback(){T(this)}render(){const{el:t,groupTitle:e,headingLevel:s}=this;const n=U(t,R.parentItem)!==null;const o={[M.container]:true,[M.indented]:n};const c=e;const l=t.closest("calcite-pick-list")?.headingLevel;const r=l?q(l+1):null;const d=s||r;return i(a,null,c?i(O,{class:M.heading,level:d},c):null,i("slot",{name:R.parentItem}),i("section",{class:o},i("slot",null)))}get el(){return s(this)}};$.style=Z;const tt='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}';const et=class{constructor(i){t(this,i);this.calciteListItemChange=e(this,"calciteListItemChange",6);this.calciteListItemRemove=e(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=e(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=e(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=t=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=t.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=t=>{if(t.key===" "){t.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(t,e){this.calciteInternalListItemValueChange.emit({oldValue:e,newValue:t})}effectiveLocaleChange(){G(this,this.effectiveLocale)}connectedCallback(){n(this);E(this);J(this);P(this)}async componentWillLoad(){await N(this);r(this)}componentDidLoad(){d(this)}disconnectedCallback(){o(this);B(this);Q(this);T(this)}componentDidRender(){c(this)}async toggleSelected(t){this.selected=typeof t==="boolean"?t:!this.selected}async setFocus(){await h(this);this.focusEl?.focus()}renderIcon(){const{icon:t,iconFlipRtl:e}=this;if(!t){return null}return i("span",{class:{[V.icon]:true,[V.iconDot]:t===_.circle},onClick:this.pickListClickHandler},t===_.square?i("calcite-icon",{flipRtl:e,icon:S.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:V.remove,icon:S.remove,onClick:this.removeClickHandler,slot:A.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:t}=this;const e=U(t,A.actionsStart);return e?i("div",{class:{[V.actions]:true,[V.actionsStart]:true}},i("slot",{name:A.actionsStart})):null}renderActionsEnd(){const{el:t,removable:e}=this;const s=U(t,A.actionsEnd);return s||e?i("div",{class:{[V.actions]:true,[V.actionsEnd]:true}},i("slot",{name:A.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:e}=this;return i(l,{disabled:this.disabled},this.renderIcon(),this.renderActionsStart(),i("label",{"aria-label":e,class:V.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:t=>this.focusEl=t},i("div",{"aria-checked":K(this.selected),class:V.textContainer,role:"menuitemcheckbox"},i("span",{class:V.title},e),t?i("span",{class:V.description},t):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};et.style=tt;export{Y as calcite_pick_list,$ as calcite_pick_list_group,et as calcite_pick_list_item};
-//# sourceMappingURL=p-c3e9f361.entry.js.map

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

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

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{r as e,c as t,h as s,H as i,g as o}from"./p-3401e225.js";import{g as a}from"./p-d3627cbd.js";import{c as n,u as l,d as c,I as r}from"./p-ad553e66.js";import{s as d,a as h,c as b}from"./p-163b702a.js";import{c as f,d as p}from"./p-03514f40.js";import{c as m,s as u,d as g,u as k}from"./p-156ce16b.js";import{S as v}from"./p-842853b7.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-5078829f.js";const w={backButton:"back-button"};const C={backLeft:"chevron-left",backRight:"chevron-right"};const y={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};const j=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([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;inline-size:100%;flex:1 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}";const x=class{constructor(s){e(this,s);this.calciteFlowItemBack=t(this,"calciteFlowItemBack",7);this.calciteFlowItemScroll=t(this,"calciteFlowItemScroll",6);this.calciteFlowItemClose=t(this,"calciteFlowItemClose",6);this.calciteFlowItemToggle=t(this,"calciteFlowItemToggle",6);this.handlePanelScroll=e=>{e.stopPropagation();this.calciteFlowItemScroll.emit()};this.handlePanelClose=e=>{e.stopPropagation();this.calciteFlowItemClose.emit()};this.handlePanelToggle=e=>{e.stopPropagation();this.collapsed=e.target.collapsed;this.calciteFlowItemToggle.emit()};this.backButtonClick=()=>{this.calciteFlowItemBack.emit()};this.setBackRef=e=>{this.backButtonEl=e};this.setContainerRef=e=>{this.containerEl=e};this.closable=false;this.closed=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.beforeBack=undefined;this.description=undefined;this.disabled=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.showBackButton=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){n(this);f(this);m(this)}async componentWillLoad(){await u(this);d(this)}componentDidRender(){l(this)}disconnectedCallback(){c(this);p(this);g(this)}componentDidLoad(){h(this)}effectiveLocaleChange(){k(this,this.effectiveLocale)}async setFocus(){await b(this);const{backButtonEl:e,containerEl:t}=this;if(e){return e.setFocus()}else if(t){return t.setFocus()}}async scrollContentTo(e){await(this.containerEl?.scrollContentTo(e))}renderBackButton(){const{el:e}=this;const t=a(e)==="rtl";const{showBackButton:i,backButtonClick:o,messages:n}=this;const l=n.back;const c=t?C.backRight:C.backLeft;return i?s("calcite-action",{"aria-label":l,class:w.backButton,icon:c,key:"flow-back-button",onClick:o,scale:"s",slot:"header-actions-start",text:l,title:l,ref:this.setBackRef}):null}render(){const{collapsed:e,collapseDirection:t,collapsible:o,closable:a,closed:n,description:l,disabled:c,heading:d,headingLevel:h,loading:b,menuOpen:f,messages:p}=this;return s(i,null,s(r,{disabled:c},s("calcite-panel",{closable:a,closed:n,collapseDirection:t,collapsed:e,collapsible:o,description:l,disabled:c,heading:d,headingLevel:h,loading:b,menuOpen:f,messageOverrides:p,onCalcitePanelClose:this.handlePanelClose,onCalcitePanelScroll:this.handlePanelScroll,onCalcitePanelToggle:this.handlePanelToggle,ref:this.setContainerRef},this.renderBackButton(),s("slot",{name:y.actionBar,slot:v.actionBar}),s("slot",{name:y.headerActionsStart,slot:v.headerActionsStart}),s("slot",{name:y.headerActionsEnd,slot:v.headerActionsEnd}),s("slot",{name:y.headerContent,slot:v.headerContent}),s("slot",{name:y.headerMenuActions,slot:v.headerMenuActions}),s("slot",{name:y.fab,slot:v.fab}),s("slot",{name:y.footerActions,slot:v.footerActions}),s("slot",{name:y.footer,slot:v.footer}),s("slot",null))))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.style=j;export{x as calcite_flow_item};
-//# sourceMappingURL=p-cbcc479a.entry.js.map

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

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

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

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

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{r as t,c as s,h as i,H as a,g as o}from"./p-3401e225.js";import{c as e}from"./p-5078829f.js";import{s as h,a as n,c as l}from"./p-163b702a.js";const r=":host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(i){t(this,i);this.calciteRadioButtonGroupChange=s(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=e("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.hidden=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.radioButtons=[]}onDisabledChange(){this.passPropsToRadioButtons()}onHiddenChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){h(this)}componentDidLoad(){n(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await l(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return i(a,{role:"radiogroup"},i("slot",null))}get el(){return o(this)}static get watchers(){return{disabled:["onDisabledChange"],hidden:["onHiddenChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};c.style=r;export{c as calcite_radio_button_group};
-//# sourceMappingURL=p-ccece29c.entry.js.map

package/dist/calcite/p-ced06054.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{r as t,c as i,h as e,H as s,g as n}from"./p-3401e225.js";import{s as r,c as a,d as o,H as c}from"./p-a9907b09.js";import{g as h}from"./p-da68df06.js";import{c as u,d as l,u as d,I as f}from"./p-ad553e66.js";import{n as m}from"./p-72a3e0eb.js";import{c as p,d as v,g as b}from"./p-a5afbe13.js";import{c as g,s as k,a as w}from"./p-163b702a.js";import{n as S,e as y,i as M,b as D,g as x,c as Y,d as j}from"./p-03514f40.js";import{d as L,a as I,c as $}from"./p-35de244d.js";import{d as A,g as C}from"./p-2b228bdb.js";import{c as T,s as H,d as z,u as F}from"./p-156ce16b.js";import{o as P}from"./p-ecbf8738.js";import{g as _}from"./p-465e3b6d.js";import{V as O}from"./p-8c2c7db0.js";const W=5;function B(t,i,e=true,s){const n={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:D(i)};if(e){n.second="2-digit";if(s){n.fractionalSecondDigits=s}}return y(t,n)}function U(t,i){if(t===null||t===undefined){return}const e=t.toString();const s=A(t);if(t<1&&s>0&&s<4){const t=e.replace("0.","");if(!i||t.length===i){return t}if(t.length<i){return t.padEnd(i,"0")}return t}if(t>=0&&t<10){return e.padStart(2,"0")}if(t>=10){return e}}function Z(t){if(!q(t)){return null}const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);let r=`${U(parseInt(i))}:${U(parseInt(e))}`;if(s){r+=`:${U(parseInt(s))}`;if(n){r+=`.${n}`}}return r}function R(t){return parseInt((parseFloat(`0.${t}`)/.001).toFixed(3))}function N(t,i){const e=B(t,i);const s=e.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return J("meridiem",s)?"12":"24"}function E(t,i){S.numberFormatOptions={locale:t,numberingSystem:i};return S.localize("1.1").split("")[1]}function K(t,i,e="latn"){const s=B(i,e);const n=s.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return J(`${t}Suffix`,n)}function J(t,i){if(!t||!i){return null}if(t==="hourSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="hour")));const e=i.indexOf(i.find((({type:t})=>t==="minute")));const s=i[t+1];return s&&s.type==="literal"&&e-t===2?s.value?.trim()||null:null}if(t==="minuteSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="minute")));const e=i.indexOf(i.find((({type:t})=>t==="second")));const s=i[t+1];return s&&s.type==="literal"&&e-t===2?s.value?.trim()||null:null}if(t==="secondSuffix"){const t=i.indexOf(i.find((({type:t})=>t==="second")));const e=i[t+1];return e&&e.type==="literal"?e.value?.trim()||null:null}return i.find((({type:i})=>t=="meridiem"?i==="dayPeriod":i===t))?.value||null}function X(t){if(!M(t)){return null}const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function q(t){if(!t||t.startsWith(":")||t.endsWith(":")){return false}const i=t.split(":");const e=i.length>1&&i.length<4;if(!e){return false}const[s,n,r]=i;const a=parseInt(i[0]);const o=parseInt(i[1]);const c=parseInt(i[2]);const h=M(s)&&a>=0&&a<24;const u=M(n)&&o>=0&&o<60;const l=M(r)&&c>=0&&c<60;if(h&&u&&!r||h&&u&&l){return true}}function G(t,i){if(i==="meridiem"){return t==="AM"||t==="PM"}if(!M(t)){return false}const e=Number(t);return i==="hour"?e>=0&&e<24:e>=0&&e<60}function Q({value:t,part:i,locale:e,numberingSystem:s}){if(i==="fractionalSecond"){const i=E(e,s);let n=null;if(t){S.numberFormatOptions={locale:e,numberingSystem:s};const r=S.localize("0");if(parseInt(t)===0){n="".padStart(t.length,r)}else{n=S.localize(`0.${t}`).replace(`${r}${i}`,"");if(n.length<t.length){n=n.padEnd(t.length,r)}}}return n}if(!G(t,i)){return}const n=parseInt(t);const r=new Date(Date.UTC(0,0,0,i==="hour"?n:i==="meridiem"?t==="AM"?0:12:0,i==="minute"?n:0,i==="second"?n:0));if(!r){return}const a=B(e,s);const o=a.formatToParts(r);return J(i,o)}function V({value:t,locale:i,numberingSystem:e,includeSeconds:s=true,fractionalSecondDigits:n}){if(!q(t)){return null}const{hour:r,minute:a,second:o="0",fractionalSecond:c}=et(t);const h=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(a),parseInt(o),c&&R(c)));const u=B(i,e,s,n);return u.format(h)||null}function tt({value:t,locale:i,numberingSystem:e="latn"}){if(!q(t)){return null}const{hour:s,minute:n,second:r="0",fractionalSecond:a}=et(t);const o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(o){const t=B(i,e);const s=t.formatToParts(o);return{localizedHour:J("hour",s),localizedHourSuffix:J("hourSuffix",s),localizedMinute:J("minute",s),localizedMinuteSuffix:J("minuteSuffix",s),localizedSecond:J("second",s),localizedDecimalSeparator:E(i,e),localizedFractionalSecond:Q({value:a,part:"fractionalSecond",locale:i,numberingSystem:e}),localizedSecondSuffix:J("secondSuffix",s),localizedMeridiem:J("meridiem",s)}}return null}function it({value:t,locale:i,numberingSystem:e}){if(!q(t)){return null}const{hour:s,minute:n,second:r="0"}=et(t);const a=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(a){const t=B(i,e);const s=t.formatToParts(a);return s}return null}function et(t){if(q(t)){const[i,e,s]=t.split(":");let n=s;let r=null;if(s?.includes(".")){[n,r]=s.split(".")}return{fractionalSecond:r,hour:i,minute:e,second:n}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function st(t,i=true){if(!q(t)){return""}const{hour:e,minute:s,second:n,fractionalSecond:r}=et(t);let a=`${U(parseInt(e))}:${U(parseInt(s))}`;if(i){a+=`:${U(parseInt(i&&n||"0"))}`;if(r){a+=`.${r}`}}return a}const nt={toggleIcon:"toggle-icon"};var rt=60;var at=rt*60;var ot=at*24;var ct=ot*7;var ht=1e3;var ut=rt*ht;var lt=at*ht;var dt=ot*ht;var ft=ct*ht;var mt="millisecond";var pt="second";var vt="minute";var bt="hour";var gt="day";var kt="week";var wt="month";var St="quarter";var yt="year";var Mt="date";var Dt="YYYY-MM-DDTHH:mm:ssZ";var xt="Invalid Date";var Yt=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;var jt=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;const Lt={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function t(i){var e=["th","st","nd","rd"];var s=i%100;return"["+i+(e[(s-20)%10]||e[s]||e[0])+"]"}};const It=Object.freeze({__proto__:null,default:Lt});var $t=function t(i,e,s){var n=String(i);if(!n||n.length>=e)return i;return""+Array(e+1-n.length).join(s)+i};var At=function t(i){var e=-i.utcOffset();var s=Math.abs(e);var n=Math.floor(s/60);var r=s%60;return""+(e<=0?"+":"-")+$t(n,2,"0")+":"+$t(r,2,"0")};var Ct=function t(i,e){if(i.date()<e.date())return-t(e,i);var s=(e.year()-i.year())*12+(e.month()-i.month());var n=i.clone().add(s,wt);var r=e-n<0;var a=i.clone().add(s+(r?-1:1),wt);return+(-(s+(e-n)/(r?n-a:a-n))||0)};var Tt=function t(i){return i<0?Math.ceil(i)||0:Math.floor(i)};var Ht=function t(i){var e={M:wt,y:yt,w:kt,d:gt,D:Mt,h:bt,m:vt,s:pt,ms:mt,Q:St};return e[i]||String(i||"").toLowerCase().replace(/s$/,"")};var zt=function t(i){return i===undefined};const Ft={s:$t,z:At,m:Ct,a:Tt,p:Ht,u:zt};var Pt="en";var _t={};_t[Pt]=Lt;var Ot="$isDayjsObject";var Wt=function t(i){return i instanceof Et||!!(i&&i[Ot])};var Bt=function t(i,e,s){var n;if(!i)return Pt;if(typeof i==="string"){var r=i.toLowerCase();if(_t[r]){n=r}if(e){_t[r]=e;n=r}var a=i.split("-");if(!n&&a.length>1){return t(a[0])}}else{var o=i.name;_t[o]=i;n=o}if(!s&&n)Pt=n;return n||!s&&Pt};var Ut=function t(i,e){if(Wt(i)){return i.clone()}var s=typeof e==="object"?e:{};s.date=i;s.args=arguments;return new Et(s)};var Zt=function t(i,e){return Ut(i,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Rt=Ft;Rt.l=Bt;Rt.i=Wt;Rt.w=Zt;var Nt=function t(i){var e=i.date,s=i.utc;if(e===null)return new Date(NaN);if(Rt.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e==="string"&&!/Z$/i.test(e)){var n=e.match(Yt);if(n){var r=n[2]-1||0;var a=(n[7]||"0").substring(0,3);if(s){return new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a))}return new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a)}}return new Date(e)};var Et=function(){function t(t){this.$L=Bt(t.locale,null,true);this.parse(t);this.$x=this.$x||t.x||{};this[Ot]=true}var i=t.prototype;i.parse=function t(i){this.$d=Nt(i);this.init()};i.init=function t(){var i=this.$d;this.$y=i.getFullYear();this.$M=i.getMonth();this.$D=i.getDate();this.$W=i.getDay();this.$H=i.getHours();this.$m=i.getMinutes();this.$s=i.getSeconds();this.$ms=i.getMilliseconds()};i.$utils=function t(){return Rt};i.isValid=function t(){return!(this.$d.toString()===xt)};i.isSame=function t(i,e){var s=Ut(i);return this.startOf(e)<=s&&s<=this.endOf(e)};i.isAfter=function t(i,e){return Ut(i)<this.startOf(e)};i.isBefore=function t(i,e){return this.endOf(e)<Ut(i)};i.$g=function t(i,e,s){if(Rt.u(i))return this[e];return this.set(s,i)};i.unix=function t(){return Math.floor(this.valueOf()/1e3)};i.valueOf=function t(){return this.$d.getTime()};i.startOf=function t(i,e){var s=this;var n=!Rt.u(e)?e:true;var r=Rt.p(i);var a=function t(i,e){var r=Rt.w(s.$u?Date.UTC(s.$y,e,i):new Date(s.$y,e,i),s);return n?r:r.endOf(gt)};var o=function t(i,e){var r=[0,0,0,0];var a=[23,59,59,999];return Rt.w(s.toDate()[i].apply(s.toDate("s"),(n?r:a).slice(e)),s)};var c=this.$W,h=this.$M,u=this.$D;var l="set"+(this.$u?"UTC":"");switch(r){case yt:return n?a(1,0):a(31,11);case wt:return n?a(1,h):a(0,h+1);case kt:{var d=this.$locale().weekStart||0;var f=(c<d?c+7:c)-d;return a(n?u-f:u+(6-f),h)}case gt:case Mt:return o(l+"Hours",0);case bt:return o(l+"Minutes",1);case vt:return o(l+"Seconds",2);case pt:return o(l+"Milliseconds",3);default:return this.clone()}};i.endOf=function t(i){return this.startOf(i,false)};i.$set=function t(i,e){var s;var n=Rt.p(i);var r="set"+(this.$u?"UTC":"");var a=(s={},s[gt]=r+"Date",s[Mt]=r+"Date",s[wt]=r+"Month",s[yt]=r+"FullYear",s[bt]=r+"Hours",s[vt]=r+"Minutes",s[pt]=r+"Seconds",s[mt]=r+"Milliseconds",s)[n];var o=n===gt?this.$D+(e-this.$W):e;if(n===wt||n===yt){var c=this.clone().set(Mt,1);c.$d[a](o);c.init();this.$d=c.set(Mt,Math.min(this.$D,c.daysInMonth())).$d}else if(a)this.$d[a](o);this.init();return this};i.set=function t(i,e){return this.clone().$set(i,e)};i.get=function t(i){return this[Rt.p(i)]()};i.add=function t(i,e){var s=this,n;i=Number(i);var r=Rt.p(e);var a=function t(e){var n=Ut(s);return Rt.w(n.date(n.date()+Math.round(e*i)),s)};if(r===wt){return this.set(wt,this.$M+i)}if(r===yt){return this.set(yt,this.$y+i)}if(r===gt){return a(1)}if(r===kt){return a(7)}var o=(n={},n[vt]=ut,n[bt]=lt,n[pt]=ht,n)[r]||1;var c=this.$d.getTime()+i*o;return Rt.w(c,this)};i.subtract=function t(i,e){return this.add(i*-1,e)};i.format=function t(i){var e=this;var s=this.$locale();if(!this.isValid())return s.invalidDate||xt;var n=i||Dt;var r=Rt.z(this);var a=this.$H,o=this.$m,c=this.$M;var h=s.weekdays,u=s.months,l=s.meridiem;var d=function t(i,s,r,a){return i&&(i[s]||i(e,n))||r[s].slice(0,a)};var f=function t(i){return Rt.s(a%12||12,i,"0")};var m=l||function(t,i,e){var s=t<12?"AM":"PM";return e?s.toLowerCase():s};var p=function t(i){switch(i){case"YY":return String(e.$y).slice(-2);case"YYYY":return Rt.s(e.$y,4,"0");case"M":return c+1;case"MM":return Rt.s(c+1,2,"0");case"MMM":return d(s.monthsShort,c,u,3);case"MMMM":return d(u,c);case"D":return e.$D;case"DD":return Rt.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return d(s.weekdaysMin,e.$W,h,2);case"ddd":return d(s.weekdaysShort,e.$W,h,3);case"dddd":return h[e.$W];case"H":return String(a);case"HH":return Rt.s(a,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(a,o,true);case"A":return m(a,o,false);case"m":return String(o);case"mm":return Rt.s(o,2,"0");case"s":return String(e.$s);case"ss":return Rt.s(e.$s,2,"0");case"SSS":return Rt.s(e.$ms,3,"0");case"Z":return r}return null};return n.replace(jt,(function(t,i){return i||p(t)||r.replace(":","")}))};i.utcOffset=function t(){return-Math.round(this.$d.getTimezoneOffset()/15)*15};i.diff=function t(i,e,s){var n=this;var r=Rt.p(e);var a=Ut(i);var o=(a.utcOffset()-this.utcOffset())*ut;var t=this-a;var c=function t(){return Rt.m(n,a)};var h;switch(r){case yt:h=c()/12;break;case wt:h=c();break;case St:h=c()/3;break;case kt:h=(t-o)/ft;break;case gt:h=(t-o)/dt;break;case bt:h=t/lt;break;case vt:h=t/ut;break;case pt:h=t/ht;break;default:h=t;break}return s?h:Rt.a(h)};i.daysInMonth=function t(){return this.endOf(wt).$D};i.$locale=function t(){return _t[this.$L]};i.locale=function t(i,e){if(!i)return this.$L;var s=this.clone();var n=Bt(i,e,true);if(n)s.$L=n;return s};i.clone=function t(){return Rt.w(this.$d,this)};i.toDate=function t(){return new Date(this.valueOf())};i.toJSON=function t(){return this.isValid()?this.toISOString():null};i.toISOString=function t(){return this.$d.toISOString()};i.toString=function t(){return this.$d.toUTCString()};return t}();var Kt=Et.prototype;Ut.prototype=Kt;[["$ms",mt],["$s",pt],["$m",vt],["$H",bt],["$W",gt],["$M",wt],["$y",yt],["$D",Mt]].forEach((function(t){Kt[t[1]]=function(i){return this.$g(i,t[0],t[1])}}));Ut.extend=function(t,i){if(!t.$i){t(i,Et,Ut);t.$i=true}return Ut};Ut.locale=Bt;Ut.isDayjs=Wt;Ut.unix=function(t){return Ut(t*1e3)};Ut.en=_t[Pt];Ut.Ls=_t;Ut.p={};var Jt=function t(i){return i.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,i,e){return i||e.slice(1)}))};var Xt={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};var qt=function t(i,e){return i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,i,s){var n=s&&s.toUpperCase();return i||e[s]||Xt[s]||Jt(e[n])}))};var Gt=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g;var Qt=/\d/;var Vt=/\d\d/;var ti=/\d{3}/;var ii=/\d{4}/;var ei=/\d\d?/;var si=/[+-]?\d+/;var ni=/[+-]\d\d:?(\d\d)?|Z/;var ri=/\d*[^-_:/,()\s\d]+/;var ai={};var oi=function t(i){i=+i;return i+(i>68?1900:2e3)};function ci(t){if(!t)return 0;if(t==="Z")return 0;var i=t.match(/([+-]|\d\d)/g);var e=+(i[1]*60)+(+i[2]||0);return e===0?0:i[0]==="+"?-e:e}var hi=function t(i){return function(t){this[i]=+t}};var ui=[ni,function(t){var i=this.zone||(this.zone={});i.offset=ci(t)}];var li=function t(i){var e=ai[i];return e&&(e.indexOf?e:e.s.concat(e.f))};var di=function t(i,e){var s;var n=ai,r=n.meridiem;if(!r){s=i===(e?"pm":"PM")}else{for(var a=1;a<=24;a+=1){if(i.indexOf(r(a,0,e))>-1){s=a>12;break}}}return s};var fi={A:[ri,function(t){this.afternoon=di(t,false)}],a:[ri,function(t){this.afternoon=di(t,true)}],S:[Qt,function(t){this.milliseconds=+t*100}],SS:[Vt,function(t){this.milliseconds=+t*10}],SSS:[ti,function(t){this.milliseconds=+t}],s:[ei,hi("seconds")],ss:[ei,hi("seconds")],m:[ei,hi("minutes")],mm:[ei,hi("minutes")],H:[ei,hi("hours")],h:[ei,hi("hours")],HH:[ei,hi("hours")],hh:[ei,hi("hours")],D:[ei,hi("day")],DD:[Vt,hi("day")],Do:[ri,function(t){var i=ai,e=i.ordinal;var s=t.match(/\d+/);this.day=s[0];if(!e)return;for(var n=1;n<=31;n+=1){if(e(n).replace(/\[|\]/g,"")===t){this.day=n}}}],M:[ei,hi("month")],MM:[Vt,hi("month")],MMM:[ri,function(t){var i=li("months");var e=li("monthsShort");var s=(e||i.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1){throw new Error}this.month=s%12||s}],MMMM:[ri,function(t){var i=li("months");var e=i.indexOf(t)+1;if(e<1){throw new Error}this.month=e%12||e}],Y:[si,hi("year")],YY:[Vt,function(t){this.year=oi(t)}],YYYY:[ii,hi("year")],Z:ui,ZZ:ui};function mi(t){var i=t.afternoon;if(i!==undefined){var e=t.hours;if(i){if(e<12){t.hours+=12}}else if(e===12){t.hours=0}delete t.afternoon}}function pi(t){t=qt(t,ai&&ai.formats);var i=t.match(Gt);var e=i.length;for(var s=0;s<e;s+=1){var n=i[s];var r=fi[n];var a=r&&r[0];var o=r&&r[1];if(o){i[s]={regex:a,parser:o}}else{i[s]=n.replace(/^\[|\]$/g,"")}}return function(t){var s={};for(var n=0,r=0;n<e;n+=1){var a=i[n];if(typeof a==="string"){r+=a.length}else{var o=a.regex,c=a.parser;var h=t.slice(r);var u=o.exec(h);var l=u[0];c.call(s,l);t=t.replace(l,"")}}mi(s);return s}}var vi=function t(i,e,s){try{if(["x","X"].indexOf(e)>-1)return new Date((e==="X"?1e3:1)*i);var n=pi(e);var r=n(i),a=r.year,o=r.month,c=r.day,h=r.hours,u=r.minutes,l=r.seconds,d=r.milliseconds,f=r.zone;var m=new Date;var p=c||(!a&&!o?m.getDate():1);var v=a||m.getFullYear();var b=0;if(!(a&&!o)){b=o>0?o-1:m.getMonth()}var g=h||0;var k=u||0;var w=l||0;var S=d||0;if(f){return new Date(Date.UTC(v,b,p,g,k,w,S+f.offset*60*1e3))}if(s){return new Date(Date.UTC(v,b,p,g,k,w,S))}return new Date(v,b,p,g,k,w,S)}catch(t){return new Date("")}};const bi=function(t,i,e){e.p.customParseFormat=true;if(t&&t.parseTwoDigitYear){oi=t.parseTwoDigitYear}var s=i.prototype;var n=s.parse;s.parse=function(t){var i=t.date,s=t.utc,r=t.args;this.$u=s;var a=r[1];if(typeof a==="string"){var o=r[2]===true;var c=r[3]===true;var h=o||c;var u=r[2];if(c){u=r[2]}ai=this.$locale();if(!o&&u){ai=e.Ls[u]}this.$d=vi(i,a,s);this.init();if(u&&u!==true)this.$L=this.locale(u).$L;if(h&&i!=this.format(a)){this.$d=new Date("")}ai={}}else if(a instanceof Array){var l=a.length;for(var d=1;d<=l;d+=1){r[1]=a[d-1];var f=e.apply(this,r);if(f.isValid()){this.$d=f.$d;this.$L=f.$L;this.init();break}if(d===l)this.$d=new Date("")}}else{n.call(this,t)}}};const gi=function(t,i,e){var s=i.prototype;var n=function t(i){return i&&(i.indexOf?i:i.s)};var r=function t(i,e,s,r,a){var o=i.name?i:i.$locale();var c=n(o[e]);var h=n(o[s]);var u=c||h.map((function(t){return t.slice(0,r)}));if(!a)return u;var l=o.weekStart;return u.map((function(t,i){return u[(i+(l||0))%7]}))};var a=function t(){return e.Ls[e.locale()]};var o=function t(i,e){return i.formats[e]||Jt(i.formats[e.toUpperCase()])};var c=function t(){var i=this;return{months:function t(e){return e?e.format("MMMM"):r(i,"months")},monthsShort:function t(e){return e?e.format("MMM"):r(i,"monthsShort","months",3)},firstDayOfWeek:function t(){return i.$locale().weekStart||0},weekdays:function t(e){return e?e.format("dddd"):r(i,"weekdays")},weekdaysMin:function t(e){return e?e.format("dd"):r(i,"weekdaysMin","weekdays",2)},weekdaysShort:function t(e){return e?e.format("ddd"):r(i,"weekdaysShort","weekdays",3)},longDateFormat:function t(e){return o(i.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return c.bind(this)()};e.localeData=function(){var t=a();return{firstDayOfWeek:function i(){return t.weekStart||0},weekdays:function t(){return e.weekdays()},weekdaysShort:function t(){return e.weekdaysShort()},weekdaysMin:function t(){return e.weekdaysMin()},months:function t(){return e.months()},monthsShort:function t(){return e.monthsShort()},longDateFormat:function i(e){return o(t,e)},meridiem:t.meridiem,ordinal:t.ordinal}};e.months=function(){return r(a(),"months")};e.monthsShort=function(){return r(a(),"monthsShort","months",3)};e.weekdays=function(t){return r(a(),"weekdays",null,null,t)};e.weekdaysShort=function(t){return r(a(),"weekdaysShort","weekdays",3,t)};e.weekdaysMin=function(t){return r(a(),"weekdaysMin","weekdays",2,t)}};const ki=function(t,i,e){var s=i.prototype;var n=s.format;e.en.formats=Xt;s.format=function(t){if(t===void 0){t=Dt}var i=this.$locale(),e=i.formats,s=e===void 0?{}:e;var r=qt(t,s);return n.call(this,r)}};const wi=function(t,i){var e=i.prototype.parse;i.prototype.parse=function(t){if(typeof t.date==="string"){var i=this.$locale();t.date=i&&i.preparse?i.preparse(t.date):t.date}return e.bind(this)(t)};var s=i.prototype.format;i.prototype.format=function(){for(var t=arguments.length,i=new Array(t),e=0;e<t;e++){i[e]=arguments[e]}var n=s.call.apply(s,[this].concat(i));var r=this.$locale();return r&&r.postformat?r.postformat(n):n};var n=i.prototype.fromToBase;if(n){i.prototype.fromToBase=function(t,i,e,s){var r=this.$locale()||e.$locale();return n.call(this,t,i,e,s,r&&r.postformat)}}};const Si=function(t,i,e){e.updateLocale=function(t,i){var s=e.Ls;var n=s[t];if(!n)return;var r=i?Object.keys(i):[];r.forEach((function(t){n[t]=i[t]}));return n}};const yi=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}.validation-container{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([hidden]){display:none}[hidden]{display:none}";const Mi=new Map([["ar",()=>import("./p-6111ea41.js")],["bg",()=>import("./p-d962db95.js")],["bs",()=>import("./p-17d1b050.js")],["ca",()=>import("./p-677fb004.js")],["cs",()=>import("./p-788b097d.js")],["da",()=>import("./p-47351c6c.js")],["de",()=>import("./p-eda07208.js")],["de-at",()=>import("./p-e7a19067.js")],["de-ch",()=>import("./p-4f1be9a0.js")],["el",()=>import("./p-68c09996.js")],["en",()=>Promise.resolve().then((function(){return It}))],["en-au",()=>import("./p-10ce1025.js")],["en-ca",()=>import("./p-f2055d6b.js")],["en-gb",()=>import("./p-f800b560.js")],["es",()=>import("./p-bbca2939.js")],["es-mx",()=>import("./p-877022f2.js")],["et",()=>import("./p-e941de73.js")],["fi",()=>import("./p-6e961f06.js")],["fr",()=>import("./p-de939342.js")],["fr-ch",()=>import("./p-e3e91631.js")],["he",()=>import("./p-fd727f3e.js")],["hi",()=>import("./p-739a6b48.js")],["hr",()=>import("./p-d8425f1b.js")],["hu",()=>import("./p-f13c04dd.js")],["id",()=>import("./p-5a5e4703.js")],["it",()=>import("./p-9bf4a131.js")],["it-ch",()=>import("./p-336ecede.js")],["ja",()=>import("./p-1457e761.js")],["ko",()=>import("./p-686c4ba3.js")],["lt",()=>import("./p-2ec1ae1f.js")],["lv",()=>import("./p-61532044.js")],["mk",()=>import("./p-f90759a5.js")],["nl",()=>import("./p-eee1c1ae.js")],["nb",()=>import("./p-3a1532df.js")],["pl",()=>import("./p-3b24c890.js")],["pt",()=>import("./p-e57c8997.js")],["pt-br",()=>import("./p-b0dcf746.js")],["ro",()=>import("./p-b5c8e70f.js")],["ru",()=>import("./p-fd1568c2.js")],["sk",()=>import("./p-9f9f2610.js")],["sl",()=>import("./p-a4b20142.js")],["sr",()=>import("./p-aa046ae1.js")],["sv",()=>import("./p-1ebf9938.js")],["th",()=>import("./p-b1270b80.js")],["tr",()=>import("./p-9a7772a1.js")],["uk",()=>import("./p-ed0d2d66.js")],["vi",()=>import("./p-dc287520.js")],["zh-cn",()=>import("./p-1844f3c8.js")],["zh-hk",()=>import("./p-cf3f540f.js")],["zh-tw",()=>import("./p-500c21e3.js")]]);Ut.extend(bi);Ut.extend(gi);Ut.extend(ki);Ut.extend(wi);Ut.extend(Si);const Di=class{constructor(e){t(this,e);this.calciteInputTimePickerBeforeClose=i(this,"calciteInputTimePickerBeforeClose",6);this.calciteInputTimePickerBeforeOpen=i(this,"calciteInputTimePickerBeforeOpen",6);this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7);this.calciteInputTimePickerClose=i(this,"calciteInputTimePickerClose",6);this.calciteInputTimePickerOpen=i(this,"calciteInputTimePickerOpen",6);this.focusOnOpen=false;this.dialogId=`time-picker-dialog--${h()}`;this.userChangedValue=false;this.referenceElementId=`input-time-picker-${h()}`;this.openTransitionProp="opacity";this.hostBlurHandler=()=>{const t=this.calciteInputEl.value;const i=this.delocalizeTimeString(t);if(!i){this.setValue("");return}if(i!==this.value){this.setValue(i)}const e=V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(e!==t){this.setInputValue(e)}this.deactivate()};this.calciteInternalInputFocusHandler=t=>{if(!this.readOnly){t.stopPropagation()}};this.calciteInternalInputInputHandler=t=>{const{effectiveLocale:i,numberingSystem:e}=this;if(e&&e!=="latn"){const s=t.target;S.numberFormatOptions={locale:i,numberingSystem:e,useGrouping:false};const n=S.delocalize(s.value).split("").map((t=>m.includes(t)?S.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(n)}};this.timePickerChangeHandler=t=>{t.stopPropagation();const i=t.target;const e=i.value;const s=this.shouldIncludeSeconds();this.setValue(st(e,s));this.setInputValue(V({value:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:s,fractionalSecondDigits:A(this.step)}))};this.popoverCloseHandler=()=>{L(this,{onDeactivate:()=>{this.calciteInputEl.setFocus();this.focusOnOpen=false}});this.open=false};this.popoverOpenHandler=()=>{I(this,{onActivate:()=>{if(this.focusOnOpen){this.calciteTimePickerEl.setFocus();this.focusOnOpen=false}}})};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){if(r(this)){t.preventDefault();this.calciteInputEl.setFocus()}if(t.composedPath().includes(this.calciteTimePickerEl)){return}const i=this.delocalizeTimeString(this.calciteInputEl.value);if(q(i)){this.setValue(i);const t=V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(i&&this.calciteInputEl.value!==t){this.setInputValue(t)}}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"&&this.open){this.open=false;t.preventDefault();this.calciteInputEl.setFocus()}};this.setCalcitePopoverEl=t=>{this.popoverEl=t};this.setInputAndTransitionEl=t=>{this.calciteInputEl=t;this.transitionEl=t};this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t;$(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.setInputValue=t=>{if(!this.calciteInputEl){return}this.calciteInputEl.value=t};this.setValue=t=>{const i=this.value;const e=Z(t)||"";if(e===i){return}this.userChangedValue=true;this.value=e||"";const s=this.calciteInputTimePickerChange.emit();if(s.defaultPrevented){this.userChangedValue=false;this.value=i;this.setInputValue(V({value:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}};this.setValueDirectly=t=>{const i=this.shouldIncludeSeconds();this.value=st(t,i);this.setInputValue(this.value?V({value:this.value,includeSeconds:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,fractionalSecondDigits:A(this.step)}):"")};this.onInputWrapperClick=()=>{this.open=!this.open};this.deactivate=()=>{this.open=false};this.open=false;this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.messageOverrides=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberingSystem=undefined;this.required=false;this.scale="m";this.status="idle";this.overlayPositioning="absolute";this.placement="auto";this.step=60;this.value=null;this.defaultMessages=undefined;this.effectiveLocale=""}openHandler(){P(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}handleFocusTrapDisabled(t){if(!this.open){return}t?L(this):I(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}onMessagesChange(){}numberingSystemWatcher(t){this.setInputValue(V({value:this.value,locale:this.effectiveLocale,numberingSystem:t,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}stepWatcher(t,i){if(i>=60&&t>0&&t<60||t>=60&&i>0&&i<60){this.setValueDirectly(this.value)}}valueWatcher(t){if(!this.userChangedValue){this.setValueDirectly(t)}this.userChangedValue=false}async effectiveLocaleWatcher(t){await this.loadDateTimeLocaleData();this.setInputValue(V({value:this.value,locale:t,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}async setFocus(){await g(this);this.el.focus()}async reposition(t=false){this.popoverEl?.reposition(t)}onBeforeOpen(){this.calciteInputTimePickerBeforeOpen.emit()}onOpen(){this.calciteInputTimePickerOpen.emit()}onBeforeClose(){this.calciteInputTimePickerBeforeClose.emit()}onClose(){this.calciteInputTimePickerClose.emit()}delocalizeTimeString(t){Ut.locale(this.effectiveLocale.toLowerCase());const i=this.delocalizeTimeStringToParts(t);let e;if(this.shouldIncludeFractionalSeconds()){const s=A(this.step);const n=this.delocalizeTimeStringToParts(t,"S");if(s===1){e=n.millisecond!==0?this.getTimeStringFromParts(n):this.getTimeStringFromParts(i)}else{const r=this.delocalizeTimeStringToParts(t,"SS");if(s===2){if(r.millisecond!==0){e=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){e=this.getTimeStringFromParts(n)}else{e=this.getTimeStringFromParts(i)}}else if(s>=3){const s=this.delocalizeTimeStringToParts(t,"SSS");if(s.millisecond!==0){e=this.getTimeStringFromParts(s)}else if(r.millisecond!==0){e=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){e=this.getTimeStringFromParts(n)}else{e=this.getTimeStringFromParts(i)}}}}else{e=this.getTimeStringFromParts(i)}return e}delocalizeTimeStringToParts(t,i){const e=this.localeConfig?.formats?.LTS;const s=e.match(/ss\.*(S+)/g);if(i&&this.shouldIncludeFractionalSeconds()){const t=`ss.${i}`;this.localeConfig.formats.LTS=s?e.replace(s[0],t):e.replace("ss",t)}else if(s){this.localeConfig.formats.LTS=e.replace(s[0],"ss")}Ut.updateLocale(this.getSupportedDayjsLocale(x(this.effectiveLocale)),this.localeConfig);const n=Ut(t,["LTS","LT"]);if(n.isValid()){return{hour:n.get("hour"),minute:n.get("minute"),second:n.get("second"),millisecond:n.get("millisecond")}}return{hour:null,minute:null,second:null,millisecond:null}}getTimeStringFromParts(t){let i="";if(!t){return i}if(t.hour!==null&&t.minute!==null){i=`${U(t.hour)}:${U(t.minute)}`;if(this.shouldIncludeSeconds()&&t.second!==null){i+=`:${U(t.second)}`;if(this.shouldIncludeFractionalSeconds()&&t.millisecond!==null){const e=(t.millisecond*.001).toFixed(A(this.step));i+=`.${e.toString().replace("0.","")}`}}}return i}getSupportedDayjsLocale(t){const i=t.toLowerCase();if(i==="no"){return"nb"}if(i==="pt-pt"){return"pt"}return i}async loadDateTimeLocaleData(){let t=x(this.effectiveLocale).toLowerCase();t=this.getSupportedDayjsLocale(t);const{default:i}=await Mi.get(t)();this.localeConfig=i;Ut.locale(this.localeConfig,null,true);Ut.updateLocale(t,this.getExtendedLocaleConfig(t))}getExtendedLocaleConfig(t){if(t==="ar"){return{meridiem:t=>t>12?"م":"ص",formats:{LT:"HH:mm A",LTS:"HH:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm A",LLLL:"dddd D MMMM YYYY HH:mm A"}}}if(t==="en-au"){return{meridiem:t=>t>12?"pm":"am"}}if(t==="en-ca"){return{meridiem:t=>t>12?"p.m.":"a.m."}}if(t==="el"){return{meridiem:t=>t>12?"μ.μ.":"π.μ."}}if(t==="hi"){return{formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, h:mm A",LLLL:"dddd, D MMMM YYYY, h:mm A"},meridiem:t=>t>12?"pm":"am"}}if(t==="ko"){return{meridiem:t=>t>12?"오후":"오전"}}if(t==="zh-tw"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"}}}if(t==="zh-hk"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"},meridiem:t=>t>12?"下午":"上午"}}}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}shouldIncludeFractionalSeconds(){return A(this.step)>0}connectedCallback(){u(this);Y(this);if(q(this.value)){this.setValueDirectly(this.value)}else{this.value=undefined}p(this);a(this);T(this)}async componentWillLoad(){k(this);await Promise.all([H(this),this.loadDateTimeLocaleData()]);if(this.open){P(this)}}componentDidLoad(){w(this);if(q(this.value)){this.setInputValue(V({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}}disconnectedCallback(){l(this);v(this);o(this);j(this);L(this);z(this)}componentDidRender(){d(this)}render(){const{disabled:t,messages:i,readOnly:n,dialogId:r}=this;return e(s,{onBlur:this.hostBlurHandler,onKeyDown:this.keyDownHandler},e(f,{disabled:this.disabled},e("div",{class:"input-wrapper",onClick:this.onInputWrapperClick},e("calcite-input-text",{"aria-autocomplete":"none","aria-haspopup":"dialog",disabled:t,icon:"clock",id:this.referenceElementId,label:b(this),lang:this.effectiveLocale,onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextFocus:this.calciteInternalInputFocusHandler,readOnly:n,role:"combobox",scale:this.scale,status:this.status,ref:this.setInputAndTransitionEl}),!this.readOnly&&this.renderToggleIcon(this.open)),e("calcite-popover",{focusTrapDisabled:true,id:r,label:i.chooseTime,lang:this.effectiveLocale,onCalcitePopoverClose:this.popoverCloseHandler,onCalcitePopoverOpen:this.popoverOpenHandler,open:this.open,overlayPositioning:this.overlayPositioning,placement:this.placement,referenceElement:this.referenceElementId,triggerDisabled:true,ref:this.setCalcitePopoverEl},e("calcite-time-picker",{lang:this.effectiveLocale,messageOverrides:this.messageOverrides,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,scale:this.scale,step:this.step,tabIndex:this.open?undefined:-1,value:this.value,ref:this.setCalciteTimePickerEl})),e(c,{component:this}),this.validationMessage?e(O,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:nt.toggleIcon},e("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:_(this.scale)}))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],messageOverrides:["onMessagesChange"],numberingSystem:["numberingSystemWatcher"],step:["stepWatcher"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};Di.style=yi;const xi={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};const Yi=":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";function ji(t){return t.charAt(0).toUpperCase()+t.slice(1)}const Li=class{constructor(e){t(this,e);this.calciteInternalTimePickerBlur=i(this,"calciteInternalTimePickerBlur",6);this.calciteInternalTimePickerChange=i(this,"calciteInternalTimePickerChange",6);this.calciteInternalTimePickerFocus=i(this,"calciteInternalTimePickerFocus",6);this.pointerActivated=false;this.decrementHour=()=>{const t=!this.hour?0:this.hour==="00"?23:parseInt(this.hour)-1;this.setValuePart("hour",t)};this.decrementMeridiem=()=>{const t=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",t)};this.decrementMinuteOrSecond=t=>{let i;if(M(this[t])){const e=parseInt(this[t]);i=e===0?59:e-1}else{i=59}this.setValuePart(t,i)};this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")};this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")};this.focusHandler=t=>{if(this.pointerActivated){return}this.activeEl=t.currentTarget};this.fractionalSecondKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=A(this.step);const e=parseInt(this.fractionalSecond);const s=e.toString().length;let n;if(s>=t){n=i.padStart(t,"0")}else if(s<t){n=`${e}${i}`.padStart(t,"0")}this.setValuePart("fractionalSecond",parseFloat(`0.${n}`))}else{switch(i){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":t.preventDefault();this.nudgeFractionalSecond("down");break;case"ArrowUp":t.preventDefault();this.nudgeFractionalSecond("up");break;case" ":t.preventDefault();break}}};this.fractionalSecondDownClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("down")};this.fractionalSecondUpClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("up")};this.hourDownClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.decrementHour()};this.hourKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.hour)){switch(this.hourCycle){case"12":e=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":if(this.hour==="01"){e=`1${t}`}else if(this.hour==="02"&&t>=0&&t<=3){e=`2${t}`}else{e=t}break}}else{e=t}this.setValuePart("hour",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault();this.decrementHour();break;case"ArrowUp":t.preventDefault();this.incrementHour();break;case" ":t.preventDefault();break}}};this.hourUpClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.incrementHour()};this.incrementMeridiem=()=>{const t=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",t)};this.incrementHour=()=>{const t=M(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)};this.incrementMinuteOrSecond=t=>{const i=M(this[t])?this[t]==="59"?0:parseInt(this[t])+1:0;this.setValuePart(t,i)};this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")};this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")};this.inputClickHandler=t=>{this.activeEl=t.target};this.meridiemUpClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.incrementMeridiem()};this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault();this.incrementMeridiem();break;case"ArrowDown":t.preventDefault();this.decrementMeridiem();break;case" ":t.preventDefault();break}};this.meridiemDownClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.decrementMeridiem()};this.minuteDownClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.decrementMinute()};this.minuteUpClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.incrementMinute()};this.minuteKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>W?t:`${i}${t}`}else{e=t}this.setValuePart("minute",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault();this.decrementMinute();break;case"ArrowUp":t.preventDefault();this.incrementMinute();break;case" ":t.preventDefault();break}}};this.nudgeFractionalSecond=t=>{const i=C(this.step);const e=A(this.step);const s=parseInt(this.fractionalSecond);const n=parseFloat(`0.${this.fractionalSecond}`);let r;let a;let o;let c;if(t==="up"){r=isNaN(s)?0:n+i;a=parseFloat(r.toFixed(e));o=C(a);c=a<1&&A(o)>0?U(o,e):"".padStart(e,"0")}if(t==="down"){r=isNaN(s)||s===0?1-i:n-i;a=parseFloat(r.toFixed(e));o=C(a);c=a<1&&A(o)>0&&Math.sign(o)===1?U(o,e):"".padStart(e,"0")}this.setValuePart("fractionalSecond",c)};this.sanitizeValue=t=>{const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);if(n){const t=this.sanitizeFractionalSecond(n);return`${i}:${e}:${s}.${t}`}return q(t)&&t};this.sanitizeFractionalSecond=t=>t&&A(this.step)!==t.length?parseFloat(`0.${t}`).toFixed(A(this.step)).replace("0.",""):t;this.secondKeyDownHandler=t=>{const{key:i}=t;if(m.includes(i)){const t=parseInt(i);let e;if(M(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>W?t:`${i}${t}`}else{e=t}this.setValuePart("second",e)}else{switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault();this.decrementSecond();break;case"ArrowUp":t.preventDefault();this.incrementSecond();break;case" ":t.preventDefault();break}}};this.secondDownClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.decrementSecond()};this.secondUpClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.incrementSecond()};this.setHourEl=t=>this.hourEl=t;this.setMeridiemEl=t=>this.meridiemEl=t;this.setMinuteEl=t=>this.minuteEl=t;this.setSecondEl=t=>this.secondEl=t;this.setFractionalSecondEl=t=>this.fractionalSecondEl=t;this.setValue=t=>{if(q(t)){const{hour:i,minute:e,second:s,fractionalSecond:n}=et(t);const{effectiveLocale:r,numberingSystem:a}=this;const{localizedHour:o,localizedHourSuffix:c,localizedMinute:h,localizedMinuteSuffix:u,localizedSecond:l,localizedDecimalSeparator:d,localizedFractionalSecond:f,localizedSecondSuffix:m,localizedMeridiem:p}=tt({value:t,locale:r,numberingSystem:a});this.hour=i;this.minute=e;this.second=s;this.fractionalSecond=this.sanitizeFractionalSecond(n);this.localizedHour=o;this.localizedHourSuffix=c;this.localizedMinute=h;this.localizedMinuteSuffix=u;this.localizedSecond=l;this.localizedDecimalSeparator=d;this.localizedFractionalSecond=f;this.localizedSecondSuffix=m;if(p){this.localizedMeridiem=p;this.meridiem=X(this.hour);const i=it({value:t,locale:r,numberingSystem:a});this.meridiemOrder=this.getMeridiemOrder(i)}}else{this.hour=null;this.fractionalSecond=null;this.localizedHour=null;this.localizedHourSuffix=K("hour",this.effectiveLocale,this.numberingSystem);this.localizedMeridiem=null;this.localizedMinute=null;this.localizedMinuteSuffix=K("minute",this.effectiveLocale,this.numberingSystem);this.localizedSecond=null;this.localizedDecimalSeparator=E(this.effectiveLocale,this.numberingSystem);this.localizedFractionalSecond=null;this.localizedSecondSuffix=K("second",this.effectiveLocale,this.numberingSystem);this.meridiem=null;this.minute=null;this.second=null;this.value=null}};this.setValuePart=(t,i)=>{const{effectiveLocale:e,numberingSystem:s}=this;if(t==="meridiem"){this.meridiem=i;if(M(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":if(t>=12){this.hour=U(t-12)}break;case"PM":if(t<12){this.hour=U(t+12)}break}this.localizedHour=Q({value:this.hour,part:"hour",locale:e,numberingSystem:s})}}else if(t==="fractionalSecond"){const t=A(this.step);if(typeof i==="number"){this.fractionalSecond=i===0?"".padStart(t,"0"):U(i,t)}else{this.fractionalSecond=i}this.localizedFractionalSecond=Q({value:this.fractionalSecond,part:"fractionalSecond",locale:e,numberingSystem:s})}else{this[t]=typeof i==="number"?U(i):i;this[`localized${ji(t)}`]=Q({value:this[t],part:t,locale:e,numberingSystem:s})}let n=false;let r;if(this.hour&&this.minute){r=`${this.hour}:${this.minute}`;if(this.showSecond){r=`${r}:${this.second??"00"}`;if(this.showFractionalSecond&&this.fractionalSecond){r=`${r}.${this.fractionalSecond}`}}}else{r=null}if(this.value!==r){n=true}this.value=r;this.localizedMeridiem=this.value?tt({value:this.value,locale:e,numberingSystem:s})?.localizedMeridiem||null:Q({value:this.meridiem,part:"meridiem",locale:e,numberingSystem:s});if(n){this.calciteInternalTimePickerChange.emit()}};this.scale="m";this.step=60;this.numberingSystem=undefined;this.value=null;this.messages=undefined;this.messageOverrides=undefined;this.activeEl=undefined;this.effectiveLocale="";this.fractionalSecond=undefined;this.hour=undefined;this.hourCycle=undefined;this.localizedDecimalSeparator=".";this.localizedHour=undefined;this.localizedHourSuffix=undefined;this.localizedMeridiem=undefined;this.localizedFractionalSecond=undefined;this.localizedMinute=undefined;this.localizedMinuteSuffix=undefined;this.localizedSecond=undefined;this.localizedSecondSuffix=undefined;this.meridiem=undefined;this.minute=undefined;this.second=undefined;this.showFractionalSecond=undefined;this.showSecond=undefined;this.defaultMessages=undefined}stepChange(){this.toggleSecond()}valueWatcher(t){this.setValue(t)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}blurHandler(){this.activeEl=undefined;this.pointerActivated=false;this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(t){this.pointerActivated=false;const{defaultPrevented:i,key:e}=t;if(i){return}switch(this.activeEl){case this.hourEl:if(e==="ArrowRight"){this.focusPart("minute");t.preventDefault()}break;case this.minuteEl:switch(e){case"ArrowLeft":this.focusPart("hour");t.preventDefault();break;case"ArrowRight":if(this.step!==60){this.focusPart("second");t.preventDefault()}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.secondEl:switch(e){case"ArrowLeft":this.focusPart("minute");t.preventDefault();break;case"ArrowRight":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.fractionalSecondEl:switch(e){case"ArrowLeft":this.focusPart("second");t.preventDefault();break;case"ArrowRight":if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.meridiemEl:switch(e){case"ArrowLeft":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.step!==60){this.focusPart("second");t.preventDefault()}else{this.focusPart("minute");t.preventDefault()}break}break}}pointerDownHandler(){this.pointerActivated=true}async setFocus(){await g(this);this.el?.focus()}async focusPart(t){await g(this);this[`${t||"hour"}El`]?.focus()}toggleSecond(){this.showSecond=this.step<60;this.showFractionalSecond=A(this.step)>0}getMeridiemOrder(t){const i=this.effectiveLocale;const e=i==="ar"||i==="he";if(t&&!e){const i=t.findIndex((t=>t.value===this.localizedMeridiem));return i}return 0}updateLocale(){F(this,this.effectiveLocale);this.hourCycle=N(this.effectiveLocale,this.numberingSystem);this.localizedDecimalSeparator=E(this.effectiveLocale,this.numberingSystem);this.setValue(this.sanitizeValue(this.value))}connectedCallback(){Y(this);this.updateLocale();T(this);this.toggleSecond();this.meridiemOrder=this.getMeridiemOrder(it({value:"0:00:00",locale:this.effectiveLocale,numberingSystem:this.numberingSystem}))}async componentWillLoad(){k(this);await H(this)}componentDidLoad(){w(this)}disconnectedCallback(){j(this);z(this)}render(){const t=M(this.hour);const i=_(this.scale);const s=M(this.minute);const n=M(this.second);const r=M(this.fractionalSecond);const a=this.hourCycle==="12";return e("div",{class:{[xi.timePicker]:true,[xi.showMeridiem]:a,[xi.showSecond]:this.showSecond,[xi[`scale-${this.scale}`]]:true},dir:"ltr"},e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.hourUp,class:{[xi.button]:true,[xi.buttonHourUp]:true,[xi.buttonTopLeft]:true},onClick:this.hourUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[xi.input]:true,[xi.hour]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.hourEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setHourEl},this.localizedHour||"--"),e("span",{"aria-label":this.messages.hourDown,class:{[xi.button]:true,[xi.buttonHourDown]:true,[xi.buttonBottomLeft]:true},onClick:this.hourDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:xi.delimiter},this.localizedHourSuffix),e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.minuteUp,class:{[xi.button]:true,[xi.buttonMinuteUp]:true},onClick:this.minuteUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[xi.input]:true,[xi.minute]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMinuteEl},this.localizedMinute||"--"),e("span",{"aria-label":this.messages.minuteDown,class:{[xi.button]:true,[xi.buttonMinuteDown]:true},onClick:this.minuteDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:xi.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.secondUp,class:{[xi.button]:true,[xi.buttonSecondUp]:true},onClick:this.secondUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[xi.input]:true,[xi.second]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.secondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setSecondEl},this.localizedSecond||"--"),e("span",{"aria-label":this.messages.secondDown,class:{[xi.button]:true,[xi.buttonSecondDown]:true},onClick:this.secondDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showFractionalSecond&&e("span",{class:xi.delimiter},this.localizedDecimalSeparator),this.showFractionalSecond&&e("div",{class:xi.column,role:"group"},e("span",{"aria-label":this.messages.fractionalSecondUp,class:{[xi.button]:true,[xi.buttonFractionalSecondUp]:true},onClick:this.fractionalSecondUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.fractionalSecond,"aria-valuemax":"999","aria-valuemin":"1","aria-valuenow":r&&parseInt(this.fractionalSecond)||"0","aria-valuetext":this.localizedFractionalSecond,class:{[xi.input]:true,[xi.fractionalSecond]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.fractionalSecondKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setFractionalSecondEl},this.localizedFractionalSecond||"--"),e("span",{"aria-label":this.messages.fractionalSecondDown,class:{[xi.button]:true,[xi.buttonFractionalSecondDown]:true},onClick:this.fractionalSecondDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:xi.delimiter},this.localizedSecondSuffix),a&&e("div",{class:{[xi.column]:true,[xi.meridiemStart]:this.meridiemOrder===0},role:"group"},e("span",{"aria-label":this.messages.meridiemUp,class:{[xi.button]:true,[xi.buttonMeridiemUp]:true,[xi.buttonTopRight]:true},onClick:this.meridiemUpClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:{[xi.input]:true,[xi.meridiem]:true,[xi.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,role:"spinbutton",tabIndex:0,ref:this.setMeridiemEl},this.localizedMeridiem||"--"),e("span",{"aria-label":this.messages.meridiemDown,class:{[xi.button]:true,[xi.buttonMeridiemDown]:true,[xi.buttonBottomRight]:true},onClick:this.meridiemDownClickHandler,role:"button"},e("calcite-icon",{icon:"chevron-down",scale:i}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};Li.style=Yi;export{Di as I,Li as T,Ut as d};
-//# sourceMappingURL=p-ced06054.js.map

package/dist/calcite/p-cf3f540f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{d as _}from"./p-ced06054.js";import"./p-3401e225.js";import"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-ad553e66.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-a5afbe13.js";import"./p-465e3b6d.js";import"./p-163b702a.js";import"./p-03514f40.js";import"./p-5078829f.js";import"./p-35de244d.js";import"./p-2b228bdb.js";import"./p-156ce16b.js";import"./p-ecbf8738.js";import"./p-8c2c7db0.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-cf3f540f.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{r as t,h as e,H as i,g as s}from"./p-3401e225.js";import{h as a}from"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";var c;(function(t){t["valid"]="check-circle";t["invalid"]="exclamation-mark-triangle";t["idle"]="information"})(c||(c={}));const n=":host([scale=m]),:host([scale=l]){--calcite-input-message-spacing-value:0.25rem}:host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([scale=m]),:host([scale=l]){margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([status]){color:var(--calcite-color-text-1)}:host([status][scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([status][scale=m]){margin-block-start:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([status][scale=l]){margin-block-start:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const o=class{constructor(e){t(this,e);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=a(c,this.icon,this.status)}connectedCallback(){this.requestedIcon=a(c,this.icon,this.status)}render(){const t=this.el.hidden;return e(i,{"calcite-hydrated-hidden":t},this.renderIcon(this.requestedIcon),e("slot",null))}renderIcon(t){if(t){return e("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};o.style=n;export{o as calcite_input_message};
-//# sourceMappingURL=p-cfd360ee.entry.js.map

package/dist/calcite/p-d3627cbd.js

@@ -1,12 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{g as n}from"./p-da68df06.js";import{C as r}from"./p-7183efb5.js";
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var t=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var e=t.join(",");var u=typeof Element==="undefined";var i=u?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var o=!u&&Element.prototype.getRootNode?function(n){var r;return n===null||n===void 0?void 0:(r=n.getRootNode)===null||r===void 0?void 0:r.call(n)}:function(n){return n===null||n===void 0?void 0:n.ownerDocument};var a=function n(r,t){var e;if(t===void 0){t=true}var u=r===null||r===void 0?void 0:(e=r.getAttribute)===null||e===void 0?void 0:e.call(r,"inert");var i=u===""||u==="true";var o=i||t&&r&&n(r.parentNode);return o};var f=function n(r){var t;var e=r===null||r===void 0?void 0:(t=r.getAttribute)===null||t===void 0?void 0:t.call(r,"contenteditable");return e===""||e==="true"};var l=function n(r,t,u){if(a(r)){return[]}var o=Array.prototype.slice.apply(r.querySelectorAll(e));if(t&&i.call(r,e)){o.unshift(r)}o=o.filter(u);return o};var s=function n(r,t,u){var o=[];var f=Array.from(r);while(f.length){var l=f.shift();if(a(l,false)){continue}if(l.tagName==="SLOT"){var s=l.assignedElements();var c=s.length?s:l.children;var v=n(c,true,u);if(u.flatten){o.push.apply(o,v)}else{o.push({scopeParent:l,candidates:v})}}else{var d=i.call(l,e);if(d&&u.filter(l)&&(t||!r.includes(l))){o.push(l)}var p=l.shadowRoot||typeof u.getShadowRoot==="function"&&u.getShadowRoot(l);var y=!a(p,false)&&(!u.shadowRootFilter||u.shadowRootFilter(l));if(p&&y){var w=n(p===true?l.children:p.children,true,u);if(u.flatten){o.push.apply(o,w)}else{o.push({scopeParent:l,candidates:w})}}else{f.unshift.apply(f,l.children)}}}return o};var c=function n(r){return!isNaN(parseInt(r.getAttribute("tabindex"),10))};var v=function n(r){if(!r){throw new Error("No node provided")}if(r.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(r.tagName)||f(r))&&!c(r)){return 0}}return r.tabIndex};var d=function n(r,t){var e=v(r);if(e<0&&t&&!c(r)){return 0}return e};var p=function n(r,t){return r.tabIndex===t.tabIndex?r.documentOrder-t.documentOrder:r.tabIndex-t.tabIndex};var y=function n(r){return r.tagName==="INPUT"};var w=function n(r){return y(r)&&r.type==="hidden"};var m=function n(r){var t=r.tagName==="DETAILS"&&Array.prototype.slice.apply(r.children).some((function(n){return n.tagName==="SUMMARY"}));return t};var h=function n(r,t){for(var e=0;e<r.length;e++){if(r[e].checked&&r[e].form===t){return r[e]}}};var E=function n(r){if(!r.name){return true}var t=r.form||o(r);var e=function n(r){return t.querySelectorAll('input[type="radio"][name="'+r+'"]')};var u;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){u=e(window.CSS.escape(r.name))}else{try{u=e(r.name)}catch(n){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message);return false}}var i=h(u,r.form);return!i||i===r};var A=function n(r){return y(r)&&r.type==="radio"};var S=function n(r){return A(r)&&!E(r)};var g=function n(r){var t;var e=r&&o(r);var u=(t=e)===null||t===void 0?void 0:t.host;var i=false;if(e&&e!==r){var a,f,l;i=!!((a=u)!==null&&a!==void 0&&(f=a.ownerDocument)!==null&&f!==void 0&&f.contains(u)||r!==null&&r!==void 0&&(l=r.ownerDocument)!==null&&l!==void 0&&l.contains(r));while(!i&&u){var s,c,v;e=o(u);u=(s=e)===null||s===void 0?void 0:s.host;i=!!((c=u)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(u))}}return i};var b=function n(r){var t=r.getBoundingClientRect(),e=t.width,u=t.height;return e===0&&u===0};var N=function n(r,t){var e=t.displayCheck,u=t.getShadowRoot;if(getComputedStyle(r).visibility==="hidden"){return true}var a=i.call(r,"details>summary:first-of-type");var f=a?r.parentElement:r;if(i.call(f,"details:not([open]) *")){return true}if(!e||e==="full"||e==="legacy-full"){if(typeof u==="function"){var l=r;while(r){var s=r.parentElement;var c=o(r);if(s&&!s.shadowRoot&&u(s)===true){return b(r)}else if(r.assignedSlot){r=r.assignedSlot}else if(!s&&c!==r.ownerDocument){r=c.host}else{r=s}}r=l}if(g(r)){return!r.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return b(r)}return false};var I=function n(r){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(r.tagName)){var t=r.parentElement;while(t){if(t.tagName==="FIELDSET"&&t.disabled){for(var e=0;e<t.children.length;e++){var u=t.children.item(e);if(u.tagName==="LEGEND"){return i.call(t,"fieldset[disabled] *")?true:!u.contains(r)}}return true}t=t.parentElement}}return false};var T=function n(r,t){if(t.disabled||a(t)||w(t)||N(t,r)||m(t)||I(t)){return false}return true};var x=function n(r,t){if(S(t)||v(t)<0||!T(r,t)){return false}return true};var $=function n(r){var t=parseInt(r.getAttribute("tabindex"),10);if(isNaN(t)||t>=0){return true}return false};var C=function n(r){var t=[];var e=[];r.forEach((function(r,u){var i=!!r.scopeParent;var o=i?r.scopeParent:r;var a=d(o,i);var f=i?n(r.candidates):o;if(a===0){i?t.push.apply(t,f):t.push(o)}else{e.push({documentOrder:u,tabIndex:a,item:r,isScope:i,content:f})}}));return e.sort(p).reduce((function(n,r){r.isScope?n.push.apply(n,r.content):n.push(r.content);return n}),[]).concat(t)};var D=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=s([r],t.includeContainer,{filter:x.bind(null,t),flatten:false,getShadowRoot:t.getShadowRoot,shadowRootFilter:$})}else{e=l(r,t.includeContainer,x.bind(null,t))}return C(e)};var L=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=s([r],t.includeContainer,{filter:T.bind(null,t),flatten:true,getShadowRoot:t.getShadowRoot})}else{e=l(r,t.includeContainer,T.bind(null,t))}return e};var R=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(i.call(r,e)===false){return false}return x(t,r)};var k=t.concat("iframe").join(",");var O=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(i.call(r,k)===false){return false}return T(t,r)};const U={getShadowRoot:true};function B(r){if(!r){return""}return r.id=r.id||`${r.tagName.toLowerCase()}-${n()}`}function P(n){return Array.isArray(n)?n:Array.from(n)}function j(n){const t=Y(n,`.${r.darkMode}, .${r.lightMode}`);return t?.classList.contains("calcite-mode-dark")?"dark":"light"}function F(n){const r="dir";const t=`[${r}]`;const e=Y(n,t);return e?e.getAttribute(r):"ltr"}function z(n){if(!n){return 0}return parseFloat(getComputedStyle(n).inlineSize)}function M(n){return n.getRootNode()}function q(n){const r=M(n);return"host"in r?r:null}function G(n,r){if(!n){return 0}const t=document.createElement("canvas");const e=t.getContext("2d");e.font=r;return e.measureText(n).width}function V(n){return n.host||null}function X(n,{selector:r,id:t}){function e(n){if(!n){return null}if(n.assignedSlot){n=n.assignedSlot}const u=M(n);const i=t?"getElementById"in u?u.getElementById(t):null:r?u.querySelector(r):null;const o=V(u);return i?i:o?e(o):null}return e(n)}function Y(n,r){function t(n){return n?n.closest(r)||t(V(M(n))):null}return t(n)}function H(n,r){return J(n,r)}function J(n,r){if(!n){return}const t=r(n);if(t!==undefined){return t}const{parentNode:e}=n;return J(e instanceof ShadowRoot?e.host:e,r)}function K(n,r){return!!H(r,(r=>r===n?true:undefined))}function Q(n){return typeof n?.setFocus==="function"}async function W(n){if(!n){return}return Q(n)?n.setFocus():n.focus()}function Z(n){if(!n){return}return D(n,U)[0]??n}function _(n){Z(n)?.focus()}const nn=":not([slot])";function rn(n,r,t){if(r&&!Array.isArray(r)&&typeof r!=="string"){t=r;r=null}const e=r?Array.isArray(r)?r.map((n=>`[slot="${n}"]`)).join(","):`[slot="${r}"]`:nn;if(t?.all){return en(n,e,t)}return un(n,e,t)}function tn(n,r){return n?Array.from(n.children||[]).filter((n=>n?.matches(r))):[]}function en(n,r,t){let e=r===nn?tn(n,nn):Array.from(n.querySelectorAll(r));e=t&&t.direct===false?e:e.filter((r=>r.parentElement===n));e=t?.matches?e.filter((n=>n?.matches(t.matches))):e;const u=t?.selector;return u?e.map((n=>Array.from(n.querySelectorAll(u)))).reduce(((n,r)=>[...n,...r]),[]).filter((n=>!!n)):e}function un(n,r,t){let e=r===nn?tn(n,nn)[0]||null:n.querySelector(r);e=t&&t.direct===false?e:e?.parentElement===n?e:null;e=t?.matches?e?.matches(t.matches)?e:null:e;const u=t?.selector;return u?e?.querySelector(u):e}function on(n,r){return Array.from(n.children).filter((n=>n.matches(r)))}function an(n,r,t){if(typeof r==="string"&&r!==""){return r}else if(r===""){return n[t]}}function fn(n,r){return!(r.left>n.right||r.right<n.left||r.top>n.bottom||r.bottom<n.top)}function ln(n){return Boolean(n).toString()}function sn(n){return pn(n)||vn(n)}function cn(n){return dn(n).filter((n=>n.nodeType===Node.TEXT_NODE)).map((n=>n.textContent)).join("").trim()}function vn(n){return!!cn(n)}function dn(n){return n.target.assignedNodes({flatten:true})}function pn(n){return!!yn(n).length}function yn(n){return n.target.assignedElements({flatten:true})}function wn(n){return!!(n.isPrimary&&n.button===0)}const mn=(n,r,t,e=true)=>{const u=n.indexOf(r);const i=u===0;const o=u===n.length-1;if(e){t=t==="previous"&&i?"last":t==="next"&&o?"first":t}let a;if(t==="previous"){a=n[u-1]||n[e?n.length-1:u]}else if(t==="next"){a=n[u+1]||n[e?0:u]}else if(t==="last"){a=n[n.length-1]}else{a=n[0]}W(a);return a};function hn(n,r){if(n.parentNode!==r.parentNode){return false}const t=Array.from(n.parentNode.children);return t.indexOf(n)<t.indexOf(r)}export{on as A,z as B,G as C,Z as D,K as a,pn as b,Y as c,W as d,rn as e,_ as f,F as g,an as h,wn as i,j,hn as k,mn as l,D as m,L as n,R as o,v as p,X as q,O as r,yn as s,ln as t,U as u,fn as v,B as w,sn as x,q as y,P as z};
-//# sourceMappingURL=p-d3627cbd.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.11
- */
-import{r as t,c as e,h as s,H as i,g as n}from"./p-3401e225.js";import{c as o,d as a}from"./p-a5afbe13.js";import{u as h,I as c}from"./p-ad553e66.js";import{e as r,c as l,d}from"./p-03514f40.js";import{u,c as m,d as p,s as f}from"./p-156ce16b.js";import{c as b,s as g,a as C}from"./p-163b702a.js";import{c as T,d as y,a as D,H as I}from"./p-a9907b09.js";import"./p-d3627cbd.js";import"./p-da68df06.js";import"./p-7183efb5.js";import"./p-465e3b6d.js";import"./p-902b3ccb.js";import"./p-72a3e0eb.js";import"./p-5078829f.js";const j=60;const v=["CET","CST6CDT","EET","EST","EST5EDT","Factory","HST","MET","MST","MST7MDT","PST8PDT","UTC","WET"];function Z(t){const e="−";const s="-";return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace(e,s)}function w(t,e){const s=L(t,"en-US",e).replace("GMT","");if(s===""){return 0}return Number(Z(s))*j}function x(){const t=new Date;return t.getTimezoneOffset()*-1}function E(){const t=new Intl.DateTimeFormat;return t.resolvedOptions().timeZone}let S;async function M(t,e,s,i){const n=i.getTime();const o=Intl.supportedValuesOf("timeZone");if(s==="offset"){if(!S){S=Promise.all([import("./p-f584d2fa.js"),import("./p-26555df5.js")])}return S.then((async([{groupTimeZones:s},{DateEngine:i}])=>{const o=await s({dateEngine:new i,groupDateRange:1,startDate:new Date(n).toISOString()});const a=new Intl.ListFormat(t,{style:"long",type:"conjunction"});o.forEach((t=>{const e=[];let s=0;t.tzs.forEach(((t,i)=>{if(v.includes(t)){s++}e[i]=s}));t.tzs=t.tzs.filter((t=>!v.includes(t)));t.labelTzIndices=t.labelTzIndices.map((t=>t-e[t])).filter((e=>e>=0&&e<t.tzs.length))}));return o.map((({labelTzIndices:s,tzs:i})=>{const o=i[0];const h=Z(L(o,t,n));const c=w(o,n);const r=s.map((t=>{const s=i[t];const n=e[s];return n||s.split("/").pop()}));const l=k(e,h,a.format(r));return{label:l,value:c,filterValue:i.map((t=>P(t)))}})).filter((t=>!!t)).sort(((t,e)=>t.value-e.value))}))}return o.map((t=>{const e=P(t);const s=t;return{label:e,value:s,filterValue:t}})).filter((t=>!!t)).sort()}function P(t){return t.replace(/_/g," ")}function k(t,e,s){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",s)}function L(t,e,s=Date.now()){const i=r(e,{timeZone:t,timeZoneName:"shortOffset"});const n=i.formatToParts(s);return n.find((({type:t})=>t==="timeZoneName")).value}const O=":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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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}";const z=class{constructor(s){t(this,s);this.calciteInputTimeZoneBeforeClose=e(this,"calciteInputTimeZoneBeforeClose",6);this.calciteInputTimeZoneBeforeOpen=e(this,"calciteInputTimeZoneBeforeOpen",6);this.calciteInputTimeZoneChange=e(this,"calciteInputTimeZoneChange",6);this.calciteInputTimeZoneClose=e(this,"calciteInputTimeZoneClose",6);this.calciteInputTimeZoneOpen=e(this,"calciteInputTimeZoneOpen",6);this.setComboboxRef=t=>{this.comboboxEl=t};this.onComboboxBeforeClose=t=>{t.stopPropagation();this.calciteInputTimeZoneBeforeClose.emit()};this.onComboboxBeforeOpen=t=>{t.stopPropagation();this.calciteInputTimeZoneBeforeOpen.emit()};this.onComboboxChange=t=>{t.stopPropagation();const e=t.target;const s=this.findTimeZoneItem(e.selectedItems[0].getAttribute("data-value"));const i=`${s.value}`;if(this.value===i){return}this.value=i;this.selectedTimeZoneItem=s;this.calciteInputTimeZoneChange.emit()};this.onComboboxClose=t=>{t.stopPropagation();this.open=false;this.calciteInputTimeZoneClose.emit()};this.onComboboxOpen=t=>{this.open=true;t.stopPropagation();this.calciteInputTimeZoneOpen.emit()};this.disabled=false;this.form=undefined;this.maxItems=0;this.messages=undefined;this.messageOverrides=undefined;this.mode="offset";this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.open=false;this.overlayPositioning="absolute";this.referenceDate=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}handleTimeZoneItemPropsChange(){this.updateTimeZoneItemsAndSelection()}handleValueChange(t,e){const s=this.findTimeZoneItem(t);if(!s){this.value=e;return}this.selectedTimeZoneItem=s}async setFocus(){await b(this);await this.comboboxEl.setFocus()}effectiveLocaleWatcher(){u(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}findTimeZoneItem(t){const e=t;return this.timeZoneItems.find((({value:t})=>t==e))}async updateTimeZoneItemsAndSelection(){this.timeZoneItems=await this.createTimeZoneItems();const t=this.mode==="offset"?x():E();const e=this.value??t;this.selectedTimeZoneItem=this.findTimeZoneItem(e);if(!this.selectedTimeZoneItem){this.selectedTimeZoneItem=this.findTimeZoneItem(t)}}async createTimeZoneItems(){if(!this.effectiveLocale||!this.messages){return[]}return M(this.effectiveLocale,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()))}connectedCallback(){T(this);o(this);l(this);m(this)}disconnectedCallback(){y(this);a(this);d(this);p(this)}async componentWillLoad(){g(this);await f(this);await this.updateTimeZoneItemsAndSelection();const t=`${this.selectedTimeZoneItem.value}`;D(this,t);this.value=t}componentDidLoad(){C(this)}componentDidRender(){h(this)}render(){return s(i,null,s(c,{disabled:this.disabled},s("calcite-combobox",{clearDisabled:true,disabled:this.disabled,label:this.messages.chooseTimeZone,lang:this.effectiveLocale,maxItems:this.maxItems,onCalciteComboboxBeforeClose:this.onComboboxBeforeClose,onCalciteComboboxBeforeOpen:this.onComboboxBeforeOpen,onCalciteComboboxChange:this.onComboboxChange,onCalciteComboboxClose:this.onComboboxClose,onCalciteComboboxOpen:this.onComboboxOpen,open:this.open,overlayPositioning:this.overlayPositioning,scale:this.scale,selectionMode:"single-persist",status:this.status,"validation-icon":this.validationIcon,"validation-message":this.validationMessage,ref:this.setComboboxRef},this.timeZoneItems.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,value:n}=t;return s("calcite-combobox-item",{"data-value":n,key:i,selected:e,textLabel:i,value:`${t.filterValue}`})}))),s(I,{component:this})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],messages:["handleTimeZoneItemPropsChange"],mode:["handleTimeZoneItemPropsChange"],referenceDate:["handleTimeZoneItemPropsChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};z.style=O;export{z as calcite_input_time_zone};
-//# sourceMappingURL=p-d3e40740.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["hourToMinutes","timeZoneNameBlockList","timeZoneOffsetToDecimal","shortOffsetTimeZoneName","minusSign","hyphen","replace","toOffsetValue","timeZoneName","referenceDateInMs","offset","getTimeZoneShortOffset","Number","getUserTimeZoneOffset","localDate","Date","getTimezoneOffset","getUserTimeZoneName","dateFormatter","Intl","DateTimeFormat","resolvedOptions","timeZone","timeZoneGroups","async","createTimeZoneItems","locale","messages","mode","referenceDate","getTime","timeZoneNames","supportedValuesOf","Promise","all","import","then","groupTimeZones","DateEngine","dateEngine","groupDateRange","startDate","toISOString","listFormatter","ListFormat","style","type","forEach","group","indexOffsets","removedSoFar","tzs","tz","index","includes","filter","labelTzIndices","map","length","groupRepTz","decimalOffset","value","tzLabels","timeZoneLabel","split","pop","label","createTimeZoneOffsetLabel","format","filterValue","toUserFriendlyName","sort","groupA","groupB","offsetLabel","groupLabel","now","dateTimeFormat","getDateTimeFormat","parts","formatToParts","find","inputTimeZoneCss","InputTimeZone","this","setComboboxRef","el","comboboxEl","onComboboxBeforeClose","event","stopPropagation","calciteInputTimeZoneBeforeClose","emit","onComboboxBeforeOpen","calciteInputTimeZoneBeforeOpen","onComboboxChange","combobox","target","selected","findTimeZoneItem","selectedItems","getAttribute","selectedValue","selectedTimeZoneItem","calciteInputTimeZoneChange","onComboboxClose","open","calciteInputTimeZoneClose","onComboboxOpen","calciteInputTimeZoneOpen","onMessagesChange","handleTimeZoneItemPropsChange","updateTimeZoneItemsAndSelection","handleValueChange","oldValue","timeZoneItem","setFocus","componentFocusable","effectiveLocaleWatcher","updateMessages","effectiveLocale","onLabelClick","valueToMatch","timeZoneItems","fallbackValue","connectedCallback","connectForm","connectLabel","connectLocalized","connectMessages","disconnectedCallback","disconnectForm","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","InteractiveContainer","disabled","clearDisabled","chooseTimeZone","lang","maxItems","onCalciteComboboxBeforeClose","onCalciteComboboxBeforeOpen","onCalciteComboboxChange","onCalciteComboboxClose","onCalciteComboboxOpen","overlayPositioning","scale","selectionMode","status","validationIcon","validationMessage","ref","key","textLabel","HiddenFormInputSlot","component"],"sources":["src/components/input-time-zone/utils.ts","src/components/input-time-zone/input-time-zone.scss?tag=calcite-input-time-zone&encapsulation=shadow","src/components/input-time-zone/input-time-zone.tsx"],"sourcesContent":["import { TimeZoneItem, TimeZoneMode, TimeZoneName } from \"./interfaces\";\nimport { getDateTimeFormat, SupportedLocale } from \"../../utils/locale\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\n\nconst hourToMinutes = 60;\n\nconst timeZoneNameBlockList = [\n  \"CET\",\n  \"CST6CDT\",\n  \"EET\",\n  \"EST\",\n  \"EST5EDT\",\n  \"Factory\",\n  \"HST\",\n  \"MET\",\n  \"MST\",\n  \"MST7MDT\",\n  \"PST8PDT\",\n  \"UTC\",\n  \"WET\",\n];\n\nfunction timeZoneOffsetToDecimal(shortOffsetTimeZoneName: string): string {\n  const minusSign = \"−\";\n  const hyphen = \"-\";\n\n  return (\n    shortOffsetTimeZoneName\n      .replace(\":15\", \".25\")\n      .replace(\":30\", \".5\")\n      .replace(\":45\", \".75\")\n\n      // ensures decimal string representation is parseable\n      .replace(minusSign, hyphen)\n  );\n}\n\nfunction toOffsetValue(timeZoneName: TimeZoneName, referenceDateInMs: number): number {\n  // we use \"en-US\" to allow us to reliably remove the standard time token\n  const offset = getTimeZoneShortOffset(timeZoneName, \"en-US\", referenceDateInMs).replace(\"GMT\", \"\");\n\n  if (offset === \"\") {\n    return 0;\n  }\n\n  return Number(timeZoneOffsetToDecimal(offset)) * hourToMinutes;\n}\n\nexport function getUserTimeZoneOffset(): number {\n  const localDate = new Date();\n  return localDate.getTimezoneOffset() * -1;\n}\n\nexport function getUserTimeZoneName(): string {\n  const dateFormatter = new Intl.DateTimeFormat();\n  return dateFormatter.resolvedOptions().timeZone;\n}\n\n/**\n * The lazy-loaded timezone-groups lib to be used across instances.\n */\nlet timeZoneGroups: Promise<[any, any]>;\n\nexport async function createTimeZoneItems(\n  locale: SupportedLocale,\n  messages: InputTimeZoneMessages,\n  mode: TimeZoneMode,\n  referenceDate: Date,\n): Promise<TimeZoneItem[]> {\n  const referenceDateInMs: number = referenceDate.getTime();\n  const timeZoneNames = Intl.supportedValuesOf(\"timeZone\");\n\n  if (mode === \"offset\") {\n    if (!timeZoneGroups) {\n      timeZoneGroups = Promise.all([\n        import(\"timezone-groups/dist/index.js\"),\n        import(\"timezone-groups/dist/strategy/native/index.js\"),\n      ]);\n    }\n\n    return timeZoneGroups.then(async ([{ groupTimeZones }, { DateEngine }]) => {\n      const timeZoneGroups: { labelTzIndices: number[]; tzs: TimeZoneName[] }[] = await groupTimeZones({\n        dateEngine: new DateEngine(),\n        groupDateRange: 1,\n        startDate: new Date(referenceDateInMs).toISOString(),\n      });\n\n      const listFormatter = new Intl.ListFormat(locale, { style: \"long\", type: \"conjunction\" });\n\n      // we remove blocked entries from tzs and adjust label indices accordingly\n      timeZoneGroups.forEach((group) => {\n        const indexOffsets: number[] = [];\n        let removedSoFar = 0;\n\n        group.tzs.forEach((tz, index) => {\n          if (timeZoneNameBlockList.includes(tz)) {\n            removedSoFar++;\n          }\n          indexOffsets[index] = removedSoFar;\n        });\n\n        group.tzs = group.tzs.filter((tz) => !timeZoneNameBlockList.includes(tz));\n\n        group.labelTzIndices = group.labelTzIndices\n          .map((index) => index - indexOffsets[index])\n          .filter((index) => index >= 0 && index < group.tzs.length);\n      });\n\n      return timeZoneGroups\n        .map<TimeZoneItem<number>>(({ labelTzIndices, tzs }) => {\n          const groupRepTz = tzs[0];\n          const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, locale, referenceDateInMs));\n          const value = toOffsetValue(groupRepTz, referenceDateInMs);\n          const tzLabels = labelTzIndices.map((index: number) => {\n            const timeZone = tzs[index];\n            const timeZoneLabel = messages[timeZone];\n            return (\n              timeZoneLabel ||\n              // get city token\n              timeZone.split(\"/\").pop()\n            );\n          });\n\n          const label = createTimeZoneOffsetLabel(messages, decimalOffset, listFormatter.format(tzLabels));\n\n          return {\n            label,\n            value,\n            filterValue: tzs.map((tz) => toUserFriendlyName(tz)),\n          };\n        })\n        .filter((group) => !!group)\n        .sort((groupA, groupB) => groupA.value - groupB.value);\n    });\n  }\n\n  return timeZoneNames\n    .map<TimeZoneItem<string>>((timeZone) => {\n      const label = toUserFriendlyName(timeZone);\n      const value = timeZone;\n\n      return {\n        label,\n        value,\n        filterValue: timeZone,\n      };\n    })\n    .filter((group) => !!group)\n    .sort();\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function toUserFriendlyName(timeZoneName: string): string {\n  return timeZoneName.replace(/_/g, \" \");\n}\n\nfunction createTimeZoneOffsetLabel(messages: InputTimeZoneMessages, offsetLabel: string, groupLabel: string): string {\n  return messages.timeZoneLabel.replace(\"{offset}\", offsetLabel).replace(\"{cities}\", groupLabel);\n}\n\nfunction getTimeZoneShortOffset(\n  timeZone: TimeZoneName,\n  locale: SupportedLocale,\n  referenceDateInMs: number = Date.now(),\n): string {\n  const dateTimeFormat = getDateTimeFormat(locale, { timeZone, timeZoneName: \"shortOffset\" });\n  const parts = dateTimeFormat.formatToParts(referenceDateInMs);\n  return parts.find(({ type }) => type === \"timeZoneName\").value;\n}\n",":host {\n  display: block;\n}\n\n@include base-component();\n@include disabled();\n@include hidden-form-input();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { TimeZoneItem, TimeZoneMode } from \"./interfaces\";\nimport { Scale, Status } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\nimport { createTimeZoneItems, getUserTimeZoneName, getUserTimeZoneOffset } from \"./utils\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\n\n@Component({\n  tag: \"calcite-input-time-zone\",\n  styleUrl: \"input-time-zone.scss\",\n  assetsDirs: [\"assets\"],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class InputTimeZone\n  implements\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * 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  /** Specifies the component's maximum number of options to display before displaying a scrollbar. */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InputTimeZoneMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InputTimeZoneMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This specifies the type of `value` and the associated options presented to the user:\n   *\n   * Using `\"offset\"` will provide options related\n   *\n   * @default \"offset\"\n   */\n  @Prop({ reflect: true }) mode: TimeZoneMode = \"offset\";\n\n  @Watch(\"messages\")\n  @Watch(\"mode\")\n  @Watch(\"referenceDate\")\n  handleTimeZoneItemPropsChange(): void {\n    this.updateTimeZoneItemsAndSelection();\n  }\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop() validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.\n   *\n   * It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)\n   *\n   * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)\n   */\n  @Prop() referenceDate: Date | 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  /** Specifies the size of the component. */\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  /**\n   * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.\n   *\n   * If no value is provided, the user's time zone offset will be selected by default.\n   *\n   * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  @Watch(\"value\")\n  handleValueChange(value: string, oldValue: string): void {\n    const timeZoneItem = this.findTimeZoneItem(value);\n\n    if (!timeZoneItem) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.selectedTimeZoneItem = timeZoneItem;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    await this.comboboxEl.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeClose: EventEmitter<void>;\n\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeOpen: EventEmitter<void>;\n\n  @Event({ cancelable: false }) calciteInputTimeZoneChange: EventEmitter<void>;\n\n  @Event({ cancelable: false }) calciteInputTimeZoneClose: EventEmitter<void>;\n\n  @Event({ cancelable: false }) calciteInputTimeZoneOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTimeZoneElement;\n\n  private comboboxEl: HTMLCalciteComboboxElement;\n\n  @State() defaultMessages: InputTimeZoneMessages;\n\n  defaultValue: InputTimeZone[\"value\"];\n\n  @State() effectiveLocale: SupportedLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private selectedTimeZoneItem: TimeZoneItem;\n\n  private timeZoneItems: TimeZoneItem[];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private setComboboxRef = (el: HTMLCalciteComboboxElement): void => {\n    this.comboboxEl = el;\n  };\n\n  private onComboboxBeforeClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.calciteInputTimeZoneBeforeClose.emit();\n  };\n\n  private onComboboxBeforeOpen = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.calciteInputTimeZoneBeforeOpen.emit();\n  };\n\n  private onComboboxChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const combobox = event.target as HTMLCalciteComboboxElement;\n    const selected = this.findTimeZoneItem(combobox.selectedItems[0].getAttribute(\"data-value\"));\n\n    const selectedValue = `${selected.value}`;\n    if (this.value === selectedValue) {\n      return;\n    }\n\n    this.value = selectedValue;\n    this.selectedTimeZoneItem = selected;\n    this.calciteInputTimeZoneChange.emit();\n  };\n\n  private onComboboxClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.open = false;\n    this.calciteInputTimeZoneClose.emit();\n  };\n\n  private onComboboxOpen = (event: CustomEvent): void => {\n    this.open = true;\n    event.stopPropagation();\n    this.calciteInputTimeZoneOpen.emit();\n  };\n\n  private findTimeZoneItem(value: number | string): TimeZoneItem {\n    const valueToMatch = value;\n\n    return this.timeZoneItems.find(\n      ({ value }) =>\n        // intentional == to match string to number\n        value == valueToMatch,\n    );\n  }\n\n  private async updateTimeZoneItemsAndSelection(): Promise<void> {\n    this.timeZoneItems = await this.createTimeZoneItems();\n\n    const fallbackValue = this.mode === \"offset\" ? getUserTimeZoneOffset() : getUserTimeZoneName();\n    const valueToMatch = this.value ?? fallbackValue;\n\n    this.selectedTimeZoneItem = this.findTimeZoneItem(valueToMatch);\n\n    if (!this.selectedTimeZoneItem) {\n      this.selectedTimeZoneItem = this.findTimeZoneItem(fallbackValue);\n    }\n  }\n\n  private async createTimeZoneItems(): Promise<TimeZoneItem[]> {\n    if (!this.effectiveLocale || !this.messages) {\n      return [];\n    }\n\n    return createTimeZoneItems(\n      this.effectiveLocale,\n      this.messages,\n      this.mode,\n      this.referenceDate instanceof Date\n        ? this.referenceDate\n        : new Date(this.referenceDate ?? Date.now()),\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectForm(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectForm(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n\n    await this.updateTimeZoneItemsAndSelection();\n\n    const selectedValue = `${this.selectedTimeZoneItem.value}`;\n    afterConnectDefaultValueSet(this, selectedValue);\n    this.value = selectedValue;\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <calcite-combobox\n            clearDisabled={true}\n            disabled={this.disabled}\n            label={this.messages.chooseTimeZone}\n            lang={this.effectiveLocale}\n            maxItems={this.maxItems}\n            onCalciteComboboxBeforeClose={this.onComboboxBeforeClose}\n            onCalciteComboboxBeforeOpen={this.onComboboxBeforeOpen}\n            onCalciteComboboxChange={this.onComboboxChange}\n            onCalciteComboboxClose={this.onComboboxClose}\n            onCalciteComboboxOpen={this.onComboboxOpen}\n            open={this.open}\n            overlayPositioning={this.overlayPositioning}\n            scale={this.scale}\n            selectionMode=\"single-persist\"\n            status={this.status}\n            validation-icon={this.validationIcon}\n            validation-message={this.validationMessage}\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.setComboboxRef}\n          >\n            {this.timeZoneItems.map((group) => {\n              const selected = this.selectedTimeZoneItem === group;\n              const { label, value } = group;\n\n              return (\n                <calcite-combobox-item\n                  data-value={value}\n                  key={label}\n                  selected={selected}\n                  textLabel={label}\n                  value={`${group.filterValue}`}\n                />\n              );\n            })}\n          </calcite-combobox>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}