@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/cjs/calcite-shell_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-shell.calcite-shell-center-row.calcite-shell-panel.entry.cjs.js","mappings":"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","names":["CSS","SLOTS","slotChangeHasAssignedElement","slotChangeGetAssignedElements","connectConditionalSlotComponent","disconnectConditionalSlotComponent","h","Fragment","getSlotted","getElementDir","isPrimaryPointerButton","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","updateMessages","CSS_UTILITY","clamp","forceUpdate"],"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  contentBottom: \"content-bottom\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n  dialogs: \"dialogs\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    overflow-auto;\n  justify-content: space-between;\n}\n\n.content ::slotted(:not(calcite-tip-manager)) {\n  @apply relative\n    z-default;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    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-start\"]::slotted(calcite-shell-panel),\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  @apply relative\n  z-header;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content-bottom {\n  justify-content: flex-end;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-panel`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-panel`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`.\n * @slot dialogs - A slot for adding `calcite-dialog` components. When placed in this slot, the dialog position will be constrained to the extent of the `calcite-shell`.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasDialogs = false;\n\n  @State() hasSheets = false;\n\n  @State() hasPanelTop = false;\n\n  @State() hasPanelBottom = false;\n\n  @State() hasOnlyPanelBottom = false;\n\n  @State() panelIsResizing = false;\n\n  @Watch(\"hasPanelTop\")\n  @Watch(\"hasPanelBottom\")\n  updateHasOnlyPanelBottom(): void {\n    this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).embedded = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).embedded = true;\n      }\n    });\n  };\n\n  handlePanelTopChange = (event: Event): void => {\n    this.hasPanelTop = slotChangeHasAssignedElement(event);\n  };\n\n  handlePanelBottomChange = (event: Event): void => {\n    this.hasPanelBottom = slotChangeHasAssignedElement(event);\n  };\n\n  handleDialogsSlotChange = (event: Event): void => {\n    this.hasDialogs = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-DIALOG\") {\n        (el as HTMLCalciteDialogElement).embedded = 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  renderDialogs(): VNode {\n    return (\n      <div hidden={!this.hasDialogs}>\n        <slot key=\"dialogs\" name={SLOTS.dialogs} onSlotchange={this.handleDialogsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = (\n      <slot\n        key=\"panel-bottom-slot\"\n        name={SLOTS.panelBottom}\n        onSlotchange={this.handlePanelBottomChange}\n      />\n    );\n    const panelTopSlotNode: VNode = (\n      <slot key=\"panel-top-slot\" name={SLOTS.panelTop} onSlotchange={this.handlePanelTopChange} />\n    );\n\n    const contentContainerKey = \"content-container\";\n\n    const content = this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div\n            class={{\n              [CSS.contentBehindCenterContent]: true,\n              [CSS.contentBottom]: this.hasOnlyPanelBottom,\n            }}\n          >\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div\n            class={{ [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }}\n            key={contentContainerKey}\n          >\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderDialogs()}\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: Extract<\"start\" | \"end\", 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  floatContent: \"float--content\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n  float: \"float\",\n  floatAll: \"float-all\",\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-content` or `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-content` or `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-content` or `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-content` or `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-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-end: -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-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-end: 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\"][display-mode=\"float-all\"]) .content {\n  flex: 2;\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-internal-shell-panel-max-height: 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-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-internal-shell-panel-max-height: 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-internal-shell-panel-max-height: 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  &.float-all {\n    margin-block: 0.5rem;\n    margin-inline: 0.5rem;\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 end-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\"]:not([display-mode=\"float-all\"])) .content {\n  inline-size: var(--calcite-internal-shell-panel-width);\n  max-inline-size: var(--calcite-internal-shell-panel-max-width);\n  min-inline-size: var(--calcite-internal-shell-panel-min-width);\n}\n\n:host([layout=\"vertical\"][display-mode=\"float-all\"]) .content {\n  inline-size: var(--calcite-internal-shell-panel-width);\n  min-inline-size: var(--calcite-internal-shell-panel-min-width);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-internal-shell-panel-height);\n  max-block-size: var(--calcite-internal-shell-panel-max-height);\n  min-block-size: var(--calcite-internal-shell-panel-min-height);\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 start-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-inline-start);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-inline-end);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-block-start);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-block-end);\n}\n\n.float--content {\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-internal-shell-panel-max-height, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .float--content {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .float--content,\n:host([position=\"end\"]) .float--content {\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\"]):not([display-mode=\"float-all\"])),\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\"]:not([display-mode=\"float-all\"])) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]:not([display-mode=\"float-all\"])) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]:not([display-mode=\"float-all\"])) .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 { CSS_UTILITY } from \"../../utils/resources\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./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-content\";\n    } else if (this.displayMode === \"float-content\" || this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode of the component, where:\n   *\n   * `\"dock\"` displays at full height adjacent to center content,\n   *\n   * `\"overlay\"` displays at full height on top of center content, and\n   *\n   * `\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   *\n   * `\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   *\n   * `\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` 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-content\" || value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float-content` or `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: Extract<\"start\" | \"end\", Position> = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float-content` or `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-content\" && 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          ref={this.connectSeparator}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\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.floatContent]: displayMode === \"float-content\" || displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        ref={this.storeContentEl}\n        style={style}\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 (\n      <div class={{ [CSS.container]: true, [CSS.floatAll]: displayMode === \"float-all\" }}>\n        {mainNodes}\n      </div>\n    );\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((el) =>\n      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"],"version":3}
+{"file":"calcite-shell.calcite-shell-center-row.calcite-shell-panel.entry.cjs.js","mappings":"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","names":["CSS","SLOTS","slotChangeHasAssignedElement","slotChangeGetAssignedElements","connectConditionalSlotComponent","disconnectConditionalSlotComponent","h","Fragment","getSlotted","getElementDir","isPrimaryPointerButton","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","updateMessages","CSS_UTILITY","clamp","forceUpdate"],"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  contentBottom: \"content-bottom\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n  dialogs: \"dialogs\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    overflow-auto;\n  justify-content: space-between;\n}\n\n.content ::slotted(:not(calcite-tip-manager)) {\n  @apply relative\n    z-default;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap\n    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-start\"]::slotted(calcite-shell-panel),\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  @apply relative\n  z-header;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n.content-bottom {\n  justify-content: flex-end;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-panel`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-panel`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`.\n * @slot dialogs - A slot for adding `calcite-dialog` components. When placed in this slot, the dialog position will be constrained to the extent of the `calcite-shell`.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasDialogs = false;\n\n  @State() hasSheets = false;\n\n  @State() hasPanelTop = false;\n\n  @State() hasPanelBottom = false;\n\n  @State() hasOnlyPanelBottom = false;\n\n  @State() panelIsResizing = false;\n\n  @Watch(\"hasPanelTop\")\n  @Watch(\"hasPanelBottom\")\n  updateHasOnlyPanelBottom(): void {\n    this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).embedded = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).embedded = true;\n      }\n    });\n  };\n\n  handlePanelTopChange = (event: Event): void => {\n    this.hasPanelTop = slotChangeHasAssignedElement(event);\n  };\n\n  handlePanelBottomChange = (event: Event): void => {\n    this.hasPanelBottom = slotChangeHasAssignedElement(event);\n  };\n\n  handleDialogsSlotChange = (event: Event): void => {\n    this.hasDialogs = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.tagName === \"CALCITE-DIALOG\") {\n        (el as HTMLCalciteDialogElement).embedded = 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  renderDialogs(): VNode {\n    return (\n      <div hidden={!this.hasDialogs}>\n        <slot key=\"dialogs\" name={SLOTS.dialogs} onSlotchange={this.handleDialogsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = (\n      <slot\n        key=\"panel-bottom-slot\"\n        name={SLOTS.panelBottom}\n        onSlotchange={this.handlePanelBottomChange}\n      />\n    );\n    const panelTopSlotNode: VNode = (\n      <slot key=\"panel-top-slot\" name={SLOTS.panelTop} onSlotchange={this.handlePanelTopChange} />\n    );\n\n    const contentContainerKey = \"content-container\";\n\n    const content = this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div\n            class={{\n              [CSS.contentBehindCenterContent]: true,\n              [CSS.contentBottom]: this.hasOnlyPanelBottom,\n            }}\n          >\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div\n            class={{ [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }}\n            key={contentContainerKey}\n          >\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderDialogs()}\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: Extract<\"start\" | \"end\", 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  floatContent: \"float--content\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n  float: \"float\",\n  floatAll: \"float-all\",\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-content` or `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-content` or `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-content` or `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-content` or `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-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-end: -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-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-internal-shell-panel-shadow-inline-end: 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\"][display-mode=\"float-all\"]) .content {\n  flex: 2;\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 12vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 20vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]:not([display-mode=\"float-all\"])) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);\n  --calcite-internal-shell-panel-max-width: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"][display-mode=\"float-all\"]) .content {\n  --calcite-internal-shell-panel-width: var(--calcite-shell-panel-width, 45vw);\n  --calcite-internal-shell-panel-min-width: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-internal-shell-panel-max-height: 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-internal-shell-panel-min-height: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-internal-shell-panel-max-height: 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-internal-shell-panel-max-height: 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  h-full;\n\n  * {\n    @apply box-border;\n  }\n\n  &.float-all {\n    margin-block: 0.5rem;\n    margin-inline: 0.5rem;\n  }\n}\n\n:host([layout=\"horizontal\"]) .container {\n  @apply w-full h-auto;\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 end-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\"]:not([display-mode=\"float-all\"])) .content {\n  inline-size: var(--calcite-internal-shell-panel-width);\n  max-inline-size: var(--calcite-internal-shell-panel-max-width);\n  min-inline-size: var(--calcite-internal-shell-panel-min-width);\n}\n\n:host([layout=\"vertical\"][display-mode=\"float-all\"]) .content {\n  inline-size: var(--calcite-internal-shell-panel-width);\n  min-inline-size: var(--calcite-internal-shell-panel-min-width);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-internal-shell-panel-height);\n  max-block-size: var(--calcite-internal-shell-panel-max-height);\n  min-block-size: var(--calcite-internal-shell-panel-min-height);\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 start-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-inline-start);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-inline-end);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-block-start);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-internal-shell-panel-shadow-block-end);\n}\n\n.float--content {\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-internal-shell-panel-max-height, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .float--content {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .float--content,\n:host([position=\"end\"]) .float--content {\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\"]):not([display-mode=\"float-all\"])),\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\"]:not([display-mode=\"float-all\"])) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]:not([display-mode=\"float-all\"])) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]:not([display-mode=\"float-all\"])) .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 { CSS_UTILITY } from \"../../utils/resources\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./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-content\";\n    } else if (this.displayMode === \"float-content\" || this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode of the component, where:\n   *\n   * `\"dock\"` displays at full height adjacent to center content,\n   *\n   * `\"overlay\"` displays at full height on top of center content, and\n   *\n   * `\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   *\n   * `\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n   *\n   * `\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` 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-content\" || value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float-content` or `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: Extract<\"start\" | \"end\", Position> = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float-content` or `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-content\" && 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          ref={this.connectSeparator}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\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.floatContent]: displayMode === \"float-content\" || displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        ref={this.storeContentEl}\n        style={style}\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 (\n      <div class={{ [CSS.container]: true, [CSS.floatAll]: displayMode === \"float-all\" }}>\n        {mainNodes}\n      </div>\n    );\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((el) =>\n      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"],"version":3}

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fdc628de.js');
-const interactive = require('./interactive-9db98a91.js');
-const observers = require('./observers-3a410d9c.js');
-const sortableComponent = require('./sortableComponent-5aab28be.js');
-const dom = require('./dom-cdce16d7.js');
-require('./browser-89880371.js');
-require('./guid-a0aaca44.js');
-require('./resources-8a5c46a3.js');
+const index = require('./index-4fe70fa3.js');
+const interactive = require('./interactive-6e051cdc.js');
+const observers = require('./observers-498f2676.js');
+const sortableComponent = require('./sortableComponent-b6521d30.js');
+const dom = require('./dom-1ff7fb61.js');
+require('./browser-192fd050.js');
+require('./guid-47ff9796.js');
+require('./resources-d2d6a16a.js');
 
 const CSS = {
     sortItem: "sort-item",
@@ -52,10 +52,8 @@ const SortableList = class {
     connectedCallback() {
         this.setUpSorting();
         this.beginObserving();
-        interactive.connectInteractive(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         sortableComponent.disconnectSortableComponent(this);
         this.endObserving();
     }
@@ -145,11 +143,11 @@ const SortableList = class {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (index.h(interactive.InteractiveContainer, { key: 'd88bb6eff8ac0c12fe058290a15b644f52b15efe', disabled: disabled }, index.h("div", { key: '0ac98b39280cbe2f61103d5c2120a9822ccee243', class: {
+        return (index.h(interactive.InteractiveContainer, { key: 'ca06679a5125fc9f898b266ec4cf7dd01d93188b', disabled: disabled }, index.h("div", { key: '6fa3e204aa6dabed072c9fc7c98b636233140435', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, index.h("slot", { key: '9b2cc37a435d630ed79ad33ad95ff578ed701999' }))));
+            } }, index.h("slot", { key: '5b7e125fa233a0b8f271bade912c9af3529eb918' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-sortable-list.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-sortable-list.entry.cjs.js","mappings":"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","names":["createObserver","connectInteractive","disconnectInteractive","disconnectSortableComponent","updateHostInteraction","focusElement","connectSortableComponent","h","InteractiveContainer"],"sources":["src/components/sortable-list/resources.ts","src/components/sortable-list/sortable-list.scss?tag=calcite-sortable-list&encapsulation=shadow","src/components/sortable-list/sortable-list.tsx"],"sourcesContent":["export const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\",\n};\n",":host {\n  @apply flex;\n}\n\n@include disabled();\n\n.container {\n  @apply flex flex-auto;\n}\n\n.container--vertical {\n  @apply flex-col;\n}\n\n.container--horizontal {\n  @apply flex-row;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, VNode } from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport { Layout } from \"../interfaces\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding sortable items.\n */\n@Component({\n  tag: \"calcite-sortable-list\",\n  styleUrl: \"sortable-list.scss\",\n  shadow: true,\n})\nexport class SortableList implements InteractiveComponent, SortableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * Specifies which items inside the element should be draggable.\n   */\n  @Prop({ reflect: true }) dragSelector?: string;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * The selector for the handle elements.\n   */\n  @Prop({ reflect: true }) handleSelector = \"calcite-handle\";\n\n  /**\n   * Indicates the horizontal or vertical orientation of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout> = \"vertical\";\n\n  /**\n   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When true, content is waiting to be loaded. This state shows a busy indicator.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSortableListElement;\n\n  items: Element[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    this.setUpSorting();\n  });\n\n  sortable: Sortable;\n\n  dragEnabled = true;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.setUpSorting();\n    this.beginObserving();\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    this.endObserving();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<void>;\n\n  @Listen(\"calciteHandleNudge\")\n  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void {\n    this.handleNudgeEvent(event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    this.endObserving();\n  }\n\n  onGlobalDragEnd(): void {\n    this.beginObserving();\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.children);\n    this.calciteListOrderChange.emit();\n  }\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const handle = event\n      .composedPath()\n      .find((el: HTMLElement) => el.matches(this.handleSelector)) as HTMLElement;\n\n    const sortItem = this.items.find((item) => {\n      return item.contains(handle) || event.composedPath().includes(item);\n    });\n\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex: number;\n\n    if (direction === \"up\") {\n      if (startingIndex === 0) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex - 1;\n      }\n    } else {\n      if (startingIndex === lastIndex) {\n        buddyIndex = 0;\n      } else if (startingIndex === lastIndex - 1) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex + 2;\n      }\n    }\n\n    this.endObserving();\n\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    } else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n\n    this.items = Array.from(this.el.children);\n\n    this.beginObserving();\n    requestAnimationFrame(() => focusElement(handle));\n\n    if (\"selected\" in handle) {\n      handle.selected = true;\n    }\n  }\n\n  setUpSorting(): void {\n    this.items = Array.from(this.el.children);\n    connectSortableComponent(this);\n  }\n\n  beginObserving(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  endObserving(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerVertical]: !horizontal,\n            [CSS.containerHorizontal]: horizontal,\n          }}\n        >\n          <slot />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-sortable-list.entry.cjs.js","mappings":"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","names":["createObserver","disconnectSortableComponent","updateHostInteraction","focusElement","connectSortableComponent","h","InteractiveContainer"],"sources":["src/components/sortable-list/resources.ts","src/components/sortable-list/sortable-list.scss?tag=calcite-sortable-list&encapsulation=shadow","src/components/sortable-list/sortable-list.tsx"],"sourcesContent":["export const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\",\n};\n",":host {\n  @apply flex;\n}\n\n@include disabled();\n\n.container {\n  @apply flex flex-auto;\n}\n\n.container--vertical {\n  @apply flex-col;\n}\n\n.container--horizontal {\n  @apply flex-row;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, VNode } from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport { Layout } from \"../interfaces\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding sortable items.\n */\n@Component({\n  tag: \"calcite-sortable-list\",\n  styleUrl: \"sortable-list.scss\",\n  shadow: true,\n})\nexport class SortableList implements InteractiveComponent, SortableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * Specifies which items inside the element should be draggable.\n   */\n  @Prop({ reflect: true }) dragSelector?: string;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * The selector for the handle elements.\n   */\n  @Prop({ reflect: true }) handleSelector = \"calcite-handle\";\n\n  /**\n   * Indicates the horizontal or vertical orientation of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout> = \"vertical\";\n\n  /**\n   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When true, content is waiting to be loaded. This state shows a busy indicator.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSortableListElement;\n\n  items: Element[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    this.setUpSorting();\n  });\n\n  sortable: Sortable;\n\n  dragEnabled = true;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.setUpSorting();\n    this.beginObserving();\n  }\n\n  disconnectedCallback(): void {\n    disconnectSortableComponent(this);\n    this.endObserving();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<void>;\n\n  @Listen(\"calciteHandleNudge\")\n  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void {\n    this.handleNudgeEvent(event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    this.endObserving();\n  }\n\n  onGlobalDragEnd(): void {\n    this.beginObserving();\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.children);\n    this.calciteListOrderChange.emit();\n  }\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const handle = event\n      .composedPath()\n      .find((el: HTMLElement) => el.matches(this.handleSelector)) as HTMLElement;\n\n    const sortItem = this.items.find((item) => {\n      return item.contains(handle) || event.composedPath().includes(item);\n    });\n\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex: number;\n\n    if (direction === \"up\") {\n      if (startingIndex === 0) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex - 1;\n      }\n    } else {\n      if (startingIndex === lastIndex) {\n        buddyIndex = 0;\n      } else if (startingIndex === lastIndex - 1) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex + 2;\n      }\n    }\n\n    this.endObserving();\n\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    } else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n\n    this.items = Array.from(this.el.children);\n\n    this.beginObserving();\n    requestAnimationFrame(() => focusElement(handle));\n\n    if (\"selected\" in handle) {\n      handle.selected = true;\n    }\n  }\n\n  setUpSorting(): void {\n    this.items = Array.from(this.el.children);\n    connectSortableComponent(this);\n  }\n\n  beginObserving(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  endObserving(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerVertical]: !horizontal,\n            [CSS.containerHorizontal]: horizontal,\n          }}\n        >\n          <slot />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
+ * v2.13.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fdc628de.js');
-const interactive = require('./interactive-9db98a91.js');
-const loadable = require('./loadable-8de43def.js');
-require('./browser-89880371.js');
+const index = require('./index-4fe70fa3.js');
+const interactive = require('./interactive-6e051cdc.js');
+const loadable = require('./loadable-6f2dfe5f.js');
+require('./browser-192fd050.js');
 
 const CSS = {
     container: "container",
@@ -74,9 +74,6 @@ const SplitButton = class {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    connectedCallback() {
-        interactive.connectInteractive(this);
-    }
     componentWillLoad() {
         loadable.setUpLoadableComponent(this);
     }
@@ -86,12 +83,9 @@ const SplitButton = class {
     componentDidRender() {
         interactive.updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        interactive.disconnectInteractive(this);
-    }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (index.h(interactive.InteractiveContainer, { key: 'ee973a15275bc3f95af17c40a4b8badbe3462d79', disabled: this.disabled }, index.h("div", { key: 'b2c812632a9ae8cd96060fcc6b22d052e957a9a7', class: CSS.container }, index.h("calcite-button", { key: '03a34e04ae9efa7811f1ac9d701fb230de7200a9', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { key: '1a1cfc004949b54b56cbc0f3076fb48e678ab314', class: CSS.dividerContainer }, index.h("div", { key: 'f38ecc61ec5712fe86924379347285977c285dc5', class: CSS.divider })), index.h("calcite-dropdown", { key: '719ccb5e274a7ccd04855daa1a39be9781fdcb76', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, index.h("calcite-button", { key: '098292b17056e7431adaadc843ecee4a9453bb7a', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", { key: 'cc73b47cb462df04f3572bb68565513f8abfa8a0' })))));
+        return (index.h(interactive.InteractiveContainer, { key: '14845b4360228ff8aba010ee85ba3d49c921fce3', disabled: this.disabled }, index.h("div", { key: '628e989b6c3cf109f2d2b7f515cfa4b4f42fa4e3', class: CSS.container }, index.h("calcite-button", { key: '6177782d26aae8b60978b21dfa66a44fde3a6216', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { key: 'cc9cbf0e38ca5fb1be1accba84268a3a33d624b2', class: CSS.dividerContainer }, index.h("div", { key: '21170599428198ef40515ec57407aba27758f705', class: CSS.divider })), index.h("calcite-dropdown", { key: 'e51ebf919c6cb283ab689654fd0469884c080739', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, index.h("calcite-button", { key: '12ff26ed0de03de2414da7884c0e159d9eed5d67', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", { key: '9fa4be0ea31a54fc2df37e4277cd4c10a4584d3a' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

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

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