@esri/solutions-components 0.6.23 → 0.6.26

package/dist/components/interactive.js

@@ -8,7 +8,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * 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
+ * v1.9.0
  */
 function getUserAgentData() {
   return navigator.userAgentData;
@@ -26,7 +26,7 @@ function getUserAgentString() {
 /*!
  * 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
+ * v1.9.0
  */
 // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
 const isFirefox = /firefox/i.test(getUserAgentString());

package/dist/components/key.js

@@ -6,7 +6,7 @@
 /*!
  * 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
+ * v1.9.0
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/ko.js

@@ -14,7 +14,7 @@ var locale = {
   months: '1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월'.split('_'),
   monthsShort: '1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월'.split('_'),
   ordinal: function ordinal(n) {
-    return n;
+    return n + "\uC77C";
   },
   formats: {
     LT: 'A h:mm',

package/dist/components/label.js

@@ -8,7 +8,7 @@ import { d as isBefore, q as queryElementRoots, c as closestElementCrossShadowBo
 /*!
  * 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
+ * v1.9.0
  */
 /**
  * Exported for testing purposes only

package/dist/components/label2.js

@@ -9,7 +9,7 @@ import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label.j
 /*!
  * 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
+ * v1.9.0
  */
 const CSS = {
   container: "container",

package/dist/components/layer-table2.js

@@ -7,13 +7,12 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { l as loadModules } from './loadModules.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { a as goToSelection, g as getLayerOrTable } from './mapViewUtils.js';
-import { b as queryAllIds, q as queryFeaturesByID } from './queryUtils.js';
+import { b as queryAllIds } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
-import { d as defineCustomElement$o } from './action.js';
-import { d as defineCustomElement$n } from './action-bar.js';
-import { d as defineCustomElement$m } from './action-group.js';
-import { d as defineCustomElement$l } from './action-menu.js';
-import { d as defineCustomElement$k } from './alert.js';
+import { d as defineCustomElement$n } from './action.js';
+import { d as defineCustomElement$m } from './action-bar.js';
+import { d as defineCustomElement$l } from './action-group.js';
+import { d as defineCustomElement$k } from './action-menu.js';
 import { d as defineCustomElement$j } from './button.js';
 import { d as defineCustomElement$i } from './chip.js';
 import { d as defineCustomElement$h } from './combobox.js';
@@ -34,7 +33,7 @@ import { d as defineCustomElement$3 } from './shell.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
-const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}";
+const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}";
 
 const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTMLElement {
   constructor() {
@@ -62,13 +61,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
       this._tableNode = node;
     };
     this.enableAutoRefresh = undefined;
+    this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
     this.showNewestFirst = undefined;
     this.zoomAndScrollToSelected = undefined;
-    this._alertOpen = false;
+    this._confirmDelete = false;
     this._fetchingData = false;
     this._isDeleting = false;
     this._layer = undefined;
@@ -111,20 +111,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
       await this._sortTable();
     }
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Get the selected graphics
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
-  async getSelectedGraphics() {
-    return this._selectedIndexes.length > 0 ?
-      await this._getGraphics(this._selectedIndexes) : [];
-  }
   /**
    * Scroll and zoom to the selected feature from the Features widget.
    *
@@ -190,7 +176,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     const selected = this._selectedIndexes.length.toString();
     return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left background text-color" }, this._translations.recordsSelected
       .replace("{{total}}", total)
-      .replace("{{selected}}", selected))), this._getEditDisabledWarning()), this._deleteMessage()));
+      .replace("{{selected}}", selected)))), this._deleteMessage()));
   }
   //--------------------------------------------------------------------------
   //
@@ -223,7 +209,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
     const id = "more-table-options";
-    return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showTables: true, type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV))), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
+    return (h("div", { class: "display-flex border-bottom height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showTables: true, type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), this.enableCSV ?
+      (h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)) : undefined)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
   }
   /**
    * Get an action and tooltip
@@ -283,7 +270,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
       this._checkEditEnabled();
       await this._table.when(() => {
         this._table.highlightIds.on("change", () => {
-          this._selectedIndexes = this._table.highlightIds.toArray();
+          // https://github.com/Esri/solutions-components/issues/365
+          this._selectedIndexes = this._table.highlightIds.toArray().reverse();
           if (this._showOnlySelected) {
             if (this._selectedIndexes.length > 0) {
               this._table.filterBySelection();
@@ -361,21 +349,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
       }
     }
   }
-  /**
-   * Show warning when editing is disabled
-   *
-   * @returns node with warning message
-   */
-  _getEditDisabledWarning() {
-    return (h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen && !this._confirmDelete, placement: "top" }, h("div", { slot: "title" }, this._translations.deleteDisabled), h("div", { slot: "message" }, this._translations.enableEditing)));
-  }
   /**
    * Show delete confirmation message
    *
    * @returns node to confirm or deny the delete operation
    */
   _deleteMessage() {
-    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._alertClosed(), 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)));
+    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), 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
@@ -393,7 +373,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     await this._table.refresh();
     this._allIds = await queryAllIds(this._layer);
     this._isDeleting = false;
-    this._alertClosed();
+    this._deleteClosed();
   }
   /**
    * Handle map click events to keep table and map click selection in sync
@@ -429,8 +409,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    *
    * @returns void
    */
-  _alertClosed() {
-    this._alertOpen = false;
+  _deleteClosed() {
     this._confirmDelete = false;
   }
   /**
@@ -533,20 +512,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    * @returns a promise that will resolve when the operation is complete
    */
   _delete() {
-    if (this._editEnabled) {
-      this._confirmDelete = true;
-    }
-    this._alertOpen = true;
-  }
-  /**
-   * Get the graphics for all selected indexes
-   *
-   * @param ids the ids for the graphics to fetch
-   *
-   * @returns An array of selected graphics
-   */
-  async _getGraphics(ids) {
-    return ids.length > 0 ? queryFeaturesByID(ids, this._table.layer, [], false, this.mapView.spatialReference) : [];
+    this._confirmDelete = true;
   }
   /**
    * Handles layer selection change to show new table
@@ -635,21 +601,21 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
   static get style() { return layerTableCss; }
 }, [0, "layer-table", {
     "enableAutoRefresh": [4, "enable-auto-refresh"],
+    "enableCSV": [4, "enable-c-s-v"],
     "enableInlineEdit": [4, "enable-inline-edit"],
     "mapInfo": [16],
     "mapView": [16],
     "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
     "showNewestFirst": [4, "show-newest-first"],
     "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
-    "_alertOpen": [32],
+    "_confirmDelete": [32],
     "_fetchingData": [32],
     "_isDeleting": [32],
     "_layer": [32],
     "_selectedIndexes": [32],
     "_showOnlySelected": [32],
     "_sortActive": [32],
-    "_translations": [32],
-    "getSelectedGraphics": [64]
+    "_translations": [32]
   }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "noLayersFound", "noLayersFound"]], {
     "mapView": ["mapViewWatchHandler"],
     "_layer": ["_layerWatchHandler"],
@@ -659,7 +625,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-tooltip", "map-layer-picker"];
+  const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-tooltip", "map-layer-picker"];
   components.forEach(tagName => { switch (tagName) {
     case "layer-table":
       if (!customElements.get(tagName)) {
@@ -667,26 +633,21 @@ function defineCustomElement() {
       }
       break;
     case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "calcite-action-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$n();
       }
       break;
-    case "calcite-action-group":
+    case "calcite-action-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$m();
       }
       break;
-    case "calcite-action-menu":
+    case "calcite-action-group":
       if (!customElements.get(tagName)) {
         defineCustomElement$l();
       }
       break;
-    case "calcite-alert":
+    case "calcite-action-menu":
       if (!customElements.get(tagName)) {
         defineCustomElement$k();
       }

package/dist/components/list.js

@@ -22,7 +22,7 @@ import { d as debounce } from './debounce.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
+ * v1.9.0
  */
 const CSS = {
   container: "container",
@@ -437,26 +437,28 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     const { enabledListItems } = this;
     const sameParentItems = enabledListItems.filter((item) => item.parentElement === parentEl);
     const lastIndex = sameParentItems.length - 1;
-    const startingIndex = sameParentItems.indexOf(sortItem);
+    const oldIndex = sameParentItems.indexOf(sortItem);
     let appendInstead = false;
-    let buddyIndex;
+    let newIndex;
     if (direction === "up") {
-      if (startingIndex === 0) {
+      if (oldIndex === 0) {
         appendInstead = true;
+        newIndex = lastIndex;
       }
       else {
-        buddyIndex = startingIndex - 1;
+        newIndex = oldIndex - 1;
       }
     }
     else {
-      if (startingIndex === lastIndex) {
-        buddyIndex = 0;
+      if (oldIndex === lastIndex) {
+        newIndex = 0;
       }
-      else if (startingIndex === lastIndex - 1) {
+      else if (oldIndex === lastIndex - 1) {
         appendInstead = true;
+        newIndex = lastIndex;
       }
       else {
-        buddyIndex = startingIndex + 2;
+        newIndex = oldIndex + 2;
       }
     }
     this.disconnectObserver();
@@ -464,14 +466,16 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
       parentEl.appendChild(sortItem);
     }
     else {
-      parentEl.insertBefore(sortItem, sameParentItems[buddyIndex]);
+      parentEl.insertBefore(sortItem, sameParentItems[newIndex]);
     }
     this.updateListItems();
     this.connectObserver();
     this.calciteListOrderChange.emit({
       dragEl: sortItem,
-      fromEl: null,
-      toEl: null,
+      fromEl: parentEl,
+      toEl: parentEl,
+      newIndex,
+      oldIndex,
     });
     handle.setFocus().then(() => {
       handle.activated = true;

package/dist/components/loadable.js

@@ -8,7 +8,7 @@ import { Build, forceUpdate } from '@stencil/core/internal/client';
 /*!
  * 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
+ * v1.9.0
  */
 const resolveMap = new WeakMap();
 const promiseMap = new WeakMap();

package/dist/components/locale2.js

@@ -10,7 +10,7 @@ import { c as createObserver } from './observers.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
+ * v1.9.0
  */
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);
 const trailingZeros = new RegExp("0+$");
@@ -217,7 +217,7 @@ function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {
 /*!
  * 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
+ * v1.9.0
  */
 const defaultLocale = "en";
 const t9nLocales = [

package/dist/components/map-card2.js

@@ -69,6 +69,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    */
   async componentWillLoad() {
     await this._initModules();
+    this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
   }
   /**
    * Renders the component.
@@ -89,14 +90,16 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    * @protected
    */
   async _initModules() {
-    const [WebMap, MapView, Home] = await loadModules([
+    const [WebMap, MapView, Home, esriConfig] = await loadModules([
       "esri/WebMap",
       "esri/views/MapView",
-      "esri/widgets/Home"
+      "esri/widgets/Home",
+      "esri/config"
     ]);
     this.WebMap = WebMap;
     this.MapView = MapView;
     this.Home = Home;
+    this.esriConfig = esriConfig;
   }
   /**
    * Load the webmap for the provided webMapInfo

package/dist/components/math.js

@@ -6,7 +6,7 @@
 /*!
  * 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
+ * v1.9.0
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/dist/components/menu.js

@@ -8,73 +8,7 @@ import { h as slotChangeGetAssignedElements, w as focusElementInGroup, f as focu
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
-import { c as createObserver } from './observers.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 allowedGlobalAttributes = ["lang", "role"];
-const elementToComponentAndObserverOptionsMap = new Map();
-let mutationObserver;
-function updateGlobalAttributes(component, attributeFilter, reuseAttributes = false) {
-  const { el } = component;
-  const updatedAttributes = reuseAttributes ? component.globalAttributes : {};
-  attributeFilter
-    .filter((attr) => !!allowedGlobalAttributes.includes(attr) && !!el.hasAttribute(attr))
-    .forEach((attr) => {
-    const value = el.getAttribute(attr);
-    if (value !== null) {
-      updatedAttributes[attr] = value;
-    }
-  });
-  component.globalAttributes = updatedAttributes;
-}
-function processMutations(mutations) {
-  mutations.forEach(({ target }) => {
-    const [component, options] = elementToComponentAndObserverOptionsMap.get(target);
-    updateGlobalAttributes(component, options.attributeFilter);
-  });
-}
-/**
- * Helper to set up listening for changes to global attributes.
- *
- * render(): VNode {
- * return (<Host>
- * <ul {...this.globalAttributes}></div>
- * </Host>);
- * }
- *
- * @param component
- * @param attributeFilter
- */
-function watchGlobalAttributes(component, attributeFilter) {
-  const { el } = component;
-  const observerOptions = { attributeFilter };
-  elementToComponentAndObserverOptionsMap.set(el, [component, observerOptions]);
-  updateGlobalAttributes(component, attributeFilter, true);
-  if (!mutationObserver) {
-    mutationObserver = createObserver("mutation", processMutations);
-  }
-  mutationObserver.observe(el, observerOptions);
-}
-/**
- * Helper remove listening for changes to inherited attributes.
- *
- * @param component
- */
-function unwatchGlobalAttributes(component) {
-  elementToComponentAndObserverOptionsMap.delete(component.el);
-  // we explicitly process queued mutations and disconnect and reconnect
-  // the observer until MutationObserver gets an `unobserve` method
-  // see https://github.com/whatwg/dom/issues/126
-  processMutations(mutationObserver.takeRecords());
-  mutationObserver.disconnect();
-  for (const [element, [, observerOptions]] of elementToComponentAndObserverOptionsMap.entries()) {
-    mutationObserver.observe(element, observerOptions);
-  }
-}
+import { w as watchGlobalAttributes, u as unwatchGlobalAttributes } from './globalAttributes.js';
 
 const menuCss = ":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/components/modal.js

@@ -19,7 +19,7 @@ import { d as defineCustomElement$1 } from './scrim.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
+ * v1.9.0
  */
 const CSS = {
   modal: "modal",

package/dist/components/notice.js

@@ -10,12 +10,13 @@ import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFoc
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n.js';
 import { K as KindIcons } from './resources2.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
 import { d as defineCustomElement$1 } from './icon.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
+ * v1.9.0
  */
 const SLOTS = {
   title: "title",
@@ -38,8 +39,13 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.calciteNoticeBeforeClose = createEvent(this, "calciteNoticeBeforeClose", 6);
+    this.calciteNoticeBeforeOpen = createEvent(this, "calciteNoticeBeforeOpen", 6);
     this.calciteNoticeClose = createEvent(this, "calciteNoticeClose", 6);
     this.calciteNoticeOpen = createEvent(this, "calciteNoticeOpen", 6);
+    this.setTransitionEl = (el) => {
+      this.transitionEl = el;
+    };
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -47,8 +53,8 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     //--------------------------------------------------------------------------
     this.close = () => {
       this.open = false;
-      this.calciteNoticeClose.emit();
     };
+    this.openTransitionProp = "opacity";
     this.open = false;
     this.kind = "brand";
     this.closable = false;
@@ -61,6 +67,9 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
+  openHandler() {
+    onToggleOpenCloseComponent(this);
+  }
   onMessagesChange() {
     /* wired up by t9n util */
   }
@@ -86,6 +95,9 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     setUpLoadableComponent(this);
     this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
     await setUpMessages(this);
+    if (this.open) {
+      onToggleOpenCloseComponent(this);
+    }
   }
   componentDidLoad() {
     setComponentLoaded(this);
@@ -96,7 +108,9 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
       // 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) }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
     const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);
-    return (h("div", { class: CSS.container }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: CSS.content }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
+    return (h("div", { class: CSS.container,
+      // 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 }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: CSS.content }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
   }
   //--------------------------------------------------------------------------
   //
@@ -117,12 +131,25 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
       this.closeButton.focus();
     }
   }
+  onBeforeClose() {
+    this.calciteNoticeBeforeClose.emit();
+  }
+  onBeforeOpen() {
+    this.calciteNoticeBeforeOpen.emit();
+  }
+  onClose() {
+    this.calciteNoticeClose.emit();
+  }
+  onOpen() {
+    this.calciteNoticeOpen.emit();
+  }
   effectiveLocaleChange() {
     updateMessages(this, this.effectiveLocale);
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return this; }
   static get watchers() { return {
+    "open": ["openHandler"],
     "messageOverrides": ["onMessagesChange"],
     "icon": ["updateRequestedIcon"],
     "kind": ["updateRequestedIcon"],
@@ -143,6 +170,7 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     "defaultMessages": [32],
     "setFocus": [64]
   }, undefined, {
+    "open": ["openHandler"],
     "messageOverrides": ["onMessagesChange"],
     "icon": ["updateRequestedIcon"],
     "kind": ["updateRequestedIcon"],

package/dist/components/observers.js

@@ -8,7 +8,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * 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
+ * v1.9.0
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/components/openCloseComponent.js

@@ -8,7 +8,7 @@ import { readTask } from '@stencil/core/internal/client';
 /*!
  * 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
+ * v1.9.0
  */
 function isOpen(component) {
   return "opened" in component ? component.opened : component.open;

package/dist/components/option.js

@@ -35,12 +35,13 @@ const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement
   //
   //--------------------------------------------------------------------------
   ensureTextContentDependentProps() {
-    const { el: { textContent }, } = this;
-    if (!this.label || this.label === this.internallySetLabel) {
+    const { el: { textContent }, internallySetLabel, internallySetValue, label, value, } = this;
+    if (!label || label === internallySetLabel) {
       this.label = textContent;
       this.internallySetLabel = textContent;
     }
-    if (!this.value || this.value === this.internallySetValue) {
+    if (value == null /* intentional loose equals to handle both undefined & null */ ||
+      value === internallySetValue) {
       this.value = textContent;
       this.internallySetValue = textContent;
     }