{"version":3,"sources":["webpack:///./node_modules/@esri/calcite-components/dist/components/handle.js","webpack:///./node_modules/@esri/calcite-components/dist/components/calcite-block.js"],"names":["CSS","handle","handleActivated","ICONS","drag","handleCss","Handle","super","this","__registerHost","__attachShadow","calciteHandleNudge","activated","textTitle","handleKeyDown","event","key","direction","toLowerCase","replace","emit","el","handleBlur","handleButton","focus","toString","class","onBlur","onKeyDown","ref","role","tabindex","title","icon","scale","defineCustomElement","customElements","components","forEach","tagName","get","define","article","content","headerContainer","statusIcon","toggle","toggleIcon","heading","header","button","summary","controlContainer","valid","invalid","loading","TEXT","collapse","expand","options","SLOTS","control","headerMenuActions","opened","closed","refresh","HEADING_LEVEL","blockCss","Block","calciteBlockToggle","collapsible","disabled","dragHandle","intlLoading","intlOptions","open","onHeaderClick","defaultSlot","status","showingLoadingStatus","hasIcon","iconEl","name","headingLevel","Heading","level","intlCollapse","intlExpand","toggleLabel","headerContent","renderIcon","renderTitle","hasControl","hasMenuActions","collapseIcon","headerNode","onClick","inline","label","tabIndex","hidden","renderScrim","defineCustomElement$1","CalciteBlock"],"mappings":"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","file":"js/chunk-2d0c190b.643d2e3b.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, proxyCustomElement } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './icon.js';\n\nconst CSS = {\n handle: \"handle\",\n handleActivated: \"handle--activated\"\n};\nconst ICONS = {\n drag: \"drag\"\n};\n\nconst handleCss = \"@-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}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;cursor:move;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;color:var(--calcite-ui-border-3);padding:0.75rem 0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}\";\n\nlet Handle = class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.calciteHandleNudge = createEvent(this, \"calciteHandleNudge\", 7);\n // --------------------------------------------------------------------------\n //\n // Properties\n //\n // --------------------------------------------------------------------------\n /**\n * @internal - stores the activated state of the drag handle.\n */\n this.activated = false;\n /**\n * Value for the button title attribute\n */\n this.textTitle = \"handle\";\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.handleKeyDown = (event) => {\n switch (event.key) {\n case \" \":\n this.activated = !this.activated;\n break;\n case \"ArrowUp\":\n case \"ArrowDown\":\n if (!this.activated) {\n return;\n }\n const direction = event.key.toLowerCase().replace(\"arrow\", \"\");\n this.calciteHandleNudge.emit({ handle: this.el, direction });\n break;\n }\n };\n this.handleBlur = () => {\n this.activated = false;\n };\n }\n // --------------------------------------------------------------------------\n //\n // Methods\n //\n // --------------------------------------------------------------------------\n /** Sets focus on the component. */\n async setFocus() {\n this.handleButton.focus();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (\n // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486\n h(\"span\", { \"aria-pressed\": this.activated.toString(), class: { [CSS.handle]: true, [CSS.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {\n this.handleButton = el;\n }, role: \"button\", tabindex: \"0\", title: this.textTitle }, h(\"calcite-icon\", { icon: ICONS.drag, scale: \"s\" })));\n }\n get el() { return this; }\n static get style() { return handleCss; }\n};\nHandle = /*@__PURE__*/ proxyCustomElement(Handle, [1, \"calcite-handle\", {\n \"activated\": [1540],\n \"textTitle\": [513, \"text-title\"],\n \"setFocus\": [64]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"calcite-handle\", \"calcite-icon\"];\n components.forEach(tagName => { switch (tagName) {\n case \"calcite-handle\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, Handle);\n }\n break;\n case \"calcite-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { Handle as H, defineCustomElement as d };\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 */\nimport { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';\nimport { b as getSlotted } from './dom.js';\nimport { H as Heading } from './Heading.js';\nimport { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';\nimport { d as defineCustomElement$9 } from './action.js';\nimport { d as defineCustomElement$8 } from './action-menu.js';\nimport { d as defineCustomElement$7 } from './handle.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 article: \"article\",\n content: \"content\",\n headerContainer: \"header-container\",\n icon: \"icon\",\n statusIcon: \"status-icon\",\n toggle: \"toggle\",\n toggleIcon: \"toggle-icon\",\n title: \"title\",\n heading: \"heading\",\n header: \"header\",\n button: \"button\",\n summary: \"summary\",\n controlContainer: \"control-container\",\n valid: \"valid\",\n invalid: \"invalid\",\n loading: \"loading\"\n};\nconst TEXT = {\n collapse: \"Collapse\",\n expand: \"Expand\",\n loading: \"Loading\",\n options: \"Options\"\n};\nconst SLOTS = {\n icon: \"icon\",\n control: \"control\",\n headerMenuActions: \"header-menu-actions\"\n};\nconst ICONS = {\n opened: \"chevron-up\",\n closed: \"chevron-down\",\n valid: \"check-circle\",\n invalid: \"exclamation-mark-triangle\",\n refresh: \"refresh\"\n};\nconst HEADING_LEVEL = 4;\n\nconst blockCss = \"@-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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);-ms-flex-preferred-size:auto;flex-basis:auto}.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}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:\\\"handle header control menu\\\";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.summary{margin-top:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px;margin-block:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-top:0.75rem;margin-bottom:0.75rem;-ms-flex-item-align:center;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{position:relative}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}\";\n\nlet Block = class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.calciteBlockToggle = createEvent(this, \"calciteBlockToggle\", 7);\n // --------------------------------------------------------------------------\n //\n // Properties\n //\n // --------------------------------------------------------------------------\n /**\n * When true, this block will be collapsible.\n */\n this.collapsible = false;\n /**\n * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n */\n this.disabled = false;\n /**\n * When true, displays a drag handle in the header.\n */\n this.dragHandle = false;\n /** string to override English loading text\n * @default \"Loading\"\n */\n this.intlLoading = TEXT.loading;\n /** Text string used for the actions menu\n * @default \"Options\"\n */\n this.intlOptions = TEXT.options;\n /**\n * When true, content is waiting to be loaded. This state shows a busy indicator.\n */\n this.loading = false;\n /**\n * When true, the block's content will be displayed.\n */\n this.open = false;\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.onHeaderClick = () => {\n this.open = !this.open;\n this.calciteBlockToggle.emit();\n };\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 renderScrim() {\n const { disabled, loading } = this;\n const defaultSlot = h(\"slot\", null);\n return [loading || disabled ? h(\"calcite-scrim\", { loading: loading }) : null, defaultSlot];\n }\n renderIcon() {\n const { el, status } = this;\n const showingLoadingStatus = this.loading && !this.open;\n const statusIcon = showingLoadingStatus ? ICONS.refresh : ICONS[status];\n const hasIcon = getSlotted(el, SLOTS.icon) || statusIcon;\n const iconEl = !statusIcon ? (h(\"slot\", { key: \"icon-slot\", name: SLOTS.icon })) : (h(\"calcite-icon\", { class: {\n [CSS.statusIcon]: true,\n [CSS.valid]: status == \"valid\",\n [CSS.invalid]: status == \"invalid\",\n [CSS.loading]: showingLoadingStatus\n }, icon: statusIcon, scale: \"m\" }));\n return hasIcon ? h(\"div\", { class: CSS.icon }, iconEl) : null;\n }\n renderTitle() {\n const { heading, headingLevel, summary } = this;\n return heading || summary ? (h(\"div\", { class: CSS.title }, h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading), summary ? h(\"div\", { class: CSS.summary }, summary) : null)) : null;\n }\n render() {\n const { collapsible, disabled, el, intlCollapse, intlExpand, loading, open, intlLoading } = this;\n const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;\n const headerContent = (h(\"header\", { class: CSS.header }, this.renderIcon(), this.renderTitle()));\n const hasControl = !!getSlotted(el, SLOTS.control);\n const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n const collapseIcon = open ? ICONS.opened : ICONS.closed;\n const headerNode = (h(\"div\", { class: CSS.headerContainer }, this.dragHandle ? h(\"calcite-handle\", null) : null, collapsible ? (h(\"button\", { \"aria-expanded\": collapsible ? open.toString() : null, \"aria-label\": toggleLabel, class: CSS.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h(\"calcite-icon\", { \"aria-hidden\": \"true\", class: CSS.toggleIcon, icon: collapseIcon, scale: \"s\" })) : null)) : (headerContent), loading ? (h(\"calcite-loader\", { inline: true, \"is-active\": true, label: intlLoading })) : hasControl ? (h(\"div\", { class: CSS.controlContainer }, h(\"slot\", { name: SLOTS.control }))) : null, hasMenuActions ? (h(\"calcite-action-menu\", { label: this.intlOptions || TEXT.options }, h(\"slot\", { name: SLOTS.headerMenuActions }))) : null));\n return (h(Host, { tabIndex: disabled ? -1 : null }, h(\"article\", { \"aria-busy\": loading.toString(), class: {\n [CSS.article]: true\n } }, headerNode, h(\"div\", { class: CSS.content, hidden: !open }, this.renderScrim()))));\n }\n get el() { return this; }\n static get style() { return blockCss; }\n};\nBlock = /*@__PURE__*/ proxyCustomElement(Block, [1, \"calcite-block\", {\n \"collapsible\": [4],\n \"disabled\": [516],\n \"dragHandle\": [516, \"drag-handle\"],\n \"heading\": [1],\n \"headingLevel\": [2, \"heading-level\"],\n \"intlCollapse\": [1, \"intl-collapse\"],\n \"intlExpand\": [1, \"intl-expand\"],\n \"intlLoading\": [1, \"intl-loading\"],\n \"intlOptions\": [1, \"intl-options\"],\n \"loading\": [516],\n \"open\": [1540],\n \"status\": [513],\n \"summary\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"calcite-block\", \"calcite-action\", \"calcite-action-menu\", \"calcite-handle\", \"calcite-icon\", \"calcite-loader\", \"calcite-popover\", \"calcite-scrim\", \"calcite-tooltip-manager\"];\n components.forEach(tagName => { switch (tagName) {\n case \"calcite-block\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, Block);\n }\n break;\n case \"calcite-action\":\n if (!customElements.get(tagName)) {\n defineCustomElement$9();\n }\n break;\n case \"calcite-action-menu\":\n if (!customElements.get(tagName)) {\n defineCustomElement$8();\n }\n break;\n case \"calcite-handle\":\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 CalciteBlock = Block;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { CalciteBlock, defineCustomElement };\n"],"sourceRoot":""}