@esri/solutions-components 0.10.34 → 0.10.35

package/dist/esm/{calcite-modal_3.entry.js → calcite-modal.entry.js}

@@ -3,9 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-904bc599.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-904bc599.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8a0b08ef.js';
-import { o as getSlotted, s as slotChangeHasAssignedElement, f as focusFirstTabbable, u as ensureId, e as slotChangeGetAssignedElements } from './dom-75c641a7.js';
+import { o as getSlotted, s as slotChangeHasAssignedElement, f as focusFirstTabbable, u as ensureId } from './dom-75c641a7.js';
 import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-35b3348c.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-7cb2fc6f.js';
 import { c as createObserver } from './observers-c83631e8.js';
@@ -14,21 +14,18 @@ import { c as connectLocalized, d as disconnectLocalized } from './locale-24516f
 import { s as setUpMessages, c as connectMessages, d as disconnectMessages, u as updateMessages } from './t9n-9a5d28cf.js';
 import { g as getIconScale, c as componentOnReady } from './component-83541c88.js';
 import { l as logger } from './logger-f75712ce.js';
-import { g as getLocaleComponentStrings } from './locale-0d06fca0.js';
 import './guid-b0fb1de3.js';
 import './resources-8e2ed936.js';
 import './config-16813c92.js';
 import './browser-b67d8df6.js';
 import './key-e6b442de.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
  * v2.13.0
  */
-const CSS$1 = {
+const CSS = {
     modal: "modal",
     title: "title",
     header: "header",
@@ -55,7 +52,7 @@ const CSS$1 = {
 const ICONS = {
     close: "x",
 };
-const SLOTS$1 = {
+const SLOTS = {
     content: "content",
     contentBottom: "content-bottom",
     contentTop: "content-top",
@@ -138,7 +135,7 @@ const Modal = class {
             this.updateFocusTrapElements();
         };
         this.updateFooterVisibility = () => {
-            this.hasFooter = !!getSlotted(this.el, [SLOTS$1.back, SLOTS$1.primary, SLOTS$1.secondary]);
+            this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
         };
         this.updateSizeCssVars = () => {
             this.cssWidth = getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");
@@ -220,44 +217,44 @@ const Modal = class {
     }
     render() {
         return (h(Host, { key: 'f92cd77f4a5ad4a245ca50fe2b2bfcf9966d4ca8', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { key: 'a9d348a67842162f1bc17ec8422c07963aed412d', class: {
-                [CSS$1.container]: true,
-                [CSS$1.containerOpen]: this.opened,
-                [CSS$1.containerEmbedded]: this.embedded,
-            } }, h("calcite-scrim", { key: '7dc3bc9220fc375522a6d390b633f9573bfa6c67', class: CSS$1.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { key: '40782ba2b6d3f086c884ace3529110e873009504', class: {
-                [CSS$1.modal]: true,
-            }, ref: this.setTransitionEl }, h("div", { key: 'ea3a72ab0a0e5abae6e766d0b7b2cfce54667e86', class: CSS$1.header }, this.renderCloseButton(), h("header", { key: 'abe5c28d11fc6241cd6ac40adef4d94529eb9d5c', class: CSS$1.title }, h("slot", { key: '3d1d6ed6c0249472a00fba4128a861e6a6eae4dd', name: CSS$1.header }))), this.renderContentTop(), h("div", { key: '0e65dfbd175e490586518d1a4c34b9eb1dde1f01', class: {
-                [CSS$1.content]: true,
-                [CSS$1.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, h("slot", { key: 'd5f3b08e61e8e47f64fd13bc6eb7f7ed6a07b7c8', name: SLOTS$1.content })), this.renderContentBottom(), this.renderFooter()))));
+                [CSS.container]: true,
+                [CSS.containerOpen]: this.opened,
+                [CSS.containerEmbedded]: this.embedded,
+            } }, h("calcite-scrim", { key: '7dc3bc9220fc375522a6d390b633f9573bfa6c67', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { key: '40782ba2b6d3f086c884ace3529110e873009504', class: {
+                [CSS.modal]: true,
+            }, ref: this.setTransitionEl }, h("div", { key: 'ea3a72ab0a0e5abae6e766d0b7b2cfce54667e86', class: CSS.header }, this.renderCloseButton(), h("header", { key: 'abe5c28d11fc6241cd6ac40adef4d94529eb9d5c', class: CSS.title }, h("slot", { key: '3d1d6ed6c0249472a00fba4128a861e6a6eae4dd', name: CSS.header }))), this.renderContentTop(), h("div", { key: '0e65dfbd175e490586518d1a4c34b9eb1dde1f01', class: {
+                [CSS.content]: true,
+                [CSS.contentNoFooter]: !this.hasFooter,
+            }, ref: (el) => (this.modalContent = el) }, h("slot", { key: 'd5f3b08e61e8e47f64fd13bc6eb7f7ed6a07b7c8', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
-        return this.hasFooter ? (h("div", { class: CSS$1.footer, key: "footer" }, h("span", { class: CSS$1.back }, h("slot", { name: SLOTS$1.back })), h("span", { class: CSS$1.secondary }, h("slot", { name: SLOTS$1.secondary })), h("span", { class: CSS$1.primary }, h("slot", { name: SLOTS$1.primary })))) : null;
+        return this.hasFooter ? (h("div", { class: CSS.footer, key: "footer" }, h("span", { class: CSS.back }, h("slot", { name: SLOTS.back })), h("span", { class: CSS.secondary }, h("slot", { name: SLOTS.secondary })), h("span", { class: CSS.primary }, h("slot", { name: SLOTS.primary })))) : null;
     }
     renderContentTop() {
-        return (h("div", { class: CSS$1.contentTop, hidden: !this.hasContentTop }, h("slot", { name: SLOTS$1.contentTop, onSlotchange: this.contentTopSlotChangeHandler })));
+        return (h("div", { class: CSS.contentTop, hidden: !this.hasContentTop }, h("slot", { name: SLOTS.contentTop, onSlotchange: this.contentTopSlotChangeHandler })));
     }
     renderContentBottom() {
-        return (h("div", { class: CSS$1.contentBottom, hidden: !this.hasContentBottom }, h("slot", { name: SLOTS$1.contentBottom, onSlotchange: this.contentBottomSlotChangeHandler })));
+        return (h("div", { class: CSS.contentBottom, hidden: !this.hasContentBottom }, h("slot", { name: SLOTS.contentBottom, onSlotchange: this.contentBottomSlotChangeHandler })));
     }
     renderCloseButton() {
-        return !this.closeButtonDisabled ? (h("button", { "aria-label": this.messages.close, class: CSS$1.close, key: "button", onClick: this.handleCloseClick, ref: (el) => (this.closeButtonEl = el), title: this.messages.close }, h("calcite-icon", { icon: ICONS.close, scale: getIconScale(this.scale) }))) : null;
+        return !this.closeButtonDisabled ? (h("button", { "aria-label": this.messages.close, class: CSS.close, key: "button", onClick: this.handleCloseClick, ref: (el) => (this.closeButtonEl = el), title: this.messages.close }, h("calcite-icon", { icon: ICONS.close, scale: getIconScale(this.scale) }))) : null;
     }
     renderStyle() {
         if (!this.fullscreen && (this.cssWidth || this.cssHeight)) {
-            return (h("style", null, `.${CSS$1.container} {
+            return (h("style", null, `.${CSS.container} {
               ${this.docked && this.cssWidth ? `align-items: center !important;` : ""}
             }
-            .${CSS$1.modal} {
+            .${CSS.modal} {
               block-size: ${this.cssHeight ? this.cssHeight : "auto"} !important;
               ${this.cssWidth ? `inline-size: ${this.cssWidth} !important;` : ""}
               ${this.cssWidth ? `max-inline-size: ${this.cssWidth} !important;` : ""}
               ${this.docked ? `border-radius: var(--calcite-border-radius) !important;` : ""}
             }
             @media screen and (max-width: ${this.cssWidth}) {
-              .${CSS$1.container} {
+              .${CSS.container} {
                 ${this.docked ? `align-items: flex-end !important;` : ""}
               }
-              .${CSS$1.modal} {
+              .${CSS.modal} {
                 max-block-size: 100% !important;
                 inline-size: 100% !important;
                 max-inline-size: 100% !important;
@@ -324,20 +321,20 @@ const Modal = class {
         }
     }
     onBeforeOpen() {
-        this.transitionEl.classList.add(CSS$1.openingActive);
+        this.transitionEl.classList.add(CSS.openingActive);
         this.calciteModalBeforeOpen.emit();
     }
     onOpen() {
-        this.transitionEl.classList.remove(CSS$1.openingIdle, CSS$1.openingActive);
+        this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);
         this.calciteModalOpen.emit();
         activateFocusTrap(this);
     }
     onBeforeClose() {
-        this.transitionEl.classList.add(CSS$1.closingActive);
+        this.transitionEl.classList.add(CSS.closingActive);
         this.calciteModalBeforeClose.emit();
     }
     onClose() {
-        this.transitionEl.classList.remove(CSS$1.closingIdle, CSS$1.closingActive);
+        this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);
         this.calciteModalClose.emit();
         deactivateFocusTrap(this);
     }
@@ -353,7 +350,7 @@ const Modal = class {
         }
     }
     handleOpenedChange(value) {
-        const idleClass = value ? CSS$1.openingIdle : CSS$1.closingIdle;
+        const idleClass = value ? CSS.openingIdle : CSS.closingIdle;
         this.transitionEl.classList.add(idleClass);
         onToggleOpenCloseComponent(this);
     }
@@ -361,8 +358,8 @@ const Modal = class {
         await componentOnReady(this.el);
         this.el.addEventListener("calciteModalOpen", this.openEnd);
         this.opened = true;
-        const titleEl = getSlotted(this.el, SLOTS$1.header);
-        const contentEl = getSlotted(this.el, SLOTS$1.content);
+        const titleEl = getSlotted(this.el, SLOTS.header);
+        const contentEl = getSlotted(this.el, SLOTS.content);
         this.titleId = ensureId(titleEl);
         this.contentId = ensureId(contentEl);
         if (!this.embedded) {
@@ -389,340 +386,4 @@ const Modal = class {
 };
 Modal.style = CalciteModalStyle0;
 
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-const CSS = {
-    main: "main",
-    content: "content",
-    contentBehind: "content--behind",
-    contentBottom: "content-bottom",
-    contentNonInteractive: "content--non-interactive",
-    footer: "footer",
-    positionedSlotWrapper: "positioned-slot-wrapper",
-    container: "container",
-    contentBehindCenterContent: "center-content",
-};
-const SLOTS = {
-    centerRow: "center-row",
-    panelStart: "panel-start",
-    panelEnd: "panel-end",
-    panelTop: "panel-top",
-    panelBottom: "panel-bottom",
-    header: "header",
-    footer: "footer",
-    alerts: "alerts",
-    sheets: "sheets",
-    modals: "modals",
-    dialogs: "dialogs",
-};
-
-const shellCss = ":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:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--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);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";
-const CalciteShellStyle0 = shellCss;
-
-const Shell = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.handleHeaderSlotChange = (event) => {
-            this.hasHeader = !!slotChangeHasAssignedElement(event);
-        };
-        this.handleFooterSlotChange = (event) => {
-            this.hasFooter = !!slotChangeHasAssignedElement(event);
-        };
-        this.handleAlertsSlotChange = (event) => {
-            this.hasAlerts = !!slotChangeHasAssignedElement(event);
-            slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.tagName === "CALCITE-ALERT") {
-                    el.embedded = true;
-                }
-            });
-        };
-        this.handleSheetsSlotChange = (event) => {
-            this.hasSheets = !!slotChangeHasAssignedElement(event);
-            slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.tagName === "CALCITE-SHEET") {
-                    el.embedded = true;
-                }
-            });
-        };
-        this.handleModalsSlotChange = (event) => {
-            this.hasModals = !!slotChangeHasAssignedElement(event);
-            slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.tagName === "CALCITE-MODAL") {
-                    el.embedded = true;
-                }
-            });
-        };
-        this.handlePanelTopChange = (event) => {
-            this.hasPanelTop = slotChangeHasAssignedElement(event);
-        };
-        this.handlePanelBottomChange = (event) => {
-            this.hasPanelBottom = slotChangeHasAssignedElement(event);
-        };
-        this.handleDialogsSlotChange = (event) => {
-            this.hasDialogs = !!slotChangeHasAssignedElement(event);
-            slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.tagName === "CALCITE-DIALOG") {
-                    el.embedded = true;
-                }
-            });
-        };
-        this.contentBehind = false;
-        this.hasHeader = false;
-        this.hasFooter = false;
-        this.hasAlerts = false;
-        this.hasModals = false;
-        this.hasDialogs = false;
-        this.hasSheets = false;
-        this.hasPanelTop = false;
-        this.hasPanelBottom = false;
-        this.hasOnlyPanelBottom = false;
-        this.panelIsResizing = false;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    handleCalciteInternalShellPanelResizeStart(event) {
-        this.panelIsResizing = true;
-        event.stopPropagation();
-    }
-    handleCalciteInternalShellPanelResizeEnd(event) {
-        this.panelIsResizing = false;
-        event.stopPropagation();
-    }
-    updateHasOnlyPanelBottom() {
-        this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    renderHeader() {
-        return (h("div", { hidden: !this.hasHeader }, h("slot", { key: "header", name: SLOTS.header, onSlotchange: this.handleHeaderSlotChange })));
-    }
-    renderFooter() {
-        return (h("div", { class: CSS.footer, hidden: !this.hasFooter, key: "footer" }, h("slot", { name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange })));
-    }
-    renderAlerts() {
-        return (h("div", { hidden: !this.hasAlerts }, h("slot", { key: "alerts", name: SLOTS.alerts, onSlotchange: this.handleAlertsSlotChange })));
-    }
-    renderSheets() {
-        return (h("div", { hidden: !this.hasSheets }, h("slot", { key: "sheets", name: SLOTS.sheets, onSlotchange: this.handleSheetsSlotChange })));
-    }
-    renderModals() {
-        return (h("div", { hidden: !this.hasModals }, h("slot", { key: "modals", name: SLOTS.modals, onSlotchange: this.handleModalsSlotChange })));
-    }
-    renderDialogs() {
-        return (h("div", { hidden: !this.hasDialogs }, h("slot", { key: "dialogs", name: SLOTS.dialogs, onSlotchange: this.handleDialogsSlotChange })));
-    }
-    renderContent() {
-        const { panelIsResizing } = this;
-        const defaultSlotNode = h("slot", { key: "default-slot" });
-        const defaultSlotContainerNode = panelIsResizing ? (h("div", { class: CSS.contentNonInteractive }, defaultSlotNode)) : (defaultSlotNode);
-        const deprecatedCenterRowSlotNode = (h("slot", { key: "center-row-slot", name: SLOTS.centerRow }));
-        const panelBottomSlotNode = (h("slot", { key: "panel-bottom-slot", name: SLOTS.panelBottom, onSlotchange: this.handlePanelBottomChange }));
-        const panelTopSlotNode = (h("slot", { key: "panel-top-slot", name: SLOTS.panelTop, onSlotchange: this.handlePanelTopChange }));
-        const contentContainerKey = "content-container";
-        const content = this.contentBehind
-            ? [
-                h("div", { class: {
-                        [CSS.content]: true,
-                        [CSS.contentBehind]: true,
-                    }, key: contentContainerKey }, defaultSlotContainerNode),
-                h("div", { class: {
-                        [CSS.contentBehindCenterContent]: true,
-                        [CSS.contentBottom]: this.hasOnlyPanelBottom,
-                    } }, panelTopSlotNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
-            ]
-            : [
-                h("div", { class: { [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }, key: contentContainerKey }, panelTopSlotNode, defaultSlotContainerNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
-            ];
-        return content;
-    }
-    renderMain() {
-        return (h("div", { class: CSS.main }, h("slot", { name: SLOTS.panelStart }), this.renderContent(), h("slot", { name: SLOTS.panelEnd })));
-    }
-    renderPositionedSlots() {
-        return (h("div", { class: CSS.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderDialogs(), this.renderSheets()));
-    }
-    render() {
-        return (h(Fragment, { key: '6864b8b95b6edd871ad622b0d49a3f4a42a0a8a8' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "hasPanelTop": ["updateHasOnlyPanelBottom"],
-        "hasPanelBottom": ["updateHasOnlyPanelBottom"]
-    }; }
-};
-Shell.style = CalciteShellStyle0;
-
-const deleteButtonCss = ":host{display:block}.delete-modal{position:fixed}";
-const DeleteButtonStyle0 = deleteButtonCss;
-
-const DeleteButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.editsComplete = createEvent(this, "editsComplete", 7);
-        this.buttonType = "button";
-        this.disabled = false;
-        this.icon = undefined;
-        this.ids = [];
-        this.layer = undefined;
-        this._confirmDelete = false;
-        this._deleteEndabled = false;
-        this._isDeleting = false;
-        this._supportsDelete = undefined;
-        this._translations = undefined;
-    }
-    get el() { return getElement(this); }
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * watch for changes in layer view and verify if it has editing enabled
-     */
-    async idsWatchHandler() {
-        this._setDeleteEnabled();
-    }
-    /**
-     * watch for changes in layer view and verify if it has editing enabled
-     */
-    async layerWatchHandler() {
-        this._setDeleteEnabled();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Emitted on demand when features have been deleted
-     */
-    editsComplete;
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, { key: '23936d6981c9779f5a21951c6667e3cba86e5d82' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage(), h("calcite-tooltip", { key: '0078ca79ef0a2195be88d0b508fefc9838af9693', placement: "bottom", "reference-element": this.buttonType === "button" ? "solutions-delete" : this.icon }, h("span", { key: '6a2f3c55237c2cb07f17559c9f14edd4b442e004' }, this._translations.delete))));
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        this._setDeleteEnabled();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Verify if the layer supports delete and that we have 1 or more ids
-     */
-    _setDeleteEnabled() {
-        this._supportsDelete = this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete;
-        this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids.length > 0;
-    }
-    /**
-     * Delete all selected records or shows an alert if the layer does not have editing enabled
-     *
-     * @returns a promise that will resolve when the operation is complete
-     */
-    _delete() {
-        this._confirmDelete = true;
-    }
-    /**
-     * Show delete confirmation message
-     *
-     * @returns node to confirm or deny the delete operation
-     */
-    _deleteMessage() {
-        const confirmMessage = this.ids.length === 1 ? this._translations.confirmSingle :
-            this._translations.confirmMultiple;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "delete-modal", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), h("div", { slot: "content" }, confirmMessage), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
-    }
-    /**
-     * Delete the currently selected features
-     */
-    async _deleteFeatures() {
-        this._isDeleting = true;
-        const deleteFeatures = this.ids.map((objectId) => {
-            return { objectId };
-        });
-        await this.layer.applyEdits({
-            deleteFeatures
-        });
-        this._isDeleting = false;
-        this._deleteClosed();
-        this.editsComplete.emit("delete");
-    }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _deleteClosed() {
-        this._confirmDelete = false;
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    static get watchers() { return {
-        "ids": ["idsWatchHandler"],
-        "layer": ["layerWatchHandler"]
-    }; }
-};
-DeleteButton.style = DeleteButtonStyle0;
-
-export { Modal as calcite_modal, Shell as calcite_shell, DeleteButton as delete_button };
+export { Modal as calcite_modal };

package/dist/esm/calcite-shell-panel_14.entry.js

@@ -1836,7 +1836,7 @@ const JsonEditor = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2932135e373b0e5cf5bc5347c7b7960a60e81df1' }, h("div", { key: '98579089177f92e2a3600dd64d738e4ec8ff8ae2', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '971de116ef81850ecc2fcbff9d9f30e36c5928cf', class: "editor-controls" }, h("div", { key: '75e505043095753dc414dad671c6eec4e27a47c1', class: "editor-buttons" }, h("calcite-icon", { key: 'af8645c74758aff0f310089a5c97a504a52a2026', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '6d736a2f3aa9c3e0efd5c1919253fc02e3dec0a2', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '20fdf41124e256f139c7be3bd6f0e42823706cec', icon: "undo", scale: "s" })), h("calcite-button", { key: '7ca8a3bf590e33d6596af51e0b1f25019e9f806a', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '3e248322dd1381da5ec609e92953d8ea94ebad29', icon: "redo", scale: "s" })), h("calcite-button", { key: '2e147af3b73714e40347f432d3d440d0e9bd2ae9', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'dc3fea2e4743511af20347412c6093163f0b674c', icon: "compare", scale: "s" })), h("calcite-button", { key: 'f983c7535f4a36a693b186a716ad6750e33f679a', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '315076f61831b8294e0c9b2c2e5fb174d9163bce', icon: "search", scale: "s" })), h("calcite-button", { key: 'a9223c5ad5eeed5a932ce106d3f3db90008933b9', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '0cd3c9c634da8fe710890b533bc046c536af0bb2', icon: "reset", scale: "s" })))), h("div", { key: '73fc19136eb3aa3148c859ba617cd9904ee92f98', class: "edit-parent" }, h("div", { key: '57435dbeeef39ddaeb97256512acca6360e1a7ec', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '152e58aeb94ae22d6d11e4332496cb2e637ebbca', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: '0c7531c8c816eb9be80d357b19b568ccdb22c407' }, h("div", { key: '866f82b68c2a750edfc80d801e4ea95a3f655100', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '5b9f15641f6a26daeb3847d8ef75c76b8be44fc5', class: "editor-controls" }, h("div", { key: 'd1e91eaa242ccd23d5dc1386b6a58d2fafeb4083', class: "editor-buttons" }, h("calcite-icon", { key: 'd9364f7dfdbc22a414b4711c8a22e145b533998e', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '29750fc7cedf1f9caf556df3ff84dc45d6b922b9', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'c95008b3fccb8bc33f01eb1bd204c84141850981', icon: "undo", scale: "s" })), h("calcite-button", { key: '49ac9ee70c58954f6dee34524f4c7ab6fa0d7a49', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '2170c36d0fd236c989222991353324d50afa8ac0', icon: "redo", scale: "s" })), h("calcite-button", { key: 'c6e1a0f84fac6fb02d2590cc7b32aefffbc06d25', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '88443cfd2a8888447acc75588ecff7938ade5273', icon: "compare", scale: "s" })), h("calcite-button", { key: '42dcd8f63600d4ddb77eaedd529321999cf537b3', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '31e8ced3f14f1475c62133fbd7730e34b2bc4028', icon: "search", scale: "s" })), h("calcite-button", { key: '769b268d7476f3fe1a8623e9432cfae56602db0c', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '4a8ead1dbf8fefe8b4106a0f6f9c42fb5b875cd2', icon: "reset", scale: "s" })))), h("div", { key: '98f29030a0fa0ecbce0d165840a30edd655ba249', class: "edit-parent" }, h("div", { key: '1441e32a184bc24f2a0a25fcb855c41b40bd0cec', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: 'f0cf0a3bd11d3f8102c4cc8695ac1743bac36bbb', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2197,7 +2197,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, h("input", { key: '11dc51158e385025d139372682b33d2093956a50', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: 'fd7cc19c2f682b43c71d43d1ec1313348345b415' }, h("div", { key: 'd38fbcb57a2cf536b99a50d73f7cb67791774419', class: "parent-container" }, h("div", { key: 'e6b97716b8ae90de71af758b07b055adc6d2a4d4', class: "inputBottomSeparation" }, h("calcite-input", { key: '6bb7bc4c0cb1eb082a3862582e2a1c72c8499d48', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'daa80a28b1ee9a282048d57c3d1583fb0c1bd6c4', class: "inputBottomSeparation" }, h("input", { key: 'afc61173cfa6545e688775b0aa439b11cee064ca', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '8bdedcdf27d0ee7d0db030404940a4a6c7f6f586', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'e08bd937cdadd627a3a618a112cf1e617718deb4', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '6047587bce5ffa4b6530c545d36f78a7f9deeebc', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '44f12983273cfcda9720f34daf4bfa85952de2f1', class: "flex" }, h("div", { key: 'cb5d60f3164874dfc964b5727be89c7a37c31dec', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '0b1c39af99a3ecb3e558a77bd91ed0a751756e32', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '751954b3200fe4133dca864212aba924bb547817', class: "snippet-count-container" }, h("calcite-input", { key: '071d1595f9b71b45ed12ee3cff8b5613e96acae7', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '69238efe97f605880cde5f59dd967414c08b94a2', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: 'd94607358c364fba61bc781b79f4919f50082db2' }, this._translations.description, h("label", { key: 'dbc9f48ee0ca4ad0150629635d027998b17101af', id: "item-description-label" }, h("calcite-input", { key: '152612af16b43f8ed4ad98405c885c11fec6cad7', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '0bec1e2c5464da93ebd49f0790cd573ef28e6e00' }, this._translations.tags, h("label", { key: '03957c08d3a9bc3a2707e65ae3a8d2870449b54f', id: "item-tags-label" }, h("calcite-input", { key: '690cb769d8bb784ef33d30f43d4abb3b8b836894', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();
@@ -2375,7 +2375,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '3b94a68c01079f717b1ff38b82f946a32cfcb3a4' }, h("div", { key: 'e2fd74849f827a5e9756182ead2c23b3ef9584b9', class: "container-border" }, h("calcite-label", { key: '4ac7e9adf98368d5f8b985519a8fd9d1ab24d5d6' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2494,7 +2494,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '0dd925da12c0eb9861637e78d74c75ad4a23c9f3' }, h("div", { key: '324cfdc588fce6ee5a69b7cd54956a0ab0ef0adf' }, h("h4", { key: '2fca69530272a3f0630b86d36bbc78ec651c45d1', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '6f05088ebfaf50e4516c634f1a016275f4228c45', class: "container-border" }, h("calcite-tree", { key: '22585bb1a7cae978c3fbf7301d33b81b4fffb540', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2592,7 +2592,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '95659a6d3572354aef8a879694e41ab6821ca506' }, h("div", { key: 'fa34097cf27797000558b4ddb001ba7e89d8fe71', class: "resource-item" }, h("div", { key: 'a7797a17c4cef3e7189157b141fdbf5c3b34143c', class: "margin-bottom-1" }, h("calcite-button", { key: 'd6d70a4240348a12b2f4847abc3806ef46064871', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'c9a73c13a223b8120965bcf092ef63c6a9443f43', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '0eb74fd024fc421b94391984b842a4a7ffd491c5', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------
@@ -2874,7 +2874,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '3e0a532158fffbba07faee43152573eb3577da84' }, h("div", { key: '5631eb64e45d31465361491e9585c8eddd04dce7', class: "solution-data-container" }, h("calcite-shell", { key: '9b065784804b86fa1c09c9d7e5f173a6ea793883', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '254dcf1c48812c98a69bac8e7b6ca91a39eb9cff', class: "json-editor" }, h("div", { key: '86f686a03298bb06b8b855ae59a66e42cec25ad4', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '0549a48a16bb94ed7be3064f4b622b1a10563bfd', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'a3879f3d3b95d2878a5ec98265a6a120c78366f6', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '4e8a2206eb7e57e8beb5e854f3cd66d7bae96101', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '180bb9e0a1aff223625e3979930a9904dc778a1d', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a1064c394bb1a9c95493a052057bdfb2ccc7b20a', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '19ef108d689b875a329a22f0729f34bd3c5edbd1', value: this.organizationVariables })), h("div", { key: '3671681ffde2ef2aae1a84c608fbe08c0f4e7bcc', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '7bdbb7baedf02ff299e620741995a393c4bf976d', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -2948,7 +2948,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: 'a600c4dc88ee4ea3f9d7810695f71283f834933b' }, h("div", { key: 'c5c2abd0d19c778366c04dfd6b04f26bcb86b59b' }, h("h4", { key: '087db039abd818f71838c88ef09eafc46d18b5c8', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'd524981a512342d18d616137c7951f7c0f3f870b', class: "container-border" }, h("calcite-tree", { key: '4630d4aa5a35d3e3a173e3aaae9b35b0dd636b4f', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //