{"version":3,"names":["CSS","main","content","contentBehind","contentBottom","contentNonInteractive","footer","positionedSlotWrapper","container","contentBehindCenterContent","SLOTS","centerRow","panelStart","panelEnd","panelTop","panelBottom","header","alerts","sheets","modals","dialogs","shellCss","CalciteShellStyle0","Shell","this","handleHeaderSlotChange","event","hasHeader","slotChangeHasAssignedElement","handleFooterSlotChange","hasFooter","handleAlertsSlotChange","hasAlerts","slotChangeGetAssignedElements","map","el","tagName","embedded","handleSheetsSlotChange","hasSheets","handleModalsSlotChange","hasModals","handlePanelTopChange","hasPanelTop","handlePanelBottomChange","hasPanelBottom","handleDialogsSlotChange","hasDialogs","handleCalciteInternalShellPanelResizeStart","panelIsResizing","stopPropagation","handleCalciteInternalShellPanelResizeEnd","updateHasOnlyPanelBottom","hasOnlyPanelBottom","connectedCallback","connectConditionalSlotComponent","disconnectedCallback","disconnectConditionalSlotComponent","renderHeader","h","hidden","key","name","onSlotchange","renderFooter","class","renderAlerts","renderSheets","renderModals","renderDialogs","renderContent","defaultSlotNode","defaultSlotContainerNode","deprecatedCenterRowSlotNode","panelBottomSlotNode","panelTopSlotNode","contentContainerKey","renderMain","renderPositionedSlots","render","Fragment","actionBarContainer","actionBar","shellCenterRowCss","CalciteShellCenterRowStyle0","ShellCenterRow","contentNode","getSlotted","actionBarNode","children","position","reverse","contentHeader","contentBody","floatContent","contentOverlay","separator","float","floatAll","shellPanelCss","CalciteShellPanelStyle0","ShellPanel","initialContentWidth","initialContentHeight","initialClientX","initialClientY","contentWidthMax","contentWidthMin","contentHeightMax","contentHeightMin","step","stepMultiplier","actionBars","storeContentEl","contentEl","getKeyAdjustedSize","layout","multipliedStep","MOVEMENT_KEYS","indexOf","preventDefault","dir","getElementDir","horizontalKeys","verticalKeys","directionFactor","includes","increaseKeys","stepValue","shiftKey","decreaseKeys","initialKeydownWidth","setInitialContentWidth","width","setContentWidth","initialKeydownHeight","setInitialContentHeight","height","setContentHeight","separatorKeyDown","separatorPointerMove","offset","clientY","clientX","adjustmentDirection","adjustedOffset","separatorPointerUp","isPrimaryPointerButton","calciteInternalShellPanelResizeEnd","emit","window","removeEventListener","getBoundingClientRect","separatorPointerDown","calciteInternalShellPanelResizeStart","separatorEl","document","activeElement","focus","addEventListener","connectSeparator","disconnectSeparator","setActionBarsLayout","forEach","handleActionBarSlotChange","filter","matches","handleDetached","value","displayMode","handleDisplayMode","detached","handleDetachedHeightScale","heightScale","handleHeightScale","detachedHeightScale","layoutHandler","onMessagesChange","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectLocalized","disconnectMessages","componentDidLoad","updateAriaValues","effectiveLocaleChange","updateMessages","effectiveLocale","collapsed","contentWidth","contentHeight","resizable","allowResizing","style","separatorNode","messages","resize","onKeyDown","ref","role","tabIndex","getAnimationDir","CSS_UTILITY","calciteAnimateInDown","calciteAnimateInUp","isStart","calciteAnimateInLeft","calciteAnimateInRight","rtl","calciteAnimate","mainNodes","roundedWidth","Math","round","clamp","computedStyle","getComputedStyle","updateHeights","updateWidths","forceUpdate","max","parseInt","getPropertyValue","min","valueNow","isNaN"],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx","src/components/shell-center-row/resources.ts","src/components/shell-center-row/shell-center-row.scss?tag=calcite-shell-center-row&encapsulation=shadow","src/components/shell-center-row/shell-center-row.tsx","src/components/shell-panel/resources.ts","src/components/shell-panel/shell-panel.scss?tag=calcite-shell-panel&encapsulation=shadow","src/components/shell-panel/shell-panel.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  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(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-index: calc(var(--calcite-z-index) + 1);\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(\n      (el): el is HTMLCalciteActionBarElement => el?.matches(\"calcite-action-bar\"),\n    );\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}