@esri/calcite-components 2.9.0 → 2.9.1-next.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["actionMenuCss","CalciteActionMenuStyle0","SUPPORTED_MENU_NAV_KEYS","ActionMenu","this","actionElements","guid","menuId","menuButtonId","connectMenuButtonEl","open","label","menuButtonEl","slottedMenuButtonEl","defaultMenuButtonEl","disconnectMenuButtonEl","setTooltipReferenceElement","active","setAttribute","toAriaBoolean","id","text","addEventListener","menuButtonClick","menuButtonKeyDown","removeEventListener","setMenuButtonEl","event","actions","target","assignedElements","flatten","filter","el","matches","setDefaultMenuButtonEl","handleCalciteActionClick","setFocus","toggleOpen","updateTooltip","tooltips","tooltipEl","expanded","referenceElement","updateAction","action","index","activeMenuItemIndex","tabIndex","toggleAttribute","activeAttr","updateActions","forEach","handleDefaultSlotChange","reduce","previousValue","currentValue","push","concat","Array","from","querySelectorAll","disabled","hidden","key","length","isActivationKey","preventDefault","click","handleActionNavigation","isValidKey","currentIndex","getRoundRobinIndex","Math","max","toggleOpenEnd","value","handlePopoverOpen","handlePopoverClose","connectedCallback","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","expandedHandler","openHandler","calciteActionMenuOpen","emit","activeMenuItemIndexHandler","componentFocusable","focusElement","renderMenuButton","appearance","scale","menuButtonSlot","h","name","SLOTS","trigger","onSlotchange","class","CSS","defaultTrigger","icon","ICONS","menu","ref","textEnabled","renderMenuItems","placement","overlayPositioning","flipPlacements","activeAction","activeDescendantId","autoClose","focusTrapDisabled","offsetDistance","onCalcitePopoverClose","onCalcitePopoverOpen","pointerDisabled","onClick","role","render","Fragment","tooltip","supportedKeys","find","k"],"sources":["src/components/action-menu/action-menu.scss?tag=calcite-action-menu&encapsulation=shadow","src/components/action-menu/action-menu.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n  text-1\n  box-border\n  flex\n  flex-col;\n}\n\n::slotted(calcite-action-group) {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n::slotted(calcite-action-group:last-child) {\n  border-block-end: 0;\n}\n\n.default-trigger {\n  @apply relative\n  h-full\n  flex-initial\n  self-stretch;\n}\n\n@include slotted(\"trigger\", \"calcite-action\") {\n  @apply relative\n  h-full\n  flex-initial\n  self-stretch;\n}\n\n.menu {\n  @apply flex-col\n  flex-nowrap\n  outline-none\n  overflow-y-auto\n  overflow-x-hidden\n  max-h-menu;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { Fragment, VNode } from \"@stencil/core/internal\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport { EffectivePlacement, LogicalPlacement, OverlayPositioning } from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Scale } from \"../interfaces\";\nimport { activeAttr, CSS, ICONS, SLOTS } from \"./resources\";\n\nconst SUPPORTED_MENU_NAV_KEYS = [\"ArrowUp\", \"ArrowDown\", \"End\", \"Home\"];\n\n/**\n * @slot - A slot for adding `calcite-action`s.\n * @slot trigger - A slot for adding a `calcite-action` to trigger opening the menu.\n * @slot tooltip - A slot for adding an tooltip for the menu.\n */\n@Component({\n  tag: \"calcite-action-menu\",\n  styleUrl: \"action-menu.scss\",\n  shadow: true,\n})\nexport class ActionMenu implements LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.connectMenuButtonEl();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.disconnectMenuButtonEl();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    this.open = false;\n    this.setTooltipReferenceElement();\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  /**\n   *  Specifies the text string for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * When `true`, the component is open.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(open: boolean): void {\n    this.activeMenuItemIndex = this.open ? 0 : -1;\n    if (this.menuButtonEl) {\n      this.menuButtonEl.active = open;\n    }\n    this.calciteActionMenuOpen.emit();\n\n    this.setTooltipReferenceElement();\n  }\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   * `\"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   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop({ reflect: true }) placement: LogicalPlacement = \"auto\";\n\n  /**\n   * Specifies the size of the component's trigger `calcite-action`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the `open` property is toggled.\n   *\n   */\n  @Event({ cancelable: false }) calciteActionMenuOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionMenuElement;\n\n  @State() menuButtonEl: HTMLCalciteActionElement;\n\n  slottedMenuButtonEl: HTMLCalciteActionElement;\n\n  defaultMenuButtonEl: HTMLCalciteActionElement;\n\n  actionElements: HTMLCalciteActionElement[] = [];\n\n  guid = `calcite-action-menu-${guid()}`;\n\n  menuId = `${this.guid}-menu`;\n\n  menuButtonId = `${this.guid}-menu-button`;\n\n  tooltipEl: HTMLCalciteTooltipElement;\n\n  @State() activeMenuItemIndex = -1;\n\n  @Watch(\"activeMenuItemIndex\")\n  activeMenuItemIndexHandler(): void {\n    this.updateActions(this.actionElements);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return focusElement(this.menuButtonEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  connectMenuButtonEl = (): void => {\n    const { menuButtonId, menuId, open, label } = this;\n    const menuButtonEl = this.slottedMenuButtonEl || this.defaultMenuButtonEl;\n\n    if (this.menuButtonEl === menuButtonEl) {\n      return;\n    }\n\n    this.disconnectMenuButtonEl();\n\n    this.menuButtonEl = menuButtonEl;\n\n    this.setTooltipReferenceElement();\n\n    if (!menuButtonEl) {\n      return;\n    }\n\n    menuButtonEl.active = open;\n    menuButtonEl.setAttribute(\"aria-controls\", menuId);\n    menuButtonEl.setAttribute(\"aria-expanded\", toAriaBoolean(open));\n    menuButtonEl.setAttribute(\"aria-haspopup\", \"true\");\n\n    if (!menuButtonEl.id) {\n      menuButtonEl.id = menuButtonId;\n    }\n\n    if (!menuButtonEl.label) {\n      menuButtonEl.label = label;\n    }\n\n    if (!menuButtonEl.text) {\n      menuButtonEl.text = label;\n    }\n\n    menuButtonEl.addEventListener(\"click\", this.menuButtonClick);\n    menuButtonEl.addEventListener(\"keydown\", this.menuButtonKeyDown);\n  };\n\n  disconnectMenuButtonEl = (): void => {\n    const { menuButtonEl } = this;\n\n    if (!menuButtonEl) {\n      return;\n    }\n\n    menuButtonEl.removeEventListener(\"click\", this.menuButtonClick);\n    menuButtonEl.removeEventListener(\"keydown\", this.menuButtonKeyDown);\n  };\n\n  setMenuButtonEl = (event: Event): void => {\n    const actions = (event.target as HTMLSlotElement)\n      .assignedElements({\n        flatten: true,\n      })\n      .filter((el) => el?.matches(\"calcite-action\")) as HTMLCalciteActionElement[];\n\n    this.slottedMenuButtonEl = actions[0];\n    this.connectMenuButtonEl();\n  };\n\n  setDefaultMenuButtonEl = (el: HTMLCalciteActionElement): void => {\n    this.defaultMenuButtonEl = el;\n    this.connectMenuButtonEl();\n  };\n\n  renderMenuButton(): VNode {\n    const { appearance, label, scale, expanded } = this;\n\n    const menuButtonSlot = (\n      <slot name={SLOTS.trigger} onSlotchange={this.setMenuButtonEl}>\n        <calcite-action\n          appearance={appearance}\n          class={CSS.defaultTrigger}\n          icon={ICONS.menu}\n          ref={this.setDefaultMenuButtonEl}\n          scale={scale}\n          text={label}\n          textEnabled={expanded}\n        />\n      </slot>\n    );\n\n    return menuButtonSlot;\n  }\n\n  renderMenuItems(): VNode {\n    const {\n      actionElements,\n      activeMenuItemIndex,\n      open,\n      menuId,\n      menuButtonEl,\n      label,\n      placement,\n      overlayPositioning,\n      flipPlacements,\n    } = this;\n\n    const activeAction = actionElements[activeMenuItemIndex];\n    const activeDescendantId = activeAction?.id || null;\n\n    return (\n      <calcite-popover\n        autoClose={true}\n        flipPlacements={flipPlacements}\n        focusTrapDisabled={true}\n        label={label}\n        offsetDistance={0}\n        onCalcitePopoverClose={this.handlePopoverClose}\n        onCalcitePopoverOpen={this.handlePopoverOpen}\n        open={open}\n        overlayPositioning={overlayPositioning}\n        placement={placement}\n        pointerDisabled={true}\n        referenceElement={menuButtonEl}\n      >\n        <div\n          aria-activedescendant={activeDescendantId}\n          aria-labelledby={menuButtonEl?.id}\n          class={CSS.menu}\n          id={menuId}\n          onClick={this.handleCalciteActionClick}\n          role=\"menu\"\n          tabIndex={-1}\n        >\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </div>\n      </calcite-popover>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderMenuButton()}\n        {this.renderMenuItems()}\n        <slot name={SLOTS.tooltip} onSlotchange={this.updateTooltip} />\n      </Fragment>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleCalciteActionClick = (): void => {\n    this.open = false;\n    this.setFocus();\n  };\n\n  private menuButtonClick = (): void => {\n    this.toggleOpen();\n  };\n\n  updateTooltip = (event: Event): void => {\n    const tooltips = (event.target as HTMLSlotElement)\n      .assignedElements({\n        flatten: true,\n      })\n      .filter((el) => el?.matches(\"calcite-tooltip\")) as HTMLCalciteTooltipElement[];\n\n    this.tooltipEl = tooltips[0];\n    this.setTooltipReferenceElement();\n  };\n\n  setTooltipReferenceElement = (): void => {\n    const { tooltipEl, expanded, menuButtonEl, open } = this;\n\n    if (tooltipEl) {\n      tooltipEl.referenceElement = !expanded && !open ? menuButtonEl : null;\n    }\n  };\n\n  updateAction = (action: HTMLCalciteActionElement, index: number): void => {\n    const { guid, activeMenuItemIndex } = this;\n    const id = `${guid}-action-${index}`;\n\n    action.tabIndex = -1;\n    action.setAttribute(\"role\", \"menuitem\");\n\n    if (!action.id) {\n      action.id = id;\n    }\n\n    // data attribute is used to style the \"activeMenuItemIndex\" action using token focus styling.\n    action.toggleAttribute(activeAttr, index === activeMenuItemIndex);\n  };\n\n  updateActions = (actions: HTMLCalciteActionElement[]): void => {\n    actions?.forEach(this.updateAction);\n  };\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const actions = (event.target as HTMLSlotElement)\n      .assignedElements({\n        flatten: true,\n      })\n      .reduce(\n        (previousValue: HTMLCalciteActionElement[], currentValue): HTMLCalciteActionElement[] => {\n          if (currentValue?.matches(\"calcite-action\")) {\n            previousValue.push(currentValue as HTMLCalciteActionElement);\n            return previousValue;\n          }\n\n          if (currentValue?.matches(\"calcite-action-group\")) {\n            return previousValue.concat(\n              Array.from(currentValue.querySelectorAll(\"calcite-action\")),\n            );\n          }\n\n          return previousValue;\n        },\n        [],\n      );\n\n    this.actionElements = actions.filter((action) => !action.disabled && !action.hidden);\n  };\n\n  isValidKey(key: string, supportedKeys: string[]): boolean {\n    return !!supportedKeys.find((k) => k === key);\n  }\n\n  menuButtonKeyDown = (event: KeyboardEvent): void => {\n    const { key } = event;\n    const { actionElements, activeMenuItemIndex, open } = this;\n\n    if (!actionElements.length) {\n      return;\n    }\n\n    if (isActivationKey(key)) {\n      event.preventDefault();\n\n      if (!open) {\n        this.toggleOpen();\n        return;\n      }\n\n      const action = actionElements[activeMenuItemIndex];\n      action ? action.click() : this.toggleOpen(false);\n    }\n\n    if (key === \"Tab\") {\n      this.open = false;\n      return;\n    }\n\n    if (key === \"Escape\") {\n      this.toggleOpen(false);\n      event.preventDefault();\n      return;\n    }\n\n    this.handleActionNavigation(event, key, actionElements);\n  };\n\n  handleActionNavigation = (\n    event: KeyboardEvent,\n    key: string,\n    actions: HTMLCalciteActionElement[],\n  ): void => {\n    if (!this.isValidKey(key, SUPPORTED_MENU_NAV_KEYS)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (!this.open) {\n      this.toggleOpen();\n\n      if (key === \"Home\" || key === \"ArrowDown\") {\n        this.activeMenuItemIndex = 0;\n      }\n\n      if (key === \"End\" || key === \"ArrowUp\") {\n        this.activeMenuItemIndex = actions.length - 1;\n      }\n\n      return;\n    }\n\n    if (key === \"Home\") {\n      this.activeMenuItemIndex = 0;\n    }\n\n    if (key === \"End\") {\n      this.activeMenuItemIndex = actions.length - 1;\n    }\n\n    const currentIndex = this.activeMenuItemIndex;\n\n    if (key === \"ArrowUp\") {\n      this.activeMenuItemIndex = getRoundRobinIndex(Math.max(currentIndex - 1, -1), actions.length);\n    }\n\n    if (key === \"ArrowDown\") {\n      this.activeMenuItemIndex = getRoundRobinIndex(currentIndex + 1, actions.length);\n    }\n  };\n\n  toggleOpenEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calcitePopoverOpen\", this.toggleOpenEnd);\n  };\n\n  toggleOpen = (value = !this.open): void => {\n    this.el.addEventListener(\"calcitePopoverOpen\", this.toggleOpenEnd);\n    this.open = value;\n  };\n\n  private handlePopoverOpen = (): void => {\n    this.open = true;\n  };\n\n  private handlePopoverClose = (): void => {\n    this.open = false;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-b30c208b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{d as e}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var a={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(a){return a+"."}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-b30c208b.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["locale","name","weekdays","split","months","weekdaysShort","monthsShort","weekdaysMin","weekStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","ordinal","n","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/id.js"],"sourcesContent":["// Indonesian [id]\nimport dayjs from '../index';\nvar locale = {\n  name: 'id',\n  weekdays: 'Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu'.split('_'),\n  months: 'Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember'.split('_'),\n  weekdaysShort: 'Min_Sen_Sel_Rab_Kam_Jum_Sab'.split('_'),\n  monthsShort: 'Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des'.split('_'),\n  weekdaysMin: 'Mg_Sn_Sl_Rb_Km_Jm_Sb'.split('_'),\n  weekStart: 1,\n  formats: {\n    LT: 'HH.mm',\n    LTS: 'HH.mm.ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY [pukul] HH.mm',\n    LLLL: 'dddd, D MMMM YYYY [pukul] HH.mm'\n  },\n  relativeTime: {\n    future: 'dalam %s',\n    past: '%s yang lalu',\n    s: 'beberapa detik',\n    m: 'semenit',\n    mm: '%d menit',\n    h: 'sejam',\n    hh: '%d jam',\n    d: 'sehari',\n    dd: '%d hari',\n    M: 'sebulan',\n    MM: '%d bulan',\n    y: 'setahun',\n    yy: '%d tahun'\n  },\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,6CAA6CC,MAAM,KAC7DC,OAAQ,yFAAyFD,MAAM,KACvGE,cAAe,8BAA8BF,MAAM,KACnDG,YAAa,kDAAkDH,MAAM,KACrEI,YAAa,uBAAuBJ,MAAM,KAC1CK,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,cACJC,IAAK,4BACLC,KAAM,mCAERC,aAAc,CACZC,OAAQ,WACRC,KAAM,eACNC,EAAG,iBACHC,EAAG,UACHC,GAAI,WACJC,EAAG,QACHC,GAAI,SACJC,EAAG,SACHC,GAAI,UACJC,EAAG,UACHC,GAAI,WACJC,EAAG,UACHC,GAAI,YAENC,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,GAEAC,EAAMhC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-b30f3fed.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{h as t}from"./p-0bbe3b36.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const n=e.level?`h${e.level}`:"div";delete e.level;return t(n,{...e},r)};export{r as H,e as c};
+//# sourceMappingURL=p-b30f3fed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["constrainHeadingLevel","level","Math","min","max","ceil","Heading","props","children","HeadingTag","h"],"sources":["src/components/functional/Heading.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeadingProps extends JSXBase.HTMLAttributes {\n  level?: HeadingLevel;\n}\n\nexport function constrainHeadingLevel(level: number): HeadingLevel {\n  return Math.min(Math.max(Math.ceil(level), 1), 6) as HeadingLevel;\n}\n\nexport const Heading: FunctionalComponent<HeadingProps> = (props, children) => {\n  const HeadingTag = props.level ? `h${props.level}` : \"div\";\n\n  delete props.level;\n\n  return <HeadingTag {...props}>{children}</HeadingTag>;\n};\n"],"mappings":";;;;;6CASgBA,EAAsBC,GACpC,OAAOC,KAAKC,IAAID,KAAKE,IAAIF,KAAKG,KAAKJ,GAAQ,GAAI,EACjD,C,MAEaK,EAA6C,CAACC,EAAOC,KAChE,MAAMC,EAAaF,EAAMN,MAAQ,IAAIM,EAAMN,QAAU,aAE9CM,EAAMN,MAEb,OAAOS,EAACD,EAAU,IAAKF,GAAQC,EAAsB,S","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as t,c as e,h as s,H as i,g as n}from"./p-0bbe3b36.js";import{c as a,d as o}from"./p-3c66cb95.js";import{u as h,I as c}from"./p-23081ea2.js";import{e as r,c as l,d}from"./p-2988aea6.js";import{u,c as f,d as m,s as p}from"./p-8e771cd5.js";import{c as b,s as g,a as T}from"./p-9ce0d310.js";import{c as C,d as y,a as I,H as v}from"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-ec386b22.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-bb1ecc62.js";const D=60;const Z=["CET","CST6CDT","EET","EST","EST5EDT","Factory","HST","MET","MST","MST7MDT","PST8PDT","UTC","WET"];function j(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=O(t,"en-US",e).replace("GMT","");if(s===""){return 0}return Number(j(s))*D}function M(){const t=new Date;return t.getTimezoneOffset()*-1}function k(){const t=new Intl.DateTimeFormat;return t.resolvedOptions().timeZone}let x;async function E(t,e,s,i){const n=i.getTime();const a=Intl.supportedValuesOf("timeZone");if(s==="offset"){if(!x){x=Promise.all([import("./p-43530807.js"),import("./p-70b346d9.js")])}return x.then((async([{groupTimeZones:s},{DateEngine:i}])=>{const a=await s({dateEngine:new i,groupDateRange:1,startDate:new Date(n).toISOString()});const o=new Intl.ListFormat(t,{style:"long",type:"conjunction"});a.forEach((t=>{const e=[];let s=0;t.tzs.forEach(((t,i)=>{if(Z.includes(t)){s++}e[i]=s}));t.tzs=t.tzs.filter((t=>!Z.includes(t)));t.labelTzIndices=t.labelTzIndices.map((t=>t-e[t])).filter((e=>e>=0&&e<t.tzs.length))}));return a.map((({labelTzIndices:s,tzs:i})=>{const a=i[0];const h=j(O(a,t,n));const c=w(a,n);const r=s.map((t=>{const s=i[t];const n=e[s];return n||s.split("/").pop()}));const l=L(e,h,o.format(r));return{label:l,value:c,filterValue:i.map((t=>S(t)))}})).filter((t=>!!t)).sort(((t,e)=>t.value-e.value))}))}return a.map((t=>{const e=S(t);const s=t;return{label:e,value:s,filterValue:t}})).filter((t=>!!t)).sort()}function S(t){return t.replace(/_/g," ")}function L(t,e,s){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",s)}function O(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}function P(t,e,s){return s==null?null:t.find((t=>t[e]==s))}const z=":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 B=z;const V=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=e.selectedItems[0];if(!s){this.value=null;this.selectedTimeZoneItem=null;this.calciteInputTimeZoneChange.emit();return}const i=this.findTimeZoneItemByLabel(s.textLabel);const n=`${i.value}`;if(this.value===n&&i.label===this.selectedTimeZoneItem.label){return}this.value=n;this.selectedTimeZoneItem=i;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.clearable=false;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.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};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.readOnly=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}handleTimeZoneItemPropsChange(){this.updateTimeZoneItemsAndSelection()}handleValueChange(t,e){t=this.normalizeValue(t);if(!t&&this.clearable){this.value=t;this.selectedTimeZoneItem=null;return}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){return P(this.timeZoneItems,"value",t)}findTimeZoneItemByLabel(t){return P(this.timeZoneItems,"label",t)}async updateTimeZoneItemsAndSelection(){this.timeZoneItems=await this.createTimeZoneItems();if(this.value===""&&this.clearable){this.selectedTimeZoneItem=null;return}const t=this.mode==="offset"?M():k();const e=this.value??t;this.selectedTimeZoneItem=this.findTimeZoneItem(e)||this.findTimeZoneItem(t)}async createTimeZoneItems(){if(!this.effectiveLocale||!this.messages){return[]}return E(this.effectiveLocale,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()))}connectedCallback(){C(this);a(this);l(this);f(this)}disconnectedCallback(){y(this);o(this);d(this);m(this)}normalizeValue(t){return t===null?"":t}async componentWillLoad(){g(this);await p(this);this.value=this.normalizeValue(this.value);await this.updateTimeZoneItemsAndSelection();const t=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:null;I(this,t);this.value=t}componentDidLoad(){T(this)}componentDidRender(){h(this)}render(){return s(i,{key:"240ec55973f3b514109f4f7b37e180c50904396c"},s(c,{key:"dd354cbb64a9207d5a8a76c8506addc4ad7a6cba",disabled:this.disabled},s("calcite-combobox",{key:"5bcf50d77eedd614eeaa1884a77fa7c23549635c",clearDisabled:!this.clearable,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,placeholder:this.mode==="name"?this.messages.namePlaceholder:this.messages.offsetPlaceholder,readOnly:this.readOnly,ref:this.setComboboxRef,scale:this.scale,selectionMode:this.clearable?"single":"single-persist",status:this.status,"validation-icon":this.validationIcon,"validation-message":this.validationMessage},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(v,{key:"8e430121c67530bded9a9060dea8f4d4f1de5457",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"]}}};V.style=B;export{V as calcite_input_time_zone};
+//# sourceMappingURL=p-b3813f76.entry.js.map

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

@@ -0,0 +1 @@
+{"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","findTimeZoneItemByProp","timeZoneItems","prop","valueToMatch","item","inputTimeZoneCss","CalciteInputTimeZoneStyle0","InputTimeZone","this","setComboboxRef","el","comboboxEl","onComboboxBeforeClose","event","stopPropagation","calciteInputTimeZoneBeforeClose","emit","onComboboxBeforeOpen","calciteInputTimeZoneBeforeOpen","onComboboxChange","combobox","target","selectedItem","selectedItems","selectedTimeZoneItem","calciteInputTimeZoneChange","selected","findTimeZoneItemByLabel","textLabel","selectedValue","onComboboxClose","open","calciteInputTimeZoneClose","onComboboxOpen","calciteInputTimeZoneOpen","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","onMessagesChange","handleTimeZoneItemPropsChange","updateTimeZoneItemsAndSelection","handleValueChange","oldValue","normalizeValue","clearable","timeZoneItem","findTimeZoneItem","setFocus","componentFocusable","effectiveLocaleWatcher","updateMessages","effectiveLocale","onLabelClick","fallbackValue","connectedCallback","connectForm","connectLabel","connectLocalized","connectMessages","disconnectedCallback","disconnectForm","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","key","InteractiveContainer","disabled","clearDisabled","chooseTimeZone","lang","maxItems","onCalciteComboboxBeforeClose","onCalciteComboboxBeforeOpen","onCalciteComboboxChange","onCalciteComboboxClose","onCalciteComboboxOpen","overlayPositioning","placeholder","namePlaceholder","offsetPlaceholder","readOnly","ref","scale","selectionMode","status","validationIcon","validationMessage","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 { getDateTimeFormat, SupportedLocale } from \"../../utils/locale\";\nimport { TimeZoneItem, TimeZoneMode, TimeZoneName } from \"./interfaces\";\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\nexport function findTimeZoneItemByProp(\n  timeZoneItems: TimeZoneItem[],\n  prop: string,\n  valueToMatch: string | number | null,\n): TimeZoneItem | null {\n  return valueToMatch == null\n    ? null\n    : timeZoneItems.find(\n        (item) =>\n          // intentional == to match string to number\n          item[prop] == valueToMatch,\n      );\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 { Scale, Status } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\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  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  createTimeZoneItems,\n  findTimeZoneItemByProp,\n  getUserTimeZoneName,\n  getUserTimeZoneOffset,\n} from \"./utils\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\nimport { TimeZoneItem, TimeZoneMode } from \"./interfaces\";\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`, an empty value (`null`) will be allowed as a `value`.\n   *\n   * When `false`, an offset or name value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop({ reflect: true }) clearable = false;\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 that show timezone offsets.\n   *\n   * Using `\"name\"` will provide options that show the IANA time zone names.\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({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\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    value = this.normalizeValue(value);\n\n    if (!value && this.clearable) {\n      this.value = value;\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\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   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   */\n  @Prop({ reflect: true }) readOnly = false;\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  /**\n   * Fires when the component is requested to be closed and before the closing transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeClose: EventEmitter<void>;\n\n  /**\n   * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneChange: EventEmitter<void>;\n\n  /**\n   * Fires after the component is closed and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneClose: EventEmitter<void>;\n\n  /**\n   * Fires after the component is opened and animation is complete.\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 selectedItem = combobox.selectedItems[0];\n\n    if (!selectedItem) {\n      this.value = null;\n      this.selectedTimeZoneItem = null;\n      this.calciteInputTimeZoneChange.emit();\n      return;\n    }\n\n    const selected = this.findTimeZoneItemByLabel(selectedItem.textLabel);\n\n    const selectedValue = `${selected.value}`;\n\n    if (this.value === selectedValue && selected.label === this.selectedTimeZoneItem.label) {\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 | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"value\", value);\n  }\n\n  private findTimeZoneItemByLabel(label: string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"label\", label);\n  }\n\n  private async updateTimeZoneItemsAndSelection(): Promise<void> {\n    this.timeZoneItems = await this.createTimeZoneItems();\n\n    if (this.value === \"\" && this.clearable) {\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const fallbackValue = this.mode === \"offset\" ? getUserTimeZoneOffset() : getUserTimeZoneName();\n    const valueToMatch = this.value ?? fallbackValue;\n\n    this.selectedTimeZoneItem =\n      this.findTimeZoneItem(valueToMatch) || this.findTimeZoneItem(fallbackValue);\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  private normalizeValue(value: string | null): string {\n    return value === null ? \"\" : value;\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.value = this.normalizeValue(this.value);\n\n    await this.updateTimeZoneItemsAndSelection();\n\n    const selectedValue = this.selectedTimeZoneItem ? `${this.selectedTimeZoneItem.value}` : null;\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={!this.clearable}\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            placeholder={\n              this.mode === \"name\" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder\n            }\n            readOnly={this.readOnly}\n            ref={this.setComboboxRef}\n            scale={this.scale}\n            selectionMode={this.clearable ? \"single\" : \"single-persist\"}\n            status={this.status}\n            validation-icon={this.validationIcon}\n            validation-message={this.validationMessage}\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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","ignoreList":[]}

package/dist/calcite/p-b50e5728.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+const e={actionBarContainer:"action-bar-container",backButton:"back-button",container:"container",contentBottom:"content-bottom",contentTop:"content-top",header:"header",headerContainer:"header-container",headerContainerBorderEnd:"header-container--border-end",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",fabContainer:"fab-container",footer:"footer"};const t={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right",expand:"chevron-down",collapse:"chevron-up"};const n={actionBar:"action-bar",contentBottom:"content-bottom",contentTop:"content-top",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};export{e as C,t as I,n as S};
+//# sourceMappingURL=p-b50e5728.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","actionBarContainer","backButton","container","contentBottom","contentTop","header","headerContainer","headerContainerBorderEnd","heading","summary","description","headerContent","headerActions","headerActionsEnd","headerActionsStart","contentWrapper","fabContainer","footer","ICONS","close","menu","backLeft","backRight","expand","collapse","SLOTS","actionBar","headerMenuActions","fab","footerActions"],"sources":["src/components/panel/resources.ts"],"sourcesContent":["export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  backButton: \"back-button\",\n  container: \"container\",\n  contentBottom: \"content-bottom\",\n  contentTop: \"content-top\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerContainerBorderEnd: \"header-container--border-end\",\n  heading: \"heading\",\n  summary: \"summary\",\n  description: \"description\",\n  headerContent: \"header-content\",\n  headerActions: \"header-actions\",\n  headerActionsEnd: \"header-actions--end\",\n  headerActionsStart: \"header-actions--start\",\n  contentWrapper: \"content-wrapper\",\n  fabContainer: \"fab-container\",\n  footer: \"footer\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n  menu: \"ellipsis\",\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\",\n  expand: \"chevron-down\",\n  collapse: \"chevron-up\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  contentBottom: \"content-bottom\",\n  contentTop: \"content-top\",\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\",\n};\n\nexport const HEADING_LEVEL = 3;\n"],"mappings":";;;;;MAAaA,EAAM,CACjBC,mBAAoB,uBACpBC,WAAY,cACZC,UAAW,YACXC,cAAe,iBACfC,WAAY,cACZC,OAAQ,SACRC,gBAAiB,mBACjBC,yBAA0B,+BAC1BC,QAAS,UACTC,QAAS,UACTC,YAAa,cACbC,cAAe,iBACfC,cAAe,iBACfC,iBAAkB,sBAClBC,mBAAoB,wBACpBC,eAAgB,kBAChBC,aAAc,gBACdC,OAAQ,U,MAGGC,EAAQ,CACnBC,MAAO,IACPC,KAAM,WACNC,SAAU,eACVC,UAAW,gBACXC,OAAQ,eACRC,SAAU,c,MAGCC,EAAQ,CACnBC,UAAW,aACXvB,cAAe,iBACfC,WAAY,cACZU,mBAAoB,uBACpBD,iBAAkB,qBAClBc,kBAAmB,sBACnBhB,cAAe,iBACfiB,IAAK,MACLX,OAAQ,SACRY,cAAe,yB","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as e,c as t,h as i,g as s}from"./p-0bbe3b36.js";import{f as a}from"./p-1d11b92d.js";import{c as n,u as o,d as c,I as r}from"./p-23081ea2.js";import{s as l,a as d,c as h}from"./p-9ce0d310.js";import{c as p,d as f}from"./p-2988aea6.js";import{u as m,s as b,c as u,d as g}from"./p-8e771cd5.js";import{d as y}from"./p-20e841e7.js";import"./p-7599ac37.js";import"./p-ec386b22.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-67d7e16e.js";import"./p-bb1ecc62.js";const v={container:"container",searchIcon:"search-icon"};const x={search:"search",close:"x"};const j=250;const k=":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{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-color-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";const w=k;const z=class{constructor(i){e(this,i);this.calciteFilterChange=t(this,"calciteFilterChange",6);this.filterDebounced=y(((e,t=false,i)=>this.items.length&&this.updateFiltered(a(this.items,e),t,i)),j);this.inputHandler=e=>{const t=e.target;this.value=t.value;this.filterDebounced(t.value,true)};this.keyDownHandler=e=>{if(e.defaultPrevented){return}if(e.key==="Escape"){this.clear();e.preventDefault()}if(e.key==="Enter"){e.preventDefault()}};this.clear=()=>{this.value="";this.filterDebounced("",true);this.setFocus()};this.items=[];this.disabled=false;this.filteredItems=[];this.placeholder=undefined;this.scale="m";this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}watchItemsHandler(){this.filterDebounced(this.value)}onMessagesChange(){}valueHandler(e){this.filterDebounced(e)}effectiveLocaleChange(){m(this,this.effectiveLocale)}async componentWillLoad(){l(this);if(this.items.length){this.updateFiltered(a(this.items,this.value))}await b(this)}connectedCallback(){n(this);p(this);u(this)}componentDidRender(){o(this)}disconnectedCallback(){c(this);f(this);g(this);this.filterDebounced.cancel()}componentDidLoad(){d(this)}async filter(e=this.value){return new Promise((t=>{this.value=e;this.filterDebounced(e,false,t)}))}async setFocus(){await h(this);this.el?.focus()}updateFiltered(e,t=false,i){this.filteredItems=e;if(t){this.calciteFilterChange.emit()}i?.()}render(){const{disabled:e,scale:t}=this;return i(r,{key:"f7270a6dc848da7a11ffeffd783836d083f75378",disabled:e},i("div",{key:"7fe378823d3a5c458fcf385ffce80b498a599fa8",class:v.container},i("label",{key:"7ff51820e2e168353ff00629c3bcbc9e5b13ef54"},i("calcite-input",{key:"2a88ad1df11bea05807e6c7980dea1c0f9e91dbc",clearable:true,disabled:e,icon:x.search,label:this.messages.label,messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:e=>{this.textInput=e},scale:t,type:"text",value:this.value}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=w;export{z as calcite_filter};
+//# sourceMappingURL=p-b58d02aa.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","searchIcon","ICONS","search","close","DEBOUNCE_TIMEOUT","filterCss","CalciteFilterStyle0","Filter","this","filterDebounced","debounce","value","emit","onFilter","items","length","updateFiltered","filter","inputHandler","event","target","keyDownHandler","defaultPrevented","key","clear","preventDefault","setFocus","watchItemsHandler","onMessagesChange","valueHandler","effectiveLocaleChange","updateMessages","effectiveLocale","componentWillLoad","setUpLoadableComponent","setUpMessages","connectedCallback","connectInteractive","connectLocalized","connectMessages","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","cancel","componentDidLoad","setComponentLoaded","Promise","resolve","componentFocusable","el","focus","filtered","callback","filteredItems","calciteFilterChange","render","disabled","scale","h","InteractiveContainer","class","clearable","icon","label","messages","messageOverrides","onCalciteInputInput","onKeyDown","placeholder","ref","textInput","type"],"sources":["src/components/filter/resources.ts","src/components/filter/filter.scss?tag=calcite-filter&encapsulation=shadow","src/components/filter/filter.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  searchIcon: \"search-icon\",\n};\n\nexport const ICONS = {\n  search: \"search\",\n  close: \"x\",\n};\n\nexport const DEBOUNCE_TIMEOUT = 250;\n",":host {\n  @extend %component-host;\n  @apply flex w-full;\n}\n\n@include disabled();\n\n.container {\n  @apply flex w-full p-2;\n}\n\nlabel {\n  @apply relative\n    mx-1\n    my-0\n    flex w-full\n    items-center\n    overflow-hidden;\n}\n\ninput[type=\"text\"] {\n  @apply font-inherit\n    text-color-1\n    text-n2h\n    mb-1\n    w-full\n    border-none\n    bg-transparent\n    py-1;\n  padding-inline-end: theme(\"spacing.1\");\n  padding-inline-start: theme(\"spacing.6\");\n  transition:\n    padding var(--calcite-animation-timing),\n    box-shadow var(--calcite-animation-timing);\n  &::-ms-clear {\n    @apply hidden;\n  }\n}\n\ncalcite-input {\n  @apply w-full;\n}\n\n.search-icon {\n  @apply text-color-2\n    absolute\n    flex;\n  inset-inline-start: 0;\n  transition:\n    inset-inline-start var(--calcite-animation-timing),\n    inset-inline-end var(--calcite-animation-timing),\n    opacity var(--calcite-animation-timing);\n}\n\ninput[type=\"text\"]:focus {\n  @apply border-color-brand outline-none;\n  padding-inline: theme(\"padding.1\");\n  & ~ .search-icon {\n    inset-inline-start: calc(theme(\"spacing.4\") * -1);\n    @apply opacity-0;\n  }\n}\n\n.clear-button {\n  @apply text-color-2\n    flex\n    cursor-pointer\n    items-center\n    border-0\n    bg-transparent;\n  &:hover,\n  &:focus {\n    @apply text-color-1;\n  }\n}\n\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 { debounce } from \"lodash-es\";\nimport { filter } from \"../../utils/filter\";\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, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { FilterMessages } from \"./assets/filter/t9n\";\nimport { CSS, DEBOUNCE_TIMEOUT, ICONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-filter\",\n  styleUrl: \"filter.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class Filter\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Defines the items to filter. The component uses the values as the starting point, and returns items\n   *\n   * that contain the string entered in the input, using a partial match and recursive search.\n   *\n   * This property is needed to conduct filtering.\n   *\n   */\n  @Prop() items: object[] = [];\n\n  @Watch(\"items\")\n  watchItemsHandler(): void {\n    this.filterDebounced(this.value);\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 component's resulting items after filtering.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: object[] = [];\n\n  /**\n   * Specifies placeholder text for the input element.\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * The component's value.\n   */\n  @Prop({ mutable: true }) value = \"\";\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: FilterMessages;\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<FilterMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    this.filterDebounced(value);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private State/Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFilterElement;\n\n  textInput: HTMLCalciteInputElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: FilterMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the filter text changes.\n   */\n  @Event({ cancelable: false }) calciteFilterChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (this.items.length) {\n      this.updateFiltered(filter(this.items, this.value));\n    }\n    await setUpMessages(this);\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.filterDebounced.cancel();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Performs a filter on the component.\n   *\n   * This method can be useful because filtering is delayed and asynchronous.\n   *\n   * @param {string} value - The filter text value.\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async filter(value: string = this.value): Promise<void> {\n    return new Promise((resolve) => {\n      this.value = value;\n      this.filterDebounced(value, false, resolve);\n    });\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private filterDebounced = debounce(\n    (value: string, emit = false, onFilter?: () => void): void =>\n      this.items.length && this.updateFiltered(filter(this.items, value), emit, onFilter),\n    DEBOUNCE_TIMEOUT,\n  );\n\n  inputHandler = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteInputElement;\n    this.value = target.value;\n    this.filterDebounced(target.value, true);\n  };\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      this.clear();\n      event.preventDefault();\n    }\n\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n    }\n  };\n\n  clear = (): void => {\n    this.value = \"\";\n    this.filterDebounced(\"\", true);\n    this.setFocus();\n  };\n\n  updateFiltered(filtered: object[], emit = false, callback?: () => void): void {\n    this.filteredItems = filtered;\n    if (emit) {\n      this.calciteFilterChange.emit();\n    }\n    callback?.();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, scale } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div class={CSS.container}>\n          <label>\n            <calcite-input\n              clearable={true}\n              disabled={disabled}\n              icon={ICONS.search}\n              label={this.messages.label}\n              messageOverrides={{ clear: this.messages.clear }}\n              onCalciteInputInput={this.inputHandler}\n              onKeyDown={this.keyDownHandler}\n              placeholder={this.placeholder}\n              ref={(el): void => {\n                this.textInput = el;\n              }}\n              scale={scale}\n              type=\"text\"\n              value={this.value}\n            />\n          </label>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;wfAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,WAAY,eAGP,MAAMC,EAAQ,CACnBC,OAAQ,SACRC,MAAO,KAGF,MAAMC,EAAmB,ICVhC,MAAMC,EAAY,k5DAClB,MAAAC,EAAeD,E,MC8CFE,EAAM,M,kFAgLTC,KAAAC,gBAAkBC,GACxB,CAACC,EAAeC,EAAO,MAAOC,IAC5BL,KAAKM,MAAMC,QAAUP,KAAKQ,eAAeC,EAAOT,KAAKM,MAAOH,GAAQC,EAAMC,IAC5ET,GAGFI,KAAAU,aAAgBC,IACd,MAAMC,EAASD,EAAMC,OACrBZ,KAAKG,MAAQS,EAAOT,MACpBH,KAAKC,gBAAgBW,EAAOT,MAAO,KAAK,EAG1CH,KAAAa,eAAkBF,IAChB,GAAIA,EAAMG,iBAAkB,CAC1B,M,CAGF,GAAIH,EAAMI,MAAQ,SAAU,CAC1Bf,KAAKgB,QACLL,EAAMM,gB,CAGR,GAAIN,EAAMI,MAAQ,QAAS,CACzBJ,EAAMM,gB,GAIVjB,KAAAgB,MAAQ,KACNhB,KAAKG,MAAQ,GACbH,KAAKC,gBAAgB,GAAI,MACzBD,KAAKkB,UAAU,E,WA7LS,G,cAUU,M,mBAOe,G,sCAUX,I,WAKP,G,sHA7BjC,iBAAAC,GACEnB,KAAKC,gBAAgBD,KAAKG,M,CA6C5B,gBAAAiB,G,CAKA,YAAAC,CAAalB,GACXH,KAAKC,gBAAgBE,E,CAgBvB,qBAAAmB,GACEC,EAAevB,KAAMA,KAAKwB,gB,CAsB5B,uBAAMC,GACJC,EAAuB1B,MACvB,GAAIA,KAAKM,MAAMC,OAAQ,CACrBP,KAAKQ,eAAeC,EAAOT,KAAKM,MAAON,KAAKG,O,OAExCwB,EAAc3B,K,CAGtB,iBAAA4B,GACEC,EAAmB7B,MACnB8B,EAAiB9B,MACjB+B,EAAgB/B,K,CAGlB,kBAAAgC,GACEC,EAAsBjC,K,CAGxB,oBAAAkC,GACEC,EAAsBnC,MACtBoC,EAAoBpC,MACpBqC,EAAmBrC,MACnBA,KAAKC,gBAAgBqC,Q,CAGvB,gBAAAC,GACEC,EAAmBxC,K,CAkBrB,YAAMS,CAAON,EAAgBH,KAAKG,OAChC,OAAO,IAAIsC,SAASC,IAClB1C,KAAKG,MAAQA,EACbH,KAAKC,gBAAgBE,EAAO,MAAOuC,EAAQ,G,CAM/C,cAAMxB,SACEyB,EAAmB3C,MAEzBA,KAAK4C,IAAIC,O,CA0CX,cAAArC,CAAesC,EAAoB1C,EAAO,MAAO2C,GAC/C/C,KAAKgD,cAAgBF,EACrB,GAAI1C,EAAM,CACRJ,KAAKiD,oBAAoB7C,M,CAE3B2C,K,CASF,MAAAG,GACE,MAAMC,SAAEA,EAAQC,MAAEA,GAAUpD,KAE5B,OACEqD,EAACC,EAAoB,CAAAvC,IAAA,2CAACoC,SAAUA,GAC9BE,EAAA,OAAAtC,IAAA,2CAAKwC,MAAOjE,EAAIC,WACd8D,EAAA,SAAAtC,IAAA,4CACEsC,EAAA,iBAAAtC,IAAA,2CACEyC,UAAW,KACXL,SAAUA,EACVM,KAAMhE,EAAMC,OACZgE,MAAO1D,KAAK2D,SAASD,MACrBE,iBAAkB,CAAE5C,MAAOhB,KAAK2D,SAAS3C,OACzC6C,oBAAqB7D,KAAKU,aAC1BoD,UAAW9D,KAAKa,eAChBkD,YAAa/D,KAAK+D,YAClBC,IAAMpB,IACJ5C,KAAKiE,UAAYrB,CAAE,EAErBQ,MAAOA,EACPc,KAAK,OACL/D,MAAOH,KAAKG,U","ignoreList":[]}

package/dist/calcite/p-b5a7ca46.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["getRoundRobinIndex","index","total"],"sources":["src/utils/array.ts"],"sourcesContent":["export function getRoundRobinIndex(index: number, total: number): number {\n  return (index + total) % total;\n}\n"],"mappings":";;;;;SAAgBA,EAAmBC,EAAeC,GAChD,OAAQD,EAAQC,GAASA,CAC3B,Q","ignoreList":[]}

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

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