@esri/solutions-components 0.2.2 → 0.2.4

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

@@ -1,434 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-15022d11.js';
-import { S as SLOTS$1, C as CSS$1, I as ICONS, T as TEXT, H as HEADING_LEVEL } from './resources-9eb63965.js';
-import { b as getElementDir, t as toAriaBoolean, a as getSlotted } from './dom-e593bf85.js';
-import { H as Heading } from './Heading-1efb4837.js';
-import { S as SLOTS$2 } from './resources-d60362c3.js';
-import { u as updateHostInteraction } from './interactive-822ffed6.js';
-import { c as createObserver } from './observers-31601001.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-bb4cab11.js';
-import './resources-436ae282.js';
-import './guid-15fce7c0.js';
-
-const panelCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}.header{-webkit-border-after:1px solid;border-block-end:1px solid;position:sticky;inset-block-start:0px;z-index:400;inline-size:100%;align-items:stretch;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);flex:0 0 auto}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{-webkit-margin-start:auto;margin-inline-start:auto}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:sticky;inset-block-end:0px;display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:sticky;inset-block-end:0px;z-index:300;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}[hidden]{display:none}";
-
-const Panel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.calcitePanelClose = createEvent(this, "calcitePanelClose", 6);
-    this.calcitePanelDismiss = createEvent(this, "calcitePanelDismiss", 6);
-    this.calcitePanelDismissedChange = createEvent(this, "calcitePanelDismissedChange", 6);
-    this.calcitePanelScroll = createEvent(this, "calcitePanelScroll", 6);
-    this.calcitePanelBackClick = createEvent(this, "calcitePanelBackClick", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, hides the component.
-     *
-     * @deprecated use `closed` instead.
-     */
-    this.dismissed = false;
-    /** When `true`, the component will be hidden. */
-    this.closed = false;
-    /**
-     *  When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead
-     */
-    this.dismissible = false;
-    /** When `true`, displays a close button in the trailing side of the header. */
-    this.closable = false;
-    /**
-     * When `true`, displays a back button in the header.
-     *
-     * @deprecated use `calcite-flow-item` instead.
-     */
-    this.showBackButton = false;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    this.menuOpen = false;
-    this.resizeObserver = createObserver("resize", () => this.resizeHandler());
-    this.hasStartActions = false;
-    this.hasEndActions = false;
-    this.hasMenuItems = false;
-    this.hasHeaderContent = false;
-    this.hasFooterContent = false;
-    this.hasFooterActions = false;
-    this.hasFab = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.resizeHandler = () => {
-      const { panelScrollEl } = this;
-      if (!panelScrollEl ||
-        typeof panelScrollEl.scrollHeight !== "number" ||
-        typeof panelScrollEl.offsetHeight !== "number") {
-        return;
-      }
-      panelScrollEl.tabIndex = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight ? 0 : -1;
-    };
-    this.setContainerRef = (node) => {
-      this.containerEl = node;
-    };
-    this.setCloseRef = (node) => {
-      this.closeButtonEl = node;
-    };
-    this.setBackRef = (node) => {
-      this.backButtonEl = node;
-    };
-    this.panelKeyDownHandler = (event) => {
-      if (this.closable && event.key === "Escape" && !event.defaultPrevented) {
-        this.close();
-        event.preventDefault();
-      }
-    };
-    this.close = () => {
-      this.closed = true;
-      this.calcitePanelDismiss.emit();
-      this.calcitePanelClose.emit();
-    };
-    this.panelScrollHandler = () => {
-      this.calcitePanelScroll.emit();
-    };
-    this.backButtonClick = () => {
-      this.calcitePanelBackClick.emit();
-    };
-    this.handleHeaderActionsStartSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasStartActions = !!elements.length;
-    };
-    this.handleHeaderActionsEndSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasEndActions = !!elements.length;
-    };
-    this.handleHeaderMenuActionsSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasMenuItems = !!elements.length;
-    };
-    this.handleHeaderContentSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasHeaderContent = !!elements.length;
-    };
-    this.handleFooterSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasFooterContent = !!elements.length;
-    };
-    this.handleFooterActionsSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasFooterActions = !!elements.length;
-    };
-    this.handleFabSlotChange = (event) => {
-      const elements = event.target.assignedElements({
-        flatten: true
-      });
-      this.hasFab = !!elements.length;
-    };
-    this.setPanelScrollEl = (el) => {
-      var _a, _b;
-      this.panelScrollEl = el;
-      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-      if (el) {
-        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);
-        this.resizeHandler();
-      }
-    };
-  }
-  dismissedHandler(value) {
-    this.closed = value;
-    this.calcitePanelDismissedChange.emit();
-  }
-  closedHandler(value) {
-    this.dismissed = value;
-  }
-  dismissibleHandler(value) {
-    this.closable = value;
-  }
-  closableHandler(value) {
-    this.dismissible = value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    const isClosed = this.dismissed || this.closed;
-    const isClosable = this.dismissible || this.closable;
-    if (isClosed) {
-      this.dismissedHandler(isClosed);
-      this.closedHandler(isClosed);
-    }
-    if (isClosable) {
-      this.dismissibleHandler(isClosable);
-      this.closableHandler(isClosable);
-    }
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  // --------------------------------------------------------------------------
-  /**
-   * Sets focus on the component.
-   *
-   * @param focusId
-   */
-  async setFocus(focusId) {
-    const { backButtonEl, closeButtonEl, containerEl } = this;
-    if (focusId === "back-button") {
-      backButtonEl === null || backButtonEl === void 0 ? void 0 : backButtonEl.setFocus();
-      return;
-    }
-    if (focusId === "dismiss-button") {
-      closeButtonEl === null || closeButtonEl === void 0 ? void 0 : closeButtonEl.setFocus();
-      return;
-    }
-    if (backButtonEl) {
-      backButtonEl.setFocus();
-      return;
-    }
-    if (closeButtonEl) {
-      closeButtonEl.setFocus();
-      return;
-    }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
-  }
-  /**
-   * Scrolls the component's content to a specified set of coordinates.
-   *
-   * @example
-   * myCalciteFlowItem.scrollContentTo({
-   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
-   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
-   *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
-   * });
-   * @param options
-   */
-  async scrollContentTo(options) {
-    var _a;
-    (_a = this.panelScrollEl) === null || _a === void 0 ? void 0 : _a.scrollTo(options);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderBackButton() {
-    const { el } = this;
-    const rtl = getElementDir(el) === "rtl";
-    const { showBackButton, intlBack, backButtonClick } = this;
-    const label = intlBack || TEXT.back;
-    const icon = rtl ? ICONS.backRight : ICONS.backLeft;
-    return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS$1.backButton, icon: icon, key: "back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: SLOTS$1.headerActionsStart, text: label })) : null;
-  }
-  renderHeaderContent() {
-    const { heading, headingLevel, summary, description, hasHeaderContent } = this;
-    const headingNode = heading ? (h(Heading, { class: CSS$1.heading, level: headingLevel || HEADING_LEVEL }, heading)) : null;
-    const descriptionNode = description || summary ? h("span", { class: CSS$1.description }, description || summary) : null;
-    return !hasHeaderContent && (headingNode || descriptionNode) ? (h("div", { class: CSS$1.headerContent, key: "header-content" }, headingNode, descriptionNode)) : null;
-  }
-  /**
-   * Allows user to override the entire header-content node.
-   */
-  renderHeaderSlottedContent() {
-    return (h("div", { class: CSS$1.headerContent, hidden: !this.hasHeaderContent, key: "slotted-header-content" }, h("slot", { name: SLOTS$1.headerContent, onSlotchange: this.handleHeaderContentSlotChange })));
-  }
-  renderHeaderStartActions() {
-    const { hasStartActions } = this;
-    return (h("div", { class: { [CSS$1.headerActionsStart]: true, [CSS$1.headerActions]: true }, hidden: !hasStartActions, key: "header-actions-start" }, h("slot", { name: SLOTS$1.headerActionsStart, onSlotchange: this.handleHeaderActionsStartSlotChange })));
-  }
-  renderHeaderActionsEnd() {
-    const { close, hasEndActions, intlClose, closable } = this;
-    const text = intlClose || TEXT.close;
-    const closableNode = closable ? (h("calcite-action", { "aria-label": text, icon: ICONS.close, onClick: close, ref: this.setCloseRef, text: text })) : null;
-    const slotNode = (h("slot", { name: SLOTS$1.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }));
-    const showContainer = hasEndActions || closableNode;
-    return (h("div", { class: { [CSS$1.headerActionsEnd]: true, [CSS$1.headerActions]: true }, hidden: !showContainer, key: "header-actions-end" }, slotNode, closableNode));
-  }
-  renderMenu() {
-    const { hasMenuItems, intlOptions, menuOpen } = this;
-    return (h("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !hasMenuItems, key: "menu", label: intlOptions || TEXT.options, open: menuOpen, placement: "bottom-end" }, h("calcite-action", { icon: ICONS.menu, slot: SLOTS$2.trigger, text: intlOptions || TEXT.options }), h("slot", { name: SLOTS$1.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));
-  }
-  renderHeaderNode() {
-    const { showBackButton, hasHeaderContent, hasStartActions, hasEndActions, closable, hasMenuItems } = this;
-    const headerContentNode = this.renderHeaderContent();
-    const showHeader = showBackButton ||
-      hasHeaderContent ||
-      headerContentNode ||
-      hasStartActions ||
-      hasEndActions ||
-      closable ||
-      hasMenuItems;
-    return (h("header", { class: CSS$1.header, hidden: !showHeader }, this.renderBackButton(), this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), headerContentNode, this.renderHeaderActionsEnd(), this.renderMenu()));
-  }
-  renderFooterNode() {
-    const { hasFooterContent, hasFooterActions } = this;
-    const showFooter = hasFooterContent || hasFooterActions;
-    return (h("footer", { class: CSS$1.footer, hidden: !showFooter }, h("slot", { key: "footer-slot", name: SLOTS$1.footer, onSlotchange: this.handleFooterSlotChange }), h("slot", { key: "footer-actions-slot", name: SLOTS$1.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
-  }
-  renderContent() {
-    const { hasFab } = this;
-    const defaultSlotNode = h("slot", { key: "default-slot" });
-    const containerNode = hasFab ? (h("section", { class: CSS$1.contentContainer }, defaultSlotNode)) : (defaultSlotNode);
-    return (h("div", { class: {
-        [CSS$1.contentWrapper]: true,
-        [CSS$1.contentContainer]: !hasFab,
-        [CSS$1.contentHeight]: hasFab
-      }, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, containerNode, this.renderFab()));
-  }
-  renderFab() {
-    return (h("div", { class: CSS$1.fabContainer, hidden: !this.hasFab }, h("slot", { name: SLOTS$1.fab, onSlotchange: this.handleFabSlotChange })));
-  }
-  render() {
-    const { loading, panelKeyDownHandler, closed, closable } = this;
-    const panelNode = (h("article", { "aria-busy": toAriaBoolean(loading), class: CSS$1.container, hidden: closed, onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));
-    return (h(Fragment, null, loading ? h("calcite-scrim", { loading: loading }) : null, panelNode));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "dismissed": ["dismissedHandler"],
-    "closed": ["closedHandler"],
-    "dismissible": ["dismissibleHandler"],
-    "closable": ["closableHandler"]
-  }; }
-};
-Panel.style = panelCss;
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  main: "main",
-  mainReversed: "main--reversed",
-  content: "content",
-  contentBehind: "content--behind",
-  footer: "footer"
-};
-const SLOTS = {
-  centerRow: "center-row",
-  primaryPanel: "primary-panel",
-  contextualPanel: "contextual-panel",
-  panelStart: "panel-start",
-  panelEnd: "panel-end",
-  header: "header",
-  footer: "footer"
-};
-
-const shellCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.main--reversed{flex-direction:row-reverse}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){-webkit-margin-start:auto;margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";
-
-const Shell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Positions the center content behind any `calcite-shell-panel`s.
-     */
-    this.contentBehind = false;
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-  }
-  disconnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderHeader() {
-    const hasHeader = !!getSlotted(this.el, SLOTS.header);
-    return hasHeader ? h("slot", { key: "header", name: SLOTS.header }) : null;
-  }
-  renderContent() {
-    const defaultSlotNode = h("slot", { key: "default-slot" });
-    const centerRowSlotNode = h("slot", { key: "center-row-slot", name: SLOTS.centerRow });
-    const contentContainerKey = "content-container";
-    const content = !!this.contentBehind
-      ? [
-        h("div", { class: {
-            [CSS.content]: true,
-            [CSS.contentBehind]: true
-          }, key: contentContainerKey }, defaultSlotNode),
-        centerRowSlotNode
-      ]
-      : [
-        h("div", { class: CSS.content, key: contentContainerKey }, defaultSlotNode, centerRowSlotNode)
-      ];
-    return content;
-  }
-  renderFooter() {
-    const hasFooter = !!getSlotted(this.el, SLOTS.footer);
-    return hasFooter ? (h("div", { class: CSS.footer, key: "footer" }, h("slot", { name: SLOTS.footer }))) : null;
-  }
-  renderMain() {
-    const primaryPanel = getSlotted(this.el, SLOTS.primaryPanel);
-    const mainClasses = {
-      [CSS.main]: true,
-      [CSS.mainReversed]: (primaryPanel === null || primaryPanel === void 0 ? void 0 : primaryPanel.position) === "end"
-    };
-    return (h("div", { class: mainClasses }, h("slot", { name: SLOTS.primaryPanel }), h("slot", { name: SLOTS.panelStart }), this.renderContent(), h("slot", { name: SLOTS.panelEnd }), h("slot", { name: SLOTS.contextualPanel })));
-  }
-  render() {
-    return (h(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter()));
-  }
-  get el() { return getElement(this); }
-};
-Shell.style = shellCss;
-
-export { Panel as calcite_panel, Shell as calcite_shell };
-
-//# sourceMappingURL=calcite-panel_2.entry.js.map

package/dist/esm/calcite-panel_2.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-panel.calcite-shell.entry.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,4/KAA4/K;;MCsBhgL,KAAK;EAChB;;;;;;;;;;;;;;;;;IAWE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;;IAEvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;IAIpB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;;;IAMtB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;IAEzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;;;IAMtB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;;;;IAI5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;;;IAIrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAC3E,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC3B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAC9B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAC9B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAC9B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;;;IAMpB,IAAI,CAAC,aAAa,GAAG;MACnB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;MAC/B,IAAI,CAAC,aAAa;QAChB,OAAO,aAAa,CAAC,YAAY,KAAK,QAAQ;QAC9C,OAAO,aAAa,CAAC,YAAY,KAAK,QAAQ,EAAE;QAChD,OAAO;OACR;MACD,aAAa,CAAC,QAAQ,GAAG,aAAa,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;KAC3F,CAAC;IACF,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI;MAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI;MACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;KAC3B,CAAC;IACF,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI;MACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF,IAAI,CAAC,mBAAmB,GAAG,CAAC,KAAK;MAC/B,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;QACtE,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,KAAK,CAAC,cAAc,EAAE,CAAC;OACxB;KACF,CAAC;IACF,IAAI,CAAC,KAAK,GAAG;MACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;MACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;MAChC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,kBAAkB,GAAG;MACxB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;KAChC,CAAC;IACF,IAAI,CAAC,eAAe,GAAG;MACrB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;KACnC,CAAC;IACF,IAAI,CAAC,kCAAkC,GAAG,CAAC,KAAK;MAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,gCAAgC,GAAG,CAAC,KAAK;MAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACxC,CAAC;IACF,IAAI,CAAC,iCAAiC,GAAG,CAAC,KAAK;MAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACvC,CAAC;IACF,IAAI,CAAC,6BAA6B,GAAG,CAAC,KAAK;MACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC3C,CAAC;IACF,IAAI,CAAC,sBAAsB,GAAG,CAAC,KAAK;MAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC3C,CAAC;IACF,IAAI,CAAC,6BAA6B,GAAG,CAAC,KAAK;MACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC3C,CAAC;IACF,IAAI,CAAC,mBAAmB,GAAG,CAAC,KAAK;MAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC7C,OAAO,EAAE,IAAI;OACd,CAAC,CAAC;MACH,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACjC,CAAC;IACF,IAAI,CAAC,gBAAgB,GAAG,CAAC,EAAE;MACzB,IAAI,EAAE,EAAE,EAAE,CAAC;MACX,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;MACxB,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;MAChF,IAAI,EAAE,EAAE;QACN,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/E,IAAI,CAAC,aAAa,EAAE,CAAC;OACtB;KACF,CAAC;GACH;EACD,gBAAgB,CAAC,KAAK;IACpB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACpB,IAAI,CAAC,2BAA2B,CAAC,IAAI,EAAE,CAAC;GACzC;EACD,aAAa,CAAC,KAAK;IACjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;GACxB;EACD,kBAAkB,CAAC,KAAK;IACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;GACvB;EACD,eAAe,CAAC,KAAK;IACnB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;GAC1B;;;;;;EAMD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;;;;;;EAMD,iBAAiB;IACf,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC;IAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC;IACrD,IAAI,QAAQ,EAAE;MACZ,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;MAChC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAC9B;IACD,IAAI,UAAU,EAAE;MACd,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;MACpC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;KAClC;GACF;EACD,oBAAoB;IAClB,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;GACjF;;;;;;;;;;;EAWD,MAAM,QAAQ,CAAC,OAAO;IACpB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC1D,IAAI,OAAO,KAAK,aAAa,EAAE;MAC7B,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;MACpF,OAAO;KACR;IACD,IAAI,OAAO,KAAK,gBAAgB,EAAE;MAChC,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;MACvF,OAAO;KACR;IACD,IAAI,YAAY,EAAE;MAChB,YAAY,CAAC,QAAQ,EAAE,CAAC;MACxB,OAAO;KACR;IACD,IAAI,aAAa,EAAE;MACjB,aAAa,CAAC,QAAQ,EAAE,CAAC;MACzB,OAAO;KACR;IACD,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC;GAC/E;;;;;;;;;;;;EAYD,MAAM,eAAe,CAAC,OAAO;IAC3B,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;GACrF;;;;;;EAMD,gBAAgB;IACd,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACpB,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC;IACxC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;IACpD,OAAO,cAAc,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAEA,KAAG,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAEC,OAAK,CAAC,kBAAkB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC;GAC/O;EACD,mBAAmB;IACjB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IAC/E,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAED,KAAG,CAAC,OAAO,EAAE,KAAK,EAAE,YAAY,IAAI,aAAa,EAAE,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;IACzH,MAAM,eAAe,GAAG,WAAW,IAAI,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAEA,KAAG,CAAC,WAAW,EAAE,EAAE,WAAW,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC;IACtH,OAAO,CAAC,gBAAgB,KAAK,WAAW,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAEA,KAAG,CAAC,aAAa,EAAE,GAAG,EAAE,gBAAgB,EAAE,EAAE,WAAW,EAAE,eAAe,CAAC,IAAI,IAAI,CAAC;GACrK;;;;EAID,0BAA0B;IACxB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAEA,KAAG,CAAC,aAAa,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEC,OAAK,CAAC,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC,6BAA6B,EAAE,CAAC,CAAC,EAAE;GAC5M;EACD,wBAAwB;IACtB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAACD,KAAG,CAAC,kBAAkB,GAAG,IAAI,EAAE,CAACA,KAAG,CAAC,aAAa,GAAG,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE,sBAAsB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEC,OAAK,CAAC,kBAAkB,EAAE,YAAY,EAAE,IAAI,CAAC,kCAAkC,EAAE,CAAC,CAAC,EAAE;GAC1P;EACD,sBAAsB;IACpB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC3D,MAAM,IAAI,GAAG,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC;IACrC,MAAM,YAAY,GAAG,QAAQ,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC;IAC3J,MAAM,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEA,OAAK,CAAC,gBAAgB,EAAE,YAAY,EAAE,IAAI,CAAC,gCAAgC,EAAE,CAAC,CAAC,CAAC;IACpH,MAAM,aAAa,GAAG,aAAa,IAAI,YAAY,CAAC;IACpD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAACD,KAAG,CAAC,gBAAgB,GAAG,IAAI,EAAE,CAACA,KAAG,CAAC,aAAa,GAAG,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE;GACtK;EACD,UAAU;IACR,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IACrD,QAAQ,CAAC,CAAC,qBAAqB,EAAE,EAAE,cAAc,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAEE,OAAiB,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAED,OAAK,CAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,iCAAiC,EAAE,CAAC,CAAC,EAAE;GAC9Y;EACD,gBAAgB;IACd,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1G,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACrD,MAAM,UAAU,GAAG,cAAc;MAC/B,gBAAgB;MAChB,iBAAiB;MACjB,eAAe;MACf,aAAa;MACb,QAAQ;MACR,YAAY,CAAC;IACf,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAED,KAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAE,IAAI,CAAC,0BAA0B,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,sBAAsB,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE;GACpO;EACD,gBAAgB;IACd,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IACpD,MAAM,UAAU,GAAG,gBAAgB,IAAI,gBAAgB,CAAC;IACxD,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAEA,KAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAEC,OAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,sBAAsB,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAEA,OAAK,CAAC,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC,6BAA6B,EAAE,CAAC,CAAC,EAAE;GAC5R;EACD,aAAa;IACX,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAED,KAAG,CAAC,gBAAgB,EAAE,EAAE,eAAe,CAAC,KAAK,eAAe,CAAC,CAAC;IACpH,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACtB,CAACA,KAAG,CAAC,cAAc,GAAG,IAAI;QAC1B,CAACA,KAAG,CAAC,gBAAgB,GAAG,CAAC,MAAM;QAC/B,CAACA,KAAG,CAAC,aAAa,GAAG,MAAM;OAC5B,EAAE,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE;GACzG;EACD,SAAS;IACP,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAEA,KAAG,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEC,OAAK,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE;GAC9I;EACD,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAChE,MAAM,SAAS,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAED,KAAG,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAChR,QAAQ,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE;GAClG;;;;;;;;;;;ACrUH;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,YAAY,EAAE,gBAAgB;AAChC,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,aAAa,EAAE,iBAAiB;AAClC,EAAE,MAAM,EAAE,QAAQ;AAClB,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,SAAS,EAAE,YAAY;AACzB,EAAE,YAAY,EAAE,eAAe;AAC/B,EAAE,eAAe,EAAE,kBAAkB;AACrC,EAAE,UAAU,EAAE,aAAa;AAC3B,EAAE,QAAQ,EAAE,WAAW;AACvB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,MAAM,EAAE,QAAQ;AAClB,CAAC;;ACpBD,MAAM,QAAQ,GAAG,0gHAA0gH;;MCmB9gH,KAAK;EAChB;;;;;;;;;;IASE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;GAC5B;;;;;;EAMD,iBAAiB;IACf,+BAA+B,CAAC,IAAI,CAAC,CAAC;GACvC;EACD,oBAAoB;IAClB,kCAAkC,CAAC,IAAI,CAAC,CAAC;GAC1C;;;;;;EAMD,YAAY;IACV,MAAM,SAAS,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtD,OAAO,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;GAC5E;EACD,aAAa;IACX,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IACvF,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;IAChD,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa;QAChC;QACA,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;YACd,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI;YACnB,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI;WAC1B,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,eAAe,CAAC;QACjD,iBAAiB;OAClB;QACC;QACA,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,eAAe,EAAE,iBAAiB,CAAC;OAC/F,CAAC;IACJ,OAAO,OAAO,CAAC;GAChB;EACD,YAAY;IACV,MAAM,SAAS,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtD,OAAO,SAAS,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC;GAC/G;EACD,UAAU;IACR,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG;MAClB,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI;MAChB,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,QAAQ,MAAM,KAAK;KAClH,CAAC;IACF,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE;GAClO;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE;GACzF;;;;;;;","names":["CSS","SLOTS","ACTION_MENU_SLOTS"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/panel/panel.css?tag=calcite-panel&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/panel/panel.js","./node_modules/@esri/calcite-components/dist/collection/components/shell/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/shell/shell.css?tag=calcite-shell&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/shell/shell.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-panel-max-height: The maximum height of the component.\n* @prop --calcite-panel-max-width: The maximum width of the component.\n* @prop --calcite-panel-min-width: The minimum width of the component.\n*/\n:host {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  overflow: hidden;\n  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);\n  --calcite-panel-max-height: unset;\n  --calcite-panel-width: 100%;\n  --calcite-panel-min-width: unset;\n  --calcite-panel-max-width: unset;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n/* Shared styles for header elements */\n.header {\n  margin: 0px;\n  display: flex;\n  align-content: space-between;\n  align-items: center;\n  fill: var(--calcite-ui-text-2);\n  color: var(--calcite-ui-text-2);\n}\n\n.heading {\n  margin: 0px;\n  padding: 0px;\n  font-weight: var(--calcite-font-weight-medium);\n}\n\n.header .heading {\n  flex: 1 1 auto;\n  padding: 0.5rem;\n}\n\n.container {\n  margin: 0px;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: stretch;\n  background-color: var(--calcite-ui-background);\n  padding: 0px;\n  max-block-size: var(--calcite-panel-max-height);\n  inline-size: var(--calcite-panel-width);\n  max-inline-size: var(--calcite-panel-max-width);\n  min-inline-size: var(--calcite-panel-min-width);\n  transition: max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);\n}\n\n:host([height-scale=s]) {\n  --calcite-panel-max-height: 40vh;\n}\n\n:host([height-scale=m]) {\n  --calcite-panel-max-height: 60vh;\n}\n\n:host([height-scale=l]) {\n  --calcite-panel-max-height: 80vh;\n}\n\n:host([width-scale=s]) {\n  --calcite-panel-width: calc(var(--calcite-panel-width-multiplier) * 12vw);\n  --calcite-panel-max-width: calc(var(--calcite-panel-width-multiplier) * 300px);\n  --calcite-panel-min-width: calc(var(--calcite-panel-width-multiplier) * 150px);\n}\n\n:host([width-scale=m]) {\n  --calcite-panel-width: calc(var(--calcite-panel-width-multiplier) * 20vw);\n  --calcite-panel-max-width: calc(var(--calcite-panel-width-multiplier) * 420px);\n  --calcite-panel-min-width: calc(var(--calcite-panel-width-multiplier) * 240px);\n}\n\n:host([width-scale=l]) {\n  --calcite-panel-width: calc(var(--calcite-panel-width-multiplier) * 45vw);\n  --calcite-panel-max-width: calc(var(--calcite-panel-width-multiplier) * 680px);\n  --calcite-panel-min-width: calc(var(--calcite-panel-width-multiplier) * 340px);\n}\n\n.container[hidden] {\n  display: none;\n}\n\n.header {\n  border-block-end: 1px solid;\n  position: sticky;\n  inset-block-start: 0px;\n  z-index: 400;\n  inline-size: 100%;\n  align-items: stretch;\n  justify-content: flex-start;\n  background-color: var(--calcite-ui-foreground-1);\n  border-block-end-color: var(--calcite-ui-border-3);\n  flex: 0 0 auto;\n}\n\n.header-content {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding-inline: 0.75rem;\n  padding-block: 0.875rem;\n  margin-inline-end: auto;\n}\n.header-content .heading, \n.header-content .description {\n  display: block;\n  overflow-wrap: break-word;\n  padding: 0px;\n}\n.header-content .heading {\n  margin-inline: 0px;\n  margin-block: 0px 0.25rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  font-weight: var(--calcite-font-weight-medium);\n}\n.header-content .heading:only-child {\n  margin-block-end: 0px;\n}\n.header-content .description {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  color: var(--calcite-ui-text-2);\n}\n\n.back-button {\n  border-width: 0px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  border-inline-end-width: 1px;\n}\n\n.header-actions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: stretch;\n}\n\n.header-actions--end {\n  margin-inline-start: auto;\n}\n\n.content-wrapper {\n  overflow: auto;\n}\n\n.content-height {\n  block-size: 100%;\n}\n\n.content-container {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  align-items: stretch;\n  background-color: var(--calcite-ui-background);\n}\n\n.footer {\n  border-block-start: 1px solid;\n  position: sticky;\n  inset-block-end: 0px;\n  display: flex;\n  inline-size: 100%;\n  justify-content: space-evenly;\n  background-color: var(--calcite-ui-foreground-1);\n  border-block-start-color: var(--calcite-ui-border-3);\n  flex: 0 0 auto;\n  min-block-size: 3rem;\n  padding: 0.5rem;\n}\n\n.fab-container {\n  position: sticky;\n  inset-block-end: 0px;\n  z-index: 300;\n  margin-block: 0px;\n  margin-inline: auto;\n  display: block;\n  padding: 0.5rem;\n  inset-inline: 0;\n  inline-size: -moz-fit-content;\n  inline-size: fit-content;\n}\n\n[hidden] {\n  display: none;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Fragment } from \"@stencil/core\";\nimport { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from \"./resources\";\nimport { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { Heading } from \"../functional/Heading\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\n/**\n * @slot - A slot for adding custom content.\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer-actions - A slot for adding buttons to the footer.\n * @slot footer - A slot for adding custom content to the footer.\n */\nexport class Panel {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, hides the component.\n     *\n     * @deprecated use `closed` instead.\n     */\n    this.dismissed = false;\n    /** When `true`, the component will be hidden. */\n    this.closed = false;\n    /**\n     *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * When `true`, a close button is added to the component.\n     *\n     * @deprecated use `closable` instead\n     */\n    this.dismissible = false;\n    /** When `true`, displays a close button in the trailing side of the header. */\n    this.closable = false;\n    /**\n     * When `true`, displays a back button in the header.\n     *\n     * @deprecated use `calcite-flow-item` instead.\n     */\n    this.showBackButton = false;\n    /**\n     * When `true`, a busy indicator is displayed.\n     */\n    this.loading = false;\n    /**\n     * When `true`, the action menu items in the `header-menu-actions` slot are open.\n     */\n    this.menuOpen = false;\n    this.resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n    this.hasStartActions = false;\n    this.hasEndActions = false;\n    this.hasMenuItems = false;\n    this.hasHeaderContent = false;\n    this.hasFooterContent = false;\n    this.hasFooterActions = false;\n    this.hasFab = false;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.resizeHandler = () => {\n      const { panelScrollEl } = this;\n      if (!panelScrollEl ||\n        typeof panelScrollEl.scrollHeight !== \"number\" ||\n        typeof panelScrollEl.offsetHeight !== \"number\") {\n        return;\n      }\n      panelScrollEl.tabIndex = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight ? 0 : -1;\n    };\n    this.setContainerRef = (node) => {\n      this.containerEl = node;\n    };\n    this.setCloseRef = (node) => {\n      this.closeButtonEl = node;\n    };\n    this.setBackRef = (node) => {\n      this.backButtonEl = node;\n    };\n    this.panelKeyDownHandler = (event) => {\n      if (this.closable && event.key === \"Escape\" && !event.defaultPrevented) {\n        this.close();\n        event.preventDefault();\n      }\n    };\n    this.close = () => {\n      this.closed = true;\n      this.calcitePanelDismiss.emit();\n      this.calcitePanelClose.emit();\n    };\n    this.panelScrollHandler = () => {\n      this.calcitePanelScroll.emit();\n    };\n    this.backButtonClick = () => {\n      this.calcitePanelBackClick.emit();\n    };\n    this.handleHeaderActionsStartSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasStartActions = !!elements.length;\n    };\n    this.handleHeaderActionsEndSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasEndActions = !!elements.length;\n    };\n    this.handleHeaderMenuActionsSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasMenuItems = !!elements.length;\n    };\n    this.handleHeaderContentSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasHeaderContent = !!elements.length;\n    };\n    this.handleFooterSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasFooterContent = !!elements.length;\n    };\n    this.handleFooterActionsSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasFooterActions = !!elements.length;\n    };\n    this.handleFabSlotChange = (event) => {\n      const elements = event.target.assignedElements({\n        flatten: true\n      });\n      this.hasFab = !!elements.length;\n    };\n    this.setPanelScrollEl = (el) => {\n      var _a, _b;\n      this.panelScrollEl = el;\n      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n      if (el) {\n        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);\n        this.resizeHandler();\n      }\n    };\n  }\n  dismissedHandler(value) {\n    this.closed = value;\n    this.calcitePanelDismissedChange.emit();\n  }\n  closedHandler(value) {\n    this.dismissed = value;\n  }\n  dismissibleHandler(value) {\n    this.closable = value;\n  }\n  closableHandler(value) {\n    this.dismissible = value;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    const isClosed = this.dismissed || this.closed;\n    const isClosable = this.dismissible || this.closable;\n    if (isClosed) {\n      this.dismissedHandler(isClosed);\n      this.closedHandler(isClosed);\n    }\n    if (isClosable) {\n      this.dismissibleHandler(isClosable);\n      this.closableHandler(isClosable);\n    }\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Sets focus on the component.\n   *\n   * @param focusId\n   */\n  async setFocus(focusId) {\n    const { backButtonEl, closeButtonEl, containerEl } = this;\n    if (focusId === \"back-button\") {\n      backButtonEl === null || backButtonEl === void 0 ? void 0 : backButtonEl.setFocus();\n      return;\n    }\n    if (focusId === \"dismiss-button\") {\n      closeButtonEl === null || closeButtonEl === void 0 ? void 0 : closeButtonEl.setFocus();\n      return;\n    }\n    if (backButtonEl) {\n      backButtonEl.setFocus();\n      return;\n    }\n    if (closeButtonEl) {\n      closeButtonEl.setFocus();\n      return;\n    }\n    containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();\n  }\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options\n   */\n  async scrollContentTo(options) {\n    var _a;\n    (_a = this.panelScrollEl) === null || _a === void 0 ? void 0 : _a.scrollTo(options);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderBackButton() {\n    const { el } = this;\n    const rtl = getElementDir(el) === \"rtl\";\n    const { showBackButton, intlBack, backButtonClick } = this;\n    const label = intlBack || TEXT.back;\n    const icon = rtl ? ICONS.backRight : ICONS.backLeft;\n    return showBackButton ? (h(\"calcite-action\", { \"aria-label\": label, class: CSS.backButton, icon: icon, key: \"back-button\", onClick: backButtonClick, ref: this.setBackRef, scale: \"s\", slot: SLOTS.headerActionsStart, text: label })) : null;\n  }\n  renderHeaderContent() {\n    const { heading, headingLevel, summary, description, hasHeaderContent } = this;\n    const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading)) : null;\n    const descriptionNode = description || summary ? h(\"span\", { class: CSS.description }, description || summary) : null;\n    return !hasHeaderContent && (headingNode || descriptionNode) ? (h(\"div\", { class: CSS.headerContent, key: \"header-content\" }, headingNode, descriptionNode)) : null;\n  }\n  /**\n   * Allows user to override the entire header-content node.\n   */\n  renderHeaderSlottedContent() {\n    return (h(\"div\", { class: CSS.headerContent, hidden: !this.hasHeaderContent, key: \"slotted-header-content\" }, h(\"slot\", { name: SLOTS.headerContent, onSlotchange: this.handleHeaderContentSlotChange })));\n  }\n  renderHeaderStartActions() {\n    const { hasStartActions } = this;\n    return (h(\"div\", { class: { [CSS.headerActionsStart]: true, [CSS.headerActions]: true }, hidden: !hasStartActions, key: \"header-actions-start\" }, h(\"slot\", { name: SLOTS.headerActionsStart, onSlotchange: this.handleHeaderActionsStartSlotChange })));\n  }\n  renderHeaderActionsEnd() {\n    const { close, hasEndActions, intlClose, closable } = this;\n    const text = intlClose || TEXT.close;\n    const closableNode = closable ? (h(\"calcite-action\", { \"aria-label\": text, icon: ICONS.close, onClick: close, ref: this.setCloseRef, text: text })) : null;\n    const slotNode = (h(\"slot\", { name: SLOTS.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }));\n    const showContainer = hasEndActions || closableNode;\n    return (h(\"div\", { class: { [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }, hidden: !showContainer, key: \"header-actions-end\" }, slotNode, closableNode));\n  }\n  renderMenu() {\n    const { hasMenuItems, intlOptions, menuOpen } = this;\n    return (h(\"calcite-action-menu\", { flipPlacements: [\"top\", \"bottom\"], hidden: !hasMenuItems, key: \"menu\", label: intlOptions || TEXT.options, open: menuOpen, placement: \"bottom-end\" }, h(\"calcite-action\", { icon: ICONS.menu, slot: ACTION_MENU_SLOTS.trigger, text: intlOptions || TEXT.options }), h(\"slot\", { name: SLOTS.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));\n  }\n  renderHeaderNode() {\n    const { showBackButton, hasHeaderContent, hasStartActions, hasEndActions, closable, hasMenuItems } = this;\n    const headerContentNode = this.renderHeaderContent();\n    const showHeader = showBackButton ||\n      hasHeaderContent ||\n      headerContentNode ||\n      hasStartActions ||\n      hasEndActions ||\n      closable ||\n      hasMenuItems;\n    return (h(\"header\", { class: CSS.header, hidden: !showHeader }, this.renderBackButton(), this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), headerContentNode, this.renderHeaderActionsEnd(), this.renderMenu()));\n  }\n  renderFooterNode() {\n    const { hasFooterContent, hasFooterActions } = this;\n    const showFooter = hasFooterContent || hasFooterActions;\n    return (h(\"footer\", { class: CSS.footer, hidden: !showFooter }, h(\"slot\", { key: \"footer-slot\", name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange }), h(\"slot\", { key: \"footer-actions-slot\", name: SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));\n  }\n  renderContent() {\n    const { hasFab } = this;\n    const defaultSlotNode = h(\"slot\", { key: \"default-slot\" });\n    const containerNode = hasFab ? (h(\"section\", { class: CSS.contentContainer }, defaultSlotNode)) : (defaultSlotNode);\n    return (h(\"div\", { class: {\n        [CSS.contentWrapper]: true,\n        [CSS.contentContainer]: !hasFab,\n        [CSS.contentHeight]: hasFab\n      }, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, containerNode, this.renderFab()));\n  }\n  renderFab() {\n    return (h(\"div\", { class: CSS.fabContainer, hidden: !this.hasFab }, h(\"slot\", { name: SLOTS.fab, onSlotchange: this.handleFabSlotChange })));\n  }\n  render() {\n    const { loading, panelKeyDownHandler, closed, closable } = this;\n    const panelNode = (h(\"article\", { \"aria-busy\": toAriaBoolean(loading), class: CSS.container, hidden: closed, onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));\n    return (h(Fragment, null, loading ? h(\"calcite-scrim\", { loading: loading }) : null, panelNode));\n  }\n  static get is() { return \"calcite-panel\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"panel.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"panel.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"dismissed\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `closed` instead.\"\n            }],\n          \"text\": \"When `true`, hides the component.\"\n        },\n        \"attribute\": \"dismissed\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"closed\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component will be hidden.\"\n        },\n        \"attribute\": \"closed\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"beforeBack\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"() => Promise<void>\",\n          \"resolved\": \"() => Promise<void>\",\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `calcite-flow-item` instead.\"\n            }],\n          \"text\": \"When provided, this method will be called before it is removed from the parent flow.\"\n        }\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"dismissible\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `closable` instead\"\n            }],\n          \"text\": \"When `true`, a close button is added to the component.\"\n        },\n        \"attribute\": \"dismissible\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"closable\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, displays a close button in the trailing side of the header.\"\n        },\n        \"attribute\": \"closable\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"headingLevel\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"HeadingLevel\",\n          \"resolved\": \"1 | 2 | 3 | 4 | 5 | 6\",\n          \"references\": {\n            \"HeadingLevel\": {\n              \"location\": \"import\",\n              \"path\": \"../functional/Heading\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the number at which section headings should start.\"\n        },\n        \"attribute\": \"heading-level\",\n        \"reflect\": true\n      },\n      \"showBackButton\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `calcite-flow-item` instead.\"\n            }],\n          \"text\": \"When `true`, displays a back button in the header.\"\n        },\n        \"attribute\": \"show-back-button\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"intlBack\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `calcite-flow-item` instead.\"\n            }],\n          \"text\": \"Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.\"\n        },\n        \"attribute\": \"intl-back\",\n        \"reflect\": false\n      },\n      \"heightScale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the maximum height of the component.\"\n        },\n        \"attribute\": \"height-scale\",\n        \"reflect\": true\n      },\n      \"widthScale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the width of the component.\"\n        },\n        \"attribute\": \"width-scale\",\n        \"reflect\": true\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"intlClose\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.\"\n        },\n        \"attribute\": \"intl-close\",\n        \"reflect\": false\n      },\n      \"intlOptions\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component's actions menu.\"\n        },\n        \"attribute\": \"intl-options\",\n        \"reflect\": false\n      },\n      \"heading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component header text.\"\n        },\n        \"attribute\": \"heading\",\n        \"reflect\": false\n      },\n      \"summary\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `description` instead.\"\n            }],\n          \"text\": \"Summary text. A description displayed underneath the heading.\"\n        },\n        \"attribute\": \"summary\",\n        \"reflect\": false\n      },\n      \"description\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"A description for the component.\"\n        },\n        \"attribute\": \"description\",\n        \"reflect\": false\n      },\n      \"menuOpen\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the action menu items in the `header-menu-actions` slot are open.\"\n        },\n        \"attribute\": \"menu-open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"hasStartActions\": {},\n      \"hasEndActions\": {},\n      \"hasMenuItems\": {},\n      \"hasHeaderContent\": {},\n      \"hasFooterContent\": {},\n      \"hasFooterActions\": {},\n      \"hasFab\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calcitePanelClose\",\n        \"name\": \"calcitePanelClose\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the close button is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calcitePanelDismiss\",\n        \"name\": \"calcitePanelDismiss\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `calcitePanelClose` instead.\"\n            }],\n          \"text\": \"Fires when the close button is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calcitePanelDismissedChange\",\n        \"name\": \"calcitePanelDismissedChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `calcitePanelClose` instead.\"\n            }],\n          \"text\": \"Fires when there is a change to the `dismissed` property value .\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calcitePanelScroll\",\n        \"name\": \"calcitePanelScroll\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the content is scrolled.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calcitePanelBackClick\",\n        \"name\": \"calcitePanelBackClick\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `calcite-flow-item` instead.\"\n            }],\n          \"text\": \"Fires when the back button is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"(focusId?: \\\"back-button\\\" | \\\"dismiss-button\\\") => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"focusId\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"focusId\"\n            }]\n        }\n      },\n      \"scrollContentTo\": {\n        \"complexType\": {\n          \"signature\": \"(options?: ScrollToOptions) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"options\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"ScrollToOptions\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Scrolls the component's content to a specified set of coordinates.\",\n          \"tags\": [{\n              \"name\": \"example\",\n              \"text\": \"myCalciteFlowItem.scrollContentTo({\\n  left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\\n  top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\\n  behavior: \\\"auto\\\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\\n});\"\n            }, {\n              \"name\": \"param\",\n              \"text\": \"options\"\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"dismissed\",\n        \"methodName\": \"dismissedHandler\"\n      }, {\n        \"propName\": \"closed\",\n        \"methodName\": \"closedHandler\"\n      }, {\n        \"propName\": \"dismissible\",\n        \"methodName\": \"dismissibleHandler\"\n      }, {\n        \"propName\": \"closable\",\n        \"methodName\": \"closableHandler\"\n      }];\n  }\n}\n","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  main: \"main\",\n  mainReversed: \"main--reversed\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  footer: \"footer\"\n};\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  primaryPanel: \"primary-panel\",\n  contextualPanel: \"contextual-panel\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  header: \"header\",\n  footer: \"footer\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\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:host {\n  position: absolute;\n  inset: 0px;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  position: relative;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  flex-direction: row;\n  justify-content: space-between;\n  overflow: hidden;\n}\n\n.main--reversed {\n  flex-direction: row-reverse;\n}\n\n.content {\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  overflow: auto;\n}\n\n.content ::slotted(calcite-shell-center-row), \n.content ::slotted(calcite-panel), \n.content ::slotted(calcite-flow) {\n  flex: 1 1 auto;\n  align-self: stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  position: absolute;\n  inset: 0px;\n  border-width: 0px;\n  z-index: calc(1 - 1);\n  display: initial;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-normal);\n}\n\nslot[name=panel-end]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-shell-panel), \n::slotted(calcite-shell-center-row) {\n  position: relative;\n  z-index: 1;\n}\n\n::slotted(calcite-panel), \n::slotted(calcite-flow) {\n  border-width: 1px;\n  border-inline-start-width: 0px;\n  border-inline-end-width: 0px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n}\n\nslot[name=center-row]::slotted(calcite-shell-center-row:not([detached])) {\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n  border-color: var(--calcite-ui-border-3);\n}\n\n::slotted(calcite-tip-manager) {\n  position: absolute;\n  z-index: 500;\n  box-sizing: border-box;\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n::slotted(calcite-tip-manager) {\n  animation: in-up var(--calcite-internal-animation-timing-slow) ease-in-out;\n  border-radius: 0.25rem;\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  inset-block-end: 0.5rem;\n  inset-inline: var(--calcite-shell-tip-spacing);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Fragment } from \"@stencil/core\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * @slot - A slot for adding content to the component. 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 primary-panel - [DEPRECATED] A slot for adding the leading `calcite-shell-panel`.\n * @slot contextual-panel - [DEPRECATED] A slot for adding the trailing `calcite-shell-panel`.\n * @slot center-row - A slot for adding content to the center row.\n */\nexport class Shell {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * Positions the center content behind any `calcite-shell-panel`s.\n     */\n    this.contentBehind = false;\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader() {\n    const hasHeader = !!getSlotted(this.el, SLOTS.header);\n    return hasHeader ? h(\"slot\", { key: \"header\", name: SLOTS.header }) : null;\n  }\n  renderContent() {\n    const defaultSlotNode = h(\"slot\", { key: \"default-slot\" });\n    const centerRowSlotNode = h(\"slot\", { key: \"center-row-slot\", name: SLOTS.centerRow });\n    const contentContainerKey = \"content-container\";\n    const content = !!this.contentBehind\n      ? [\n        h(\"div\", { class: {\n            [CSS.content]: true,\n            [CSS.contentBehind]: true\n          }, key: contentContainerKey }, defaultSlotNode),\n        centerRowSlotNode\n      ]\n      : [\n        h(\"div\", { class: CSS.content, key: contentContainerKey }, defaultSlotNode, centerRowSlotNode)\n      ];\n    return content;\n  }\n  renderFooter() {\n    const hasFooter = !!getSlotted(this.el, SLOTS.footer);\n    return hasFooter ? (h(\"div\", { class: CSS.footer, key: \"footer\" }, h(\"slot\", { name: SLOTS.footer }))) : null;\n  }\n  renderMain() {\n    const primaryPanel = getSlotted(this.el, SLOTS.primaryPanel);\n    const mainClasses = {\n      [CSS.main]: true,\n      [CSS.mainReversed]: (primaryPanel === null || primaryPanel === void 0 ? void 0 : primaryPanel.position) === \"end\"\n    };\n    return (h(\"div\", { class: mainClasses }, h(\"slot\", { name: SLOTS.primaryPanel }), h(\"slot\", { name: SLOTS.panelStart }), this.renderContent(), h(\"slot\", { name: SLOTS.panelEnd }), h(\"slot\", { name: SLOTS.contextualPanel })));\n  }\n  render() {\n    return (h(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter()));\n  }\n  static get is() { return \"calcite-shell\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"shell.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"shell.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"contentBehind\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Positions the center content behind any `calcite-shell-panel`s.\"\n        },\n        \"attribute\": \"content-behind\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}