@esri/solutions-components 0.10.9 → 0.10.11

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

@@ -7,33 +7,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.js');
-const dom = require('./dom-63b93b3b.js');
-const component = require('./component-9d0efa36.js');
-const loadable = require('./loadable-ef8f0acf.js');
-const locale = require('./locale-428354f0.js');
-const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
-const t9n = require('./t9n-e5fb720b.js');
-const resources = require('./resources-91cff82d.js');
-const locale$1 = require('./locale-4e7fe921.js');
+const index = require('./index-5a0af791.js');
+const dom = require('./dom-6a9b6275.js');
+const component = require('./component-a4c6a35d.js');
+const loadable = require('./loadable-2e2626dc.js');
+const locale = require('./locale-42c21404.js');
+const openCloseComponent = require('./openCloseComponent-14628d11.js');
+const t9n = require('./t9n-42ba6ea3.js');
+const resources = require('./resources-ed5f0434.js');
+const locale$1 = require('./locale-a09603ee.js');
 const mapViewUtils = require('./mapViewUtils-8d4da732.js');
-const popupUtils = require('./popupUtils-2b5ec788.js');
-require('./guid-4bc1bc0f.js');
-require('./resources-8556a9ce.js');
-require('./browser-02cbd1d9.js');
-require('./key-e4dd32ff.js');
-require('./observers-3440c668.js');
+const popupUtils = require('./popupUtils-92e52dbf.js');
+require('./guid-02e5380f.js');
+require('./resources-dfe71ff2.js');
+require('./browser-69696af0.js');
+require('./key-d6da79d8.js');
+require('./observers-8fed90f3.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
-require('./downloadUtils-b757205e.js');
-require('./solution-resource-57cf345b.js');
-require('./restHelpersGet-bf484fda.js');
+require('./downloadUtils-e6e2f8c4.js');
+require('./solution-resource-16c7510c.js');
+require('./restHelpersGet-88ba0e25.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.11.1
+ * v2.12.0
  */
 const DURATIONS = {
     slow: 14000,
@@ -53,7 +53,7 @@ const CSS = {
     containerBottom: "container--bottom",
     containerBottomEnd: "container--bottom-end",
     containerBottomStart: "container--bottom-start",
-    containerQueued: "container--queued",
+    containerActive: "container--active",
     containerTop: "container--top",
     containerTopEnd: "container--top-end",
     containerTopStart: "container--top-start",
@@ -69,9 +69,77 @@ const CSS = {
     focused: "focused",
 };
 
-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-ui-focus-color, 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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,:host(:focus[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,:host(:focus[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,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}";
+/*!
+ * 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.12.0
+ */
+const alertQueueTimeoutMs = 300;
+class AlertManager {
+    constructor() {
+        // --------------------------------------------------------------------------
+        //
+        //  Private Properties
+        //
+        // --------------------------------------------------------------------------
+        this.registeredElements = [];
+        this.queueTimeoutId = null;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    // --------------------------------------------------------------------------
+    registerElement(alert) {
+        const { registeredElements } = this;
+        if (!registeredElements.includes(alert)) {
+            switch (alert.queue) {
+                case "immediate":
+                    registeredElements.unshift(alert);
+                    break;
+                case "next":
+                    registeredElements.splice(1, 0, alert);
+                    break;
+                case "last":
+                    registeredElements.push(alert);
+                    break;
+            }
+            this.updateAlerts();
+        }
+    }
+    unregisterElement(alert) {
+        const { registeredElements } = this;
+        const index = registeredElements.indexOf(alert);
+        if (index !== -1) {
+            registeredElements.splice(index, 1);
+        }
+        alert.active = false;
+        this.updateAlerts();
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    updateAlerts() {
+        window.clearTimeout(this.queueTimeoutId);
+        this.queueTimeoutId = null;
+        this.registeredElements.forEach((alert, index) => {
+            alert.openAlertCount = this.registeredElements.length;
+            if (index === 0) {
+                this.queueTimeoutId = window.setTimeout(() => (alert.active = true), alertQueueTimeoutMs);
+            }
+            else {
+                alert.active = false;
+            }
+        });
+    }
+}
+
+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: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-ui-focus-color, 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container--active[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,:host(:focus[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,:host(:focus[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,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}";
 const CalciteAlertStyle0 = alertCss;
 
+const manager = new AlertManager();
 const Alert = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -79,15 +147,13 @@ const Alert = class {
         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.handleKeyBoardFocus = () => {
-            this.keyBoardFocus = true;
+            this.isFocused = true;
             this.handleFocus();
         };
         this.handleKeyBoardBlur = () => {
-            this.keyBoardFocus = false;
-            if (!this.mouseFocus) {
+            this.isFocused = false;
+            if (!this.isHovered) {
                 this.handleBlur();
             }
         };
@@ -95,39 +161,29 @@ const Alert = class {
         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.clearAutoCloseTimeout();
         };
         this.actionsEndSlotChangeHandler = (event) => {
             this.hasEndActions = dom.slotChangeHasAssignedElement(event);
         };
         this.handleMouseOver = () => {
-            this.mouseFocus = true;
+            this.isHovered = true;
             this.handleFocus();
         };
         this.handleMouseLeave = () => {
-            this.mouseFocus = false;
-            if (!this.keyBoardFocus) {
+            this.isHovered = false;
+            if (!this.isFocused) {
                 this.handleBlur();
             }
         };
         this.handleFocus = () => {
-            window.clearTimeout(this.autoCloseTimeoutId);
-            this.autoCloseTimeoutId = null;
+            this.clearAutoCloseTimeout();
             this.totalOpenTime = Date.now() - this.initialOpenTime;
             this.lastMouseOverBegin = Date.now();
         };
@@ -137,6 +193,8 @@ const Alert = class {
             this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;
             this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);
         };
+        this.active = false;
+        this.openAlertCount = 0;
         this.open = false;
         this.autoClose = false;
         this.autoCloseDuration = "medium";
@@ -150,34 +208,44 @@ const Alert = class {
         this.scale = "m";
         this.messages = undefined;
         this.messageOverrides = undefined;
+        this.queue = "last";
         this.defaultMessages = undefined;
         this.effectiveLocale = "";
         this.numberStringFormatter = new locale.NumberStringFormat();
         this.hasEndActions = false;
-        this.queue = [];
-        this.queueLength = 0;
-        this.queued = false;
-        this.keyBoardFocus = false;
+        this.isFocused = false;
+    }
+    handleActiveChange() {
+        this.clearAutoCloseTimeout();
+        if (this.active && this.autoClose && !this.autoCloseTimeoutId) {
+            this.initialOpenTime = Date.now();
+            this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
+        }
     }
     openHandler() {
         openCloseComponent.onToggleOpenCloseComponent(this);
-        if (this.open && !this.queued) {
-            this.calciteInternalAlertRegister.emit();
+        if (this.open) {
+            manager.registerElement(this.el);
         }
-        if (!this.open) {
-            this.queue = this.queue.filter((el) => el !== this.el);
-            this.calciteInternalAlertSync.emit({ queue: this.queue });
+        else {
+            manager.unregisterElement(this.el);
         }
     }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
     updateDuration() {
         if (this.autoClose && this.autoCloseTimeoutId) {
-            window.clearTimeout(this.autoCloseTimeoutId);
+            this.clearAutoCloseTimeout();
             this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
         }
     }
+    onMessagesChange() {
+        /* wired up by t9n util */
+    }
+    handleQueueChange() {
+        if (this.open) {
+            manager.unregisterElement(this.el);
+            manager.registerElement(this.el);
+        }
+    }
     //--------------------------------------------------------------------------
     //
     //  Lifecycle
@@ -187,8 +255,8 @@ const Alert = class {
         locale.connectLocalized(this);
         t9n.connectMessages(this);
         const open = this.open;
-        if (open && !this.queued) {
-            this.calciteInternalAlertRegister.emit();
+        if (open) {
+            manager.registerElement(this.el);
         }
         this.numberStringFormatter.numberFormatOptions = {
             locale: this.effectiveLocale,
@@ -207,39 +275,36 @@ const Alert = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
-        window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister", {
-            detail: { alert: this.el },
-        }));
-        window.clearTimeout(this.autoCloseTimeoutId);
-        this.autoCloseTimeoutId = null;
-        window.clearTimeout(this.queueTimeout);
+        manager.unregisterElement(this.el);
+        this.clearAutoCloseTimeout();
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
         this.embedded = false;
     }
     render() {
-        const { open, autoClose, label, placement, queued } = this;
+        const { open, autoClose, label, placement, active, openAlertCount } = 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, { key: '169116d24d8bc100282c6338c2ed72168cba745e', "aria-hidden": dom.toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, index.h("div", { key: 'b2d44e2f889e37a0481c860c98c4f5067eb48c33', class: {
+        const hasQueuedAlerts = openAlertCount > 1;
+        return (index.h(index.Host, { key: '925efaa1db32fd70f778106456e1dbb11d5a33b1', "aria-hidden": dom.toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, index.h("div", { key: 'fc92bdb0f32f2e5461144fcc95d4cf77f1f1c916', class: {
                 [CSS.container]: true,
-                [CSS.containerQueued]: queued,
+                [CSS.containerActive]: active,
                 [`${CSS.container}--${placement}`]: true,
                 [CSS.containerEmbedded]: this.embedded,
-                [CSS.focused]: this.keyBoardFocus,
-            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), index.h("div", { key: 'add55405eff3b705b676338de5aa57b1606ccdab', class: CSS.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, index.h("slot", { key: '6dde08e89c9455c9f10f109d2a2c56a8c181a0ce', name: SLOTS.title }), index.h("slot", { key: 'a5f7cdfa56988f5330c7d252c578863077cdffa8', name: SLOTS.message }), index.h("slot", { key: 'e9efbead90aafecd3c955b353bdd7bf9c15a8240', name: SLOTS.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && !queued && autoClose ? index.h("div", { class: CSS.dismissProgress }) : null)));
+                [CSS.focused]: this.isFocused,
+            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), index.h("div", { key: '52fe536e5f4feb0714431c5a46e0a0a2dbf27110', class: CSS.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, index.h("slot", { key: '6037f775c962ba14084e8ec8b86c7a177fef037f', name: SLOTS.title }), index.h("slot", { key: '736344f5602889a2a4a8fc0d22963b827a41519a', name: SLOTS.message }), index.h("slot", { key: '8eea607803b78c9ff554682bb36fbea3e1693d6e', name: SLOTS.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && active && 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, onFocusin: this.autoClose ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null, ref: (el) => (this.closeButton = el), type: "button" }, index.h("calcite-icon", { icon: "x", scale: component.getIconScale(this.scale) })));
     }
     renderQueueCount() {
-        const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
+        const { openAlertCount } = this;
+        const queueNumber = openAlertCount > 2 ? openAlertCount - 1 : 1;
         const queueText = this.numberStringFormatter.numberFormatter.format(queueNumber);
         return (index.h("div", { class: {
                 [CSS.queueCount]: true,
-                [CSS.queueCountActive]: this.queueLength > 1,
+                [CSS.queueCountActive]: openAlertCount > 1,
             }, key: "queue-count" }, index.h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
     }
     renderActionsEnd() {
@@ -248,38 +313,16 @@ const Alert = class {
     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. */
+    /**
+     * Sets focus on the component's "close" button, the first focusable item.
+     *
+      @returns {Promise<void>}
+     */
     async setFocus() {
         await loadable.componentFocusable(this);
         const alertLinkEl = dom.getSlotted(this.el, { selector: "calcite-link" });
@@ -308,18 +351,14 @@ const Alert = class {
             signDisplay: "always",
         };
     }
-    /** determine which alert is active */
-    determineActiveAlert() {
-        if (this.queue?.[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;
-        }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    clearAutoCloseTimeout() {
+        window.clearTimeout(this.autoCloseTimeoutId);
+        this.autoCloseTimeoutId = null;
     }
     onBeforeOpen() {
         this.calciteAlertBeforeOpen.emit();
@@ -333,17 +372,14 @@ const Alert = class {
     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 {
+        "active": ["handleActiveChange"],
         "open": ["openHandler"],
-        "messageOverrides": ["onMessagesChange"],
         "autoCloseDuration": ["updateDuration"],
+        "messageOverrides": ["onMessagesChange"],
+        "queue": ["handleQueueChange"],
         "effectiveLocale": ["effectiveLocaleChange"],
         "numberingSystem": ["numberingSystemChange"]
     }; }
@@ -422,7 +458,7 @@ const DeleteButton = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '87e080ea4203ab7fcb1313d8fa57a3d5c5d37885' }, this.buttonType === "button" ? (index.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()))) : (index.h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, index.h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
+        return (index.h(index.Host, { key: '1ff43b4d224c4cf7bbfc0656e9605cd4ac4c971a' }, this.buttonType === "button" ? (index.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()))) : (index.h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, index.h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -672,7 +708,7 @@ const EditCard = class {
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (index.h(index.Host, { key: '5f81ea077d226b6bccf489c0628bf425df078d3a' }, index.h("div", { key: 'b66be8fe337bdedfe55d5897d044e5d2f6741c7e', class: "position-absolute" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { key: '58c7c0ff41141280c69d6477b3699bc6960b7a0a', class: "position-absolute" }, index.h("div", { key: '6b853f84699c0dcbeb867c13b7cd84f6316d87a9', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { key: '2a30bcd6e2fad7f65d16b167cf9d1cdc7549ca01', class: loadingClass, label: "", scale: "s" })))));
+        return (index.h(index.Host, { key: 'ae604b83ef7eb6a2117145b3e9f9c1c8dd1c8688' }, index.h("div", { key: 'a229ea8ae44ef10a2a75011d81d0c16a461b675f', class: "position-absolute" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { key: 'c9461e247a3b3b6e0c7af17a3646282dbd410b89', class: "position-absolute" }, index.h("div", { key: '3e385f2d39277de3eeb665e6b95a1c426d3c66b4', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { key: 'a995cdebcbbd9d25d2f0784c5dca7dbfbd2757dd', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -994,8 +1030,8 @@ const InfoCard = class {
         const id = this._features?.selectedFeature?.getObjectId();
         const ids = parseInt(id?.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-        return (index.h(index.Host, { key: '2d0ebbf98b0d7e6f391d875258effbc6d4dc72f5' }, index.h("calcite-shell", { key: '260ac176bd21e9012f34ba66e27cd7a4ec1e7ff0', style: { position: this.position } }, this._getHeader(), index.h("calcite-loader", { key: 'f72c7fe39f646655f8ee71ac7d336aaf7dd3afbd', class: loadingClass, label: this._translations.fetchingData }), index.h("div", { key: '43933c437a046a6505e121e43736aac92382effa', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), index.h("div", { key: '4433d5975b6d25dc77932f99b2b7aa9d3ade77e8', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            index.h("div", { key: 'da7610d89193e5594429d26b805ba44ec064904f', class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { key: 'dc22d8cf61f07085e011b45636e8f4950912e5b3', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (index.h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, index.h("calcite-tooltip", { key: '1ee8d69384f85258ed10946206e42634798a700b', placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", { key: '3b8b822a40ef6932aa3ad34c8e05bb758be7aff8' }, this._translations.edit)), this.isMobile ? (index.h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, index.h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && index.h("div", { key: '172bddeb6f0f1d73dbd563e3b244c311ec4904fe', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, index.h("div", { key: '66059747f9aad9fabd26a9d7a88e4cac762e096d' }, index.h("calcite-button", { key: '05b36ba1d5539a16eef53e35cc88eb5134c45104', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), index.h("calcite-tooltip", { key: '2736e0047665272cede16b1e3b1d94495075d310', placement: "top", "reference-element": "solutions-back" }, index.h("span", { key: '7c40eae302564f5bcd7a10471481a65c16be9ee5' }, this._translations.back))), index.h("calcite-action", { key: '873d07e0ecbf456f4010c80c23baaae3f0ce6335', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, index.h("span", { key: '49dabbcabc8fb64c5cd0581f826c9570270d3ce9', class: "pagination-count" }, this._count)), index.h("div", { key: '570df27fa721c4cb62c9bd77d7197c830410e387' }, index.h("calcite-button", { key: '6bd9010b943216af756558e8f062b475d138ee49', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), index.h("calcite-tooltip", { key: '1ee755e1694d3d4b8d6d5417056e5f287de26912', placement: "top", "reference-element": "solutions-next" }, index.h("span", { key: 'a59e478daa0de11a3e81c22fa61069fdb77a680c' }, this._translations.next))))), index.h("edit-card", { key: '7f231459e65132658f08338ca67782d1584c761d', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { key: '76b7c28eea68cb73549e563afcdeab5f4ecc44b8', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { key: '5d6456ce4bc64dc074b238bdf38f05436c1d0ebc', slot: "title" }, this._translations.editDisabled), index.h("div", { key: 'cf8ebf5e8d2277fb815afdc12ae5f9e37312b2c5', slot: "message" }, this._translations.enableEditing)))));
+        return (index.h(index.Host, { key: '8714c3ab52be88e3622888c7984c9ded5759fa17' }, index.h("calcite-shell", { key: 'f63b166a00794815af852a1260fe7b67784428d4', style: { position: this.position } }, this._getHeader(), index.h("calcite-loader", { key: 'b937ff64982989f3dec3c94236932698300b0eb6', class: loadingClass, label: this._translations.fetchingData }), index.h("div", { key: '0f7b914839ab400b1f757eb50cd0ba5f60628336', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), index.h("div", { key: '9867c94363da7d060bc718e77eab0ed139d4ba7d', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            index.h("div", { key: 'a90edcda183289259db99b9255d28d6c31809d40', class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { key: 'b1bc47ed857efc478c11e1353216bb8925b75885', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (index.h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, index.h("calcite-tooltip", { key: 'd493735dadf6dd34a767332a1a179716fbfa6384', placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", { key: '663217b0b2c078aa7ac1b99a891af5380b9521c1' }, this._translations.edit)), this.isMobile ? (index.h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, index.h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && index.h("div", { key: 'df2249f431b0df3a25c44fb6d54adec903bbe328', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, index.h("div", { key: '31b82d904e766f938c2c1fc5bd76625921e7fe10' }, index.h("calcite-button", { key: '49656c590d330796f1d508ef33689f909991a6ec', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), index.h("calcite-tooltip", { key: 'f5238fdc65fa68152961253d536be38a044aeb76', placement: "top", "reference-element": "solutions-back" }, index.h("span", { key: '470c4da1cd28940155bdbd30acc8b742d827a891' }, this._translations.back))), index.h("calcite-action", { key: 'be9e9b4d4dbabe2c11bf13043bfb33cdae093315', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, index.h("span", { key: 'd7d3313b537691ac131b958475e6547f3659c6ac', class: "pagination-count" }, this._count)), index.h("div", { key: '0ef506ac483cf51a958e335b16cbe9a764bb497e' }, index.h("calcite-button", { key: 'f3c1a25fe1a619275f32058d1fa646467e83cca5', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), index.h("calcite-tooltip", { key: 'cddbf1200a3acd465e5ef23f34b5bf26c81ffad5', placement: "top", "reference-element": "solutions-next" }, index.h("span", { key: '9e9454c303b8f37f12d4ad07b3401d50bd04141d' }, this._translations.next))))), index.h("edit-card", { key: '3497893bbb59f3a2ace941d3bb1d98b0fa7fac0c', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { key: '4fa290b977bf7c619cc349176bb1e244c554b58d', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { key: '1e3998afedd33582d33e0c1556a1bcac87902761', slot: "title" }, this._translations.editDisabled), index.h("div", { key: '489ef148cc4da2a7d7e881d4de9cd6a71ac53809', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //