@esri/calcite-components 2.2.0-next.14 → 2.2.0-next.16

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","main","content","contentBehind","contentNonInteractive","footer","positionedSlotWrapper","container","contentBehindCenterContent","SLOTS","centerRow","panelStart","panelEnd","panelTop","panelBottom","header","alerts","sheets","modals","shellCss","Shell","this","handleHeaderSlotChange","event","hasHeader","slotChangeHasAssignedElement","handleFooterSlotChange","hasFooter","handleAlertsSlotChange","hasAlerts","slotChangeGetAssignedElements","map","el","nodeName","slottedInShell","handleSheetsSlotChange","hasSheets","handleModalsSlotChange","hasModals","handleCalciteInternalShellPanelResizeStart","panelIsResizing","stopPropagation","handleCalciteInternalShellPanelResizeEnd","connectedCallback","connectConditionalSlotComponent","disconnectedCallback","disconnectConditionalSlotComponent","renderHeader","h","hidden","key","name","onSlotchange","renderFooter","class","renderAlerts","renderSheets","renderModals","renderContent","defaultSlotNode","defaultSlotContainerNode","deprecatedCenterRowSlotNode","panelBottomSlotNode","panelTopSlotNode","contentContainerKey","renderMain","renderPositionedSlots","render","Fragment","actionBarContainer","actionBar","shellCenterRowCss","ShellCenterRow","contentNode","getSlotted","actionBarNode","children","position","reverse","contentHeader","contentBody","contentFloat","contentOverlay","separator","shellPanelCss","ShellPanel","initialContentWidth","initialContentHeight","initialClientX","initialClientY","contentWidthMax","contentWidthMin","contentHeightMax","contentHeightMin","step","stepMultiplier","actionBars","storeContentEl","contentEl","getKeyAdjustedSize","layout","multipliedStep","MOVEMENT_KEYS","indexOf","preventDefault","dir","getElementDir","horizontalKeys","verticalKeys","directionFactor","includes","increaseKeys","stepValue","shiftKey","decreaseKeys","initialKeydownWidth","setInitialContentWidth","width","setContentWidth","initialKeydownHeight","setInitialContentHeight","height","setContentHeight","separatorKeyDown","separatorPointerMove","offset","clientY","clientX","adjustmentDirection","adjustedOffset","separatorPointerUp","isPrimaryPointerButton","calciteInternalShellPanelResizeEnd","emit","window","removeEventListener","getBoundingClientRect","separatorPointerDown","calciteInternalShellPanelResizeStart","separatorEl","document","activeElement","focus","addEventListener","connectSeparator","disconnectSeparator","setActionBarsLayout","forEach","handleActionBarSlotChange","filter","matches","handleDetached","value","displayMode","handleDisplayMode","detached","handleDetachedHeightScale","heightScale","handleHeightScale","detachedHeightScale","layoutHandler","onMessagesChange","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectLocalized","disconnectMessages","componentDidLoad","updateAriaValues","effectiveLocaleChange","updateMessages","effectiveLocale","collapsed","contentWidth","contentHeight","resizable","allowResizing","style","separatorNode","messages","resize","onKeyDown","role","tabIndex","ref","getAnimationDir","CSS_UTILITY","calciteAnimateInDown","calciteAnimateInUp","isStart","calciteAnimateInLeft","calciteAnimateInRight","rtl","calciteAnimate","mainNodes","roundedWidth","Math","round","clamp","computedStyle","getComputedStyle","updateHeights","updateWidths","forceUpdate","max","parseInt","getPropertyValue","min","valueNow","isNaN"],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx","src/components/shell-center-row/resources.ts","src/components/shell-center-row/shell-center-row.scss?tag=calcite-shell-center-row&encapsulation=shadow","src/components/shell-center-row/shell-center-row.tsx","src/components/shell-panel/resources.ts","src/components/shell-panel/shell-panel.scss?tag=calcite-shell-panel&encapsulation=shadow","src/components/shell-panel/shell-panel.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\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}\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::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 } 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-center-row`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-center-row`.\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 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 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 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() panelIsResizing = false;\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).slottedInShell = 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).slottedInShell = 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).slottedInShell = true;\n      }\n    });\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 = <slot key=\"panel-bottom-slot\" name={SLOTS.panelBottom} />;\n    const panelTopSlotNode: VNode = <slot key=\"panel-top-slot\" name={SLOTS.panelTop} />;\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 class={CSS.contentBehindCenterContent}>\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div class={CSS.content} key={contentContainerKey}>\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","export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  content: \"content\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n};\n",":host {\n  @extend %component-host;\n  @apply flex\n    flex-auto\n    overflow-hidden\n    bg-transparent\n    z-default;\n}\n\n.content {\n  @apply m-0\n    flex\n    h-full\n    w-full\n    overflow-hidden;\n  flex: 1 0 0;\n}\n\n.action-bar-container {\n  @apply flex;\n}\n\n:host([detached]) {\n  @apply shadow-0\n  animate-in-up\n  mx-2\n  mt-2 mb-6 rounded\n  border-0;\n}\n\n:host([position=\"end\"]) {\n  @apply self-end;\n}\n\n:host([position=\"start\"]) {\n  @apply self-start;\n}\n\n:host([height-scale=\"s\"]) {\n  block-size: theme(\"width[1/3]\");\n}\n\n:host([height-scale=\"m\"]) {\n  block-size: 70%;\n}\n\n:host([height-scale=\"l\"]) {\n  @apply h-full;\n}\n\n:host([height-scale=\"l\"][detached]) {\n  block-size: calc(theme(\"height.full\") - theme(\"spacing.8\"));\n}\n\n::slotted(calcite-panel) {\n  @apply h-full w-full;\n}\n\n::slotted(calcite-action-bar),\n::slotted(calcite-action-bar[position=\"end\"]) {\n  border-inline-end: theme(\"borderWidth.DEFAULT\") solid;\n  @apply border-color-3;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content to the `calcite-shell-panel`.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.\n */\n@Component({\n  tag: \"calcite-shell-center-row\",\n  styleUrl: \"shell-center-row.scss\",\n  shadow: true,\n})\nexport class ShellCenterRow implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  /**\n   * Specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"s\";\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"end\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellCenterRowElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el } = this;\n\n    const contentNode = (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n\n    const actionBar = getSlotted<HTMLCalciteActionBarElement>(el, SLOTS.actionBar);\n\n    const actionBarNode = actionBar ? (\n      <div class={CSS.actionBarContainer} key=\"action-bar\">\n        <slot name={SLOTS.actionBar} />\n      </div>\n    ) : null;\n\n    const children: VNode[] = [actionBarNode, contentNode];\n\n    if (actionBar?.position === \"end\") {\n      children.reverse();\n    }\n\n    return <Fragment>{children}</Fragment>;\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  contentHeader: \"content__header\",\n  contentBody: \"content__body\",\n  contentFloat: \"content--float\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  header: \"header\",\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-panel-width: Specifies the width of the component.\n * @prop --calcite-shell-panel-max-width: Specifies the maximum width of the component.\n * @prop --calcite-shell-panel-min-width: Specifies the minimum width of the component.\n * @prop --calcite-shell-panel-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the height of the component.\n * @prop --calcite-shell-panel-max-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-min-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the minimum height of the component.\n * @prop --calcite-shell-panel-detached-max-height: [Deprecated] Use the `heightScale` property instead. When `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-z-index: Specifies the z-index value for the component.\n *\n */\n\n:host {\n  @apply relative\n    pointer-events-none\n    flex\n    flex-initial\n    items-stretch;\n  z-index: var(--calcite-shell-panel-z-index, theme(\"zIndex.default\"));\n  --calcite-shell-panel-detached-max-height: unset;\n  --calcite-shell-panel-max-height: unset;\n  --calcite-shell-panel-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl.content--overlay {\n  --calcite-shell-panel-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n:host([layout=\"vertical\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.default\") + 1));\n}\n\n:host([layout=\"vertical\"][display-mode=\"overlay\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.header\") + 1));\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 12vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 20vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 45vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  );\n}\n\n:host([layout=\"horizontal\"]) .content {\n  --calcite-shell-panel-min-height-internal: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  );\n}\n\n:host([layout=\"horizontal\"][height-scale=\"l\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  );\n}\n\n.container {\n  @apply text-color-2\n  text-n1\n  pointer-events-none\n  box-border\n  flex\n  flex-auto\n  items-stretch\n  bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host([layout=\"horizontal\"]) .container {\n  flex-direction: column;\n}\n\n:host(:hover),\n:host(:focus-within) {\n  .separator:not(:hover):not(:focus) {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-3);\n  }\n}\n\n.separator {\n  @apply transition-default\n  pointer-events-auto\n  absolute\n  flex\n  bg-transparent\n  opacity-0;\n  cursor: col-resize;\n  outline: none;\n  &:hover {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-2);\n  }\n  &:focus {\n    @apply bg-brand opacity-100;\n  }\n}\n\n:host([layout=\"vertical\"]) .separator {\n  @apply bottom-0\n  top-0 h-full\n  w-0.5;\n  cursor: col-resize;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  @apply bottom-0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  @apply top-0;\n}\n\n:host([layout=\"horizontal\"]) .separator {\n  @apply right-0 w-full\n  h-0.5;\n  cursor: row-resize;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .separator {\n  inset-inline-end: -2px;\n}\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  inset-block-end: -2px;\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .separator {\n  inset-inline-start: -2px;\n}\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  inset-block-start: -2px;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full w-full flex-auto;\n  max-block-size: unset;\n  max-inline-size: unset;\n}\n\n::slotted(.calcite-match-height) {\n  @apply flex flex-auto overflow-hidden;\n}\n\n.content {\n  @apply bg-background\n  pointer-events-auto\n  flex\n  flex-col\n  flex-nowrap\n  items-stretch\n  self-stretch\n  p-0;\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    max-inline-size var(--calcite-animation-timing);\n}\n\n:host([layout=\"vertical\"]) .content {\n  inline-size: var(--calcite-shell-panel-width-internal);\n  max-inline-size: var(--calcite-shell-panel-max-width-internal);\n  min-inline-size: var(--calcite-shell-panel-min-width-internal);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-shell-panel-height-internal);\n  max-block-size: var(--calcite-shell-panel-max-height-internal);\n  min-block-size: var(--calcite-shell-panel-min-height-internal);\n}\n\n.content__header {\n  @apply flex\n  flex-initial\n  flex-col\n  flex-nowrap\n  items-stretch;\n}\n\n.content__body {\n  @apply flex\n  flex-auto\n  flex-col\n  overflow-hidden;\n}\n\n.content--overlay {\n  @apply absolute\n  shadow-0;\n}\n\n:host([layout=\"vertical\"]) .content--overlay {\n  @apply top-0 h-full;\n}\n\n:host([layout=\"horizontal\"]) .content--overlay {\n  @apply left-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-start-internal);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-end-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-start-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-end-internal);\n}\n\n.content--float {\n  @apply shadow-0\n  mx-2\n  mt-2\n  mb-auto\n  h-auto\n  overflow-hidden\n  rounded;\n  max-block-size: var(--calcite-shell-panel-max-height-internal, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .content--float {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .content--float,\n:host([position=\"end\"]) .content--float {\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    @apply border-none;\n  }\n}\n\n.content[hidden] {\n  @apply hidden;\n}\n\nslot[name=\"action-bar\"]::slotted(calcite-action-bar),\n.content ::slotted(calcite-flow),\n.content ::slotted(calcite-panel:not([closed])) {\n  @apply border-color-3 border border-solid;\n}\n\n:host([position=\"start\"]:not([slot=\"panel-end\"])),\n:host([position=\"end\"][slot=\"panel-start\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-start: none;\n  }\n}\n\n:host([position=\"end\"]:not([slot=\"panel-start\"])),\n:host([position=\"start\"][slot=\"panel-end\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-end: none;\n  }\n}\n\n:host([layout=\"horizontal\"]) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-start: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-end: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  getElementDir,\n  isPrimaryPointerButton,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { clamp } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { DisplayMode } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n */\n@Component({\n  tag: \"calcite-shell-panel\",\n  styleUrl: \"shell-panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ShellPanel implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   *\n   * @deprecated Use `displayMode` instead.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  @Watch(\"detached\")\n  handleDetached(value: boolean): void {\n    if (value) {\n      this.displayMode = \"float\";\n    } else if (this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode - `\"dock\"` (full height, displays adjacent to center content), `\"float\"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),\n   * or `\"overlay\"` (full height, displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"dock\";\n\n  @Watch(\"displayMode\")\n  handleDisplayMode(value: DisplayMode): void {\n    this.detached = value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float`, specifies the maximum height of the component.\n   *\n   * @deprecated Use `heightScale` instead.\n   */\n  @Prop({ reflect: true }) detachedHeightScale: Scale;\n\n  @Watch(\"detachedHeightScale\")\n  handleDetachedHeightScale(value: Scale): void {\n    this.heightScale = value;\n  }\n\n  /**\n   * When `layout` is `horizontal`, specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale;\n\n  @Watch(\"heightScale\")\n  handleHeightScale(value: Scale): void {\n    this.detachedHeightScale = value;\n  }\n\n  /**\n   * When `layout` is `vertical`, specifies the width of the component.\n   */\n\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /**\n   *  The direction of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.setActionBarsLayout(this.actionBars);\n  }\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float`, the component's content area is resizable.\n   */\n  @Prop({ reflect: true }) resizable = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ShellPanelMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ShellPanelMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    this.disconnectSeparator();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.updateAriaValues();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellPanelElement;\n\n  @State() contentWidth: number = null;\n\n  @State() contentHeight: number = null;\n\n  initialContentWidth: number = null;\n\n  initialContentHeight: number = null;\n\n  initialClientX: number = null;\n\n  initialClientY: number = null;\n\n  contentEl: HTMLDivElement;\n\n  separatorEl: HTMLDivElement;\n\n  contentWidthMax: number = null;\n\n  contentWidthMin: number = null;\n\n  contentHeightMax: number = null;\n\n  contentHeightMin: number = null;\n\n  step = 1;\n\n  stepMultiplier = 10;\n\n  actionBars: HTMLCalciteActionBarElement[] = [];\n\n  @State() defaultMessages: ShellPanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasHeader = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeStart: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeEnd: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader(): VNode {\n    return (\n      <div class={CSS.contentHeader} hidden={!this.hasHeader} key=\"header\">\n        <slot name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      position,\n      initialContentWidth,\n      initialContentHeight,\n      contentWidth,\n      contentWidthMax,\n      contentWidthMin,\n      contentHeight,\n      contentHeightMax,\n      contentHeightMin,\n      resizable,\n      layout,\n      displayMode,\n    } = this;\n\n    const dir = getElementDir(this.el);\n\n    const allowResizing = displayMode !== \"float\" && resizable;\n\n    const style = allowResizing\n      ? layout === \"horizontal\"\n        ? contentHeight\n          ? { height: `${contentHeight}px` }\n          : null\n        : contentWidth\n          ? { width: `${contentWidth}px` }\n          : null\n      : null;\n\n    const separatorNode =\n      !collapsed && allowResizing ? (\n        <div\n          aria-label={this.messages.resize}\n          aria-orientation={layout === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n          aria-valuemax={layout == \"horizontal\" ? contentHeightMax : contentWidthMax}\n          aria-valuemin={layout == \"horizontal\" ? contentHeightMin : contentWidthMin}\n          aria-valuenow={\n            layout == \"horizontal\"\n              ? contentHeight ?? initialContentHeight\n              : contentWidth ?? initialContentWidth\n          }\n          class={CSS.separator}\n          key=\"separator\"\n          onKeyDown={this.separatorKeyDown}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.connectSeparator}\n        />\n      ) : null;\n\n    const getAnimationDir = (): string => {\n      if (layout === \"horizontal\") {\n        return position === \"start\"\n          ? CSS_UTILITY.calciteAnimateInDown\n          : CSS_UTILITY.calciteAnimateInUp;\n      } else {\n        const isStart =\n          (dir === \"ltr\" && position === \"end\") || (dir === \"rtl\" && position === \"start\");\n        return isStart ? CSS_UTILITY.calciteAnimateInLeft : CSS_UTILITY.calciteAnimateInRight;\n      }\n    };\n\n    const contentNode = (\n      <div\n        class={{\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.content]: true,\n          [CSS.contentOverlay]: displayMode === \"overlay\",\n          [CSS.contentFloat]: displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.storeContentEl}\n      >\n        {this.renderHeader()}\n        <div class={CSS.contentBody}>\n          <slot />\n        </div>\n        {separatorNode}\n      </div>\n    );\n\n    const actionBarNode = (\n      <slot key=\"action-bar\" name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n    );\n\n    const mainNodes = [actionBarNode, contentNode];\n\n    if (position === \"end\") {\n      mainNodes.reverse();\n    }\n\n    return <div class={{ [CSS.container]: true }}>{mainNodes}</div>;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setContentWidth(width: number): void {\n    const { contentWidthMax, contentWidthMin } = this;\n\n    const roundedWidth = Math.round(width);\n\n    this.contentWidth =\n      typeof contentWidthMax === \"number\" && typeof contentWidthMin === \"number\"\n        ? clamp(roundedWidth, contentWidthMin, contentWidthMax)\n        : roundedWidth;\n  }\n\n  updateAriaValues(): void {\n    const { contentEl } = this;\n    const computedStyle = contentEl && getComputedStyle(contentEl);\n\n    if (!computedStyle) {\n      return;\n    }\n\n    this.layout === \"horizontal\"\n      ? this.updateHeights(computedStyle)\n      : this.updateWidths(computedStyle);\n\n    forceUpdate(this);\n  }\n\n  setContentHeight(height: number): void {\n    const { contentHeightMax, contentHeightMin } = this;\n\n    const roundedWidth = Math.round(height);\n\n    this.contentHeight =\n      typeof contentHeightMax === \"number\" && typeof contentHeightMin === \"number\"\n        ? clamp(roundedWidth, contentHeightMin, contentHeightMax)\n        : roundedWidth;\n  }\n\n  updateWidths(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-width\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-width\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"width\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentWidth = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentWidthMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentWidthMin = min;\n    }\n  }\n\n  updateHeights(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-height\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-height\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"height\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentHeight = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentHeightMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentHeightMin = min;\n    }\n  }\n\n  storeContentEl = (contentEl: HTMLDivElement): void => {\n    this.contentEl = contentEl;\n  };\n\n  getKeyAdjustedSize = (event: KeyboardEvent): number | null => {\n    const { key } = event;\n    const {\n      el,\n      step,\n      stepMultiplier,\n      layout,\n      contentWidthMin,\n      contentWidthMax,\n      initialContentWidth,\n      initialContentHeight,\n      contentHeightMin,\n      contentHeightMax,\n      position,\n    } = this;\n    const multipliedStep = step * stepMultiplier;\n\n    const MOVEMENT_KEYS = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n      \"PageUp\",\n      \"PageDown\",\n    ];\n\n    if (MOVEMENT_KEYS.indexOf(key) > -1) {\n      event.preventDefault();\n    }\n\n    const dir = getElementDir(el);\n\n    const horizontalKeys = [\"ArrowLeft\", \"ArrowRight\"];\n    const verticalKeys = [\"ArrowDown\", \"ArrowUp\"];\n    const directionFactor = dir === \"rtl\" && horizontalKeys.includes(key) ? -1 : 1;\n\n    const increaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[1] || key === horizontalKeys[0]\n          : key === verticalKeys[0] || key === horizontalKeys[1]\n        : key === verticalKeys[1] ||\n          (position === \"end\" ? key === horizontalKeys[0] : key === horizontalKeys[1]);\n\n    if (increaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight + directionFactor * stepValue\n        : initialContentWidth + directionFactor * stepValue;\n    }\n\n    const decreaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[0] || key === horizontalKeys[0]\n          : key === verticalKeys[1] || key === horizontalKeys[1]\n        : key === verticalKeys[0] ||\n          (position === \"end\" ? key === horizontalKeys[1] : key === horizontalKeys[0]);\n\n    if (decreaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight - directionFactor * stepValue\n        : initialContentWidth - directionFactor * stepValue;\n    }\n\n    if (key === \"Home\" && layout === \"horizontal\" && typeof contentHeightMin === \"number\") {\n      return contentHeightMin;\n    }\n\n    if (key === \"Home\" && layout === \"vertical\" && typeof contentWidthMin === \"number\") {\n      return contentWidthMin;\n    }\n\n    if (key === \"End\" && layout === \"horizontal\" && typeof contentHeightMax === \"number\") {\n      return contentHeightMax;\n    }\n\n    if (key === \"End\" && layout === \"vertical\" && typeof contentWidthMax === \"number\") {\n      return contentWidthMax;\n    }\n\n    if (key === \"PageDown\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight - multipliedStep\n        : initialContentWidth - multipliedStep;\n    }\n\n    if (key === \"PageUp\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight + multipliedStep\n        : initialContentWidth + multipliedStep;\n    }\n\n    return null;\n  };\n\n  initialKeydownWidth = (event: KeyboardEvent): void => {\n    this.setInitialContentWidth();\n    const width = this.getKeyAdjustedSize(event);\n\n    if (typeof width === \"number\") {\n      this.setContentWidth(width);\n    }\n  };\n\n  initialKeydownHeight = (event: KeyboardEvent): void => {\n    this.setInitialContentHeight();\n    const height = this.getKeyAdjustedSize(event);\n\n    if (typeof height === \"number\") {\n      this.setContentHeight(height);\n    }\n  };\n\n  separatorKeyDown = (event: KeyboardEvent): void => {\n    this.layout === \"horizontal\"\n      ? this.initialKeydownHeight(event)\n      : this.initialKeydownWidth(event);\n  };\n\n  separatorPointerMove = (event: PointerEvent): void => {\n    event.preventDefault();\n\n    const {\n      el,\n      layout,\n      initialContentWidth,\n      initialContentHeight,\n      position,\n      initialClientX,\n      initialClientY,\n    } = this;\n\n    const offset =\n      layout === \"horizontal\" ? event.clientY - initialClientY : event.clientX - initialClientX;\n\n    const adjustmentDirection = layout === \"vertical\" && getElementDir(el) === \"rtl\" ? -1 : 1;\n\n    const adjustedOffset =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset\n        : position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset;\n\n    layout === \"horizontal\"\n      ? this.setContentHeight(initialContentHeight + adjustedOffset)\n      : this.setContentWidth(initialContentWidth + adjustedOffset);\n  };\n\n  separatorPointerUp = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeEnd.emit();\n\n    event.preventDefault();\n    window.removeEventListener(\"pointerup\", this.separatorPointerUp);\n    window.removeEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  setInitialContentHeight = (): void => {\n    this.initialContentHeight = this.contentEl?.getBoundingClientRect().height;\n  };\n\n  setInitialContentWidth = (): void => {\n    this.initialContentWidth = this.contentEl?.getBoundingClientRect().width;\n  };\n\n  separatorPointerDown = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeStart.emit();\n\n    event.preventDefault();\n    const { separatorEl } = this;\n\n    separatorEl && document.activeElement !== separatorEl && separatorEl.focus();\n\n    if (this.layout === \"horizontal\") {\n      this.setInitialContentHeight();\n      this.initialClientY = event.clientY;\n    } else {\n      this.setInitialContentWidth();\n      this.initialClientX = event.clientX;\n    }\n\n    window.addEventListener(\"pointerup\", this.separatorPointerUp);\n    window.addEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  connectSeparator = (separatorEl: HTMLDivElement): void => {\n    this.disconnectSeparator();\n    this.separatorEl = separatorEl;\n    separatorEl?.addEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  disconnectSeparator = (): void => {\n    this.separatorEl?.removeEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  setActionBarsLayout = (actionBars: HTMLCalciteActionBarElement[]): void => {\n    actionBars.forEach((actionBar) => (actionBar.layout = this.layout));\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.matches(\"calcite-action-bar\"),\n    ) as HTMLCalciteActionBarElement[];\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-c954a299.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{g as n}from"./p-d0b722d8.js";import{h as t}from"./p-0add2080.js";const i=/firefox/i.test(n());const o=i?new WeakMap:null;function e(){const{disabled:n}=this;if(!n){HTMLElement.prototype.click.call(this)}}function r(n){const t=n.target;if(i&&!o.get(t)){return}const{disabled:e}=t;if(e){n.preventDefault()}}const c=["mousedown","mouseup","click"];function u(n){if(i&&!o.get(n.target)){return}const{disabled:t}=n.target;if(t){n.stopImmediatePropagation();n.preventDefault()}}const s={capture:true};function f(n){if(n.disabled){n.el.setAttribute("aria-disabled","true");if(n.el.contains(document.activeElement)){document.activeElement.blur()}d(n);return}p(n);n.el.removeAttribute("aria-disabled")}function d(n){n.el.click=e;a(i?l(n):n.el)}function a(n){if(!n){return}n.addEventListener("pointerdown",r,s);c.forEach((t=>n.addEventListener(t,u,s)))}function l(n){return o.get(n.el)}function p(n){delete n.el.click;m(i?l(n):n.el)}function m(n){if(!n){return}n.removeEventListener("pointerdown",r,s);c.forEach((t=>n.removeEventListener(t,u,s)))}function b(n){if(!n.disabled||!i){return}const t=n.el.parentElement||n.el;o.set(n.el,t);d(n)}function w(n){if(!i){return}o.delete(n.el);p(n)}const h={container:"interaction-container"};function j({disabled:n},i){return t("div",{class:h.container,inert:n},...i)}export{j as I,b as c,w as d,f as u};
-//# sourceMappingURL=p-c954a299.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{r as t,h as e,g as i}from"./p-0add2080.js";import{c as a}from"./p-b109f717.js";import{c as s,s as n,a as o}from"./p-2f8ec7d6.js";const r={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};const c=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const l=class{constructor(e){t(this,e);this.itemMutationObserver=a("mutation",(()=>this.updateFlowProps()));this.getFlowDirection=(t,e)=>{const i=t>1;const a=t&&e>1;if(!a&&!i){return null}return e<t?"retreating":"advancing"};this.updateFlowProps=()=>{const{customItemSelectors:t,el:e,items:i}=this;const a=Array.from(e.querySelectorAll(`calcite-flow-item${t?`,${t}`:""}`)).filter((t=>t.closest("calcite-flow")===e));const s=i.length;const n=a.length;const o=a[n-1];const r=a[n-2];if(n&&o){a.forEach((t=>{t.showBackButton=t===o&&n>1;t.hidden=t!==o}))}if(r){r.menuOpen=false}this.items=a;if(s!==n){const t=this.getFlowDirection(s,n);this.itemCount=n;this.flowDirection=t}};this.customItemSelectors=undefined;this.flowDirection=null;this.itemCount=0;this.items=[]}async back(){const{items:t}=this;const e=t[t.length-1];if(!e){return}const i=e.beforeBack?e.beforeBack:()=>Promise.resolve();try{await i.call(e)}catch(t){return}e.remove();return e}async setFocus(){await s(this);const{items:t}=this;const e=t[t.length-1];return e?.setFocus()}connectedCallback(){this.itemMutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()}async componentWillLoad(){n(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.itemMutationObserver?.disconnect()}async handleItemBackClick(t){if(t.defaultPrevented){return}await this.back();return this.setFocus()}render(){const{flowDirection:t}=this;const i={[r.frame]:true,[r.frameAdvancing]:t==="advancing",[r.frameRetreating]:t==="retreating"};return e("div",{class:i},e("slot",null))}get el(){return i(this)}};l.style=c;export{l as calcite_flow};
-//# sourceMappingURL=p-c9f5da49.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{r as t,c as i,f as e,h as s,H as o,g as a}from"./p-0add2080.js";import{g as r}from"./p-9d3b22e9.js";import{g as n,d as c,t as d}from"./p-9aaa5fe6.js";import{c as h,d as l,H as u}from"./p-31b34f80.js";import{g as f}from"./p-860f2840.js";import{c as p,d as b,u as m,I as v}from"./p-c954a299.js";import{c as k,d as x,g}from"./p-55f2b783.js";import{c as w,s as y,a as z}from"./p-2f8ec7d6.js";import"./p-6217d2be.js";import"./p-d0b722d8.js";import"./p-352dbd53.js";const C={container:"container"};const A=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{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          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::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}';const R=class{constructor(e){t(this,e);this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6);this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6);this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6);this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6);this.selectItem=(t,i)=>{t[i].click()};this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));this.isFocusable=()=>{const t=this.queryButtons();const i=t.find((t=>!t.disabled));const e=t.find((t=>t.checked));return i===this.el&&!e};this.check=()=>{if(this.disabled){return}this.focused=true;this.setFocus();if(this.checked){return}this.uncheckAllRadioButtonsInGroup();this.checked=true;this.calciteRadioButtonChange.emit()};this.clickHandler=()=>{if(this.disabled){return}this.check()};this.setContainerEl=t=>{this.containerEl=t};this.handleKeyDown=t=>{const i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:e}=t;const{el:s}=this;if(i.indexOf(e)===-1){return}if(e===" "){this.check();t.preventDefault();return}let o=e;if(n(s)==="rtl"){if(e==="ArrowRight"){o="ArrowLeft"}if(e==="ArrowLeft"){o="ArrowRight"}}const a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let c=0;const d=a.length;a.some(((t,i)=>{if(t.checked){c=i;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();this.selectItem(a,r(Math.max(c-1,-1),d));return;case"ArrowRight":case"ArrowDown":t.preventDefault();this.selectItem(a,r(c+1,d));return;default:return}};this.onContainerBlur=()=>{this.focused=false;this.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=()=>{if(!this.disabled){this.focused=true;this.calciteInternalRadioButtonFocus.emit()}};this.checked=false;this.disabled=false;this.focused=false;this.form=undefined;this.guid=undefined;this.hidden=false;this.hovered=false;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.value=undefined}checkedChanged(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit()}disabledChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}hiddenChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await w(this);if(!this.disabled){c(this.containerEl)}}syncHiddenFormInput(t){t.type="radio"}onLabelClick(t){if(this.disabled||this.hidden){return}const i=t.currentTarget;const e=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);if(!e){return}e.focused=true;this.setFocus();if(e.checked){return}this.uncheckOtherRadioButtonsInGroup();e.checked=true;this.calciteRadioButtonChange.emit()}checkLastRadioButton(){const t=this.queryButtons();const i=t.filter((t=>t.checked));if(i?.length>1){const t=i[i.length-1];i.filter((i=>i!==t)).forEach((t=>{t.checked=false;t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){const t=this.queryButtons();t.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}uncheckOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid));i.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}updateTabIndexOfOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid&&!t.disabled));i.forEach((t=>{e(t)}))}getTabIndex(){if(this.disabled){return undefined}return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){if(this.disabled){return}this.hovered=true}pointerLeaveHandler(){if(this.disabled){return}this.hovered=false}connectedCallback(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||`calcite-radio-button-${f()}`;if(this.name){this.checkLastRadioButton()}p(this);k(this);h(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentWillLoad(){y(this)}componentDidLoad(){z(this);if(this.focused&&!this.disabled){this.setFocus()}}disconnectedCallback(){b(this);x(this);l(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentDidRender(){m(this)}render(){const t=this.getTabIndex();return s(o,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},s(v,{disabled:this.disabled},s("div",{"aria-checked":d(this.checked),"aria-label":g(this),class:C.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"radio",tabIndex:t,ref:this.setContainerEl},s("div",{class:"radio"})),s(u,{component:this})))}get el(){return a(this)}static get watchers(){return{checked:["checkedChanged"],disabled:["disabledChanged"],hidden:["hiddenChanged"],name:["nameChanged"]}}};R.style=A;export{R as calcite_radio_button};
-//# sourceMappingURL=p-cb2852e3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","radioButtonCss","RadioButton","this","selectItem","items","selectedIndex","click","queryButtons","Array","from","rootNode","querySelectorAll","filter","radioButton","name","isFocusable","radioButtons","firstFocusable","find","disabled","checked","el","check","focused","setFocus","uncheckAllRadioButtonsInGroup","calciteRadioButtonChange","emit","clickHandler","setContainerEl","containerEl","handleKeyDown","event","keys","key","indexOf","preventDefault","adjustedKey","getElementDir","currentIndex","radioButtonsLength","length","some","item","index","getRoundRobinIndex","Math","max","onContainerBlur","calciteInternalRadioButtonBlur","onContainerFocus","calciteInternalRadioButtonFocus","checkedChanged","newChecked","uncheckOtherRadioButtonsInGroup","calciteInternalRadioButtonCheckedChange","disabledChanged","updateTabIndexOfOtherRadioButtonsInGroup","hiddenChanged","nameChanged","checkLastRadioButton","componentFocusable","focusElement","syncHiddenFormInput","input","type","onLabelClick","hidden","label","currentTarget","for","querySelector","checkedRadioButtons","lastCheckedRadioButton","checkedRadioButton","forEach","emitCheckedChange","otherRadioButtons","guid","otherRadioButton","otherFocusableRadioButtons","forceUpdate","getTabIndex","undefined","pointerEnterHandler","hovered","pointerLeaveHandler","connectedCallback","getRootNode","id","connectInteractive","connectLabel","connectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","tabIndex","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","onBlur","onFocus","role","ref","HiddenFormInputSlot","component"],"sources":["src/components/radio-button/resources.ts","src/components/radio-button/radio-button.scss?tag=calcite-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n",":host {\n  @apply block cursor-pointer;\n  .container {\n    @apply relative outline-none;\n  }\n  .radio {\n    @apply bg-foreground-1 cursor-pointer focus-base rounded-full transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([hovered]),\n:host(:not([checked])[focused]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n:host([focused]) {\n  .radio {\n    @apply focus-outset;\n  }\n}\n\n@include disabled() {\n  .radio {\n    @apply opacity-disabled cursor-default;\n  }\n}\n\n:host([hovered][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([scale=\"s\"]) {\n  --calcite-radio-size: theme(\"fontSize.n2\");\n}\n:host([scale=\"m\"]) {\n  --calcite-radio-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-radio-size: theme(\"fontSize.0\");\n}\n\n.radio {\n  block-size: var(--calcite-radio-size);\n  max-inline-size: var(--calcite-radio-size);\n  min-inline-size: var(--calcite-radio-size);\n}\n\n:host([scale=\"s\"][checked]),\n:host([hovered][scale=\"s\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"s\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 4px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"m\"][checked]),\n:host([hovered][scale=\"m\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"m\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 5px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"l\"][checked]),\n:host([hovered][scale=\"l\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"l\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow:\n      inset 0 0 0 6px var(--calcite-color-brand),\n      0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]),\n  :host([checked][disabled]) {\n    .radio::after {\n      content: \"\";\n      inline-size: var(--calcite-radio-size);\n      block-size: var(--calcite-radio-size);\n      background-color: windowText;\n      display: block;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\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  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /** When `true`, the component is not displayed and is not focusable or checkable. */\n  @Prop({ reflect: true }) hidden = false;\n\n  @Watch(\"hidden\")\n  hiddenChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`,\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`,\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled,\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden]\"),\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength),\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"radio\"\n            tabIndex={tabIndex}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setContainerEl}\n          >\n            <div class=\"radio\" />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{r as i,c as t,h as c,g as e,H as o}from"./p-0add2080.js";import{c as n}from"./p-b109f717.js";import{c as a,d as r}from"./p-e26c29c9.js";import{e as s,g as l,t as d,c as h}from"./p-9aaa5fe6.js";import{C as p}from"./p-6217d2be.js";import{g as m}from"./p-352dbd53.js";import"./p-860f2840.js";const g=":host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-color-border-2);--calcite-accordion-item-background:var(--calcite-color-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-2)}:host([hidden]){display:none}[hidden]{display:none}";const u=class{constructor(c){i(this,c);this.calciteInternalAccordionChange=t(this,"calciteInternalAccordionChange",6);this.mutationObserver=n("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const i=this.appearance==="transparent";return c("div",{class:{"accordion--transparent":i,accordion:!i}},c("slot",null))}updateActiveItemOnChange(i){this.calciteInternalAccordionChange.emit({requestedAccordionItem:i.detail.requestedAccordionItem});i.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((i=>{i.iconPosition=this.iconPosition;i.iconType=this.iconType;i.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return e(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};u.style=g;const v={actionsStart:"actions-start",actionsEnd:"actions-end"};const f={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",headerContainer:"header-container"};const x={section:"section",sectionToggle:"section-toggle"};const b=".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-color-text-3);text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-color-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;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          )}:host([expanded]){color:var(--calcite-color-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-color-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-color-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-color-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-color-text-3);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-color-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-color-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-color-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(c){i(this,c);this.calciteInternalAccordionItemSelect=t(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=t(this,"calciteInternalAccordionItemClose",6);this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined}connectedCallback(){a(this)}disconnectedCallback(){r(this)}renderActionsStart(){const{el:i}=this;return s(i,v.actionsStart)?c("div",{class:f.actionsStart},c("slot",{name:v.actionsStart})):null}renderActionsEnd(){const{el:i}=this;return s(i,v.actionsEnd)?c("div",{class:f.actionsEnd},c("slot",{name:v.actionsEnd})):null}render(){const{iconFlipRtl:i}=this;const t=l(this.el);const e=this.iconStart?c("calcite-icon",{class:f.iconStart,flipRtl:i==="both"||i==="start",icon:this.iconStart,key:"icon-start",scale:m(this.scale)}):null;const n=this.iconEnd?c("calcite-icon",{class:f.iconEnd,flipRtl:i==="both"||i==="end",icon:this.iconEnd,key:"icon-end",scale:m(this.scale)}):null;const{description:a}=this;return c(o,null,c("div",{class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},c("div",{class:{[f.header]:true,[p.rtl]:t==="rtl"}},this.renderActionsStart(),c("div",{"aria-controls":x.section,"aria-expanded":d(this.expanded),class:f.headerContent,id:x.sectionToggle,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},c("div",{class:f.headerContainer},e,c("div",{class:f.headerText},c("span",{class:f.heading},this.heading),a?c("span",{class:f.description},a):null),n),c("calcite-icon",{class:f.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:m(this.scale)})),this.renderActionsEnd()),c("section",{"aria-labelledby":x.sectionToggle,class:f.content,id:x.section},c("slot",null))))}keyDownHandler(i){if(i.target===this.el){switch(i.key){case" ":case"Enter":this.emitRequestedItem();i.preventDefault();break}}}updateActiveItemOnChange(i){const[t]=i.composedPath();const c=h(this.el,"calcite-accordion");if(t!==c){return}this.determineActiveItem(c.selectionMode,i.detail.requestedAccordionItem);i.stopPropagation()}accordionItemSyncHandler(i){const[t]=i.composedPath();const c=this.el;const e=c.parentElement===t;if(e){return}const o=h(c,"calcite-accordion");if(t!==o){return}c.iconPosition=o.iconPosition;c.iconType=o.iconType;c.scale=o.scale;i.stopPropagation()}determineActiveItem(i,t){switch(i){case"multiple":if(this.el===t){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===t?!this.expanded:false;break;case"single-persist":this.expanded=this.el===t;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return e(this)}};k.style=b;export{u as calcite_accordion,k as calcite_accordion_item};
-//# sourceMappingURL=p-cbba7c58.entry.js.map

package/dist/calcite/p-cd86b221.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{g as t}from"./p-9aaa5fe6.js";import{d as n}from"./p-712a1aa1.js";const e=["top","right","bottom","left"];const o=["start","end"];const i=e.reduce(((t,n)=>t.concat(n,n+"-"+o[0],n+"-"+o[1])),[]);const r=Math.min;const s=Math.max;const c=Math.round;const a=Math.floor;const l=t=>({x:t,y:t});const f={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function d(t,n,e){return s(t,r(n,e))}function m(t,n){return typeof t==="function"?t(n):t}function p(t){return t.split("-")[0]}function y(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function h(t){return t==="y"?"height":"width"}function w(t){return["top","bottom"].includes(p(t))?"y":"x"}function x(t){return g(w(t))}function b(t,n,e){if(e===void 0){e=false}const o=y(t);const i=x(t);const r=h(i);let s=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[r]>n.floating[r]){s=D(s)}return[s,D(s)]}function v(t){const n=D(t);return[A(t),n,A(n)]}function A(t){return t.replace(/start|end/g,(t=>u[t]))}function k(t,n,e){const o=["left","right"];const i=["right","left"];const r=["top","bottom"];const s=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?i:o;return n?o:i;case"left":case"right":return n?r:s;default:return[]}}function S(t,n,e,o){const i=y(t);let r=k(p(t),e==="start",o);if(i){r=r.map((t=>t+"-"+i));if(n){r=r.concat(r.map(A))}}return r}function D(t){return t.replace(/left|right|bottom|top/g,(t=>f[t]))}function P(t){return{top:0,right:0,bottom:0,left:0,...t}}function O(t){return typeof t!=="number"?P(t):{top:t,right:t,bottom:t,left:t}}function R(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function E(t,n,e){let{reference:o,floating:i}=t;const r=w(n);const s=x(n);const c=h(s);const a=p(n);const l=r==="y";const f=o.x+o.width/2-i.width/2;const u=o.y+o.height/2-i.height/2;const d=o[c]/2-i[c]/2;let m;switch(a){case"top":m={x:f,y:o.y-i.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:u};break;case"left":m={x:o.x-i.width,y:u};break;default:m={x:o.x,y:o.y}}switch(y(n)){case"start":m[s]-=d*(e&&l?-1:1);break;case"end":m[s]+=d*(e&&l?-1:1);break}return m}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=e;const c=r.filter(Boolean);const a=await(s.isRTL==null?void 0:s.isRTL(n));let l=await s.getElementRects({reference:t,floating:n,strategy:i});let{x:f,y:u}=E(l,o,a);let d=o;let m={};let p=0;for(let e=0;e<c.length;e++){const{name:r,fn:y}=c[e];const{x:g,y:h,data:w,reset:x}=await y({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:m,rects:l,platform:s,elements:{reference:t,floating:n}});f=g!=null?g:f;u=h!=null?h:u;m={...m,[r]:{...m[r],...w}};if(x&&p<=50){p++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){l=x.rects===true?await s.getElementRects({reference:t,floating:n,strategy:i}):x.rects}({x:f,y:u}=E(l,d,a))}e=-1;continue}}return{x:f,y:u,placement:d,strategy:i,middlewareData:m}};async function M(t,n){var e;if(n===void 0){n={}}const{x:o,y:i,platform:r,rects:s,elements:c,strategy:a}=t;const{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=false,padding:p=0}=m(n,t);const y=O(p);const g=u==="floating"?"reference":"floating";const h=c[d?g:u];const w=R(await r.getClippingRect({element:((e=await(r.isElement==null?void 0:r.isElement(h)))!=null?e:true)?h:h.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:l,rootBoundary:f,strategy:a}));const x=u==="floating"?{...s.floating,x:o,y:i}:s.reference;const b=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating));const v=await(r.isElement==null?void 0:r.isElement(b))?await(r.getScale==null?void 0:r.getScale(b))||{x:1,y:1}:{x:1,y:1};const A=R(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:b,strategy:a}):x);return{top:(w.top-A.top+y.top)/v.y,bottom:(A.bottom-w.bottom+y.bottom)/v.y,left:(w.left-A.left+y.left)/v.x,right:(A.right-w.right+y.right)/v.x}}const T=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:i,rects:s,platform:c,elements:a,middlewareData:l}=n;const{element:f,padding:u=0}=m(t,n)||{};if(f==null){return{}}const p=O(u);const g={x:e,y:o};const w=x(i);const b=h(w);const v=await c.getDimensions(f);const A=w==="y";const k=A?"top":"left";const S=A?"bottom":"right";const D=A?"clientHeight":"clientWidth";const P=s.reference[b]+s.reference[w]-g[w]-s.floating[b];const R=g[w]-s.reference[w];const E=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let F=E?E[D]:0;if(!F||!await(c.isElement==null?void 0:c.isElement(E))){F=a.floating[D]||s.floating[b]}const M=P/2-R/2;const T=F/2-v[b]/2-1;const C=r(p[k],T);const $=r(p[S],T);const z=C;const B=F-v[b]-$;const L=F/2-v[b]/2+M;const j=d(z,L,B);const H=!l.arrow&&y(i)!=null&&L!=j&&s.reference[b]/2-(L<z?C:$)-v[b]/2<0;const I=H?L<z?L-z:L-B:0;return{[w]:g[w]+I,data:{[w]:j,centerOffset:L-j-I,...H&&{alignmentOffset:I}},reset:H}}});function C(t,n,e){const o=t?[...e.filter((n=>y(n)===t)),...e.filter((n=>y(n)!==t))]:e.filter((t=>p(t)===t));return o.filter((e=>{if(t){return y(e)===t||(n?A(e)!==e:false)}return true}))}const $=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var e,o,r;const{rects:s,middlewareData:c,placement:a,platform:l,elements:f}=n;const{crossAxis:u=false,alignment:d,allowedPlacements:g=i,autoAlignment:h=true,...w}=m(t,n);const x=d!==undefined||g===i?C(d||null,h,g):g;const v=await M(n,w);const A=((e=c.autoPlacement)==null?void 0:e.index)||0;const k=x[A];if(k==null){return{}}const S=b(k,s,await(l.isRTL==null?void 0:l.isRTL(f.floating)));if(a!==k){return{reset:{placement:x[0]}}}const D=[v[p(k)],v[S[0]],v[S[1]]];const P=[...((o=c.autoPlacement)==null?void 0:o.overflows)||[],{placement:k,overflows:D}];const O=x[A+1];if(O){return{data:{index:A+1,overflows:P},reset:{placement:O}}}const R=P.map((t=>{const n=y(t.placement);return[t.placement,n&&u?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const E=R.filter((t=>t[2].slice(0,y(t[0])?2:3).every((t=>t<=0))));const F=((r=E[0])==null?void 0:r[0])||R[0][0];if(F!==a){return{data:{index:A+1,overflows:P},reset:{placement:F}}}return{}}}};const z=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:a,elements:l}=n;const{mainAxis:f=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=true,...w}=m(t,n);if((e=r.arrow)!=null&&e.alignmentOffset){return{}}const x=p(i);const A=p(c)===c;const k=await(a.isRTL==null?void 0:a.isRTL(l.floating));const P=d||(A||!h?[D(c)]:v(c));if(!d&&g!=="none"){P.push(...S(c,h,g,k))}const O=[c,...P];const R=await M(n,w);const E=[];let F=((o=r.flip)==null?void 0:o.overflows)||[];if(f){E.push(R[x])}if(u){const t=b(i,s,k);E.push(R[t[0]],R[t[1]])}F=[...F,{placement:i,overflows:E}];if(!E.every((t=>t<=0))){var T,C;const t=(((T=r.flip)==null?void 0:T.index)||0)+1;const n=O[t];if(n){return{data:{index:t,overflows:F},reset:{placement:n}}}let e=(C=F.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:C.placement;if(!e){switch(y){case"bestFit":{var $;const t=($=F.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:$[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(i!==e){return{reset:{placement:e}}}}return{}}}};function B(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function L(t){return e.some((n=>t[n]>=0))}const j=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...i}=m(t,n);switch(o){case"referenceHidden":{const t=await M(n,{...i,elementContext:"reference"});const o=B(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:L(o)}}}case"escaped":{const t=await M(n,{...i,altBoundary:true});const o=B(t,e.floating);return{data:{escapedOffsets:o,escaped:L(o)}}}default:{return{}}}}}};async function H(t,n){const{placement:e,platform:o,elements:i}=t;const r=await(o.isRTL==null?void 0:o.isRTL(i.floating));const s=p(e);const c=y(e);const a=w(e)==="y";const l=["left","top"].includes(s)?-1:1;const f=r&&a?-1:1;const u=m(n,t);let{mainAxis:d,crossAxis:g,alignmentAxis:h}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(c&&typeof h==="number"){g=c==="end"?h*-1:h}return a?{x:g*f,y:d*l}:{x:d*l,y:g*f}}const I=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:r,placement:s,middlewareData:c}=n;const a=await H(n,t);if(s===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:i+a.x,y:r+a.y,data:{...a,placement:s}}}}};const W=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i}=n;const{mainAxis:r=true,crossAxis:s=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...a}=m(t,n);const l={x:e,y:o};const f=await M(n,a);const u=w(p(i));const y=g(u);let h=l[y];let x=l[u];if(r){const t=y==="y"?"top":"left";const n=y==="y"?"bottom":"right";const e=h+f[t];const o=h-f[n];h=d(e,h,o)}if(s){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=x+f[t];const o=x-f[n];x=d(e,x,o)}const b=c.fn({...n,[y]:h,[u]:x});return{...b,data:{x:b.x-e,y:b.y-o}}}}};function N(t){if(V(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function q(t){var n;return(t==null?void 0:(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function Y(t){var n;return(n=(V(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function V(t){return t instanceof Node||t instanceof q(t).Node}function X(t){return t instanceof Element||t instanceof q(t).Element}function _(t){return t instanceof HTMLElement||t instanceof q(t).HTMLElement}function G(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof q(t).ShadowRoot}function J(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=nt(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(i)}function K(t){return["table","td","th"].includes(N(t))}function Q(t){const n=Z();const e=nt(t);return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function U(t){let n=ot(t);while(_(n)&&!tt(n)){if(Q(n)){return n}else{n=ot(n)}}return null}function Z(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function tt(t){return["html","body","#document"].includes(N(t))}function nt(t){return q(t).getComputedStyle(t)}function et(t){if(X(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ot(t){if(N(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||G(t)&&t.host||Y(t);return G(n)?n.host:n}function it(t){const n=ot(t);if(tt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(_(n)&&J(n)){return n}return it(n)}function rt(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const i=it(t);const r=i===((o=t.ownerDocument)==null?void 0:o.body);const s=q(i);if(r){return n.concat(s,s.visualViewport||[],J(i)?i:[],s.frameElement&&e?rt(s.frameElement):[])}return n.concat(i,rt(i,[],e))}function st(t){const n=nt(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const i=_(t);const r=i?t.offsetWidth:e;const s=i?t.offsetHeight:o;const a=c(e)!==r||c(o)!==s;if(a){e=r;o=s}return{width:e,height:o,$:a}}function ct(t){return!X(t)?t.contextElement:t}function at(t){const n=ct(t);if(!_(n)){return l(1)}const e=n.getBoundingClientRect();const{width:o,height:i,$:r}=st(n);let s=(r?c(e.width):e.width)/o;let a=(r?c(e.height):e.height)/i;if(!s||!Number.isFinite(s)){s=1}if(!a||!Number.isFinite(a)){a=1}return{x:s,y:a}}const lt=l(0);function ft(t){const n=q(t);if(!Z()||!n.visualViewport){return lt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ut(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==q(t)){return false}return n}function dt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const i=t.getBoundingClientRect();const r=ct(t);let s=l(1);if(n){if(o){if(X(o)){s=at(o)}}else{s=at(t)}}const c=ut(r,e,o)?ft(r):l(0);let a=(i.left+c.x)/s.x;let f=(i.top+c.y)/s.y;let u=i.width/s.x;let d=i.height/s.y;if(r){const t=q(r);const n=o&&X(o)?q(o):o;let e=t.frameElement;while(e&&o&&n!==t){const t=at(e);const n=e.getBoundingClientRect();const o=nt(e);const i=n.left+(e.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(e.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;f*=t.y;u*=t.x;d*=t.y;a+=i;f+=r;e=q(e).frameElement}}return R({width:u,height:d,x:a,y:f})}function mt(t){let{rect:n,offsetParent:e,strategy:o}=t;const i=_(e);const r=Y(e);if(e===r){return n}let s={scrollLeft:0,scrollTop:0};let c=l(1);const a=l(0);if(i||!i&&o!=="fixed"){if(N(e)!=="body"||J(r)){s=et(e)}if(_(e)){const t=dt(e);c=at(e);a.x=t.x+e.clientLeft;a.y=t.y+e.clientTop}}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-s.scrollLeft*c.x+a.x,y:n.y*c.y-s.scrollTop*c.y+a.y}}function pt(t){return Array.from(t.getClientRects())}function yt(t){return dt(Y(t)).left+et(t).scrollLeft}function gt(t){const n=Y(t);const e=et(t);const o=t.ownerDocument.body;const i=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const r=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+yt(t);const a=-e.scrollTop;if(nt(o).direction==="rtl"){c+=s(n.clientWidth,o.clientWidth)-i}return{width:i,height:r,x:c,y:a}}function ht(t,n){const e=q(t);const o=Y(t);const i=e.visualViewport;let r=o.clientWidth;let s=o.clientHeight;let c=0;let a=0;if(i){r=i.width;s=i.height;const t=Z();if(!t||t&&n==="fixed"){c=i.offsetLeft;a=i.offsetTop}}return{width:r,height:s,x:c,y:a}}function wt(t,n){const e=dt(t,true,n==="fixed");const o=e.top+t.clientTop;const i=e.left+t.clientLeft;const r=_(t)?at(t):l(1);const s=t.clientWidth*r.x;const c=t.clientHeight*r.y;const a=i*r.x;const f=o*r.y;return{width:s,height:c,x:a,y:f}}function xt(t,n,e){let o;if(n==="viewport"){o=ht(t,e)}else if(n==="document"){o=gt(Y(t))}else if(X(n)){o=wt(n,e)}else{const e=ft(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return R(o)}function bt(t,n){const e=ot(t);if(e===n||!X(e)||tt(e)){return false}return nt(e).position==="fixed"||bt(e,n)}function vt(t,n){const e=n.get(t);if(e){return e}let o=rt(t,[],false).filter((t=>X(t)&&N(t)!=="body"));let i=null;const r=nt(t).position==="fixed";let s=r?ot(t):t;while(X(s)&&!tt(s)){const n=nt(s);const e=Q(s);if(!e&&n.position==="fixed"){i=null}const c=r?!e&&!i:!e&&n.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||J(s)&&!e&&bt(t,s);if(c){o=o.filter((t=>t!==s))}else{i=n}s=ot(s)}n.set(t,o);return o}function At(t){let{element:n,boundary:e,rootBoundary:o,strategy:i}=t;const c=e==="clippingAncestors"?vt(n,this._c):[].concat(e);const a=[...c,o];const l=a[0];const f=a.reduce(((t,e)=>{const o=xt(n,e,i);t.top=s(o.top,t.top);t.right=r(o.right,t.right);t.bottom=r(o.bottom,t.bottom);t.left=s(o.left,t.left);return t}),xt(n,l,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function kt(t){return st(t)}function St(t,n,e){const o=_(n);const i=Y(n);const r=e==="fixed";const s=dt(t,true,r,n);let c={scrollLeft:0,scrollTop:0};const a=l(0);if(o||!o&&!r){if(N(n)!=="body"||J(i)){c=et(n)}if(o){const t=dt(n,true,r,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(i){a.x=yt(i)}}return{x:s.left+c.scrollLeft-a.x,y:s.top+c.scrollTop-a.y,width:s.width,height:s.height}}function Dt(t,n){if(!_(t)||nt(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Pt(t,n){const e=q(t);if(!_(t)){return e}let o=Dt(t,n);while(o&&K(o)&&nt(o).position==="static"){o=Dt(o,n)}if(o&&(N(o)==="html"||N(o)==="body"&&nt(o).position==="static"&&!Q(o))){return e}return o||U(t)||e}const Ot=async function(t){let{reference:n,floating:e,strategy:o}=t;const i=this.getOffsetParent||Pt;const r=this.getDimensions;return{reference:St(n,await i(e),o),floating:{x:0,y:0,...await r(e)}}};function Rt(t){return nt(t).direction==="rtl"}const Et={convertOffsetParentRelativeRectToViewportRelativeRect:mt,getDocumentElement:Y,getClippingRect:At,getOffsetParent:Pt,getElementRects:Ot,getClientRects:pt,getDimensions:kt,getScale:at,isElement:X,isRTL:Rt};function Ft(t,n){let e=null;let o;const i=Y(t);function c(){clearTimeout(o);e&&e.disconnect();e=null}function l(f,u){if(f===void 0){f=false}if(u===void 0){u=1}c();const{left:d,top:m,width:p,height:y}=t.getBoundingClientRect();if(!f){n()}if(!p||!y){return}const g=a(m);const h=a(i.clientWidth-(d+p));const w=a(i.clientHeight-(m+y));const x=a(d);const b=-g+"px "+-h+"px "+-w+"px "+-x+"px";const v={rootMargin:b,threshold:s(0,r(1,u))||1};let A=true;function k(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return l()}if(!n){o=setTimeout((()=>{l(false,1e-7)}),100)}else{l(false,n)}}A=false}try{e=new IntersectionObserver(k,{...v,root:i.ownerDocument})}catch(t){e=new IntersectionObserver(k,v)}e.observe(t)}l(true);return c}function Mt(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:i=true,ancestorResize:r=true,elementResize:s=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:a=false}=o;const l=ct(t);const f=i||r?[...l?rt(l):[],...rt(n)]:[];f.forEach((t=>{i&&t.addEventListener("scroll",e,{passive:true});r&&t.addEventListener("resize",e)}));const u=l&&c?Ft(l,e):null;let d=-1;let m=null;if(s){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===l&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{m&&m.observe(n)}))}e()}));if(l&&!a){m.observe(l)}m.observe(n)}let p;let y=a?dt(t):null;if(a){g()}function g(){const n=dt(t);if(y&&(n.x!==y.x||n.y!==y.y||n.width!==y.width||n.height!==y.height)){e()}y=n;p=requestAnimationFrame(g)}e();return()=>{f.forEach((t=>{i&&t.removeEventListener("scroll",e);r&&t.removeEventListener("resize",e)}));u&&u();m&&m.disconnect();m=null;if(a){cancelAnimationFrame(p)}}}const Tt=(t,n,e)=>{const o=new Map;const i={platform:Et,...e};const r={...i.platform,_c:o};return F(t,n,{...i,platform:r})};function Ct(t){return zt(t)}function $t(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function zt(t){for(let n=t;n;n=$t(n)){if(!(n instanceof Element)){continue}if(getComputedStyle(n).display==="none"){return null}}for(let n=$t(t);n;n=$t(n)){if(!(n instanceof Element)){continue}const t=getComputedStyle(n);if(t.display==="contents"){continue}if(t.position!=="static"||t.filter!=="none"){return n}if(n.tagName==="BODY"){return n}}return null}(function t(){{const t=Et.getOffsetParent;Et.getOffsetParent=n=>t(n,Ct)}})();function Bt(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}const Lt=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:i,flipDisabled:r,flipPlacements:s,offsetDistance:c,offsetSkidding:a,arrowEl:l,type:f})=>{if(!n||!e){return null}const{x:u,y:d,placement:m,strategy:p,middlewareData:y}=await Tt(n,e,{strategy:o,placement:i==="auto"||i==="auto-start"||i==="auto-end"?undefined:Vt(e,i),middleware:qt({placement:i,flipDisabled:r,flipPlacements:s,offsetDistance:c,offsetSkidding:a,arrowEl:l,type:f})});if(l&&y.arrow){const{x:n,y:e}=y.arrow;const o=m.split("-")[0];const i=n!=null?"left":"top";const r=Gt[o];const s={left:"",top:"",bottom:"",right:""};if("floatingLayout"in t){t.floatingLayout=o==="left"||o==="right"?"horizontal":"vertical"}Object.assign(l.style,{...s,[i]:`${i=="left"?n:e}px`,[o]:"100%",transform:r})}const g=y.hide?.referenceHidden;const h=g?"hidden":null;const w=h?"none":null;e.setAttribute(jt,m);const{open:x}=t;Object.assign(e.style,{visibility:h,pointerEvents:w,position:p,transform:x?`translate(${Bt(u)}px,${Bt(d)}px)`:"",top:0,left:0})};const jt="data-placement";const Ht=100;const It=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"];const Wt="bottom-start";const Nt={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function qt({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:o,offsetSkidding:i,arrowEl:r,type:s}){const c=[W(),j()];if(s==="menu"){return[...c,z({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})]}if(s==="popover"||s==="tooltip"){const s=[...c,I({mainAxis:typeof o==="number"?o:0,crossAxis:typeof i==="number"?i:0})];if(t==="auto"||t==="auto-start"||t==="auto-end"){s.push($({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null}))}else if(!n){s.push(z(e?{fallbackPlacements:e}:{}))}if(r){s.push(T({element:r}))}return s}return[]}function Yt(t,n){const e=t.filter((t=>It.includes(t)));if(e.length!==t.length){console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${It.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n})}return e}function Vt(n,e){const o=["left","right"];if(t(n)==="rtl"){o.reverse()}return e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function Xt(t,n,e=false){if(!t.open){return}const o=e?_t(t):Lt;return o(t,n)}function _t(t){let e=Kt.get(t);if(e){return e}e=n(Lt,Ht,{leading:true,maxWait:Ht});Kt.set(t,e);return e}const Gt={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"};const Jt=new WeakMap;const Kt=new WeakMap;function Qt(t,n,e){if(!e||!n){return}Ut(t,n,e);Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning});const o=Mt;Jt.set(t,o(n,e,(()=>t.reposition())))}function Ut(t,n,e){if(!e||!n){return}Jt.get(t)?.();Jt.delete(t);Kt.get(t)?.cancel();Kt.delete(t)}const Zt=4;const tn=Math.ceil(Math.hypot(Zt,Zt));export{Nt as F,Ut as a,tn as b,Qt as c,Wt as d,Yt as f,Xt as r};
-//# sourceMappingURL=p-cd86b221.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{r as t,c as e,h as i,H as n,g as o}from"./p-0add2080.js";import{t as s,i as a,l as r,d as l}from"./p-9aaa5fe6.js";import{f as c,c as d,d as h,a as p,F as m,r as u}from"./p-cd86b221.js";import{g as f}from"./p-860f2840.js";import{c as g,u as w,d as b,I as v}from"./p-c954a299.js";import{i as k}from"./p-191ebaec.js";import{c as x,s as y,a as z}from"./p-2f8ec7d6.js";import{c as D}from"./p-b109f717.js";import{o as I}from"./p-f14a70da.js";import{g as C}from"./p-352dbd53.js";import"./p-6217d2be.js";import"./p-712a1aa1.js";import"./p-d0b722d8.js";const E={dropdownTrigger:"trigger"};const H=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(i){t(this,i);this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=e(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=D("mutation",(()=>this.updateItems()));this.resizeObserver=D("resize",(t=>this.resizeObserverCallback(t)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${f()}`;this.defaultAssignedElements=[];this.slotChangeHandler=t=>{this.defaultAssignedElements=t.target.assignedElements({flatten:true});this.updateItems()};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?c(e,t):null};this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((t=>t.scale=this.scale))};this.updateGroups=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e;this.updateItems()};this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;if(e===this.referenceEl){this.setDropdownWidth()}else if(e===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this;const i=t?.clientWidth;if(!i||!e){return}e.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t){return}this.reposition(true);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t);this.scrollerEl=t;this.transitionEl=t};this.setReferenceEl=t=>{this.referenceEl=t;d(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(t)};this.setFloatingEl=t=>{this.floatingEl=t;d(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:e,key:i}=t;if(e){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault();return}else if(t.shiftKey&&i==="Tab"){this.closeCalciteDropdown();t.preventDefault();return}}if(k(i)){this.openCalciteDropdown();t.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((t=>t.selected))||this.items[0])};this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem();this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)};this.openCalciteDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=h;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){I(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(t){if(!t){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}async setFocus(){await x(this);this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();this.reposition(true);if(this.open){this.openHandler();I(this)}g(this);this.updateItems();d(this,this.referenceEl,this.floatingEl)}componentWillLoad(){y(this)}componentDidLoad(){z(this);this.reposition(true)}componentDidRender(){w(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();b(this);p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(n,null,i(v,{disabled:this.disabled},i("div",{class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{"aria-controls":`${e}-menu`,"aria-expanded":s(t),"aria-haspopup":"menu",name:E.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{"aria-hidden":s(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{"aria-labelledby":`${e}-menubutton`,class:{["calcite-dropdown-content"]:true,[m.animation]:true,[m.animationActive]:t},id:`${e}-menu`,role:"menu",ref:this.setScrollerAndTransitionEl},i("slot",{onSlotchange:this.updateGroups})))))}async reposition(t=false){const{floatingEl:e,referenceEl:i,placement:n,overlayPositioning:o,filteredFlipPlacements:s}=this;return u(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:n,flipPlacements:s,type:"menu"},t)}closeCalciteDropdownOnClick(t){if(this.disabled||!a(t)||!this.open||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown();t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){if(t.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.openCalciteDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((t=>!t.disabled&&!t.hidden))}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail;const i=e.target;const n=this.getTraversableItems();switch(e.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":r(n,i,"next");break;case"ArrowUp":r(n,i,"previous");break;case"Home":r(n,i,"first");break;case"End":r(n,i,"last");break}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i=0;let n=0;let o;this.groups.forEach((e=>{if(t>0&&i<t){Array.from(e.children).forEach(((e,s)=>{if(s===0){if(isNaN(o)){o=e.offsetTop}n+=o}if(i<t){n+=e.offsetHeight;i+=1}}))}}));return e.length>t?n:0}closeCalciteDropdown(t=true){this.open=false;if(t){l(this.triggers[0])}}getFocusableElement(t){if(!t){return}l(t)}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};P.style=H;const j={container:"container",containerLink:"container--link",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon-end",iconStart:"dropdown-item-icon-start",itemContent:"dropdown-item-content",link:"dropdown-link"};const O=":host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const A=class{constructor(i){t(this,i);this.calciteInternalDropdownItemChange=e(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))};this.mutationObserver=D("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const t=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const e=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(n,{"aria-label":this.groupTitle,role:"group"},i("div",{class:{[j.container]:true,[`${j.container}--${this.scale}`]:true}},e,t,i("slot",null)))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};A.style=O;const $=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;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          )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container--link .dropdown-link,:host(:active:not([disabled])) .container--link .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-color-brand)}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const S=class{constructor(i){t(this,i);this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6);this.disabled=false;this.href=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.label=undefined;this.rel=undefined;this.selected=false;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await x(this);this.el?.focus()}componentWillLoad(){y(this);this.initialize()}componentDidLoad(){z(this)}connectedCallback(){this.initialize()}componentDidRender(){w(this)}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:a,scale:r}=this;const l=i("calcite-icon",{class:j.iconStart,flipRtl:a==="start"||a==="both",icon:this.iconStart,scale:C(this.scale)});const c=i("span",{class:j.itemContent},i("slot",null));const d=i("calcite-icon",{class:j.iconEnd,flipRtl:a==="end"||a==="both",icon:this.iconEnd,scale:C(this.scale)});const h=this.iconStart&&this.iconEnd?[l,c,d]:this.iconStart?[l,c]:this.iconEnd?[c,d]:c;const p=!t?h:i("a",{"aria-label":o,class:j.link,href:t,rel:this.rel,tabIndex:-1,target:this.target,ref:t=>this.childLink=t},h);const m=t?null:e==="single"?"menuitemradio":e==="multiple"?"menuitemcheckbox":"menuitem";const u=e!=="none"?s(this.selected):null;const{disabled:f}=this;return i(n,{"aria-checked":u,"aria-label":!t?o:"",role:m,tabIndex:f?-1:0},i(v,{disabled:f},i("div",{class:{[j.container]:true,[j.containerLink]:!!t,[`${j.container}--${r}`]:true,[j.containerMulti]:e==="multiple",[j.containerSingle]:e==="single",[j.containerNone]:e==="none"}},e!=="none"?i("calcite-icon",{class:j.icon,icon:e==="multiple"?"check":"bullet-point",scale:C(this.scale)}):null,p)))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}}updateActiveItemOnChange(t){const e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};S.style=$;export{P as calcite_dropdown,A as calcite_dropdown_group,S as calcite_dropdown_item};
-//# sourceMappingURL=p-cda14f95.entry.js.map

package/dist/calcite/p-cdc3ea29.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{d as _}from"./p-ebac7c85.js";import"./p-0add2080.js";import"./p-31b34f80.js";import"./p-9aaa5fe6.js";import"./p-860f2840.js";import"./p-6217d2be.js";import"./p-c954a299.js";import"./p-d0b722d8.js";import"./p-191ebaec.js";import"./p-55f2b783.js";import"./p-352dbd53.js";import"./p-2f8ec7d6.js";import"./p-d2d8b5ab.js";import"./p-b109f717.js";import"./p-bc66cfed.js";import"./p-81a9398a.js";import"./p-599494bc.js";import"./p-f14a70da.js";import"./p-2444441e.js";var p={name:"th",weekdays:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัสบดี_ศุกร์_เสาร์".split("_"),weekdaysShort:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัส_ศุกร์_เสาร์".split("_"),weekdaysMin:"อา._จ._อ._พ._พฤ._ศ._ส.".split("_"),months:"มกราคม_กุมภาพันธ์_มีนาคม_เมษายน_พฤษภาคม_มิถุนายน_กรกฎาคม_สิงหาคม_กันยายน_ตุลาคม_พฤศจิกายน_ธันวาคม".split("_"),monthsShort:"ม.ค._ก.พ._มี.ค._เม.ย._พ.ค._มิ.ย._ก.ค._ส.ค._ก.ย._ต.ค._พ.ย._ธ.ค.".split("_"),formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY เวลา H:mm",LLLL:"วันddddที่ D MMMM YYYY เวลา H:mm"},relativeTime:{future:"อีก %s",past:"%sที่แล้ว",s:"ไม่กี่วินาที",m:"1 นาที",mm:"%d นาที",h:"1 ชั่วโมง",hh:"%d ชั่วโมง",d:"1 วัน",dd:"%d วัน",M:"1 เดือน",MM:"%d เดือน",y:"1 ปี",yy:"%d ปี"},ordinal:function _(p){return p+"."}};_.locale(p,null,true);export default p;
-//# sourceMappingURL=p-cdc3ea29.js.map

package/dist/calcite/p-ced65efd.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{d as s}from"./p-ebac7c85.js";import"./p-0add2080.js";import"./p-31b34f80.js";import"./p-9aaa5fe6.js";import"./p-860f2840.js";import"./p-6217d2be.js";import"./p-c954a299.js";import"./p-d0b722d8.js";import"./p-191ebaec.js";import"./p-55f2b783.js";import"./p-352dbd53.js";import"./p-2f8ec7d6.js";import"./p-d2d8b5ab.js";import"./p-b109f717.js";import"./p-bc66cfed.js";import"./p-81a9398a.js";import"./p-599494bc.js";import"./p-f14a70da.js";import"./p-2444441e.js";var i="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var a="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var m=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var d=function s(d,M){if(m.test(M)){return i[d.month()]}return a[d.month()]};d.s=a;d.f=i;var M={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:d,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(i){return i+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(M,null,true);export default M;
-//# sourceMappingURL=p-ced65efd.js.map

package/dist/calcite/p-d0b722d8.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
-//# sourceMappingURL=p-d0b722d8.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-ebac7c85.js";import"./p-0add2080.js";import"./p-31b34f80.js";import"./p-9aaa5fe6.js";import"./p-860f2840.js";import"./p-6217d2be.js";import"./p-c954a299.js";import"./p-d0b722d8.js";import"./p-191ebaec.js";import"./p-55f2b783.js";import"./p-352dbd53.js";import"./p-2f8ec7d6.js";import"./p-d2d8b5ab.js";import"./p-b109f717.js";import"./p-bc66cfed.js";import"./p-81a9398a.js";import"./p-599494bc.js";import"./p-f14a70da.js";import"./p-2444441e.js";
-//# sourceMappingURL=p-d1b4cec0.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{r as e,h as t,g as s}from"./p-0add2080.js";import{j as i}from"./p-9aaa5fe6.js";import{h as n,i as r}from"./p-2acafed7.js";import"./p-860f2840.js";import"./p-6217d2be.js";function o(e){let t=0;for(let s=0;s<e.length;s++){t=e.charCodeAt(s)+((t<<5)-t)}let s="#";for(let e=0;e<3;e++){const i=t>>e*8&255;s+=("00"+i.toString(16)).substr(-2)}return s}function a(e){let{r:t,g:s,b:i}=e;t/=255;s/=255;i/=255;const n=Math.max(t,s,i);const r=Math.min(t,s,i);const o=n-r;if(n===r){return 0}let a=(n+r)/2;switch(n){case t:a=(s-i)/o+(s<i?6:0);break;case s:a=(i-t)/o+2;break;case i:a=(t-s)/o+4;break}return Math.round(a*60)}function l(e){return a(n(e))}const c=":host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-color-text-2)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(t){e(this,t);this.scale="m";this.thumbnail=undefined;this.fullName=undefined;this.username=undefined;this.userId=undefined;this.label=undefined;this.thumbnailFailedToLoad=false}render(){return this.determineContent()}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad){return t("img",{alt:this.label||"",class:"thumbnail",onError:()=>this.thumbnailFailedToLoad=true,src:this.thumbnail})}const e=this.generateInitials();const s=this.generateFillColor();return t("span",{"aria-label":this.label||this.fullName,class:"background",role:"figure",style:{backgroundColor:s}},e?t("span",{"aria-hidden":"true",class:"initials"},e):t("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))}generateFillColor(){const{userId:e,username:t,fullName:s,el:n}=this;const a=i(n);const c=e&&`#${e.substr(e.length-6)}`;const d=t||s||"";const u=c&&r(c)?c:o(d);if(!e&&!d||!r(u)){return`var(--calcite-color-foreground-2)`}const h=l(u);const f=a==="dark"?20:90;return`hsl(${h}, 60%, ${f}%)`}generateInitials(){const{fullName:e,username:t}=this;if(e){return e.trim().split(" ").map((e=>e.substring(0,1))).join("")}else if(t){return t.substring(0,2)}return false}get el(){return s(this)}};d.style=c;export{d as calcite_avatar};
-//# sourceMappingURL=p-d1b77a1f.entry.js.map

package/dist/calcite/p-d2d8b5ab.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.14
- */
-import{c as t,a as n}from"./p-9aaa5fe6.js";import{n as e}from"./p-191ebaec.js";import{c as s}from"./p-b109f717.js";const r=new RegExp(`\\${"."}(0+)?$`);const i=new RegExp("0+$");class o{constructor(t){if(t instanceof o){return t}const[n,e]=b(t).split(".").concat("");this.value=BigInt(n+e.padEnd(o.DECIMALS,"0").slice(0,o.DECIMALS))+BigInt(o.ROUNDED&&e[o.DECIMALS]>="5");this.isNegative=t.charAt(0)==="-"}getIntegersAndDecimals(){const t=this.value.toString().replace("-","").padStart(o.DECIMALS+1,"0");const n=t.slice(0,-o.DECIMALS);const e=t.slice(-o.DECIMALS).replace(i,"");return{integers:n,decimals:e}}toString(){const{integers:t,decimals:n}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${t}${n.length?"."+n:""}`}formatToParts(t){const{integers:n,decimals:e}=this.getIntegersAndDecimals();const s=t.numberFormatter.formatToParts(BigInt(n));this.isNegative&&s.unshift({type:"minusSign",value:t.minusSign});if(e.length){s.push({type:"decimal",value:t.decimal});e.split("").forEach((t=>s.push({type:"fraction",value:t})))}return s}format(t){const{integers:n,decimals:e}=this.getIntegersAndDecimals();const s=`${this.isNegative?t.minusSign:""}${t.numberFormatter.format(BigInt(n))}`;const r=e.length?`${t.decimal}${e.split("").map((n=>t.numberFormatter.format(Number(n)))).join("")}`:"";return`${s}${r}`}add(t){return o.fromBigInt(this.value+new o(t).value)}subtract(t){return o.fromBigInt(this.value-new o(t).value)}multiply(t){return o._divRound(this.value*new o(t).value,o.SHIFT)}divide(t){return o._divRound(this.value*o.SHIFT,new o(t).value)}}o.DECIMALS=100;o.ROUNDED=true;o.SHIFT=BigInt("1"+"0".repeat(o.DECIMALS));o._divRound=(t,n)=>o.fromBigInt(t/n+(o.ROUNDED?t*BigInt(2)/n%BigInt(2):BigInt(0)));o.fromBigInt=t=>Object.assign(Object.create(o.prototype),{value:t,isNegative:t<BigInt(0)});function c(t){return!(!t||isNaN(Number(t)))}function u(t){if(!t||!d(t)){return""}return p(t,(t=>{let n=false;const s=t.split("").filter(((t,s)=>{if(t.match(/\./g)&&!n){n=true;return true}if(t.match(/\-/g)&&s===0){return true}return e.includes(t)})).join("");return c(s)?new o(s).toString():""}))}const a=/^([-0])0+(?=\d)/;const h=/(?!^\.)\.$/;const f=/(?!^-)-/g;const l=/^-\b0\b\.?0*$/;const g=/0*$/;const $=t=>p(t,(t=>{const n=t.replace(f,"").replace(h,"").replace(a,"$1");return c(n)?l.test(n)?n:m(n):t}));function m(t){const n=t.split(".")[1];const e=new o(t).toString();const[s,r]=e.split(".");return n&&r!==n?`${s}.${n}`:e}function p(t,n){if(!t){return t}const e=t.toLowerCase().indexOf("e")+1;if(!e){return n(t)}return t.replace(/[eE]*$/g,"").substring(0,e).concat(t.slice(e).replace(/[eE]/g,"")).split(/[eE]/).map(((t,e)=>e===1?n(t.replace(/\./g,"")):n(t))).join("e").replace(/^e/,"1e")}function b(t){const n=t.split(/[eE]/);if(n.length===1){return t}const e=+t;if(Number.isSafeInteger(e)){return`${e}`}const s=t.charAt(0)==="-";const i=+n[1];const o=n[0].split(".");const c=(s?o[0].substring(1):o[0])||"";const u=o[1]||"";const h=(t,n)=>{const e=Math.abs(n)-t.length;const s=e>0?`${"0".repeat(e)}${t}`:t;const r=`${s.slice(0,n)}${"."}${s.slice(n)}`;return r};const f=(t,n)=>{const e=n>t.length?`${t}${"0".repeat(n-t.length)}`:t;const s=`${e.slice(0,n)}${"."}${e.slice(n)}`;return s};const l=i>0?`${c}${f(u,i)}`:`${h(c,i)}${u}`;return`${s?"-":""}${l.charAt(0)==="."?"0":""}${l.replace(r,"").replace(a,"")}`}function d(t){return e.some((n=>t.includes(n)))}function w(t,n,e){const s=n.split(".")[1];if(s){const r=s.match(g)[0];if(r&&e.delocalize(t).length!==n.length&&s.indexOf("e")===-1){const n=e.decimal;t=!t.includes(n)?`${t}${n}`:t;return t.padEnd(t.length+r.length,e.localize("0"))}}return t}const I="en";const v=["ar","bg","bs","ca","cs","da","de","el",I,"es","et","fi","fr","he","hr","hu","id","it","ja","ko","lt","lv","no","nl","pl","pt-BR","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"];const B=["ar","bg","bs","ca","cs","da","de","de-AT","de-CH","el",I,"en-AU","en-CA","en-GB","es","es-MX","et","fi","fr","fr-CH","he","hi","hr","hu","id","it","it-CH","ja","ko","lt","lv","mk","no","nl","pl","pt","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"];const E=["arab","arabext","latn"];const N=t=>E.includes(t);const j=(new Intl.NumberFormat).resolvedOptions().numberingSystem;const x=j==="arab"||!N(j)?"latn":j;const R=t=>N(t)?t:x;function S(t,n="cldr"){const e=n==="cldr"?B:v;if(!t){return I}if(e.includes(t)){return t}t=t.toLowerCase();if(t==="nb"){return"no"}if(n==="t9n"&&t==="pt"){return"pt-BR"}if(t.includes("-")){t=t.replace(/(\w+)-(\w+)/,((t,n,e)=>`${n}-${e.toUpperCase()}`));if(!e.includes(t)){t=t.split("-")[0]}}if(t==="zh"){return"zh-CN"}if(!e.includes(t)){console.warn(`Translations for the "${t}" locale are not available and will fall back to the default, English (en).`);return I}return t}const k=new Set;function z(t){O(t);if(k.size===0){T?.observe(document.documentElement,{attributes:true,attributeFilter:["lang"],subtree:true})}k.add(t)}function O(t){t.effectiveLocale=y(t)}function C(t){k.delete(t);if(k.size===0){T.disconnect()}}const T=s("mutation",(e=>{e.forEach((e=>{const s=e.target;k.forEach((e=>{const r=!n(s,e.el);if(r){return}const i=t(e.el,"[lang]");if(!i){e.effectiveLocale=I;return}const o=i.lang;e.effectiveLocale=i.hasAttribute("lang")&&o===""?I:o}))}))}));function y(n){return n.el.lang||t(n.el,"[lang]")?.lang||document.documentElement.lang||I}class H{constructor(){this.delocalize=t=>this._numberFormatOptions?p(t,(t=>t.replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex))):t;this.localize=t=>this._numberFormatOptions?p(t,(t=>c(t.trim())?new o(t.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):t)):t}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(t){t.locale=S(t?.locale);t.numberingSystem=R(t?.numberingSystem);if(!this._numberFormatOptions&&t.locale===I&&t.numberingSystem===x&&Object.keys(t).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(t)){return}this._numberFormatOptions=t;this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions);this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:false,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();const n=new Map(this._digits.map(((t,n)=>[t,n])));const e=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-12345678.9);this._actualGroup=e.find((t=>t.type==="group")).value;this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?" ":this._actualGroup;this._decimal=e.find((t=>t.type==="decimal")).value;this._minusSign=e.find((t=>t.type==="minusSign")).value;this._getDigitIndex=t=>n.get(t)}}const A=new H;let F;let M;function P(t={}){return Object.entries(t).sort((([t],[n])=>t.localeCompare(n))).map((t=>`${t[0]}-${t[1]}`)).flat().join(":")}function G(t,n){t=S(t);if(!F){F=new Map}if(M!==t){F.clear();M=t}const e=P(n);const s=F.get(e);if(s){return s}const r=new Intl.DateTimeFormat(t,n);F.set(e,r);return r}export{o as B,H as N,w as a,R as b,z as c,C as d,G as e,S as g,c as i,A as n,u as p,$ as s};
-//# sourceMappingURL=p-d2d8b5ab.js.map