@esri/calcite-components 2.11.0-next.21 → 2.11.0-next.23

package/dist/components/calcite-shell.js.map

@@ -1 +1 @@
-{"file":"calcite-shell.js","mappings":"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","names":[],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  contentBottom: \"content-bottom\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content,\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap;\n}\n\n.content {\n  @apply overflow-auto;\n  justify-content: space-between;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply pointer-events-none;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  @apply text-n2-wrap font-normal;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content-bottom {\n  justify-content: flex-end;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-panel`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-panel`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasSheets = false;\n\n  @State() hasPanelTop = false;\n\n  @State() hasPanelBottom = false;\n\n  @State() hasOnlyPanelBottom = false;\n\n  @State() panelIsResizing = false;\n\n  @Watch(\"hasPanelTop\")\n  @Watch(\"hasPanelBottom\")\n  updateHasOnlyPanelBottom(): void {\n    this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).embedded = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).embedded = true;\n      }\n    });\n  };\n\n  handlePanelTopChange = (event: Event): void => {\n    this.hasPanelTop = slotChangeHasAssignedElement(event);\n  };\n\n  handlePanelBottomChange = (event: Event): void => {\n    this.hasPanelBottom = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = (\n      <slot\n        key=\"panel-bottom-slot\"\n        name={SLOTS.panelBottom}\n        onSlotchange={this.handlePanelBottomChange}\n      />\n    );\n    const panelTopSlotNode: VNode = (\n      <slot key=\"panel-top-slot\" name={SLOTS.panelTop} onSlotchange={this.handlePanelTopChange} />\n    );\n\n    const contentContainerKey = \"content-container\";\n\n    const content = this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div\n            class={{\n              [CSS.contentBehindCenterContent]: true,\n              [CSS.contentBottom]: this.hasOnlyPanelBottom,\n            }}\n          >\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div\n            class={{ [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }}\n            key={contentContainerKey}\n          >\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-shell.js","mappings":"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","names":[],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  contentBottom: \"content-bottom\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    overflow-auto;\n  justify-content: space-between;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply flex pointer-events-none;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  @apply text-n2-wrap font-normal;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content-bottom {\n  justify-content: flex-end;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-panel`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-panel`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasSheets = false;\n\n  @State() hasPanelTop = false;\n\n  @State() hasPanelBottom = false;\n\n  @State() hasOnlyPanelBottom = false;\n\n  @State() panelIsResizing = false;\n\n  @Watch(\"hasPanelTop\")\n  @Watch(\"hasPanelBottom\")\n  updateHasOnlyPanelBottom(): void {\n    this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).embedded = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).embedded = true;\n      }\n    });\n  };\n\n  handlePanelTopChange = (event: Event): void => {\n    this.hasPanelTop = slotChangeHasAssignedElement(event);\n  };\n\n  handlePanelBottomChange = (event: Event): void => {\n    this.hasPanelBottom = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = (\n      <slot\n        key=\"panel-bottom-slot\"\n        name={SLOTS.panelBottom}\n        onSlotchange={this.handlePanelBottomChange}\n      />\n    );\n    const panelTopSlotNode: VNode = (\n      <slot key=\"panel-top-slot\" name={SLOTS.panelTop} onSlotchange={this.handlePanelTopChange} />\n    );\n\n    const contentContainerKey = \"content-container\";\n\n    const content = this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div\n            class={{\n              [CSS.contentBehindCenterContent]: true,\n              [CSS.contentBottom]: this.hasOnlyPanelBottom,\n            }}\n          >\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div\n            class={{ [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }}\n            key={contentContainerKey}\n          >\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/calcite-slider.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';

package/dist/components/calcite-sortable-list.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';

package/dist/components/calcite-split-button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';

package/dist/components/calcite-stack.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { a as Stack, d as defineCustomElement$1 } from './stack.js';
 

package/dist/components/calcite-stepper-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';

package/dist/components/calcite-stepper.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { h, proxyCustomElement, HTMLElement, createEvent, Host, readTask } from '@stencil/core/internal/client/index.js';
 import { s as slotChangeGetAssignedElements, v as focusElementInGroup } from './dom.js';

package/dist/components/calcite-switch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { S as Switch, d as defineCustomElement$1 } from './switch.js';
 

package/dist/components/calcite-tab-nav.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as TabNav, d as defineCustomElement$1 } from './tab-nav.js';
 

package/dist/components/calcite-tab-title.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as TabTitle, d as defineCustomElement$1 } from './tab-title.js';
 

package/dist/components/calcite-tab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as Tab, d as defineCustomElement$1 } from './tab.js';
 

package/dist/components/calcite-table-cell.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as TableCell, d as defineCustomElement$1 } from './table-cell.js';
 

package/dist/components/calcite-table-header.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as TableHeader, d as defineCustomElement$1 } from './table-header.js';
 

package/dist/components/calcite-table-row.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { v as focusElementInGroup } from './dom.js';
@@ -234,7 +234,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         return this.rowType === "head" ? (h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (h(Host, { key: '684c52082131d19476dc6bce539a4039aa2ce7d8' }, h(InteractiveContainer, { key: '4f96b2d12f118b3e162d7bdd434ee0880e765155', disabled: this.disabled }, h("tr", { key: 'eaa9ee11e5feafb079bb00a7cb4fab4c2932be2a', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: 'e8806b43dc1da17b08b94d8377459011089b8aed', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (h(Host, { key: 'd9b82c558c76417ab0fd7ccb6e8a2962f9c0a3c2' }, h(InteractiveContainer, { key: 'ed477f750f3d04bee345282a977578c1ce90f360', disabled: this.disabled }, h("tr", { key: 'd6234cca298d150260416cf18518563a8dafe99b', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: '618dfe52f7f72ca56dd03be7dab78fc02274ffd9', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-table.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
@@ -279,13 +279,13 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         return (h("tfoot", null, h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (h(Host, { key: '244120eb3676f8be5e0de745091e54fb0b59002b' }, h("div", { key: 'fd085a708227158e3e82321efd3f596a6527dd9a', class: CSS.container }, this.selectionMode !== "none" &&
+        return (h(Host, { key: '7bb9b92784bc4417b05bc744685b410527aef669' }, h("div", { key: '59ec0c71e3b66d6cdfa6d458530b279ced43a240', class: CSS.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), h("div", { key: 'd1af8d46b8479b3d5788c5d8876a3874cb988225', class: {
+            this.renderSelectionArea(), h("div", { key: '284cb3f366fc311502dd852b11ed91c941d17a2b', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, h("table", { key: '528e353e284a809d0dae532626bfc7d5a6061602', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '6b81116fd9cd2c489cf447ab397ba53188272370', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, h("table", { key: '993b514094d7e73fd632b4f73c2f180c31883dc9', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '191c60a1352e9a7c6a50ebe61067e4ae89a5f6b7', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';
 

package/dist/components/calcite-text-area.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, forceUpdate, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
@@ -186,20 +186,20 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (h(Host, { key: '28fc5a280c5dc4f1ab1843e6d8ed65794236e81c' }, h(InteractiveContainer, { key: '71e67acf671d8ff295392a6fa0ec1378c8a2151f', disabled: this.disabled }, h("textarea", { key: 'b4a3a3e60ddf563523e3fbc86062b682ee1eac51', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (h(Host, { key: '5f535e3a7dc83e8006357c77c39bb24eb05428fd' }, h(InteractiveContainer, { key: 'f3b98a6d225ddc02f040b78bf9befa933c41319b', disabled: this.disabled }, h("textarea", { key: 'da15c0ade7f703902f70b3ebd01e509a3bf6dc69', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
                 [CSS.readOnly]: this.readOnly,
                 [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),
                 [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
                 [CSS.blockSizeFull]: !hasFooter,
                 [CSS.borderColor]: !hasFooter,
-            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), h("span", { key: '80d03b82d14263ae1ae2236a203ee6e12bc69138', class: { [CSS.content]: true } }, h("slot", { key: '33ae02353cb8b1e381eb3cc5cd3bb3f9d5734dc9', onSlotchange: this.contentSlotChangeHandler })), h("footer", { key: '5e3ff6cda251510f82c9898054662ec2156a9537', class: {
+            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), h("span", { key: 'f6d23c18a05a2a6637aef56805e9f4d9b27e19db', class: { [CSS.content]: true } }, h("slot", { key: 'f05e79afc0f1b73ec1783eac5c3afd673ebea940', onSlotchange: this.contentSlotChangeHandler })), h("footer", { key: '8710af0866f994de2f52ea830844e48d8efa2620', class: {
                 [CSS.footer]: true,
                 [CSS.readOnly]: this.readOnly,
                 [CSS.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, h("div", { key: '6fff41fd3c42f4c223499527bc6ac23435a3928a', class: {
+            }, ref: (el) => (this.footerEl = el) }, h("div", { key: 'ee2df4eb6d75bf1f24b792e3f659748d9cc0a720', class: {
                 [CSS.container]: true,
                 [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, h("slot", { key: 'a490a43d3fa0d8d062b52cb73e4898f9d004d17f', name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { key: '16cc3b290ef36fe7f0f4cd44310ade85fd22362e', name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { key: '33e618c06d2e7c47f3711292c4f9ad5f3fc270c5', component: this }), this.isCharacterLimitExceeded() && (h("span", { key: '6e1970f40fabcf6535af4197f9b90baa47da2bd9', "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            } }, h("slot", { key: '726f9ef78bf313e7f91a03260afc4ba46a3b433d', name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { key: '47dc474a11869c16371ca84b8d2f8a96a2931335', name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { key: 'fe10658123b1fc824897f371638b737191fdf907', component: this }), this.isCharacterLimitExceeded() && (h("span", { key: '611618e872e8be08b22f3d3a866b1ef8ff165ffb', "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-tile-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
@@ -158,7 +158,7 @@ const TileGroup = /*@__PURE__*/ proxyCustomElement(class TileGroup extends HTMLE
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (h(InteractiveContainer, { key: 'df6e2f0cd7deee5649402579a2ea305de2117c69', disabled: this.disabled }, h("div", { key: '08fd5d2f71541e1b4cb7d803ac1ee423ba295bd0', "aria-label": this.label, class: CSS.container, role: role }, h("slot", { key: '6f76c897c6372be1a18fdd4526d43531ab0c3df1', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (h(InteractiveContainer, { key: 'c4937fb75b9d3190cb40a98dc1b69ded2a184c20', disabled: this.disabled }, h("div", { key: '6e45ee8518001f845be4c5209ffd9c8f7bc35227', "aria-label": this.label, class: CSS.container, role: role }, h("slot", { key: 'd9fddb254ce7db6d6642725c217f9e7bec9ba22b', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-tile-select-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
@@ -38,7 +38,7 @@ const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class TileSelectGroup e
         disconnectInteractive(this);
     }
     render() {
-        return (h(InteractiveContainer, { key: '85183b1afa7016c8a7cf3008131caf326ee912e3', disabled: this.disabled }, h("slot", { key: '8823d8ff8eb9137d06dfaf0789faf367085eede0' })));
+        return (h(InteractiveContainer, { key: '986c5092f1fa4f652e4c5fadeb48877063217c94', disabled: this.disabled }, h("slot", { key: '308baa119ee43879454b9f55193862c39e79940c' })));
     }
     get el() { return this; }
     static get style() { return CalciteTileSelectGroupStyle0; }

package/dist/components/calcite-tile-select.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -200,7 +200,7 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class TileSelect extends HTM
         const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
         const isLargeVisual = heading && icon && !description;
         const renderIcon = Boolean(icon);
-        return (h(InteractiveContainer, { key: '4c277cd076b997e5fd107cbb24d7a541015fbad0', disabled: disabled }, h("div", { key: 'f1197913ceaf43d940f966eae3ec68a5a3fd92ce', class: {
+        return (h(InteractiveContainer, { key: '5431f066f3af88998e6266b82fae739276e13426', disabled: disabled }, h("div", { key: 'ffb9130a87fa6297a4d34b2929177875184ddb74', class: {
                 checked,
                 container: true,
                 [CSS.description]: Boolean(description),
@@ -217,7 +217,7 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class TileSelect extends HTM
                 [CSS.largeVisual]: isLargeVisual,
                 [CSS.widthAuto]: width === "auto",
                 [CSS.widthFull]: width === "full",
-            } }, h("div", { key: 'a5623dedc8fe4a738271b50390b8320fba6180b1', class: { [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual } }, icon && (h("div", { key: 'cfdd824bb37daad46ca7d22132ed3e103eade330', class: { [CSS.icon]: renderIcon } }, h("calcite-icon", { key: '81d87addc2eab0a755ae9a348b5f187e2b865a78', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), h("div", { key: '809f754435107dcf4e18d6990d31e193ceaa90b8', class: CSS.tileContentContainer }, h("div", { key: 'ab8534059bcd6602973dda1eaa2399c279248ba7', class: CSS.tileContent }, heading && h("div", { key: 'c34d2bdc685a6cb2bcecf8da51a695ed539fdab0', class: CSS.tileHeading }, heading), description && h("div", { key: 'ba13242e0d8c2bc49f0e2fcfa138fb800d82eb23', class: CSS.tileDescription }, description)))), h("slot", { key: '7dfe074591286462e87493affd89777a514fe4a6' }))));
+            } }, h("div", { key: '23f61d8621073040414ef56b30ce2834a1f040bd', class: { [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual } }, icon && (h("div", { key: '3b62029756d1cdfe690b5c01f49df8433c991c85', class: { [CSS.icon]: renderIcon } }, h("calcite-icon", { key: '497e824b320c9b2b3bc80d267301eb5170801961', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), h("div", { key: '06116524416a55c66a97b9eb7f9f7347e10ac070', class: CSS.tileContentContainer }, h("div", { key: '73342058f43aa605b71b96dad24a23b972ea15c2', class: CSS.tileContent }, heading && h("div", { key: '5aa10aac4885c728bb6efb97b0b030674addcf2a', class: CSS.tileHeading }, heading), description && h("div", { key: 'bc8d4ac5e11aa1cfac62773da8ab891549bc4862', class: CSS.tileDescription }, description)))), h("slot", { key: 'b57388f1b2ff1f84271930a7a360d9cf071a4931' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-tile.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
@@ -199,7 +199,7 @@ const Tile = /*@__PURE__*/ proxyCustomElement(class Tile extends HTMLElement {
     }
     render() {
         const { disabled } = this;
-        return (h(InteractiveContainer, { key: '3102aa2344ee6a252204f5aea8846cc98d42f669', disabled: disabled }, this.href ? (h("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (h(InteractiveContainer, { key: 'bd53407e34fa834c10fb02574c37acc4f217b2f3', disabled: disabled }, this.href ? (h("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return this; }
     static get style() { return CalciteTileStyle0; }

package/dist/components/calcite-time-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { T as TimePicker, d as defineCustomElement$1 } from './time-picker.js';
 

package/dist/components/calcite-tip-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { l as logger } from './logger.js';
@@ -22,7 +22,7 @@ const TipGroup = /*@__PURE__*/ proxyCustomElement(class TipGroup extends HTMLEle
         this.groupTitle = undefined;
     }
     render() {
-        return h("slot", { key: 'fa1f47667e2351f35924aa8ff740f59ca18391d8' });
+        return h("slot", { key: 'f697f7ac496b8b6c10978420ea08f89c8c69dcc5' });
     }
     static get style() { return CalciteTipGroupStyle0; }
 }, [1, "calcite-tip-group", {

package/dist/components/calcite-tip-manager.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { a as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-tip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
@@ -114,7 +114,7 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class Tip extends HTMLElement {
         return (h("div", { class: CSS.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (h(Fragment, { key: 'a44b78c04c1a40e3fec2698232cf2d9a791d8efc' }, h("article", { key: '77b4104b2a06b0a5dfc0d9da3f4ccb44552f2a75', class: CSS.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (h(Fragment, { key: 'cb7cc98c10bc3244d9983eb1b4551d4bad615979' }, h("article", { key: '0a951e0254c35d0bd9b656df08cda1d57b9c33ef', class: CSS.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-tooltip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { q as queryElementRoots, H as getShadowRootNode, t as toAriaBoolean } from './dom.js';
@@ -394,10 +394,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (h(Host, { key: 'b7f084df44702e31448239c2b1eccef2ce04e9bb', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { key: '709497d0aa39c6497d6fe7e3b9b8c89ce8317e60', class: {
+        return (h(Host, { key: 'b715f170f7a40b8c9933f2dcb149ef6c20708016', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { key: '2cb09b3593c29686e857c86e916d38f09bf93fe6', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, h(FloatingArrow, { key: 'cd20733768c7af300f504b843f1ba4a27a286c5a', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { key: '9cb6d93a6be771c5d9742a1898c17d31887af624', class: CSS.container }, h("slot", { key: '8daaab8d6b93504541b595bc33c71393dd69ace3' })))));
+            }, ref: this.setTransitionEl }, h(FloatingArrow, { key: 'e9847fe1e66c2eb02b0a2a4fbf32e61a4d9069d6', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { key: '5b66fbd68af6a95d9ef68d15a664fd493fd3c69d', class: CSS.container }, h("slot", { key: '9a1e9faa67e718e65e1127c344868790ea5ec00f' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-tree-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getSlotted, d as slotChangeHasAssignedElement, a as getElementDir, t as toAriaBoolean, A as filterDirectChildren } from './dom.js';
@@ -172,14 +172,14 @@ const TreeItem = /*@__PURE__*/ proxyCustomElement(class TreeItem extends HTMLEle
         const isExpanded = this.updateAfterInitialRender && this.expanded;
         const { hasEndActions } = this;
         const slotNode = (h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
-        const iconStartEl = (h("calcite-icon", { key: '180ecc2a0363b2d9b994297ffa207ee148f60a99', class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (h(Host, { key: '18f725eb40baaf590fc871f554ce440844894646', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '5d6f6c8efb6083da0a811c96432e9a3c177114bc', disabled: this.disabled }, h("div", { key: '751df0b0bc4e8802793cbca11cdb9d9afb420540', class: { [CSS.itemExpanded]: isExpanded } }, h("div", { key: '5fba6e5ba50aba3b2a98aa0fc8baea6566d87b33', class: CSS.nodeAndActionsContainer }, h("div", { key: 'afe6a4350ee7e6b6e42f4d0c08741c153ab27bff', class: {
+        const iconStartEl = (h("calcite-icon", { key: '7ad7b79bc525bec4f088a084a36613536c0b7309', class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (h(Host, { key: '5fd1b1806f12b1fcbf07627ab896658f8f417068', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '2448324a98b9e99d69ff1eacb735815b6bdd4837', disabled: this.disabled }, h("div", { key: '669c442eb6732e04777a079ea3705e6d0b814858', class: { [CSS.itemExpanded]: isExpanded } }, h("div", { key: '3e175ffd6a6d7b20c590c90de35486adb40fd53f', class: CSS.nodeAndActionsContainer }, h("div", { key: 'd8d58d6bc18bfc57d4b2480526a6e87ac2955323', class: {
                 [CSS.nodeContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { key: '2a30105bba753e0e984497561cd04c781ce12988', class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { key: '72e248b23c72dde543eed8c5ae8ed2d0774884e8', class: {
+            }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { key: '7e318a90ec7c43d36c82a0612c48f4eeee502796', class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { key: 'aaec3d0f1c002866b8a7176464a15c8523f7898f', class: {
                 [CSS.childrenContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { key: 'e42ddd6862d8dd1df9ef8d27d6d57daabaedbb6a', name: SLOTS.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { key: 'e68b04458a30687539379a728387c56e7f63bc38', name: SLOTS.children }))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-tree.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { e as focusElement, z as nodeListToArray } from './dom.js';
@@ -126,9 +126,9 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends HTMLElement {
         this.child = !!parent;
     }
     render() {
-        return (h(Host, { key: '659c386ddb9664ff019f068402f6c19d2d3bda79', "aria-multiselectable": this.child
+        return (h(Host, { key: '235b746f2ab93442e0591db392f0547e4ca6c8ef', "aria-multiselectable": this.child
                 ? undefined
-                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, h("slot", { key: 'a9589e7071e0b5512f03281eb5d54c46e943aba5' })));
+                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, h("slot", { key: 'b5490e5d8fa7ea4a53593e402c1711fc38b563e1' })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-value-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
@@ -137,7 +137,7 @@ const ValueListItem = /*@__PURE__*/ proxyCustomElement(class ValueListItem exten
         }
     }
     render() {
-        return (h(Host, { key: 'dd5c2ef64c71ee7250252d9096ee91736476aa3b', id: this.el.id || this.guid }, h(InteractiveContainer, { key: '1f6e5716e1af4fc95e59a77563cf788a170f0dae', disabled: this.disabled }, this.renderHandle(), h("calcite-pick-list-item", { key: 'e9b398927480038632cdd2e262275f7b35f8813f', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
+        return (h(Host, { key: '14188753132100bcb27644429080e6dc63520d9d', id: this.el.id || this.guid }, h(InteractiveContainer, { key: '0d5a7197f8fc10437fe98270bff3854a97995120', disabled: this.disabled }, this.renderHandle(), h("calcite-pick-list-item", { key: '1a96184916a524d15ed1eba9c54f81713ff871a7', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
     }
     get el() { return this; }
     static get style() { return CalciteValueListItemStyle0; }

package/dist/components/calcite-value-list.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';

package/dist/components/checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { a as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/chip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.0-next.21
+ * v2.11.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client/index.js';
 import { d as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom.js';