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

package/dist/esm/calcite-shell_3.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, h, F as Fragment, g as getElement, c as createEvent, f as forceUpdate } from './index-e79f2756.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-f037f782.js';
-import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, e as getSlotted, g as getElementDir, i as isPrimaryPointerButton } from './dom-f69bbb61.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0556d458.js';
-import { c as clamp } from './math-199116ad.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-1b6bcb63.js';
-import { C as CSS_UTILITY } from './resources-122aabf6.js';
-import './observers-65746297.js';
-import './guid-4abbf96e.js';
-import './key-1c09d60f.js';
+import { r as registerInstance, h, F as Fragment, g as getElement, c as createEvent, f as forceUpdate } from './index-11fbae42.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9c98f342.js';
+import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, e as getSlotted, g as getElementDir, i as isPrimaryPointerButton } from './dom-168a47e4.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-06c0a36c.js';
+import { c as clamp } from './math-23599965.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-396cc012.js';
+import { C as CSS_UTILITY } from './resources-d809ea6c.js';
+import './observers-473d9af3.js';
+import './guid-7dc4951c.js';
+import './key-e5879ef9.js';
 
 const CSS$2 = {
     main: "main",

package/dist/esm/calcite-sortable-list.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e79f2756.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-839eca25.js';
-import { c as createObserver } from './observers-65746297.js';
-import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-fda9827d.js';
-import { d as focusElement } from './dom-f69bbb61.js';
-import './browser-a896806d.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-11fbae42.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { c as createObserver } from './observers-473d9af3.js';
+import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-61cf7502.js';
+import { d as focusElement } from './dom-168a47e4.js';
+import './browser-e4f0e125.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
 
 const CSS = {
     sortItem: "sort-item",

package/dist/esm/calcite-split-button.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e79f2756.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-839eca25.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c0b59038.js';
-import './browser-a896806d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-11fbae42.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d85f39c9.js';
+import './browser-e4f0e125.js';
 
 const CSS = {
     container: "container",

package/dist/esm/calcite-split-button.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-split-button.entry.js","mappings":"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","names":[],"sources":["src/components/split-button/resources.ts","src/components/split-button/split-button.scss?tag=calcite-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  dividerContainer: \"divider-container\",\n  divider: \"divider\",\n  widthAuto: \"width-auto\",\n  widthHalf: \"width-half\",\n  widthFull: \"width-full\",\n};\n",":host {\n  @apply inline-block;\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n:host {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-background: theme(\"colors.brand\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-background: theme(\"colors.danger\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-background: theme(\"colors.background.foreground.3\");\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-background: var(--calcite-color-inverse);\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n}\n\n:host([appearance=\"transparent\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n    --calcite-split-button-background: transparent;\n  }\n}\n\n:host([appearance=\"outline\"]) {\n  --calcite-split-button-background: transparent;\n}\n\n:host([appearance=\"outline-fill\"]) {\n  --calcite-split-button-background: theme(\"colors.background.foreground.1\");\n}\n\n:host([appearance=\"outline\"]),\n:host([appearance=\"outline-fill\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"borderColor.color.1\");\n    --calcite-split-button-background: theme(\"borderColor.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: var(--calcite-color-inverse);\n  }\n}\n\n.container {\n  @apply flex items-stretch;\n  > calcite-dropdown > calcite-button {\n    @apply h-full align-top;\n  }\n}\n\n.divider-container {\n  @apply transition-default flex w-px items-stretch;\n  background-color: var(--calcite-split-button-background);\n}\n\n.divider {\n  @apply my-1 inline-block w-px;\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=\"outline-fill\"]),\n:host([appearance=\"outline\"]) {\n  .divider-container {\n    border-block: 1px solid var(--calcite-split-button-divider);\n  }\n  &:hover .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:hover),\n:host([appearance=\"outline\"]:hover) {\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:focus-within),\n:host([appearance=\"outline\"]:focus-within) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand-press\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger-press\");\n  }\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n@include disabled() {\n  .divider-container {\n    @apply opacity-disabled;\n  }\n\n  calcite-dropdown > calcite-button {\n    @apply pointer-events-none;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent, InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { DropdownIconType } from \"../button/interfaces\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown` content.\n */\n@Component({\n  tag: \"calcite-split-button\",\n  styleUrl: \"split-button.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class SplitButton implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Specifies the kind of the component (will apply to border and background if applicable). */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.active = false;\n    }\n  }\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) active = false;\n\n  @Watch(\"active\")\n  activeHandler(): void {\n    if (this.disabled) {\n      this.active = false;\n    }\n  }\n\n  /** Specifies the icon used for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownIconType: DropdownIconType = \"chevron\";\n\n  /** Accessible name for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownLabel: string;\n\n  /**\n    When `true`, a busy indicator is displayed on the primary button.\n   */\n  @Prop({ reflect: true }) loading = 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  /** Specifies an icon to display at the end of the primary button. */\n  @Prop({ reflect: true }) primaryIconEnd: string;\n\n  /**  Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) primaryIconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the primary button. */\n  @Prop({ reflect: true }) primaryIconStart: string;\n\n  /** Accessible name for the primary button. */\n  @Prop({ reflect: true }) primaryLabel: string;\n\n  /** Text displayed in the primary button. */\n  @Prop({ reflect: true }) primaryText: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Fires when the primary button is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonPrimaryClick: EventEmitter<void>;\n\n  /**\n   * Fires when the dropdown menu is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonSecondaryClick: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSplitButtonElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    const buttonWidth = this.width === \"auto\" ? \"auto\" : \"full\";\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          <calcite-button\n            appearance={this.appearance}\n            disabled={this.disabled}\n            icon-end={this.primaryIconEnd ? this.primaryIconEnd : null}\n            icon-start={this.primaryIconStart ? this.primaryIconStart : null}\n            iconFlipRtl={this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null}\n            kind={this.kind}\n            label={this.primaryLabel}\n            loading={this.loading}\n            onClick={this.calciteSplitButtonPrimaryClickHandler}\n            scale={this.scale}\n            splitChild={\"primary\"}\n            type=\"button\"\n            width={buttonWidth}\n          >\n            {this.primaryText}\n          </calcite-button>\n          <div class={CSS.dividerContainer}>\n            <div class={CSS.divider} />\n          </div>\n          <calcite-dropdown\n            disabled={this.disabled}\n            onClick={this.calciteSplitButtonSecondaryClickHandler}\n            open={this.active}\n            overlayPositioning={this.overlayPositioning}\n            placement=\"bottom-end\"\n            scale={this.scale}\n            width-scale={this.scale}\n          >\n            <calcite-button\n              appearance={this.appearance}\n              disabled={this.disabled}\n              icon-start={this.dropdownIcon}\n              kind={this.kind}\n              label={this.dropdownLabel}\n              scale={this.scale}\n              slot=\"trigger\"\n              splitChild={\"secondary\"}\n              type=\"button\"\n            />\n            <slot />\n          </calcite-dropdown>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  private calciteSplitButtonPrimaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonPrimaryClick.emit();\n\n  private calciteSplitButtonSecondaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonSecondaryClick.emit();\n\n  private get dropdownIcon(): string {\n    return this.dropdownIconType === \"chevron\"\n      ? \"chevronDown\"\n      : this.dropdownIconType === \"caret\"\n      ? \"caretDown\"\n      : this.dropdownIconType === \"ellipsis\"\n      ? \"ellipsis\"\n      : \"handle-vertical\";\n  }\n}\n"],"version":3}
+{"file":"calcite-split-button.entry.js","mappings":"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","names":[],"sources":["src/components/split-button/resources.ts","src/components/split-button/split-button.scss?tag=calcite-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  dividerContainer: \"divider-container\",\n  divider: \"divider\",\n  widthAuto: \"width-auto\",\n  widthHalf: \"width-half\",\n  widthFull: \"width-full\",\n};\n",":host {\n  @apply inline-block;\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n:host {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-background: theme(\"colors.brand\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-background: theme(\"colors.danger\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-background: theme(\"colors.background.foreground.3\");\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-background: var(--calcite-color-inverse);\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n}\n\n:host([appearance=\"transparent\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n    --calcite-split-button-background: transparent;\n  }\n}\n\n:host([appearance=\"outline\"]) {\n  --calcite-split-button-background: transparent;\n}\n\n:host([appearance=\"outline-fill\"]) {\n  --calcite-split-button-background: theme(\"colors.background.foreground.1\");\n}\n\n:host([appearance=\"outline\"]),\n:host([appearance=\"outline-fill\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"borderColor.color.1\");\n    --calcite-split-button-background: theme(\"borderColor.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: var(--calcite-color-inverse);\n  }\n}\n\n.container {\n  @apply flex items-stretch;\n  > calcite-dropdown > calcite-button {\n    @apply h-full align-top;\n  }\n}\n\n.divider-container {\n  @apply transition-default flex w-px items-stretch;\n  background-color: var(--calcite-split-button-background);\n}\n\n.divider {\n  @apply my-1 inline-block w-px;\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=\"outline-fill\"]),\n:host([appearance=\"outline\"]) {\n  .divider-container {\n    border-block: 1px solid var(--calcite-split-button-divider);\n  }\n  &:hover .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:hover),\n:host([appearance=\"outline\"]:hover) {\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:focus-within),\n:host([appearance=\"outline\"]:focus-within) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand-press\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger-press\");\n  }\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n@include disabled() {\n  .divider-container {\n    @apply opacity-disabled;\n  }\n\n  calcite-dropdown > calcite-button {\n    @apply pointer-events-none;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\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 { DropdownIconType } from \"../button/interfaces\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown` content.\n */\n@Component({\n  tag: \"calcite-split-button\",\n  styleUrl: \"split-button.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class SplitButton implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Specifies the kind of the component (will apply to border and background if applicable). */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.active = false;\n    }\n  }\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) active = false;\n\n  @Watch(\"active\")\n  activeHandler(): void {\n    if (this.disabled) {\n      this.active = false;\n    }\n  }\n\n  /** Specifies the icon used for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownIconType: DropdownIconType = \"chevron\";\n\n  /** Accessible name for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownLabel: string;\n\n  /**\n    When `true`, a busy indicator is displayed on the primary button.\n   */\n  @Prop({ reflect: true }) loading = 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  /** Specifies an icon to display at the end of the primary button. */\n  @Prop({ reflect: true }) primaryIconEnd: string;\n\n  /**  Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) primaryIconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the primary button. */\n  @Prop({ reflect: true }) primaryIconStart: string;\n\n  /** Accessible name for the primary button. */\n  @Prop({ reflect: true }) primaryLabel: string;\n\n  /** Text displayed in the primary button. */\n  @Prop({ reflect: true }) primaryText: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Fires when the primary button is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonPrimaryClick: EventEmitter<void>;\n\n  /**\n   * Fires when the dropdown menu is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonSecondaryClick: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSplitButtonElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    const buttonWidth = this.width === \"auto\" ? \"auto\" : \"full\";\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          <calcite-button\n            appearance={this.appearance}\n            disabled={this.disabled}\n            icon-end={this.primaryIconEnd ? this.primaryIconEnd : null}\n            icon-start={this.primaryIconStart ? this.primaryIconStart : null}\n            iconFlipRtl={this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null}\n            kind={this.kind}\n            label={this.primaryLabel}\n            loading={this.loading}\n            onClick={this.calciteSplitButtonPrimaryClickHandler}\n            scale={this.scale}\n            splitChild={\"primary\"}\n            type=\"button\"\n            width={buttonWidth}\n          >\n            {this.primaryText}\n          </calcite-button>\n          <div class={CSS.dividerContainer}>\n            <div class={CSS.divider} />\n          </div>\n          <calcite-dropdown\n            disabled={this.disabled}\n            onClick={this.calciteSplitButtonSecondaryClickHandler}\n            open={this.active}\n            overlayPositioning={this.overlayPositioning}\n            placement=\"bottom-end\"\n            scale={this.scale}\n            width-scale={this.scale}\n          >\n            <calcite-button\n              appearance={this.appearance}\n              disabled={this.disabled}\n              icon-start={this.dropdownIcon}\n              kind={this.kind}\n              label={this.dropdownLabel}\n              scale={this.scale}\n              slot=\"trigger\"\n              splitChild={\"secondary\"}\n              type=\"button\"\n            />\n            <slot />\n          </calcite-dropdown>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  private calciteSplitButtonPrimaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonPrimaryClick.emit();\n\n  private calciteSplitButtonSecondaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonSecondaryClick.emit();\n\n  private get dropdownIcon(): string {\n    return this.dropdownIconType === \"chevron\"\n      ? \"chevronDown\"\n      : this.dropdownIconType === \"caret\"\n      ? \"caretDown\"\n      : this.dropdownIconType === \"ellipsis\"\n      ? \"ellipsis\"\n      : \"handle-vertical\";\n  }\n}\n"],"version":3}

package/dist/esm/calcite-stack.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, h, H as Host } from './index-e79f2756.js';
-import { b as slotChangeHasAssignedElement } from './dom-f69bbb61.js';
-import { S as SLOTS, C as CSS } from './resources-cb3810da.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
+import { r as registerInstance, h, H as Host } from './index-11fbae42.js';
+import { b as slotChangeHasAssignedElement } from './dom-168a47e4.js';
+import { S as SLOTS, C as CSS } from './resources-ff24aaf8.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
 
 const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.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}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-stepper_2.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { h, r as registerInstance, c as createEvent, H as Host, e as readTask, g as getElement } from './index-e79f2756.js';
-import { s as slotChangeGetAssignedElements, l as focusElementInGroup } from './dom-f69bbb61.js';
-import { c as createObserver } from './observers-65746297.js';
-import { g as guid } from './guid-4abbf96e.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-0556d458.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-1b6bcb63.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-839eca25.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c0b59038.js';
-import './resources-122aabf6.js';
-import './key-1c09d60f.js';
-import './browser-a896806d.js';
+import { h, r as registerInstance, c as createEvent, H as Host, e as readTask, g as getElement } from './index-11fbae42.js';
+import { s as slotChangeGetAssignedElements, l as focusElementInGroup } from './dom-168a47e4.js';
+import { c as createObserver } from './observers-473d9af3.js';
+import { g as guid } from './guid-7dc4951c.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-06c0a36c.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-396cc012.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d85f39c9.js';
+import './resources-d809ea6c.js';
+import './key-e5879ef9.js';
+import './browser-e4f0e125.js';
 
 const CSS$2 = {
     stepBar: "step-bar",

package/dist/esm/calcite-switch.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { d as focusElement, t as toAriaBoolean } from './dom-f69bbb61.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-902f13d4.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-839eca25.js';
-import { i as isActivationKey } from './key-1c09d60f.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-5ca45f3e.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c0b59038.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
-import './browser-a896806d.js';
-import './component-0ba54587.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { d as focusElement, t as toAriaBoolean } from './dom-168a47e4.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1823324e.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { i as isActivationKey } from './key-e5879ef9.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-0d08938c.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d85f39c9.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
+import './browser-e4f0e125.js';
+import './component-8e88e07a.js';
 
 const switchCss = ":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-tab_4.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-e79f2756.js';
-import { z as nodeListToArray, l as focusElementInGroup, g as getElementDir, A as filterDirectChildren, t as toAriaBoolean } from './dom-f69bbb61.js';
-import { g as guid } from './guid-4abbf96e.js';
-import { c as createObserver } from './observers-65746297.js';
-import { c as connectInteractive, d as disconnectInteractive, I as InteractiveContainer, u as updateHostInteraction } from './interactive-839eca25.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0556d458.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-1b6bcb63.js';
-import { g as getIconScale } from './component-0ba54587.js';
-import './resources-122aabf6.js';
-import './browser-a896806d.js';
-import './key-1c09d60f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-11fbae42.js';
+import { z as nodeListToArray, l as focusElementInGroup, g as getElementDir, A as filterDirectChildren, t as toAriaBoolean } from './dom-168a47e4.js';
+import { g as guid } from './guid-7dc4951c.js';
+import { c as createObserver } from './observers-473d9af3.js';
+import { c as connectInteractive, d as disconnectInteractive, I as InteractiveContainer, u as updateHostInteraction } from './interactive-b16eedd3.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-06c0a36c.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-396cc012.js';
+import { g as getIconScale } from './component-8e88e07a.js';
+import './resources-d809ea6c.js';
+import './browser-e4f0e125.js';
+import './key-e5879ef9.js';
 
 const CSS$2 = {
     container: "container",

package/dist/esm/calcite-table-cell_2.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c0b59038.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-1b6bcb63.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-839eca25.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0556d458.js';
-import { g as getElementDir } from './dom-f69bbb61.js';
-import { C as CSS_UTILITY } from './resources-122aabf6.js';
-import { g as getIconScale } from './component-0ba54587.js';
-import './browser-a896806d.js';
-import './key-1c09d60f.js';
-import './observers-65746297.js';
-import './guid-4abbf96e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d85f39c9.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-396cc012.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-06c0a36c.js';
+import { g as getElementDir } from './dom-168a47e4.js';
+import { C as CSS_UTILITY } from './resources-d809ea6c.js';
+import { g as getIconScale } from './component-8e88e07a.js';
+import './browser-e4f0e125.js';
+import './key-e5879ef9.js';
+import './observers-473d9af3.js';
+import './guid-7dc4951c.js';
 
 const CSS$1 = {
     numberCell: "number-cell",

package/dist/esm/calcite-table-row.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { l as focusElementInGroup } from './dom-f69bbb61.js';
-import { i as isActivationKey } from './key-1c09d60f.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-839eca25.js';
-import { g as getIconScale } from './component-0ba54587.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
-import './browser-a896806d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { l as focusElementInGroup } from './dom-168a47e4.js';
+import { i as isActivationKey } from './key-e5879ef9.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { g as getIconScale } from './component-8e88e07a.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
+import './browser-e4f0e125.js';
 
 const tableRowCss = ":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{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}";
 

package/dist/esm/calcite-table.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c0b59038.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-1b6bcb63.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-0556d458.js';
-import { g as getUserAgentString } from './browser-a896806d.js';
-import './dom-f69bbb61.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
-import './key-1c09d60f.js';
-import './observers-65746297.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d85f39c9.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-396cc012.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-06c0a36c.js';
+import { g as getUserAgentString } from './browser-e4f0e125.js';
+import './dom-168a47e4.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
+import './key-e5879ef9.js';
+import './observers-473d9af3.js';
 
 const CSS = {
     bordered: "bordered",

package/dist/esm/calcite-text-area.entry.js

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-902f13d4.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-5ca45f3e.js';
-import { t as toAriaBoolean, b as slotChangeHasAssignedElement } from './dom-f69bbb61.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-0556d458.js';
-import { c as createObserver } from './observers-65746297.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable, b as componentLoaded } from './loadable-c0b59038.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-1b6bcb63.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-839eca25.js';
-import { g as guid } from './guid-4abbf96e.js';
-import { V as Validation } from './Validation-42e613d9.js';
-import { t as throttle } from './throttle-ec818da9.js';
-import './component-0ba54587.js';
-import './resources-122aabf6.js';
-import './key-1c09d60f.js';
-import './browser-a896806d.js';
-import './debounce-7c01849a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1823324e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-0d08938c.js';
+import { t as toAriaBoolean, b as slotChangeHasAssignedElement } from './dom-168a47e4.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-06c0a36c.js';
+import { c as createObserver } from './observers-473d9af3.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable, b as componentLoaded } from './loadable-d85f39c9.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-396cc012.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { g as guid } from './guid-7dc4951c.js';
+import { V as Validation } from './Validation-9bd743c3.js';
+import { t as throttle } from './throttle-a1b7b256.js';
+import './component-8e88e07a.js';
+import './resources-d809ea6c.js';
+import './key-e5879ef9.js';
+import './browser-e4f0e125.js';
+import './debounce-b9ba4f70.js';
 
 const CSS = {
     assistiveText: "assistive-text",

package/dist/esm/calcite-tile-select_2.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e79f2756.js';
-import { g as guid } from './guid-4abbf96e.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-839eca25.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c0b59038.js';
-import './browser-a896806d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-11fbae42.js';
+import { g as guid } from './guid-7dc4951c.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d85f39c9.js';
+import './browser-e4f0e125.js';
 
 const CSS = {
     checked: "checked",

package/dist/esm/calcite-tile.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, h, g as getElement } from './index-e79f2756.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-f037f782.js';
-import { e as getSlotted } from './dom-f69bbb61.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-839eca25.js';
-import './observers-65746297.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
-import './browser-a896806d.js';
+import { r as registerInstance, h, g as getElement } from './index-11fbae42.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9c98f342.js';
+import { e as getSlotted } from './dom-168a47e4.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import './observers-473d9af3.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
+import './browser-e4f0e125.js';
 
 const SLOTS = {
     contentStart: "content-start",

package/dist/esm/calcite-tip_3.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-e79f2756.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-f037f782.js';
-import { e as getSlotted, g as getElementDir, t as toAriaBoolean } from './dom-f69bbb61.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0556d458.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-1b6bcb63.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-b55c8b4f.js';
-import { c as createObserver } from './observers-65746297.js';
-import './guid-4abbf96e.js';
-import './resources-122aabf6.js';
-import './key-1c09d60f.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-11fbae42.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9c98f342.js';
+import { e as getSlotted, g as getElementDir, t as toAriaBoolean } from './dom-168a47e4.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-06c0a36c.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-396cc012.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-cbd54738.js';
+import { c as createObserver } from './observers-473d9af3.js';
+import './guid-7dc4951c.js';
+import './resources-d809ea6c.js';
+import './key-e5879ef9.js';
 
 const CSS$1 = {
     container: "container",

package/dist/esm/calcite-tooltip.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { q as queryElementRoots, i as isPrimaryPointerButton, y as getShadowRootNode, t as toAriaBoolean } from './dom-f69bbb61.js';
-import { c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-b05a95fb.js';
-import { g as guid } from './guid-4abbf96e.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-f594b3fd.js';
-import { F as FloatingArrow } from './FloatingArrow-3da5f73c.js';
-import './resources-122aabf6.js';
-import './debounce-7c01849a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { q as queryElementRoots, i as isPrimaryPointerButton, y as getShadowRootNode, t as toAriaBoolean } from './dom-168a47e4.js';
+import { c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-c6393b6b.js';
+import { g as guid } from './guid-7dc4951c.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-babbe81b.js';
+import { F as FloatingArrow } from './FloatingArrow-c5477ca2.js';
+import './resources-d809ea6c.js';
+import './debounce-b9ba4f70.js';
 
 const CSS = {
     container: "container",

package/dist/esm/calcite-tree_2.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.1
+ * v2.2.0-next.2
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e79f2756.js';
-import { d as focusElement, z as nodeListToArray, e as getSlotted, b as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean, A as filterDirectChildren } from './dom-f69bbb61.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-f037f782.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-839eca25.js';
-import { C as CSS_UTILITY } from './resources-122aabf6.js';
-import { g as getIconScale } from './component-0ba54587.js';
-import './guid-4abbf96e.js';
-import './observers-65746297.js';
-import './browser-a896806d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-11fbae42.js';
+import { d as focusElement, z as nodeListToArray, e as getSlotted, b as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean, A as filterDirectChildren } from './dom-168a47e4.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9c98f342.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b16eedd3.js';
+import { C as CSS_UTILITY } from './resources-d809ea6c.js';
+import { g as getIconScale } from './component-8e88e07a.js';
+import './guid-7dc4951c.js';
+import './observers-473d9af3.js';
+import './browser-e4f0e125.js';
 
 function isTreeItem(element) {
     return element?.tagName === "CALCITE-TREE-ITEM";