@esri/solutions-components 0.8.3 → 0.8.4

package/dist/solutions-components/calcite-sheet.entry.js

@@ -1,223 +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, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { v as ensureId, a as getElementDir, f as focusFirstTabbable } from './dom-b91aa537.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-2fe6623b.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-aea90723.js';
-import { c as createObserver } from './observers-5ba39eee.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-b4b3788b.js';
-import { C as CSS_UTILITY } from './resources-0f8db821.js';
-import './guid-b75a5f7b.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 CSS = {
-    scrim: "scrim",
-    container: "container",
-    containerOpen: "container--open",
-    content: "content",
-    containerSlottedInShell: "container--slotted-in-shell",
-};
-
-const sheetCss = ":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Sheet = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteSheetBeforeClose = createEvent(this, "calciteSheetBeforeClose", 6);
-        this.calciteSheetClose = createEvent(this, "calciteSheetClose", 6);
-        this.calciteSheetBeforeOpen = createEvent(this, "calciteSheetBeforeOpen", 6);
-        this.calciteSheetOpen = createEvent(this, "calciteSheetOpen", 6);
-        //--------------------------------------------------------------------------
-        //
-        //  Private Properties/ State
-        //
-        //--------------------------------------------------------------------------
-        this.openTransitionProp = "opacity";
-        this.ignoreOpenChange = false;
-        this.mutationObserver = createObserver("mutation", () => this.handleMutationObserver());
-        this.setTransitionEl = (el) => {
-            this.transitionEl = el;
-            this.contentId = ensureId(el);
-        };
-        this.openEnd = () => {
-            this.setFocus();
-            this.el.removeEventListener("calciteSheetOpen", this.openEnd);
-        };
-        this.handleOutsideClose = () => {
-            if (this.outsideCloseDisabled) {
-                return;
-            }
-            this.open = false;
-        };
-        this.closeSheet = async () => {
-            if (this.beforeClose) {
-                try {
-                    await this.beforeClose(this.el);
-                }
-                catch (_error) {
-                    // close prevented
-                    requestAnimationFrame(() => {
-                        this.ignoreOpenChange = true;
-                        this.open = true;
-                        this.ignoreOpenChange = false;
-                    });
-                    return;
-                }
-            }
-            this.opened = false;
-            this.removeOverflowHiddenClass();
-        };
-        this.beforeClose = undefined;
-        this.displayMode = "overlay";
-        this.escapeDisabled = false;
-        this.heightScale = "m";
-        this.focusTrapDisabled = false;
-        this.label = undefined;
-        this.open = false;
-        this.opened = false;
-        this.outsideCloseDisabled = false;
-        this.position = "inline-start";
-        this.slottedInShell = undefined;
-        this.widthScale = "m";
-    }
-    handleFocusTrapDisabled(focusTrapDisabled) {
-        if (!this.open) {
-            return;
-        }
-        focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
-    }
-    toggleSheet(value) {
-        if (this.ignoreOpenChange) {
-            return;
-        }
-        if (value) {
-            this.openSheet();
-        }
-        else {
-            this.closeSheet();
-        }
-    }
-    handleOpenedChange() {
-        onToggleOpenCloseComponent(this);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    async componentWillLoad() {
-        setUpLoadableComponent(this);
-        // when sheet initially renders, if active was set we need to open as watcher doesn't fire
-        if (this.open) {
-            requestAnimationFrame(() => this.openSheet());
-        }
-    }
-    componentDidLoad() {
-        setComponentLoaded(this);
-    }
-    connectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-        connectFocusTrap(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        this.removeOverflowHiddenClass();
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        deactivateFocusTrap(this);
-        this.slottedInShell = false;
-    }
-    render() {
-        const dir = getElementDir(this.el);
-        return (h(Host, { "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { class: {
-                [CSS.container]: true,
-                [CSS.containerOpen]: this.opened,
-                [CSS.containerSlottedInShell]: this.slottedInShell,
-                [CSS_UTILITY.rtl]: dir === "rtl",
-            } }, h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { class: {
-                [CSS.content]: true,
-            },
-            // 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 }, h("slot", null)))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    handleEscape(event) {
-        if (this.open && !this.escapeDisabled && event.key === "Escape" && !event.defaultPrevented) {
-            this.open = false;
-            event.preventDefault();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Sets focus on the component's "close" button - the first focusable item.
-     *
-     */
-    async setFocus() {
-        await componentFocusable(this);
-        focusFirstTabbable(this.el);
-    }
-    /**
-     * Updates the element(s) that are used within the focus-trap of the component.
-     */
-    async updateFocusTrapElements() {
-        updateFocusTrapElements(this);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    onBeforeOpen() {
-        this.calciteSheetBeforeOpen.emit();
-    }
-    onOpen() {
-        this.calciteSheetOpen.emit();
-        activateFocusTrap(this);
-    }
-    onBeforeClose() {
-        this.calciteSheetBeforeClose.emit();
-    }
-    onClose() {
-        this.calciteSheetClose.emit();
-        deactivateFocusTrap(this);
-    }
-    openSheet() {
-        this.el.addEventListener("calciteSheetOpen", this.openEnd);
-        this.opened = true;
-        if (!this.slottedInShell) {
-            this.initialOverflowCSS = document.documentElement.style.overflow;
-            // use an inline style instead of a utility class to avoid global class declarations.
-            document.documentElement.style.setProperty("overflow", "hidden");
-        }
-    }
-    removeOverflowHiddenClass() {
-        document.documentElement.style.setProperty("overflow", this.initialOverflowCSS);
-    }
-    handleMutationObserver() {
-        this.updateFocusTrapElements();
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "focusTrapDisabled": ["handleFocusTrapDisabled"],
-        "open": ["toggleSheet"],
-        "opened": ["handleOpenedChange"]
-    }; }
-};
-Sheet.style = sheetCss;
-
-export { Sheet as calcite_sheet };

package/dist/solutions-components/calcite-shell-center-row.entry.js

@@ -1,66 +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, h, F as Fragment, g as getElement } from './index-bdfaac50.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a395417e.js';
-import { g as getSlotted } from './dom-b91aa537.js';
-import './observers-5ba39eee.js';
-import './guid-b75a5f7b.js';
-import './resources-0f8db821.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 CSS = {
-    actionBarContainer: "action-bar-container",
-    content: "content",
-};
-const SLOTS = {
-    actionBar: "action-bar",
-};
-
-const shellCenterRowCss = ":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{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";
-
-const ShellCenterRow = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.detached = false;
-        this.heightScale = "s";
-        this.position = "end";
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    render() {
-        const { el } = this;
-        const contentNode = (h("div", { class: CSS.content }, h("slot", null)));
-        const actionBar = getSlotted(el, SLOTS.actionBar);
-        const actionBarNode = actionBar ? (h("div", { class: CSS.actionBarContainer, key: "action-bar" }, h("slot", { name: SLOTS.actionBar }))) : null;
-        const children = [actionBarNode, contentNode];
-        if ((actionBar === null || actionBar === void 0 ? void 0 : actionBar.position) === "end") {
-            children.reverse();
-        }
-        return h(Fragment, null, children);
-    }
-    get el() { return getElement(this); }
-};
-ShellCenterRow.style = shellCenterRowCss;
-
-export { ShellCenterRow as calcite_shell_center_row };