{"version":3,"sources":["webpack:///./node_modules/@esri/calcite-components/dist/components/calcite-panel.js"],"names":["CSS","backButton","container","header","heading","summary","headerContent","headerActions","headerActionsEnd","headerActionsStart","contentWrapper","contentContainer","contentHeight","fabContainer","footer","menuContainer","menuButton","menu","menuOpen","ICONS","close","backLeft","backRight","SLOTS","headerMenuActions","fab","footerActions","TEXT","back","open","options","HEADING_LEVEL","panelCss","Panel","super","this","__registerHost","__attachShadow","calcitePanelDismissedChange","calcitePanelScroll","calcitePanelBackClick","dismissed","disabled","dismissible","showBackButton","loading","setContainerRef","node","containerEl","setDismissRef","dismissButtonEl","setBackRef","backButtonEl","panelKeyDownHandler","event","key","dismiss","panelScrollHandler","emit","backButtonClick","focusId","_a","_b","_c","focus","setFocus","panelScrollEl","scrollTo","el","rtl","intlBack","label","icon","class","onClick","ref","scale","slot","text","headingLevel","headingNode","level","summaryNode","name","hasStartActions","intlClose","dismissibleNode","slotNode","hasEndActions","intlOptions","hasMenuItems","flipPlacements","placement","trigger","backButtonNode","renderBackButton","hasHeaderSlottedContent","headerContentNode","renderHeaderSlottedContent","renderHeaderContent","actionsNodeStart","renderHeaderStartActions","actionsNodeEnd","renderHeaderActionsEnd","headerMenuNode","renderMenu","hasFooterSlottedContent","hasFooterActions","hasFab","defaultSlotNode","contentWrapperKey","onScroll","tabIndex","renderFab","panelNode","toString","hidden","onKeyDown","renderHeaderNode","renderContent","renderFooterNode","defineCustomElement$1","customElements","components","forEach","tagName","get","define","CalcitePanel","defineCustomElement"],"mappings":"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","file":"js/chunk-2d21a92e.7327b2d0.js","sourcesContent":["/*!\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 */\nimport { HTMLElement, createEvent, h, Fragment, proxyCustomElement } from '@stencil/core/internal/client';\nimport { a as getElementDir, b as getSlotted } from './dom.js';\nimport { H as Heading } from './Heading.js';\nimport { S as SLOTS$1, d as defineCustomElement$7 } from './action-menu.js';\nimport { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';\nimport { d as defineCustomElement$8 } from './action.js';\nimport { d as defineCustomElement$6 } from './icon.js';\nimport { d as defineCustomElement$5 } from './loader.js';\nimport { d as defineCustomElement$4 } from './popover.js';\nimport { d as defineCustomElement$3 } from './scrim.js';\nimport { d as defineCustomElement$2 } from './tooltip-manager.js';\n\nconst CSS = {\n  backButton: \"back-button\",\n  container: \"container\",\n  header: \"header\",\n  heading: \"heading\",\n  summary: \"summary\",\n  headerContent: \"header-content\",\n  headerActions: \"header-actions\",\n  headerActionsEnd: \"header-actions--end\",\n  headerActionsStart: \"header-actions--start\",\n  contentWrapper: \"content-wrapper\",\n  contentContainer: \"content-container\",\n  contentHeight: \"content-height\",\n  fabContainer: \"fab-container\",\n  footer: \"footer\",\n  menuContainer: \"menu-container\",\n  menuButton: \"menu-button\",\n  menu: \"menu\",\n  menuOpen: \"menu--open\"\n};\nconst ICONS = {\n  close: \"x\",\n  menu: \"ellipsis\",\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\"\n};\nconst SLOTS = {\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\"\n};\nconst TEXT = {\n  back: \"Back\",\n  close: \"Close\",\n  open: \"Open\",\n  options: \"Options\"\n};\nconst HEADING_LEVEL = 3;\n\nconst panelCss = \"@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;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}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;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{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), width 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}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;position:-webkit-sticky;position:sticky;top:0px;width:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.875rem;padding-bottom:0.875rem;overflow:hidden;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .summary{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom: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{margin-bottom:0px}.header-content .summary{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:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-top:1px solid;position:-webkit-sticky;position:sticky;bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;bottom:0px;left:0px;right:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block;padding:0.5rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}\";\n\nlet Panel = class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.calcitePanelDismissedChange = createEvent(this, \"calcitePanelDismissedChange\", 7);\n    this.calcitePanelScroll = createEvent(this, \"calcitePanelScroll\", 7);\n    this.calcitePanelBackClick = createEvent(this, \"calcitePanelBackClick\", 7);\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * Hides the panel.\n     */\n    this.dismissed = false;\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * Displays a close button in the trailing side of the header.\n     */\n    this.dismissible = false;\n    /**\n     * Shows a back button in the header.\n     */\n    this.showBackButton = false;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    /**\n     * Opens the action menu.\n     */\n    this.menuOpen = false;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.setContainerRef = (node) => {\n      this.containerEl = node;\n    };\n    this.setDismissRef = (node) => {\n      this.dismissButtonEl = node;\n    };\n    this.setBackRef = (node) => {\n      this.backButtonEl = node;\n    };\n    this.panelKeyDownHandler = (event) => {\n      if (event.key === \"Escape\") {\n        this.dismiss();\n      }\n    };\n    this.dismiss = () => {\n      this.dismissed = true;\n    };\n    this.panelScrollHandler = () => {\n      this.calcitePanelScroll.emit();\n    };\n    this.backButtonClick = () => {\n      this.calcitePanelBackClick.emit();\n    };\n  }\n  dismissedHandler() {\n    this.calcitePanelDismissedChange.emit();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus(focusId) {\n    var _a, _b, _c;\n    if (focusId === \"dismiss-button\") {\n      (_a = this.dismissButtonEl) === null || _a === void 0 ? void 0 : _a.setFocus();\n      return;\n    }\n    if (focusId === \"back-button\") {\n      (_b = this.backButtonEl) === null || _b === void 0 ? void 0 : _b.setFocus();\n      return;\n    }\n    (_c = this.containerEl) === null || _c === void 0 ? void 0 : _c.focus();\n  }\n  /** Scrolls panel content to a particular set of coordinates.\n   *\n   * ```\n   *   myCalcitePanel.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   */\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 } = this;\n    const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading)) : null;\n    const summaryNode = summary ? h(\"span\", { class: CSS.summary }, summary) : null;\n    return headingNode || summaryNode ? (h(\"div\", { class: CSS.headerContent, key: \"header-content\" }, headingNode, summaryNode)) : null;\n  }\n  /**\n   * Allows user to override the entire header-content node.\n   */\n  renderHeaderSlottedContent() {\n    return (h(\"div\", { class: CSS.headerContent, key: \"slotted-header-content\" }, h(\"slot\", { name: SLOTS.headerContent })));\n  }\n  renderHeaderStartActions() {\n    const { el } = this;\n    const hasStartActions = getSlotted(el, SLOTS.headerActionsStart);\n    return hasStartActions ? (h(\"div\", { class: { [CSS.headerActionsStart]: true, [CSS.headerActions]: true }, key: \"header-actions-start\" }, h(\"slot\", { name: SLOTS.headerActionsStart }))) : null;\n  }\n  renderHeaderActionsEnd() {\n    const { dismiss, dismissible, el, intlClose } = this;\n    const text = intlClose || TEXT.close;\n    const dismissibleNode = dismissible ? (h(\"calcite-action\", { \"aria-label\": text, icon: ICONS.close, onClick: dismiss, ref: this.setDismissRef, text: text })) : null;\n    const slotNode = h(\"slot\", { name: SLOTS.headerActionsEnd });\n    const hasEndActions = getSlotted(el, SLOTS.headerActionsEnd);\n    return hasEndActions || dismissibleNode ? (h(\"div\", { class: { [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }, key: \"header-actions-end\" }, slotNode, dismissibleNode)) : null;\n  }\n  renderMenu() {\n    const { el, intlOptions, menuOpen } = this;\n    const hasMenuItems = getSlotted(el, SLOTS.headerMenuActions);\n    return hasMenuItems ? (h(\"calcite-action-menu\", { flipPlacements: [\"top\", \"bottom\"], key: \"menu\", label: intlOptions || TEXT.options, open: menuOpen, placement: \"bottom-end\" }, h(\"calcite-action\", { icon: ICONS.menu, slot: SLOTS$1.trigger, text: intlOptions || TEXT.options }), h(\"slot\", { name: SLOTS.headerMenuActions }))) : null;\n  }\n  renderHeaderNode() {\n    const { el, showBackButton } = this;\n    const backButtonNode = this.renderBackButton();\n    const hasHeaderSlottedContent = getSlotted(el, SLOTS.headerContent);\n    const headerContentNode = hasHeaderSlottedContent\n      ? this.renderHeaderSlottedContent()\n      : this.renderHeaderContent();\n    const actionsNodeStart = this.renderHeaderStartActions();\n    const actionsNodeEnd = this.renderHeaderActionsEnd();\n    const headerMenuNode = this.renderMenu();\n    return actionsNodeStart ||\n      headerContentNode ||\n      actionsNodeEnd ||\n      headerMenuNode ||\n      showBackButton ? (h(\"header\", { class: CSS.header }, backButtonNode, actionsNodeStart, headerContentNode, actionsNodeEnd, headerMenuNode)) : null;\n  }\n  renderFooterNode() {\n    const { el } = this;\n    const hasFooterSlottedContent = getSlotted(el, SLOTS.footer);\n    const hasFooterActions = getSlotted(el, SLOTS.footerActions);\n    return hasFooterSlottedContent || hasFooterActions ? (h(\"footer\", { class: CSS.footer, key: \"footer\" }, hasFooterSlottedContent ? h(\"slot\", { key: \"footer-slot\", name: SLOTS.footer }) : null, hasFooterActions ? h(\"slot\", { key: \"footer-actions-slot\", name: SLOTS.footerActions }) : null)) : null;\n  }\n  renderContent() {\n    const { el } = this;\n    const hasFab = getSlotted(el, SLOTS.fab);\n    const defaultSlotNode = h(\"slot\", { key: \"default-slot\" });\n    const contentWrapperKey = \"content-wrapper\";\n    return hasFab ? (h(\"div\", { class: { [CSS.contentWrapper]: true, [CSS.contentHeight]: true }, key: contentWrapperKey, onScroll: this.panelScrollHandler, ref: (el) => (this.panelScrollEl = el), tabIndex: 0 }, h(\"section\", { class: CSS.contentContainer }, defaultSlotNode), this.renderFab())) : (h(\"section\", { class: { [CSS.contentWrapper]: true, [CSS.contentContainer]: true }, key: contentWrapperKey, onScroll: this.panelScrollHandler, ref: (el) => (this.panelScrollEl = el), tabIndex: 0 }, defaultSlotNode));\n  }\n  renderFab() {\n    return (h(\"div\", { class: CSS.fabContainer }, h(\"slot\", { name: SLOTS.fab })));\n  }\n  render() {\n    const { dismissed, disabled, dismissible, loading, panelKeyDownHandler } = this;\n    const panelNode = (h(\"article\", { \"aria-busy\": loading.toString(), class: CSS.container, hidden: dismissible && dismissed, onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: dismissible ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));\n    return (h(Fragment, null, loading || disabled ? h(\"calcite-scrim\", { loading: loading }) : null, panelNode));\n  }\n  get el() { return this; }\n  static get watchers() { return {\n    \"dismissed\": [\"dismissedHandler\"]\n  }; }\n  static get style() { return panelCss; }\n};\nPanel = /*@__PURE__*/ proxyCustomElement(Panel, [1, \"calcite-panel\", {\n    \"dismissed\": [1540],\n    \"beforeBack\": [16],\n    \"disabled\": [516],\n    \"dismissible\": [516],\n    \"headingLevel\": [2, \"heading-level\"],\n    \"showBackButton\": [516, \"show-back-button\"],\n    \"intlBack\": [1, \"intl-back\"],\n    \"heightScale\": [513, \"height-scale\"],\n    \"widthScale\": [513, \"width-scale\"],\n    \"loading\": [516],\n    \"intlClose\": [1, \"intl-close\"],\n    \"intlOptions\": [1, \"intl-options\"],\n    \"heading\": [1],\n    \"summary\": [1],\n    \"menuOpen\": [516, \"menu-open\"],\n    \"setFocus\": [64],\n    \"scrollContentTo\": [64]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"calcite-panel\", \"calcite-action\", \"calcite-action-menu\", \"calcite-icon\", \"calcite-loader\", \"calcite-popover\", \"calcite-scrim\", \"calcite-tooltip-manager\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"calcite-panel\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, Panel);\n      }\n      break;\n    case \"calcite-action\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$8();\n      }\n      break;\n    case \"calcite-action-menu\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$7();\n      }\n      break;\n    case \"calcite-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$6();\n      }\n      break;\n    case \"calcite-loader\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"calcite-popover\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$4();\n      }\n      break;\n    case \"calcite-scrim\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$3();\n      }\n      break;\n    case \"calcite-tooltip-manager\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n  } });\n}\ndefineCustomElement$1();\n\nconst CalcitePanel = Panel;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { CalcitePanel, defineCustomElement };\n"],"sourceRoot":""}