@esri/solutions-components 0.8.3 → 0.8.4

package/dist/cjs/calcite-alert.cjs.entry.js

@@ -1,322 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b53bfd7c.js');
-const dom = require('./dom-cf1e2e9f.js');
-const component = require('./component-ac7c3bd8.js');
-const loadable = require('./loadable-41446b78.js');
-const locale = require('./locale-a615b02f.js');
-const openCloseComponent = require('./openCloseComponent-8d9cb545.js');
-const t9n = require('./t9n-463dcbff.js');
-const resources = require('./resources-dd8ff1b4.js');
-require('./guid-ae73cd27.js');
-require('./resources-a2b1b149.js');
-require('./key-86f4a0b0.js');
-require('./observers-5923a7cc.js');
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const DURATIONS = {
-    slow: 14000,
-    medium: 10000,
-    fast: 6000,
-};
-const SLOTS = {
-    actionsEnd: "actions-end",
-    title: "title",
-    message: "message",
-    link: "link",
-};
-const CSS = {
-    actionsEnd: "actions-end",
-    close: "close",
-    container: "container",
-    containerBottom: "container--bottom",
-    containerBottomEnd: "container--bottom-end",
-    containerBottomStart: "container--bottom-start",
-    containerQueued: "container--queued",
-    containerTop: "container--top",
-    containerTopEnd: "container--top-end",
-    containerTopStart: "container--top-start",
-    content: "content",
-    contentContainer: "content-container",
-    dismissProgress: "dismiss-progress",
-    footer: "footer",
-    icon: "icon",
-    containerSlottedInShell: "container--slotted-in-shell",
-    queueCount: "queue-count",
-    queueCountActive: "queue-count--active",
-    textContainer: "text-container",
-};
-
-const alertCss = ":host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:-moz-min-content;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--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);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:-moz-min-content;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}";
-
-const Alert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.calciteAlertBeforeClose = index.createEvent(this, "calciteAlertBeforeClose", 6);
-        this.calciteAlertClose = index.createEvent(this, "calciteAlertClose", 6);
-        this.calciteAlertBeforeOpen = index.createEvent(this, "calciteAlertBeforeOpen", 6);
-        this.calciteAlertOpen = index.createEvent(this, "calciteAlertOpen", 6);
-        this.calciteInternalAlertSync = index.createEvent(this, "calciteInternalAlertSync", 6);
-        this.calciteInternalAlertRegister = index.createEvent(this, "calciteInternalAlertRegister", 6);
-        this.autoCloseTimeoutId = null;
-        this.totalOpenTime = 0;
-        this.totalHoverTime = 0;
-        this.openTransitionProp = "opacity";
-        //--------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        //--------------------------------------------------------------------------
-        this.setTransitionEl = (el) => {
-            this.transitionEl = el;
-        };
-        /** close and emit calciteInternalAlertSync event with the updated queue payload */
-        this.closeAlert = () => {
-            this.autoCloseTimeoutId = null;
-            this.queued = false;
-            this.open = false;
-            this.queue = this.queue.filter((el) => el !== this.el);
-            this.determineActiveAlert();
-            this.calciteInternalAlertSync.emit({ queue: this.queue });
-        };
-        this.actionsEndSlotChangeHandler = (event) => {
-            this.hasEndActions = dom.slotChangeHasAssignedElement(event);
-        };
-        this.handleMouseOver = () => {
-            window.clearTimeout(this.autoCloseTimeoutId);
-            this.totalOpenTime = Date.now() - this.initialOpenTime;
-            this.lastMouseOverBegin = Date.now();
-        };
-        this.handleMouseLeave = () => {
-            const hoverDuration = Date.now() - this.lastMouseOverBegin;
-            const timeRemaining = DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;
-            this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;
-            this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);
-        };
-        this.open = false;
-        this.autoClose = false;
-        this.autoCloseDuration = "medium";
-        this.kind = "brand";
-        this.icon = undefined;
-        this.iconFlipRtl = false;
-        this.label = undefined;
-        this.numberingSystem = undefined;
-        this.placement = "bottom";
-        this.scale = "m";
-        this.messages = undefined;
-        this.messageOverrides = undefined;
-        this.slottedInShell = undefined;
-        this.defaultMessages = undefined;
-        this.effectiveLocale = "";
-        this.numberStringFormatter = new locale.NumberStringFormat();
-        this.hasEndActions = false;
-        this.queue = [];
-        this.queueLength = 0;
-        this.queued = false;
-    }
-    openHandler() {
-        openCloseComponent.onToggleOpenCloseComponent(this);
-        if (this.open && !this.queued) {
-            this.calciteInternalAlertRegister.emit();
-        }
-        if (!this.open) {
-            this.queue = this.queue.filter((el) => el !== this.el);
-            this.calciteInternalAlertSync.emit({ queue: this.queue });
-        }
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    updateDuration() {
-        if (this.autoClose && this.autoCloseTimeoutId) {
-            window.clearTimeout(this.autoCloseTimeoutId);
-            this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        locale.connectLocalized(this);
-        t9n.connectMessages(this);
-        const open = this.open;
-        if (open && !this.queued) {
-            this.calciteInternalAlertRegister.emit();
-        }
-        this.numberStringFormatter.numberFormatOptions = {
-            locale: this.effectiveLocale,
-            numberingSystem: this.numberingSystem,
-            signDisplay: "always",
-        };
-    }
-    async componentWillLoad() {
-        loadable.setUpLoadableComponent(this);
-        await t9n.setUpMessages(this);
-        if (this.open) {
-            openCloseComponent.onToggleOpenCloseComponent(this);
-        }
-    }
-    componentDidLoad() {
-        loadable.setComponentLoaded(this);
-    }
-    disconnectedCallback() {
-        window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister", {
-            detail: { alert: this.el },
-        }));
-        window.clearTimeout(this.autoCloseTimeoutId);
-        window.clearTimeout(this.queueTimeout);
-        locale.disconnectLocalized(this);
-        t9n.disconnectMessages(this);
-        this.slottedInShell = false;
-    }
-    render() {
-        const { open, autoClose, label, placement, queued } = this;
-        const role = autoClose ? "alert" : "alertdialog";
-        const hidden = !open;
-        const effectiveIcon = dom.setRequestedIcon(resources.KindIcons, this.icon, this.kind);
-        const hasQueuedAlerts = this.queueLength > 1;
-        return (index.h(index.Host, { "aria-hidden": dom.toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, index.h("div", { class: {
-                [CSS.container]: true,
-                [CSS.containerQueued]: queued,
-                [`${CSS.container}--${placement}`]: true,
-                [CSS.containerSlottedInShell]: this.slottedInShell,
-            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), index.h("div", { class: CSS.textContainer }, index.h("slot", { name: SLOTS.title }), index.h("slot", { name: SLOTS.message }), index.h("slot", { name: SLOTS.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && !queued && autoClose ? index.h("div", { class: CSS.dismissProgress }) : null)));
-    }
-    renderCloseButton() {
-        return (index.h("button", { "aria-label": this.messages.close, class: CSS.close, key: "close", onClick: this.closeAlert, type: "button",
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { icon: "x", scale: component.getIconScale(this.scale) })));
-    }
-    renderQueueCount() {
-        const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
-        const queueText = this.numberStringFormatter.numberFormatter.format(queueNumber);
-        return (index.h("div", { class: {
-                [CSS.queueCount]: true,
-                [CSS.queueCountActive]: this.queueLength > 1,
-            }, key: "queue-count" }, index.h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
-    }
-    renderActionsEnd() {
-        return (index.h("div", { class: CSS.actionsEnd }, index.h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler })));
-    }
-    renderIcon(icon) {
-        return (index.h("div", { class: CSS.icon }, index.h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: icon, scale: component.getIconScale(this.scale) })));
-    }
-    // when an alert is opened or closed, update queue and determine active alert
-    alertSync(event) {
-        if (this.queue !== event.detail.queue) {
-            this.queue = event.detail.queue;
-        }
-        this.queueLength = this.queue.length;
-        this.determineActiveAlert();
-        event.stopPropagation();
-    }
-    // when an alert is first registered, trigger a queue sync
-    alertRegister() {
-        if (this.open && !this.queue.includes(this.el)) {
-            this.queued = true;
-            this.queue.push(this.el);
-        }
-        this.calciteInternalAlertSync.emit({ queue: this.queue });
-        this.determineActiveAlert();
-    }
-    // Event is dispatched on the window because the element is not in the DOM so bubbling won't occur.
-    alertUnregister(event) {
-        const queue = this.queue.filter((el) => el !== event.detail.alert);
-        this.queue = queue;
-        window.dispatchEvent(new CustomEvent("calciteInternalAlertSync", {
-            detail: { queue },
-        }));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /** Sets focus on the component's "close" button, the first focusable item. */
-    async setFocus() {
-        await loadable.componentFocusable(this);
-        const alertLinkEl = dom.getSlotted(this.el, { selector: "calcite-link" });
-        if (!this.closeButton && !alertLinkEl) {
-            return;
-        }
-        else if (alertLinkEl) {
-            return alertLinkEl.setFocus();
-        }
-        else if (this.closeButton) {
-            this.closeButton.focus();
-        }
-    }
-    effectiveLocaleChange() {
-        t9n.updateMessages(this, this.effectiveLocale);
-        this.numberStringFormatter.numberFormatOptions = {
-            locale: this.effectiveLocale,
-            numberingSystem: this.numberingSystem,
-            signDisplay: "always",
-        };
-    }
-    numberingSystemChange() {
-        this.numberStringFormatter.numberFormatOptions = {
-            locale: this.effectiveLocale,
-            numberingSystem: this.numberingSystem,
-            signDisplay: "always",
-        };
-    }
-    /** determine which alert is active */
-    determineActiveAlert() {
-        var _a;
-        if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {
-            this.openAlert();
-            if (this.autoClose && !this.autoCloseTimeoutId) {
-                this.initialOpenTime = Date.now();
-                this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
-            }
-        }
-        else {
-            return;
-        }
-    }
-    onBeforeOpen() {
-        this.calciteAlertBeforeOpen.emit();
-    }
-    onOpen() {
-        this.calciteAlertOpen.emit();
-    }
-    onBeforeClose() {
-        this.calciteAlertBeforeClose.emit();
-    }
-    onClose() {
-        this.calciteAlertClose.emit();
-    }
-    /** remove queued class after animation completes */
-    openAlert() {
-        window.clearTimeout(this.queueTimeout);
-        this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "open": ["openHandler"],
-        "messageOverrides": ["onMessagesChange"],
-        "autoCloseDuration": ["updateDuration"],
-        "effectiveLocale": ["effectiveLocaleChange"],
-        "numberingSystem": ["numberingSystemChange"]
-    }; }
-};
-Alert.style = alertCss;
-
-exports.calcite_alert = Alert;

package/dist/cjs/calcite-block.cjs.entry.js

@@ -1,214 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b53bfd7c.js');
-const conditionalSlot = require('./conditionalSlot-73e71a05.js');
-const dom = require('./dom-cf1e2e9f.js');
-const interactive = require('./interactive-08e5bc95.js');
-const locale = require('./locale-a615b02f.js');
-const t9n = require('./t9n-463dcbff.js');
-const Heading = require('./Heading-9112a4c5.js');
-const loadable = require('./loadable-41446b78.js');
-const openCloseComponent = require('./openCloseComponent-8d9cb545.js');
-require('./observers-5923a7cc.js');
-require('./guid-ae73cd27.js');
-require('./resources-a2b1b149.js');
-require('./browser-fe25aefa.js');
-require('./key-86f4a0b0.js');
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const IDS = {
-    content: "content",
-    toggle: "toggle",
-    header: "header",
-};
-const CSS = {
-    button: "button",
-    container: "container",
-    content: "content",
-    controlContainer: "control-container",
-    description: "description",
-    header: "header",
-    headerContainer: "header-container",
-    heading: "heading",
-    icon: "icon",
-    invalid: "invalid",
-    statusIcon: "status-icon",
-    summary: "summary",
-    title: "title",
-    toggle: "toggle",
-    toggleIcon: "toggle-icon",
-    valid: "valid",
-};
-const SLOTS = {
-    icon: "icon",
-    control: "control",
-    headerMenuActions: "header-menu-actions",
-};
-const ICONS = {
-    opened: "chevron-up",
-    closed: "chevron-down",
-    valid: "check-circle",
-    invalid: "exclamation-mark-triangle",
-};
-
-const blockCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{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}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;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:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}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-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex;margin-inline-start:0.75rem;margin-inline-end:0px}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:0.75rem;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, 0.5rem);padding-inline:var(--calcite-block-padding, 0.625rem)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Block = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.calciteBlockBeforeClose = index.createEvent(this, "calciteBlockBeforeClose", 6);
-        this.calciteBlockBeforeOpen = index.createEvent(this, "calciteBlockBeforeOpen", 6);
-        this.calciteBlockClose = index.createEvent(this, "calciteBlockClose", 6);
-        this.calciteBlockOpen = index.createEvent(this, "calciteBlockOpen", 6);
-        this.calciteBlockToggle = index.createEvent(this, "calciteBlockToggle", 6);
-        this.openTransitionProp = "opacity";
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.onHeaderClick = () => {
-            this.open = !this.open;
-            this.calciteBlockToggle.emit();
-        };
-        this.setTransitionEl = (el) => {
-            this.transitionEl = el;
-        };
-        this.collapsible = false;
-        this.disabled = false;
-        this.dragHandle = false;
-        this.heading = undefined;
-        this.headingLevel = undefined;
-        this.loading = false;
-        this.open = false;
-        this.status = undefined;
-        this.description = undefined;
-        this.messages = undefined;
-        this.messageOverrides = undefined;
-        this.overlayPositioning = "absolute";
-        this.effectiveLocale = undefined;
-        this.defaultMessages = undefined;
-    }
-    openHandler() {
-        openCloseComponent.onToggleOpenCloseComponent(this);
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Sets focus on the component's first tabbable element.
-     *
-     */
-    async setFocus() {
-        await loadable.componentFocusable(this);
-        dom.focusFirstTabbable(this.el);
-    }
-    onBeforeOpen() {
-        this.calciteBlockBeforeOpen.emit();
-    }
-    onOpen() {
-        this.calciteBlockOpen.emit();
-    }
-    onBeforeClose() {
-        this.calciteBlockBeforeClose.emit();
-    }
-    onClose() {
-        this.calciteBlockClose.emit();
-    }
-    effectiveLocaleChange() {
-        t9n.updateMessages(this, this.effectiveLocale);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        conditionalSlot.connectConditionalSlotComponent(this);
-        interactive.connectInteractive(this);
-        locale.connectLocalized(this);
-        t9n.connectMessages(this);
-    }
-    disconnectedCallback() {
-        interactive.disconnectInteractive(this);
-        locale.disconnectLocalized(this);
-        t9n.disconnectMessages(this);
-        conditionalSlot.disconnectConditionalSlotComponent(this);
-    }
-    async componentWillLoad() {
-        await t9n.setUpMessages(this);
-        loadable.setUpLoadableComponent(this);
-        if (this.open) {
-            openCloseComponent.onToggleOpenCloseComponent(this);
-        }
-    }
-    componentDidLoad() {
-        loadable.setComponentLoaded(this);
-    }
-    componentDidRender() {
-        interactive.updateHostInteraction(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    renderScrim() {
-        const { loading } = this;
-        const defaultSlot = index.h("slot", null);
-        return [loading ? index.h("calcite-scrim", { loading: loading }) : null, defaultSlot];
-    }
-    renderIcon() {
-        const { loading, messages, status } = this;
-        const hasSlottedIcon = !!dom.getSlotted(this.el, SLOTS.icon);
-        return loading ? (index.h("div", { class: CSS.icon, key: "loader" }, index.h("calcite-loader", { inline: true, label: messages.loading }))) : !!status ? (index.h("div", { class: CSS.icon, key: "status-icon" }, index.h("calcite-icon", { class: {
-                [CSS.statusIcon]: true,
-                [CSS.valid]: status == "valid",
-                [CSS.invalid]: status == "invalid",
-            }, icon: ICONS[status], scale: "s" }))) : hasSlottedIcon ? (index.h("div", { class: CSS.icon, key: "icon-slot" }, index.h("slot", { key: "icon-slot", name: SLOTS.icon }))) : null;
-    }
-    renderTitle() {
-        const { heading, headingLevel, description } = this;
-        return heading || description ? (index.h("div", { class: CSS.title }, index.h(Heading.Heading, { class: CSS.heading, level: headingLevel }, heading), description ? index.h("div", { class: CSS.description }, description) : null)) : null;
-    }
-    render() {
-        const { collapsible, el, loading, open, heading, messages } = this;
-        const toggleLabel = open ? messages.collapse : messages.expand;
-        const headerContent = (index.h("header", { class: CSS.header, id: IDS.header }, this.renderIcon(), this.renderTitle()));
-        const hasControl = !!dom.getSlotted(el, SLOTS.control);
-        const hasMenuActions = !!dom.getSlotted(el, SLOTS.headerMenuActions);
-        const collapseIcon = open ? ICONS.opened : ICONS.closed;
-        const headerNode = (index.h("div", { class: CSS.headerContainer }, this.dragHandle ? index.h("calcite-handle", { label: heading }) : null, collapsible ? (index.h("button", { "aria-controls": IDS.content, "aria-describedby": IDS.header, "aria-expanded": collapsible ? dom.toAriaBoolean(open) : null, class: CSS.toggle, id: IDS.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, index.h("calcite-icon", { "aria-hidden": "true", class: CSS.toggleIcon, icon: collapseIcon, scale: "s" }))) : (headerContent), hasControl ? (index.h("div", { class: CSS.controlContainer }, index.h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (index.h("calcite-action-menu", { label: messages.options, overlayPositioning: this.overlayPositioning }, index.h("slot", { name: SLOTS.headerMenuActions }))) : null));
-        return (index.h(index.Host, null, index.h(interactive.InteractiveContainer, { disabled: this.disabled }, index.h("article", { "aria-busy": dom.toAriaBoolean(loading), class: {
-                [CSS.container]: true,
-            } }, headerNode, index.h("section", { "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, this.renderScrim())))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "open": ["openHandler"],
-        "messageOverrides": ["onMessagesChange"],
-        "effectiveLocale": ["effectiveLocaleChange"]
-    }; }
-};
-Block.style = blockCss;
-
-exports.calcite_block = Block;