@esri/solutions-components 0.7.22 → 0.7.24

package/dist/components/calcite-flow.js

@@ -3,171 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as createObserver } from './observers.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.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.0.0
- */
-const CSS = {
-  frame: "frame",
-  frameAdvancing: "frame--advancing",
-  frameRetreating: "frame--retreating",
-};
-
-const flowCss = ":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{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Flow = /*@__PURE__*/ proxyCustomElement(class Flow extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.itemMutationObserver = createObserver("mutation", () => this.updateFlowProps());
-        this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
-            const allowRetreatingDirection = oldFlowItemCount > 1;
-            const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;
-            if (!allowAdvancingDirection && !allowRetreatingDirection) {
-                return null;
-            }
-            return newFlowItemCount < oldFlowItemCount ? "retreating" : "advancing";
-        };
-        this.updateFlowProps = () => {
-            const { customItemSelectors, el, items } = this;
-            const newItems = Array.from(el.querySelectorAll(`calcite-flow-item${customItemSelectors ? `,${customItemSelectors}` : ""}`)).filter((flowItem) => flowItem.closest("calcite-flow") === el);
-            const oldItemCount = items.length;
-            const newItemCount = newItems.length;
-            const activeItem = newItems[newItemCount - 1];
-            const previousItem = newItems[newItemCount - 2];
-            if (newItemCount && activeItem) {
-                newItems.forEach((itemNode) => {
-                    itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;
-                    itemNode.hidden = itemNode !== activeItem;
-                });
-            }
-            if (previousItem) {
-                previousItem.menuOpen = false;
-            }
-            this.items = newItems;
-            if (oldItemCount !== newItemCount) {
-                const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);
-                this.itemCount = newItemCount;
-                this.flowDirection = flowDirection;
-            }
-        };
-        this.customItemSelectors = undefined;
-        this.flowDirection = null;
-        this.itemCount = 0;
-        this.items = [];
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Removes the currently active `calcite-flow-item`.
-     */
-    async back() {
-        const { items } = this;
-        const lastItem = items[items.length - 1];
-        if (!lastItem) {
-            return;
-        }
-        const beforeBack = lastItem.beforeBack
-            ? lastItem.beforeBack
-            : () => Promise.resolve();
-        try {
-            await beforeBack.call(lastItem);
-        }
-        catch (_error) {
-            // back prevented
-            return;
-        }
-        lastItem.remove();
-        return lastItem;
-    }
-    /**
-     * Sets focus on the component.
-     */
-    async setFocus() {
-        await componentFocusable(this);
-        const { items } = this;
-        const activeItem = items[items.length - 1];
-        return activeItem === null || activeItem === void 0 ? void 0 : activeItem.setFocus();
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        var _a;
-        (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-        this.updateFlowProps();
-    }
-    async componentWillLoad() {
-        setUpLoadableComponent(this);
-    }
-    componentDidLoad() {
-        setComponentLoaded(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    async handleItemBackClick(event) {
-        if (event.defaultPrevented) {
-            return;
-        }
-        await this.back();
-        return this.setFocus();
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    render() {
-        const { flowDirection } = this;
-        const frameDirectionClasses = {
-            [CSS.frame]: true,
-            [CSS.frameAdvancing]: flowDirection === "advancing",
-            [CSS.frameRetreating]: flowDirection === "retreating",
-        };
-        return (h("div", { class: frameDirectionClasses }, h("slot", null)));
-    }
-    get el() { return this; }
-    static get style() { return flowCss; }
-}, [1, "calcite-flow", {
-        "customItemSelectors": [1, "custom-item-selectors"],
-        "flowDirection": [32],
-        "itemCount": [32],
-        "items": [32],
-        "back": [64],
-        "setFocus": [64]
-    }, [[0, "calciteFlowItemBack", "handleItemBackClick"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["calcite-flow"];
-    components.forEach(tagName => { switch (tagName) {
-        case "calcite-flow":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Flow);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { F as Flow, d as defineCustomElement$1 } from './flow.js';
 
 const CalciteFlow = Flow;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/card-manager2.js

@@ -7,19 +7,21 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { g as getLocaleComponentStrings } from './locale.js';
 import { q as queryFeaturesByID } from './queryUtils.js';
 import { g as getLayerOrTable } from './mapViewUtils.js';
-import { d as defineCustomElement$f } from './action.js';
-import { d as defineCustomElement$e } from './action-menu.js';
-import { d as defineCustomElement$d } from './alert.js';
-import { d as defineCustomElement$c } from './button.js';
-import { d as defineCustomElement$b } from './chip.js';
-import { d as defineCustomElement$a } from './icon.js';
-import { d as defineCustomElement$9 } from './loader.js';
-import { d as defineCustomElement$8 } from './notice.js';
-import { d as defineCustomElement$7 } from './panel.js';
-import { d as defineCustomElement$6 } from './popover.js';
-import { d as defineCustomElement$5 } from './scrim.js';
-import { d as defineCustomElement$4 } from './shell.js';
-import { d as defineCustomElement$3 } from './tooltip.js';
+import { d as defineCustomElement$h } from './action.js';
+import { d as defineCustomElement$g } from './action-menu.js';
+import { d as defineCustomElement$f } from './alert.js';
+import { d as defineCustomElement$e } from './button.js';
+import { d as defineCustomElement$d } from './chip.js';
+import { d as defineCustomElement$c } from './icon.js';
+import { d as defineCustomElement$b } from './loader.js';
+import { d as defineCustomElement$a } from './modal.js';
+import { d as defineCustomElement$9 } from './notice.js';
+import { d as defineCustomElement$8 } from './panel.js';
+import { d as defineCustomElement$7 } from './popover.js';
+import { d as defineCustomElement$6 } from './scrim.js';
+import { d as defineCustomElement$5 } from './shell.js';
+import { d as defineCustomElement$4 } from './tooltip.js';
+import { d as defineCustomElement$3 } from './delete-button2.js';
 import { d as defineCustomElement$2 } from './edit-card2.js';
 import { d as defineCustomElement$1 } from './info-card2.js';
 
@@ -123,7 +125,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["card-manager", "calcite-action", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-icon", "calcite-loader", "calcite-notice", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-shell", "calcite-tooltip", "edit-card", "info-card"];
+    const components = ["card-manager", "calcite-action", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-shell", "calcite-tooltip", "delete-button", "edit-card", "info-card"];
     components.forEach(tagName => { switch (tagName) {
         case "card-manager":
             if (!customElements.get(tagName)) {
@@ -132,65 +134,75 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$h();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$g();
             }
             break;
         case "calcite-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$f();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$e();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$d();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$b();
+            }
+            break;
+        case "calcite-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "calcite-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "delete-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }