@esri/calcite-components 2.5.2-next.2 → 2.6.0-next.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","itemWrapper","segmentedControlCss","SegmentedControl","this","handleClick","event","disabled","target","localName","selectItem","mutationObserver","createObserver","setUpItems","handlePropsChange","handleItemPropChange","valueHandler","value","items","getItems","forEach","item","checked","handleSelectedItemChange","newItem","oldItem","match","filter","pop","tabIndex","componentWillLoad","setUpLoadableComponent","componentDidLoad","afterConnectDefaultValueSet","setComponentLoaded","connectedCallback","connectInteractive","connectLabel","connectForm","observe","el","childList","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","unobserve","componentDidRender","updateHostInteraction","render","h","Host","onClick","role","class","InteractiveContainer","HiddenFormInputSlot","component","validationMessage","status","Validation","icon","validationIcon","message","scale","handleSelected","preventDefault","stopPropagation","handleKeyDown","keys","key","selectedItem","indexOf","adjustedKey","getElementDir","selectedIndex","index","previous","length","next","setFocus","componentFocusable","focus","appearance","layout","onLabelClick","Array","from","querySelectorAll","selected","emit","matches","calciteSegmentedControlChange","lastChecked","SLOTS","input","segmentedControlItemIcon","segmentedControlItemCss","SegmentedControlItem","handleCheckedChange","calciteInternalSegmentedControlItemChange","iconStartEl","iconStart","flipRtl","iconFlipRtl","iconEndEl","iconEnd","toAriaBoolean","name"],"sources":["src/components/segmented-control/resources.ts","src/components/segmented-control/segmented-control.scss?tag=calcite-segmented-control&encapsulation=shadow","src/components/segmented-control/segmented-control.tsx","src/components/segmented-control-item/resources.ts","src/components/segmented-control-item/segmented-control-item.scss?tag=calcite-segmented-control-item&encapsulation=shadow","src/components/segmented-control-item/segmented-control-item.tsx"],"sourcesContent":["export const CSS = {\n  itemWrapper: \"item-wrapper\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n.item-wrapper {\n  @apply bg-foreground-1 flex;\n  inline-size: fit-content;\n  outline: 1px solid var(--calcite-color-border-input);\n  outline-offset: -1px;\n}\n\n:host([appearance=\"outline\"]) > .item-wrapper {\n  @apply bg-transparent;\n}\n\n@include disabled();\n\n:host([layout=\"vertical\"]) > .item-wrapper {\n  @apply flex-col items-start self-start;\n}\n\n// segmented control width for full\n:host([width=\"full\"]) > .item-wrapper {\n  @apply w-full;\n  min-inline-size: fit-content;\n\n  ::slotted(calcite-segmented-control-item) {\n    @apply flex-auto;\n  }\n}\n\n:host([width=\"full\"][layout=\"vertical\"]) > .item-wrapper {\n  ::slotted(calcite-segmented-control-item) {\n    @apply justify-start;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\n\nimport { getElementDir } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Layout, Scale, Status, Width } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Validation } from \"../functional/Validation\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-segmented-control-item`s.\n */\n@Component({\n  tag: \"calcite-segmented-control\",\n  styleUrl: \"segmented-control.scss\",\n  shadow: true,\n})\nexport class SegmentedControl\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"solid\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\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  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\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  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"horizontal\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"appearance\")\n  @Watch(\"layout\")\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.handleItemPropChange();\n  }\n\n  /** The component's `selectedItem` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.getItems();\n    items.forEach((item) => (item.checked = item.value === value));\n  }\n\n  /**\n   * The component's selected item `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteSegmentedControlItemElement;\n\n  @Watch(\"selectedItem\")\n  protected handleSelectedItemChange<T extends HTMLCalciteSegmentedControlItemElement>(\n    newItem: T,\n    oldItem: T,\n  ): void {\n    this.value = newItem?.value;\n    if (newItem === oldItem) {\n      return;\n    }\n    const items = this.getItems();\n    const match = items.filter((item) => item === newItem).pop();\n\n    if (match) {\n      this.selectItem(match);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n\n  /** Specifies the status of the validation message. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\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  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Extract<\"auto\" | \"full\", Width> = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.setUpItems();\n  }\n\n  componentDidLoad(): void {\n    afterConnectDefaultValueSet(this, this.value);\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.handleItemPropChange();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.mutationObserver?.unobserve(this.el);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host onClick={this.handleClick} role=\"radiogroup\">\n        <div class={CSS.itemWrapper}>\n          <InteractiveContainer disabled={this.disabled}>\n            <slot />\n            <HiddenFormInputSlot component={this} />\n          </InteractiveContainer>\n        </div>\n        {this.validationMessage && this.status === \"invalid\" ? (\n          <Validation\n            icon={this.validationIcon}\n            message={this.validationMessage}\n            scale={this.scale}\n            status={this.status}\n          />\n        ) : null}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  protected handleClick = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if ((event.target as HTMLElement).localName === \"calcite-segmented-control-item\") {\n      this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n    }\n  };\n\n  @Listen(\"calciteInternalSegmentedControlItemChange\")\n  protected handleSelected(event: Event): void {\n    event.preventDefault();\n    this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement);\n    event.stopPropagation();\n  }\n\n  @Listen(\"keydown\")\n  protected handleKeyDown(event: KeyboardEvent): void {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el, selectedItem } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const items = this.getItems();\n    let selectedIndex = -1;\n\n    items.forEach((item, index) => {\n      if (item === selectedItem) {\n        selectedIndex = index;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        const previous = selectedIndex < 1 ? items[items.length - 1] : items[selectedIndex - 1];\n        this.selectItem(previous, true);\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        const next = selectedIndex === -1 ? items[1] : items[selectedIndex + 1] || items[0];\n        this.selectItem(next, true);\n        return;\n      case \" \":\n        event.preventDefault();\n        this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n        return;\n      default:\n        return;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the `calcite-segmented-control-item` selection changes. */\n  @Event({ cancelable: false }) calciteSegmentedControlChange: EventEmitter<void>;\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    (this.selectedItem || this.getItems()[0])?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: SegmentedControl[\"value\"];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.setUpItems());\n\n  private handleItemPropChange(): void {\n    const items = this.getItems();\n\n    items.forEach((item) => {\n      item.appearance = this.appearance;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private getItems(): HTMLCalciteSegmentedControlItemElement[] {\n    return Array.from(this.el.querySelectorAll(\"calcite-segmented-control-item\"));\n  }\n\n  private selectItem(selected: HTMLCalciteSegmentedControlItemElement, emit = false): void {\n    if (selected === this.selectedItem) {\n      return;\n    }\n\n    const items = this.getItems();\n    let match: HTMLCalciteSegmentedControlItemElement = null;\n\n    items.forEach((item) => {\n      const matches = item === selected;\n\n      if ((matches && !item.checked) || (!matches && item.checked)) {\n        item.checked = matches;\n      }\n\n      item.tabIndex = matches ? 0 : -1;\n\n      if (matches) {\n        match = item;\n\n        if (emit) {\n          this.calciteSegmentedControlChange.emit();\n        }\n      }\n    });\n\n    this.selectedItem = match;\n    if (Build.isBrowser && match) {\n      match.focus();\n    }\n  }\n\n  private setUpItems(): void {\n    const items = this.getItems();\n    const lastChecked = items.filter((item) => item.checked).pop();\n\n    if (lastChecked) {\n      this.selectItem(lastChecked);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n}\n","export const SLOTS = {\n  input: \"input\",\n};\n\nexport const CSS = {\n  segmentedControlItemIcon: \"segmented-control-item-icon\",\n};\n",":host {\n  @apply flex\n    cursor-pointer\n    self-stretch\n    font-normal;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-animation-timing) ease-in-out;\n}\n\n:host label {\n  @apply text-color-3\n    pointer-events-none\n    m-0.5\n    box-border\n    flex\n    flex-1\n    items-center;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    color var(--calcite-internal-animation-timing-fast) ease-in-out;\n}\n\n.label--horizontal {\n  @apply justify-center;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset;\n  outline-offset: -1px;\n}\n\n.label--scale-s {\n  @apply text-n2h px-2;\n  padding-block: 0.125rem;\n}\n\n.label--scale-m {\n  @apply text-n1h px-3;\n  padding-block: 0.375rem;\n}\n\n.label--scale-l {\n  @apply text-0h px-4 py-2.5;\n}\n\n:host(:hover) label {\n  @apply bg-foreground-2 text-color-1;\n}\n\n:host(:active) label {\n  @apply bg-foreground-3;\n}\n\n:host([checked]) label {\n  @apply bg-brand border-color-brand cursor-default text-color-inverse;\n}\n\n:host([checked]) .label--outline,\n:host([checked]) .label--outline-fill {\n  @apply bg-foreground-1 border-color-brand;\n  box-shadow: inset 0 0 0 1px theme(\"backgroundColor.brand\");\n  color: theme(\"backgroundColor.brand\");\n}\n\n:host([checked]) .label--outline {\n  @apply bg-transparent;\n}\n\n::slotted(input) {\n  @apply hidden;\n}\n\n@media (forced-colors: active) {\n  :host([checked]) label {\n    background-color: highlight;\n  }\n  :host([checked]) .label--outline,\n  :host([checked]) .label--outline-fill {\n    @apply outline-none;\n  }\n  :host([checked]) label:not([class~=\"label--outline\"]) .segmented-control-item-icon {\n    color: highlightText;\n  }\n}\n\n// icon\n.segmented-control-item-icon {\n  @apply relative\n    m-0\n    inline-flex;\n  line-height: inherit;\n}\n\n:host([icon-start]) .label--scale-s .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host([icon-end]) .label--scale-s .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n:host([icon-start]) .label--scale-m .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.3\");\n}\n\n:host([icon-end]) .label--scale-m .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.3\");\n}\n\n:host([icon-start]) .label--scale-l .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.4\");\n}\n:host([icon-end]) .label--scale-l .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.4\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { Appearance, Layout, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-segmented-control-item\",\n  styleUrl: \"segmented-control-item.scss\",\n  shadow: true,\n})\nexport class SegmentedControlItem {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  protected handleCheckedChange(): void {\n    this.calciteInternalSegmentedControlItemChange.emit();\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /**\n   * The component's value.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true })\n  value: any | null;\n\n  /**\n   * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.\n   *\n   * @internal\n   */\n  @Prop() appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> = \"solid\";\n\n  /**\n   * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop() layout: Layout = \"horizontal\";\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const { appearance, checked, layout, scale, value } = this;\n\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    return (\n      <Host aria-checked={toAriaBoolean(checked)} aria-label={value} role=\"radio\">\n        <label\n          class={{\n            \"label--scale-s\": scale === \"s\",\n            \"label--scale-m\": scale === \"m\",\n            \"label--scale-l\": scale === \"l\",\n            \"label--horizontal\": layout === \"horizontal\",\n            \"label--outline\": appearance === \"outline\",\n            \"label--outline-fill\": appearance === \"outline-fill\",\n          }}\n        >\n          {this.iconStart ? iconStartEl : null}\n          <slot>{value}</slot>\n          <slot name={SLOTS.input} />\n          {this.iconEnd ? iconEndEl : null}\n        </label>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlItemElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the item has been selected.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalSegmentedControlItemChange: EventEmitter<void>;\n}\n"],"mappings":"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"}

package/dist/cjs/ExpandToggle-fe03b972.js

@@ -1,110 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const index = require('./index-ef2b680e.js');
-const dom = require('./dom-b4a6fa7b.js');
-const resources$1 = require('./resources-ef525234.js');
-const resources = require('./resources-6b78bd2b.js');
-
-const overflowActionsDebounceInMs = 150;
-const groupBufferPx = 2;
-const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
-const geActionDimensions = (actions) => {
-    const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
-    const actionLen = actionsNotSlotted?.length;
-    return {
-        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
-        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
-    };
-};
-const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
-    const maxContainerPx = layout === "horizontal" ? width : height;
-    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
-    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
-};
-const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
-    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
-};
-const queryActions = (el) => {
-    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
-};
-const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
-    let needToSlotCount = overflowCount;
-    actionGroups.reverse().forEach((group) => {
-        let slottedWithinGroupCount = 0;
-        const groupActions = queryActions(group).reverse();
-        groupActions.forEach((groupAction) => {
-            if (groupAction.slot === resources$1.SLOTS.menuActions) {
-                groupAction.removeAttribute("slot");
-                groupAction.textEnabled = expanded;
-            }
-        });
-        if (needToSlotCount > 0) {
-            groupActions.some((groupAction) => {
-                const unslottedActions = groupActions.filter((action) => !action.slot);
-                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
-                    groupAction.textEnabled = true;
-                    groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
-                    slottedWithinGroupCount++;
-                    if (slottedWithinGroupCount > 1) {
-                        needToSlotCount--;
-                    }
-                }
-                return needToSlotCount < 1;
-            });
-        }
-        index.forceUpdate(group);
-    });
-};
-
-const ICONS = {
-    chevronsLeft: "chevrons-left",
-    chevronsRight: "chevrons-right",
-};
-function getCalcitePosition(position, el) {
-    return position || el.closest("calcite-shell-panel")?.position || "start";
-}
-function toggleChildActionText({ el, expanded, }) {
-    queryActions(el)
-        .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
-        .forEach((action) => (action.textEnabled = expanded));
-    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
-}
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
-    if (tooltip) {
-        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
-    }
-    if (ref) {
-        ref(referenceElement);
-    }
-    return referenceElement;
-};
-const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
-    const rtl = dom.getElementDir(el) === "rtl";
-    const text = expanded ? collapseText : expandText;
-    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-    if (rtl) {
-        icons.reverse();
-    }
-    const end = getCalcitePosition(position, el) === "end";
-    const expandIcon = end ? icons[1] : icons[0];
-    const collapseIcon = end ? icons[0] : icons[1];
-    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null, 
-        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-        ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
-    return actionNode;
-};
-
-exports.ExpandToggle = ExpandToggle;
-exports.geActionDimensions = geActionDimensions;
-exports.getOverflowCount = getOverflowCount;
-exports.overflowActions = overflowActions;
-exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
-exports.queryActions = queryActions;
-exports.toggleChildActionText = toggleChildActionText;
-
-//# sourceMappingURL=ExpandToggle-fe03b972.js.map

package/dist/cjs/ExpandToggle-fe03b972.js.map

@@ -1 +0,0 @@
-{"file":"ExpandToggle-fe03b972.js","mappings":"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","names":["ACTION_GROUP_SLOTS","ACTION_MENU_SLOTS","forceUpdate","getElementDir","h"],"sources":["src/components/action-bar/utils.ts","src/components/functional/ExpandToggle.tsx"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Layout } from \"../interfaces\";\n\nexport const overflowActionsDebounceInMs = 150;\nconst groupBufferPx = 2;\n\nconst getAverage = (arr: number[]) => arr.reduce((p, c) => p + c, 0) / arr.length;\n\nexport const geActionDimensions = (\n  actions: HTMLCalciteActionElement[],\n): { actionWidth: number; actionHeight: number } => {\n  const actionsNotSlotted = actions.filter((action) => action.slot !== ACTION_GROUP_SLOTS.menuActions);\n  const actionLen = actionsNotSlotted?.length;\n  return {\n    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,\n  };\n};\n\nconst getMaxActionCount = ({\n  width,\n  actionWidth,\n  layout,\n  height,\n  actionHeight,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  height: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  groupCount: number;\n}): number => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\n\nexport const getOverflowCount = ({\n  layout,\n  actionCount,\n  actionWidth,\n  width,\n  actionHeight,\n  height,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  actionCount: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  height: number;\n  groupCount: number;\n}): number => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\n\nexport const queryActions = (el: HTMLElement): HTMLCalciteActionElement[] => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) =>\n    action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true,\n  );\n};\n\nexport const overflowActions = ({\n  actionGroups,\n  expanded,\n  overflowCount,\n}: {\n  actionGroups: HTMLCalciteActionGroupElement[];\n  expanded: boolean;\n  overflowCount: number;\n}): void => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n\n    const groupActions = queryActions(group).reverse();\n\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n\n        return needToSlotCount < 1;\n      });\n    }\n\n    forceUpdate(group);\n  });\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { Position, Scale } from \"../interfaces\";\n\ninterface ExpandToggleProps {\n  expanded: boolean;\n  expandText: string;\n  collapseText: string;\n  el: HTMLElement;\n  position: Position;\n  tooltip?: HTMLCalciteTooltipElement;\n  toggle: () => void;\n  ref?: (el: HTMLElement) => void;\n  scale?: Scale;\n}\n\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\",\n};\n\nfunction getCalcitePosition(position: Position, el: HTMLElement): Position {\n  return position || el.closest(\"calcite-shell-panel\")?.position || \"start\";\n}\n\nexport function toggleChildActionText({\n  el,\n  expanded,\n}: {\n  el: HTMLElement;\n  expanded: boolean;\n}): void {\n  queryActions(el)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  el.querySelectorAll(\"calcite-action-group, calcite-action-menu\").forEach(\n    (el: HTMLCalciteActionMenuElement | HTMLCalciteActionGroupElement) => (el.expanded = expanded),\n  );\n}\n\nconst setTooltipReference = ({\n  tooltip,\n  referenceElement,\n  expanded,\n  ref,\n}: {\n  tooltip: HTMLCalciteTooltipElement;\n  referenceElement: HTMLCalciteActionElement;\n  expanded: boolean;\n  ref?: (el: HTMLElement) => void;\n}): HTMLCalciteActionElement => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n\n  if (ref) {\n    ref(referenceElement);\n  }\n\n  return referenceElement;\n};\n\nexport const ExpandToggle: FunctionalComponent<ExpandToggleProps> = ({\n  expanded,\n  expandText,\n  collapseText,\n  toggle,\n  el,\n  position,\n  tooltip,\n  ref,\n  scale,\n}) => {\n  const rtl = getElementDir(el) === \"rtl\";\n\n  const text = expanded ? collapseText : expandText;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n\n  if (rtl) {\n    icons.reverse();\n  }\n\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n\n  const actionNode = (\n    <calcite-action\n      icon={expanded ? expandIcon : collapseIcon}\n      onClick={toggle}\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : null}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}

package/dist/cjs/FloatingArrow-860eca7b.js

@@ -1,49 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const index = require('./index-ef2b680e.js');
-
-const CSS = {
-    arrow: "calcite-floating-ui-arrow",
-    arrowStroke: "calcite-floating-ui-arrow__stroke",
-};
-const DEFAULTS = {
-    width: 12,
-    height: 6,
-    strokeWidth: 1,
-};
-/**
- * Renders a SVG element to be used as a floating-ui arrow.
- *
- * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
- *
- * @param floatingLayout.floatingLayout
- * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
- *
- * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
- * @param floatingLayout.key
- * @param floatingLayout.ref
- */
-const FloatingArrow = ({ floatingLayout, key, ref, }) => {
-    const { width, height, strokeWidth } = DEFAULTS;
-    const svgX = width / 2;
-    const isVertical = floatingLayout === "vertical";
-    const dValue = "M0,0" +
-        ` H${width}` +
-        ` L${width - svgX},${height}` +
-        ` Q${svgX},${height} ${svgX},${height}` +
-        " Z";
-    return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0), 
-        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-        ref: ref },
-        strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
-        index.h("path", { d: dValue, stroke: "none" })));
-};
-
-exports.FloatingArrow = FloatingArrow;
-
-//# sourceMappingURL=FloatingArrow-860eca7b.js.map

package/dist/cjs/FloatingArrow-860eca7b.js.map

@@ -1 +0,0 @@
-{"file":"FloatingArrow-860eca7b.js","mappings":";;;;;;;;;AAQA,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,2BAA2B;IAClC,WAAW,EAAE,mCAAmC;CACjD,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;MAYa,aAAa,GAA4C,CAAC,EACrE,cAAc,EACd,GAAG,EACH,GAAG,GACJ;IACC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IAChD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC;IAEjD,MAAM,MAAM,GACV,MAAM;QACN,KAAK,KAAK,EAAE;QACZ,KAAK,KAAK,GAAG,IAAI,IAAI,MAAM,EAAE;QAC7B,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;QACvC,IAAI,CAAC;IAEP,QACEA,gCACc,MAAM,EAClB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,EAAE,EAClE,KAAK,EAAE,KAAK,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;;QAE7C,GAAG,EAAE,GAAG;QAEP,WAAW,GAAG,CAAC,KACdA,kBACE,KAAK,EAAE,GAAG,CAAC,WAAW,EACtB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBAEG,WAAW,GAAG,CAAC,GAC7B,CACH;QAGDA,kBAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,GAAG,CAC7B,EACN;AACJ;;;;","names":["h"],"sources":["src/components/functional/FloatingArrow.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FloatingLayout } from \"../../utils/floating-ui\";\n\ninterface FloatingArrowProps extends JSXAttributes {\n  floatingLayout: FloatingLayout;\n}\n\nconst CSS = {\n  arrow: \"calcite-floating-ui-arrow\",\n  arrowStroke: \"calcite-floating-ui-arrow__stroke\",\n};\n\nconst DEFAULTS = {\n  width: 12,\n  height: 6,\n  strokeWidth: 1,\n};\n\n/**\n * Renders a SVG element to be used as a floating-ui arrow.\n *\n * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.\n *\n * @param floatingLayout.floatingLayout\n * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.\n *\n * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)\n * @param floatingLayout.key\n * @param floatingLayout.ref\n */\nexport const FloatingArrow: FunctionalComponent<FloatingArrowProps> = ({\n  floatingLayout,\n  key,\n  ref,\n}) => {\n  const { width, height, strokeWidth } = DEFAULTS;\n  const svgX = width / 2;\n  const isVertical = floatingLayout === \"vertical\";\n\n  const dValue =\n    \"M0,0\" +\n    ` H${width}` +\n    ` L${width - svgX},${height}` +\n    ` Q${svgX},${height} ${svgX},${height}` +\n    \" Z\";\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      class={CSS.arrow}\n      height={width}\n      key={key}\n      viewBox={`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`}\n      width={width + (isVertical ? strokeWidth : 0)}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={ref}\n    >\n      {strokeWidth > 0 && (\n        <path\n          class={CSS.arrowStroke}\n          d={dValue}\n          fill=\"none\"\n          // Account for the stroke on the fill path rendered below.\n          stroke-width={strokeWidth + 1}\n        />\n      )}\n      {/* In Firefox, for left/right placements there's a ~0.5px gap where the\n  border can show through. Adding a stroke on the fill removes it. */}\n      <path d={dValue} stroke=\"none\" />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/Heading-1dad0aa1.js

@@ -1,22 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const index = require('./index-ef2b680e.js');
-
-function constrainHeadingLevel(level) {
-    return Math.min(Math.max(Math.ceil(level), 1), 6);
-}
-const Heading = (props, children) => {
-    const HeadingTag = props.level ? `h${props.level}` : "div";
-    delete props.level;
-    return index.h(HeadingTag, { ...props }, children);
-};
-
-exports.Heading = Heading;
-exports.constrainHeadingLevel = constrainHeadingLevel;
-
-//# sourceMappingURL=Heading-1dad0aa1.js.map

package/dist/cjs/Heading-1dad0aa1.js.map

@@ -1 +0,0 @@
-{"file":"Heading-1dad0aa1.js","mappings":";;;;;;;;;SASgB,qBAAqB,CAAC,KAAa;IACjD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAiB,CAAC;AACpE,CAAC;MAEY,OAAO,GAAsC,CAAC,KAAK,EAAE,QAAQ;IACxE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,KAAK,CAAC,KAAK,CAAC;IAEnB,OAAOA,QAAC,UAAU,OAAK,KAAK,IAAG,QAAQ,CAAc,CAAC;AACxD;;;;;","names":["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"],"version":3}

package/dist/cjs/Validation-7564726a.js

@@ -1,18 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const index = require('./index-ef2b680e.js');
-
-const CSS = {
-    validationContainer: "validation-container",
-};
-const Validation = ({ scale, status, icon, message, }) => (index.h("div", { class: CSS.validationContainer },
-    index.h("calcite-input-message", { icon: icon, scale: scale, status: status }, message)));
-
-exports.Validation = Validation;
-
-//# sourceMappingURL=Validation-7564726a.js.map

package/dist/cjs/Validation-7564726a.js.map

@@ -1 +0,0 @@
-{"file":"Validation-7564726a.js","mappings":";;;;;;;;;AAWO,MAAM,GAAG,GAAG;IACjB,mBAAmB,EAAE,sBAAsB;CAC5C,CAAC;MAEW,UAAU,GAAyC,CAAC,EAC/D,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAO,GACR,MACCA,iBAAK,KAAK,EAAE,GAAG,CAAC,mBAAmB;IACjCA,mCAAuB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAC5D,OAAO,CACc,CACpB;;;;","names":["h"],"sources":["src/components/functional/Validation.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { Scale, Status } from \"../interfaces\";\n\ninterface ValidationProps extends JSXBase.HTMLAttributes {\n  scale: Scale;\n  status: Status;\n  icon?: string | boolean;\n  message: string;\n}\n\nexport const CSS = {\n  validationContainer: \"validation-container\",\n};\n\nexport const Validation: FunctionalComponent<ValidationProps> = ({\n  scale,\n  status,\n  icon,\n  message,\n}) => (\n  <div class={CSS.validationContainer}>\n    <calcite-input-message icon={icon} scale={scale} status={status}>\n      {message}\n    </calcite-input-message>\n  </div>\n);\n"],"version":3}

package/dist/cjs/app-globals-431c6379.js

@@ -1,61 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const resources = require('./resources-92111631.js');
-
-/**
- * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
- */
-function initModeChangeEvent() {
-    const { classList } = document.body;
-    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    const getMode = () => classList.contains(resources.darkMode) || (classList.contains(resources.autoMode) && prefersDark) ? "dark" : "light";
-    const emitModeChange = (mode) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: true, detail: { mode } }));
-    const modeChangeHandler = (newMode) => {
-        currentMode !== newMode && emitModeChange(newMode);
-        currentMode = newMode;
-    };
-    let currentMode = getMode();
-    // emits event on page load
-    emitModeChange(currentMode);
-    // emits event when changing OS mode preferences
-    window
-        .matchMedia("(prefers-color-scheme: dark)")
-        .addEventListener("change", (event) => modeChangeHandler(event.matches ? "dark" : "light"));
-    // emits event when toggling between mode classes on <body>
-    new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
-        attributes: true,
-        attributeFilter: ["class"],
-    });
-}
-
-/**
- * This file is imported in Stencil's `globalScript` config option.
- *
- * @see {@link https://stenciljs.com/docs/config#globalscript}
- */
-function appGlobalScript () {
-    const isBrowser = typeof window !== "undefined" &&
-        typeof location !== "undefined" &&
-        typeof document !== "undefined" &&
-        window.location === location &&
-        window.document === document;
-    if (isBrowser) {
-        if (document.readyState === "interactive") {
-            initModeChangeEvent();
-        }
-        else {
-            document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true });
-        }
-    }
-}
-
-const globalScripts = appGlobalScript;
-
-exports.globalScripts = globalScripts;
-
-//# sourceMappingURL=app-globals-431c6379.js.map

package/dist/cjs/app-globals-431c6379.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-431c6379.js","mappings":";;;;;;;;;AAEA;;;SAGgB,mBAAmB;IACjC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC;IACpC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IAE9E,MAAM,OAAO,GAAG,MACd,SAAS,CAAC,QAAQ,CAACA,kBAAQ,CAAC,KAAK,SAAS,CAAC,QAAQ,CAACC,kBAAQ,CAAC,IAAI,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAEnG,MAAM,cAAc,GAAG,CAAC,IAAY,KAClC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEzG,MAAM,iBAAiB,GAAG,CAAC,OAAe;QACxC,WAAW,KAAK,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QACnD,WAAW,GAAG,OAAO,CAAC;KACvB,CAAC;IAEF,IAAI,WAAW,GAAG,OAAO,EAAE,CAAC;;IAG5B,cAAc,CAAC,WAAW,CAAC,CAAC;;IAG5B,MAAM;SACH,UAAU,CAAC,8BAA8B,CAAC;SAC1C,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,iBAAiB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;;IAG9F,IAAI,gBAAgB,CAAC,MAAM,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC9E,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,OAAO,CAAC;KAC3B,CAAC,CAAC;AACL;;ACjCA;;;;;;IAME,MAAM,SAAS,GACb,OAAO,MAAM,KAAK,WAAW;QAC7B,OAAO,QAAQ,KAAK,WAAW;QAC/B,OAAO,QAAQ,KAAK,WAAW;QAC/B,MAAM,CAAC,QAAQ,KAAK,QAAQ;QAC5B,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC;IAE/B,IAAI,SAAS,EAAE;QACb,IAAI,QAAQ,CAAC,UAAU,KAAK,aAAa,EAAE;YACzC,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,mBAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAC5F;KACF;AACH;;ACrBY,MAAC,aAAa,GAAG;;;;","names":["darkMode","autoMode"],"sources":["src/utils/mode.ts","src/utils/globalScript.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { autoMode, darkMode } from \"./resources\";\n\n/**\n * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.\n */\nexport function initModeChangeEvent(): void {\n  const { classList } = document.body;\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n  const getMode = (): string =>\n    classList.contains(darkMode) || (classList.contains(autoMode) && prefersDark) ? \"dark\" : \"light\";\n\n  const emitModeChange = (mode: string) =>\n    document.body.dispatchEvent(new CustomEvent(\"calciteModeChange\", { bubbles: true, detail: { mode } }));\n\n  const modeChangeHandler = (newMode: string): void => {\n    currentMode !== newMode && emitModeChange(newMode);\n    currentMode = newMode;\n  };\n\n  let currentMode = getMode();\n\n  // emits event on page load\n  emitModeChange(currentMode);\n\n  // emits event when changing OS mode preferences\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .addEventListener(\"change\", (event) => modeChangeHandler(event.matches ? \"dark\" : \"light\"));\n\n  // emits event when toggling between mode classes on <body>\n  new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {\n    attributes: true,\n    attributeFilter: [\"class\"],\n  });\n}\n","import { initModeChangeEvent } from \"./mode\";\n\n/**\n * This file is imported in Stencil's `globalScript` config option.\n *\n * @see {@link https://stenciljs.com/docs/config#globalscript}\n */\nexport default function (): void {\n  const isBrowser =\n    typeof window !== \"undefined\" &&\n    typeof location !== \"undefined\" &&\n    typeof document !== \"undefined\" &&\n    window.location === location &&\n    window.document === document;\n\n  if (isBrowser) {\n    if (document.readyState === \"interactive\") {\n      initModeChangeEvent();\n    } else {\n      document.addEventListener(\"DOMContentLoaded\", () => initModeChangeEvent(), { once: true });\n    }\n  }\n}\n","import appGlobalScript from '/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-components/src/utils/globalScript.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/ar-817ea177.js

@@ -1,106 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-c55d94da.js');
-require('./index-ef2b680e.js');
-require('./form-86129cd9.js');
-require('./dom-b4a6fa7b.js');
-require('./guid-8393eb2b.js');
-require('./resources-92111631.js');
-require('./interactive-f37fc8a9.js');
-require('./browser-79842b41.js');
-require('./key-822b0e2f.js');
-require('./label-325e53ee.js');
-require('./component-4008048b.js');
-require('./loadable-68336367.js');
-require('./locale-25ab9442.js');
-require('./observers-984d157f.js');
-require('./focusTrapComponent-a30042e6.js');
-require('./math-c1ea751b.js');
-require('./t9n-baeef317.js');
-require('./openCloseComponent-80b7fea1.js');
-require('./Validation-7564726a.js');
-
-// Arabic [ar]
-var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');
-var symbolMap = {
-  1: '١',
-  2: '٢',
-  3: '٣',
-  4: '٤',
-  5: '٥',
-  6: '٦',
-  7: '٧',
-  8: '٨',
-  9: '٩',
-  0: '٠'
-};
-var numberMap = {
-  '١': '1',
-  '٢': '2',
-  '٣': '3',
-  '٤': '4',
-  '٥': '5',
-  '٦': '6',
-  '٧': '7',
-  '٨': '8',
-  '٩': '9',
-  '٠': '0'
-};
-var locale = {
-  name: 'ar',
-  weekdays: 'الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت'.split('_'),
-  weekdaysShort: 'أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت'.split('_'),
-  weekdaysMin: 'ح_ن_ث_ر_خ_ج_س'.split('_'),
-  months: months,
-  monthsShort: months,
-  weekStart: 6,
-  meridiem: function meridiem(hour) {
-    return hour > 12 ? 'م' : 'ص';
-  },
-  relativeTime: {
-    future: 'بعد %s',
-    past: 'منذ %s',
-    s: 'ثانية واحدة',
-    m: 'دقيقة واحدة',
-    mm: '%d دقائق',
-    h: 'ساعة واحدة',
-    hh: '%d ساعات',
-    d: 'يوم واحد',
-    dd: '%d أيام',
-    M: 'شهر واحد',
-    MM: '%d أشهر',
-    y: 'عام واحد',
-    yy: '%d أعوام'
-  },
-  preparse: function preparse(string) {
-    return string.replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) {
-      return numberMap[match];
-    }).replace(/،/g, ',');
-  },
-  postformat: function postformat(string) {
-    return string.replace(/\d/g, function (match) {
-      return symbolMap[match];
-    }).replace(/,/g, '،');
-  },
-  ordinal: function ordinal(n) {
-    return n;
-  },
-  formats: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'D/‏M/‏YYYY',
-    LL: 'D MMMM YYYY',
-    LLL: 'D MMMM YYYY HH:mm',
-    LLLL: 'dddd D MMMM YYYY HH:mm'
-  }
-};
-calciteInputTimePicker_calciteTimePicker_entry.dayjs.locale(locale, null, true);
-
-exports.default = locale;
-
-//# sourceMappingURL=ar-817ea177.js.map

package/dist/cjs/ar-817ea177.js.map

@@ -1 +0,0 @@
-{"file":"ar-817ea177.js","mappings":"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","names":["dayjs"],"sources":["../../node_modules/dayjs/esm/locale/ar.js"],"sourcesContent":["// Arabic [ar]\nimport dayjs from '../index';\nvar months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');\nvar symbolMap = {\n  1: '١',\n  2: '٢',\n  3: '٣',\n  4: '٤',\n  5: '٥',\n  6: '٦',\n  7: '٧',\n  8: '٨',\n  9: '٩',\n  0: '٠'\n};\nvar numberMap = {\n  '١': '1',\n  '٢': '2',\n  '٣': '3',\n  '٤': '4',\n  '٥': '5',\n  '٦': '6',\n  '٧': '7',\n  '٨': '8',\n  '٩': '9',\n  '٠': '0'\n};\nvar locale = {\n  name: 'ar',\n  weekdays: 'الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت'.split('_'),\n  weekdaysShort: 'أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت'.split('_'),\n  weekdaysMin: 'ح_ن_ث_ر_خ_ج_س'.split('_'),\n  months: months,\n  monthsShort: months,\n  weekStart: 6,\n  meridiem: function meridiem(hour) {\n    return hour > 12 ? 'م' : 'ص';\n  },\n  relativeTime: {\n    future: 'بعد %s',\n    past: 'منذ %s',\n    s: 'ثانية واحدة',\n    m: 'دقيقة واحدة',\n    mm: '%d دقائق',\n    h: 'ساعة واحدة',\n    hh: '%d ساعات',\n    d: 'يوم واحد',\n    dd: '%d أيام',\n    M: 'شهر واحد',\n    MM: '%d أشهر',\n    y: 'عام واحد',\n    yy: '%d أعوام'\n  },\n  preparse: function preparse(string) {\n    return string.replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) {\n      return numberMap[match];\n    }).replace(/،/g, ',');\n  },\n  postformat: function postformat(string) {\n    return string.replace(/\\d/g, function (match) {\n      return symbolMap[match];\n    }).replace(/,/g, '،');\n  },\n  ordinal: function ordinal(n) {\n    return n;\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'D/‏M/‏YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY HH:mm',\n    LLLL: 'dddd D MMMM YYYY HH:mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"version":3}

package/dist/cjs/array-586f7746.js

@@ -1,14 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-function getRoundRobinIndex(index, total) {
-    return (index + total) % total;
-}
-
-exports.getRoundRobinIndex = getRoundRobinIndex;
-
-//# sourceMappingURL=array-586f7746.js.map

package/dist/cjs/array-586f7746.js.map

@@ -1 +0,0 @@
-{"file":"array-586f7746.js","mappings":";;;;;;;SAAgB,kBAAkB,CAAC,KAAa,EAAE,KAAa;IAC7D,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC;AACjC;;;;","names":[],"sources":["src/utils/array.ts"],"sourcesContent":["export function getRoundRobinIndex(index: number, total: number): number {\n  return (index + total) % total;\n}\n"],"version":3}

package/dist/cjs/bg-88d8f891.js

@@ -1,84 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.2
- */
-'use strict';
-
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-c55d94da.js');
-require('./index-ef2b680e.js');
-require('./form-86129cd9.js');
-require('./dom-b4a6fa7b.js');
-require('./guid-8393eb2b.js');
-require('./resources-92111631.js');
-require('./interactive-f37fc8a9.js');
-require('./browser-79842b41.js');
-require('./key-822b0e2f.js');
-require('./label-325e53ee.js');
-require('./component-4008048b.js');
-require('./loadable-68336367.js');
-require('./locale-25ab9442.js');
-require('./observers-984d157f.js');
-require('./focusTrapComponent-a30042e6.js');
-require('./math-c1ea751b.js');
-require('./t9n-baeef317.js');
-require('./openCloseComponent-80b7fea1.js');
-require('./Validation-7564726a.js');
-
-// Bulgarian [bg]
-var locale = {
-  name: 'bg',
-  weekdays: 'неделя_понеделник_вторник_сряда_четвъртък_петък_събота'.split('_'),
-  weekdaysShort: 'нед_пон_вто_сря_чет_пет_съб'.split('_'),
-  weekdaysMin: 'нд_пн_вт_ср_чт_пт_сб'.split('_'),
-  months: 'януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември'.split('_'),
-  monthsShort: 'янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек'.split('_'),
-  weekStart: 1,
-  ordinal: function ordinal(n) {
-    var last2Digits = n % 100;
-
-    if (last2Digits > 10 && last2Digits < 20) {
-      return n + "-\u0442\u0438";
-    }
-
-    var lastDigit = n % 10;
-
-    if (lastDigit === 1) {
-      return n + "-\u0432\u0438";
-    } else if (lastDigit === 2) {
-      return n + "-\u0440\u0438";
-    } else if (lastDigit === 7 || lastDigit === 8) {
-      return n + "-\u043C\u0438";
-    }
-
-    return n + "-\u0442\u0438";
-  },
-  formats: {
-    LT: 'H:mm',
-    LTS: 'H:mm:ss',
-    L: 'D.MM.YYYY',
-    LL: 'D MMMM YYYY',
-    LLL: 'D MMMM YYYY H:mm',
-    LLLL: 'dddd, D MMMM YYYY H:mm'
-  },
-  relativeTime: {
-    future: 'след %s',
-    past: 'преди %s',
-    s: 'няколко секунди',
-    m: 'минута',
-    mm: '%d минути',
-    h: 'час',
-    hh: '%d часа',
-    d: 'ден',
-    dd: '%d дена',
-    M: 'месец',
-    MM: '%d месеца',
-    y: 'година',
-    yy: '%d години'
-  }
-};
-calciteInputTimePicker_calciteTimePicker_entry.dayjs.locale(locale, null, true);
-
-exports.default = locale;
-
-//# sourceMappingURL=bg-88d8f891.js.map

package/dist/cjs/bg-88d8f891.js.map

@@ -1 +0,0 @@
-{"file":"bg-88d8f891.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEG,IAAC,MAAM,GAAG;AACb,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,QAAQ,EAAE,wDAAwD,CAAC,KAAK,CAAC,GAAG,CAAC;AAC/E,EAAE,aAAa,EAAE,6BAA6B,CAAC,KAAK,CAAC,GAAG,CAAC;AACzD,EAAE,WAAW,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,EAAE,MAAM,EAAE,mFAAmF,CAAC,KAAK,CAAC,GAAG,CAAC;AACxG,EAAE,WAAW,EAAE,iDAAiD,CAAC,KAAK,CAAC,GAAG,CAAC;AAC3E,EAAE,SAAS,EAAE,CAAC;AACd,EAAE,OAAO,EAAE,SAAS,OAAO,CAAC,CAAC,EAAE;AAC/B,IAAI,IAAI,WAAW,GAAG,CAAC,GAAG,GAAG,CAAC;AAC9B;AACA,IAAI,IAAI,WAAW,GAAG,EAAE,IAAI,WAAW,GAAG,EAAE,EAAE;AAC9C,MAAM,OAAO,CAAC,GAAG,eAAe,CAAC;AACjC,KAAK;AACL;AACA,IAAI,IAAI,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;AAC3B;AACA,IAAI,IAAI,SAAS,KAAK,CAAC,EAAE;AACzB,MAAM,OAAO,CAAC,GAAG,eAAe,CAAC;AACjC,KAAK,MAAM,IAAI,SAAS,KAAK,CAAC,EAAE;AAChC,MAAM,OAAO,CAAC,GAAG,eAAe,CAAC;AACjC,KAAK,MAAM,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,EAAE;AACnD,MAAM,OAAO,CAAC,GAAG,eAAe,CAAC;AACjC,KAAK;AACL;AACA,IAAI,OAAO,CAAC,GAAG,eAAe,CAAC;AAC/B,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,EAAE,EAAE,MAAM;AACd,IAAI,GAAG,EAAE,SAAS;AAClB,IAAI,CAAC,EAAE,WAAW;AAClB,IAAI,EAAE,EAAE,aAAa;AACrB,IAAI,GAAG,EAAE,kBAAkB;AAC3B,IAAI,IAAI,EAAE,wBAAwB;AAClC,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,CAAC,EAAE,iBAAiB;AACxB,IAAI,CAAC,EAAE,QAAQ;AACf,IAAI,EAAE,EAAE,WAAW;AACnB,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,CAAC,EAAE,OAAO;AACd,IAAI,EAAE,EAAE,WAAW;AACnB,IAAI,CAAC,EAAE,QAAQ;AACf,IAAI,EAAE,EAAE,WAAW;AACnB,GAAG;AACH,EAAE;AACFA,oDAAK,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC;;;;","names":["dayjs"],"sources":["../../node_modules/dayjs/esm/locale/bg.js"],"sourcesContent":["// Bulgarian [bg]\nimport dayjs from '../index';\nvar locale = {\n  name: 'bg',\n  weekdays: 'неделя_понеделник_вторник_сряда_четвъртък_петък_събота'.split('_'),\n  weekdaysShort: 'нед_пон_вто_сря_чет_пет_съб'.split('_'),\n  weekdaysMin: 'нд_пн_вт_ср_чт_пт_сб'.split('_'),\n  months: 'януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември'.split('_'),\n  monthsShort: 'янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек'.split('_'),\n  weekStart: 1,\n  ordinal: function ordinal(n) {\n    var last2Digits = n % 100;\n\n    if (last2Digits > 10 && last2Digits < 20) {\n      return n + \"-\\u0442\\u0438\";\n    }\n\n    var lastDigit = n % 10;\n\n    if (lastDigit === 1) {\n      return n + \"-\\u0432\\u0438\";\n    } else if (lastDigit === 2) {\n      return n + \"-\\u0440\\u0438\";\n    } else if (lastDigit === 7 || lastDigit === 8) {\n      return n + \"-\\u043C\\u0438\";\n    }\n\n    return n + \"-\\u0442\\u0438\";\n  },\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'D.MM.YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY H:mm',\n    LLLL: 'dddd, D MMMM YYYY H:mm'\n  },\n  relativeTime: {\n    future: 'след %s',\n    past: 'преди %s',\n    s: 'няколко секунди',\n    m: 'минута',\n    mm: '%d минути',\n    h: 'час',\n    hh: '%d часа',\n    d: 'ден',\n    dd: '%d дена',\n    M: 'месец',\n    MM: '%d месеца',\n    y: 'година',\n    yy: '%d години'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"version":3}