@esri/solutions-components 0.6.23 → 0.6.25

package/dist/types/components.d.ts

@@ -90,6 +90,10 @@ export namespace Components {
           * boolean: when true the basemap widget will be available
          */
         "enableBasemap": boolean;
+        /**
+          * boolean: when true the export to csv button will be available
+         */
+        "enableCSV": boolean;
         /**
           * boolean: when true the fullscreen widget will be available
          */
@@ -250,14 +254,13 @@ export namespace Components {
          */
         "enableAutoRefresh": boolean;
         /**
-          * boolean: when true edits can be applied directly within the table
+          * boolean: when true the export to csv button will be available
          */
-        "enableInlineEdit": boolean;
+        "enableCSV": boolean;
         /**
-          * Get the selected graphics
-          * @returns Promise that resolves when the operation is complete
+          * boolean: when true edits can be applied directly within the table
          */
-        "getSelectedGraphics": () => Promise<__esri.Graphic[]>;
+        "enableInlineEdit": boolean;
         /**
           * IMapInfo: key configuration details about the current map
          */
@@ -1347,6 +1350,10 @@ declare namespace LocalJSX {
           * boolean: when true the basemap widget will be available
          */
         "enableBasemap"?: boolean;
+        /**
+          * boolean: when true the export to csv button will be available
+         */
+        "enableCSV"?: boolean;
         /**
           * boolean: when true the fullscreen widget will be available
          */
@@ -1497,6 +1504,10 @@ declare namespace LocalJSX {
           * boolean: when true the layer table will auto refresh the data
          */
         "enableAutoRefresh"?: boolean;
+        /**
+          * boolean: when true the export to csv button will be available
+         */
+        "enableCSV"?: boolean;
         /**
           * boolean: when true edits can be applied directly within the table
          */

package/dist/types/preact.d.ts

@@ -50,7 +50,11 @@ declare module "preact/src/jsx" {
 
       "calcite-avatar": JSX.SolutionsAvatar & JSXInternal.HTMLAttributes<HTMLSolutionsAvatarElement>
 
-      "calcite-block": Omit<JSX.SolutionsBlock, "onCalciteBlockToggle"> & JSXInternal.HTMLAttributes<HTMLSolutionsBlockElement> & {
+      "calcite-block": Omit<JSX.SolutionsBlock, "onCalciteBlockBeforeClose" | "onCalciteBlockBeforeOpen" | "onCalciteBlockClose" | "onCalciteBlockOpen" | "onCalciteBlockToggle"> & JSXInternal.HTMLAttributes<HTMLSolutionsBlockElement> & {
+        "oncalciteBlockBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteBlockBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteBlockClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteBlockOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteBlockToggle"?: (event: CustomEvent<any>) => void;
       }
 
@@ -155,10 +159,11 @@ declare module "preact/src/jsx" {
 
       "calcite-flow": JSX.SolutionsFlow & JSXInternal.HTMLAttributes<HTMLSolutionsFlowElement>
 
-      "calcite-flow-item": Omit<JSX.SolutionsFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose"> & JSXInternal.HTMLAttributes<HTMLSolutionsFlowItemElement> & {
+      "calcite-flow-item": Omit<JSX.SolutionsFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose" | "onCalciteFlowItemToggle"> & JSXInternal.HTMLAttributes<HTMLSolutionsFlowItemElement> & {
         "oncalciteFlowItemBack"?: (event: CustomEvent<any>) => void;
         "oncalciteFlowItemScroll"?: (event: CustomEvent<any>) => void;
         "oncalciteFlowItemClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteFlowItemToggle"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-graph": JSX.SolutionsGraph & JSXInternal.HTMLAttributes<HTMLSolutionsGraphElement>
@@ -207,8 +212,12 @@ declare module "preact/src/jsx" {
         "oncalciteInputTextChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-time-picker": Omit<JSX.SolutionsInputTimePicker, "onCalciteInputTimePickerChange"> & JSXInternal.HTMLAttributes<HTMLSolutionsInputTimePickerElement> & {
+      "calcite-input-time-picker": Omit<JSX.SolutionsInputTimePicker, "onCalciteInputTimePickerBeforeClose" | "onCalciteInputTimePickerBeforeOpen" | "onCalciteInputTimePickerChange" | "onCalciteInputTimePickerClose" | "onCalciteInputTimePickerOpen"> & JSXInternal.HTMLAttributes<HTMLSolutionsInputTimePickerElement> & {
+        "oncalciteInputTimePickerBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTimePickerBeforeOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteInputTimePickerChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTimePickerClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTimePickerOpen"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-input-time-zone": Omit<JSX.SolutionsInputTimeZone, "onCalciteInputTimeZoneBeforeClose" | "onCalciteInputTimeZoneBeforeOpen" | "onCalciteInputTimeZoneChange" | "onCalciteInputTimeZoneClose" | "onCalciteInputTimeZoneOpen"> & JSXInternal.HTMLAttributes<HTMLSolutionsInputTimeZoneElement> & {
@@ -271,7 +280,9 @@ declare module "preact/src/jsx" {
 
       "calcite-navigation-user": JSX.SolutionsCalciteNavigationUser & JSXInternal.HTMLAttributes<HTMLSolutionsCalciteNavigationUserElement>
 
-      "calcite-notice": Omit<JSX.SolutionsNotice, "onCalciteNoticeClose" | "onCalciteNoticeOpen"> & JSXInternal.HTMLAttributes<HTMLSolutionsNoticeElement> & {
+      "calcite-notice": Omit<JSX.SolutionsNotice, "onCalciteNoticeBeforeClose" | "onCalciteNoticeBeforeOpen" | "onCalciteNoticeClose" | "onCalciteNoticeOpen"> & JSXInternal.HTMLAttributes<HTMLSolutionsNoticeElement> & {
+        "oncalciteNoticeBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteNoticeBeforeOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteNoticeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteNoticeOpen"?: (event: CustomEvent<any>) => void;
       }
@@ -288,8 +299,9 @@ declare module "preact/src/jsx" {
         "oncalcitePaginationChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-panel": Omit<JSX.SolutionsPanel, "onCalcitePanelClose" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLSolutionsPanelElement> & {
+      "calcite-panel": Omit<JSX.SolutionsPanel, "onCalcitePanelClose" | "onCalcitePanelToggle" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLSolutionsPanelElement> & {
         "oncalcitePanelClose"?: (event: CustomEvent<any>) => void;
+        "oncalcitePanelToggle"?: (event: CustomEvent<any>) => void;
         "oncalcitePanelScroll"?: (event: CustomEvent<any>) => void;
       }
 

package/dist/types/utils/interfaces.d.ts

@@ -411,4 +411,5 @@ export interface IExportInfo {
 }
 export interface IBasemapConfig {
   basemapIdsToFilter: string[];
+  basemapGroupId: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.6.23",
+  "version": "0.6.25",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -74,7 +74,7 @@
     "@esri/arcgis-rest-portal": "^3.4.2",
     "@esri/arcgis-rest-request": "^3.4.2",
     "@esri/arcgis-rest-service-admin": "^3.4.2",
-    "@esri/calcite-components": "^1.8.0",
+    "@esri/calcite-components": "^1.9.0",
     "@esri/hub-common": "^12.37.1",
     "@esri/hub-initiatives": "^12.4.1",
     "@esri/hub-sites": "^12.6.0",

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

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