@esri/solutions-components 0.6.15 → 0.6.16

package/dist/cjs/zh-cn-797be53d.js

@@ -0,0 +1,92 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
+require('./index-ee37804b.js');
+require('./form-44895e53.js');
+require('./dom-8d00cc3f.js');
+require('./guid-c351776c.js');
+require('./resources-2278b321.js');
+require('./interactive-7837b73d.js');
+require('./browser-596d8e1e.js');
+require('./key-07312a4b.js');
+require('./label-39887629.js');
+require('./loadable-5d36908d.js');
+require('./locale-6479f239.js');
+require('./observers-62ea89bc.js');
+require('./focusTrapComponent-93fc2e12.js');
+require('./time-9ffa9ce7.js');
+require('./math-3dc91b82.js');
+require('./t9n-a3d7ce48.js');
+
+// Chinese (China) [zh-cn]
+var locale = {
+  name: 'zh-cn',
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u5468";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  weekStart: 1,
+  yearStart: 4,
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日Ah点mm分',
+    LLLL: 'YYYY年M月D日ddddAh点mm分',
+    l: 'YYYY/M/D',
+    ll: 'YYYY年M月D日',
+    lll: 'YYYY年M月D日 HH:mm',
+    llll: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s内',
+    past: '%s前',
+    s: '几秒',
+    m: '1 分钟',
+    mm: '%d 分钟',
+    h: '1 小时',
+    hh: '%d 小时',
+    d: '1 天',
+    dd: '%d 天',
+    M: '1 个月',
+    MM: '%d 个月',
+    y: '1 年',
+    yy: '%d 年'
+  },
+  meridiem: function meridiem(hour, minute) {
+    var hm = hour * 100 + minute;
+
+    if (hm < 600) {
+      return '凌晨';
+    } else if (hm < 900) {
+      return '早上';
+    } else if (hm < 1100) {
+      return '上午';
+    } else if (hm < 1300) {
+      return '中午';
+    } else if (hm < 1800) {
+      return '下午';
+    }
+
+    return '晚上';
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/zh-hk-d1f6cd4e.js

@@ -0,0 +1,69 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
+require('./index-ee37804b.js');
+require('./form-44895e53.js');
+require('./dom-8d00cc3f.js');
+require('./guid-c351776c.js');
+require('./resources-2278b321.js');
+require('./interactive-7837b73d.js');
+require('./browser-596d8e1e.js');
+require('./key-07312a4b.js');
+require('./label-39887629.js');
+require('./loadable-5d36908d.js');
+require('./locale-6479f239.js');
+require('./observers-62ea89bc.js');
+require('./focusTrapComponent-93fc2e12.js');
+require('./time-9ffa9ce7.js');
+require('./math-3dc91b82.js');
+require('./t9n-a3d7ce48.js');
+
+// Chinese (Hong Kong) [zh-hk]
+var locale = {
+  name: 'zh-hk',
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u9031";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日 HH:mm',
+    LLLL: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s內',
+    past: '%s前',
+    s: '幾秒',
+    m: '一分鐘',
+    mm: '%d 分鐘',
+    h: '一小時',
+    hh: '%d 小時',
+    d: '一天',
+    dd: '%d 天',
+    M: '一個月',
+    MM: '%d 個月',
+    y: '一年',
+    yy: '%d 年'
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/zh-tw-0342f9c3.js

@@ -0,0 +1,90 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
+require('./index-ee37804b.js');
+require('./form-44895e53.js');
+require('./dom-8d00cc3f.js');
+require('./guid-c351776c.js');
+require('./resources-2278b321.js');
+require('./interactive-7837b73d.js');
+require('./browser-596d8e1e.js');
+require('./key-07312a4b.js');
+require('./label-39887629.js');
+require('./loadable-5d36908d.js');
+require('./locale-6479f239.js');
+require('./observers-62ea89bc.js');
+require('./focusTrapComponent-93fc2e12.js');
+require('./time-9ffa9ce7.js');
+require('./math-3dc91b82.js');
+require('./t9n-a3d7ce48.js');
+
+// Chinese (Taiwan) [zh-tw]
+var locale = {
+  name: 'zh-tw',
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u9031";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日 HH:mm',
+    LLLL: 'YYYY年M月D日dddd HH:mm',
+    l: 'YYYY/M/D',
+    ll: 'YYYY年M月D日',
+    lll: 'YYYY年M月D日 HH:mm',
+    llll: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s內',
+    past: '%s前',
+    s: '幾秒',
+    m: '1 分鐘',
+    mm: '%d 分鐘',
+    h: '1 小時',
+    hh: '%d 小時',
+    d: '1 天',
+    dd: '%d 天',
+    M: '1 個月',
+    MM: '%d 個月',
+    y: '1 年',
+    yy: '%d 年'
+  },
+  meridiem: function meridiem(hour, minute) {
+    var hm = hour * 100 + minute;
+
+    if (hm < 600) {
+      return '凌晨';
+    } else if (hm < 900) {
+      return '早上';
+    } else if (hm < 1100) {
+      return '上午';
+    } else if (hm < 1300) {
+      return '中午';
+    } else if (hm < 1800) {
+      return '下午';
+    }
+
+    return '晚上';
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/collection/collection-manifest.json

@@ -99,6 +99,7 @@
         "calcite-loader",
         "calcite-menu",
         "calcite-menu-item",
+        "calcite-meter",
         "calcite-modal",
         "calcite-navigation",
         "calcite-navigation-logo",
@@ -120,6 +121,7 @@
         "calcite-segmented-control",
         "calcite-segmented-control-item",
         "calcite-select",
+        "calcite-sheet",
         "calcite-shell",
         "calcite-shell-center-row",
         "calcite-shell-panel",
@@ -133,6 +135,10 @@
         "calcite-tab",
         "calcite-tab-nav",
         "calcite-tab-title",
+        "calcite-table",
+        "calcite-table-cell",
+        "calcite-table-header",
+        "calcite-table-row",
         "calcite-tabs",
         "calcite-text-area",
         "calcite-tile",

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -256,7 +256,9 @@ export class CrowdsourceManager {
    */
   _getPopupExpandNode() {
     const icon = this._expandPopup ? "chevrons-down" : "chevrons-up";
-    return (h("div", { class: "height-49-px calcite-mode-dark" }, h("calcite-panel", null, h("div", { class: "display-flex align-items-center", slot: "header-content" }, h("calcite-icon", { class: "padding-inline-end-75", icon: "information", scale: "s" }), h("div", null, this._translations.information)), h("calcite-action", { class: "height-49-px", icon: icon, onClick: () => this._togglePopup(), slot: "header-actions-end" }))));
+    const id = "expand-popup";
+    const tooltip = this._expandPopup ? this._translations.collapsePopup : this._translations.expandPopup;
+    return (h("div", { class: "height-49-px calcite-mode-dark" }, h("calcite-panel", null, h("div", { class: "display-flex align-items-center", slot: "header-content" }, h("calcite-icon", { class: "padding-inline-end-75", icon: "information", scale: "s" }), h("div", null, this._translations.information)), h("calcite-action", { class: "height-49-px", icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end" }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, tooltip)))));
   }
   /**
    * Toggle the popup information

package/dist/collection/components/edit-card/edit-card.css

@@ -60,3 +60,11 @@
 .esri-editor__panel-toolbar {
   display: none !important;
 }
+
+.esri-feature-relationship__list {
+  border-top: 1px solid var(--calcite-ui-border-3);
+}
+
+.esri-feature-form__related-records_list {
+  border-top: 1px solid var(--calcite-ui-border-3);
+}

package/dist/collection/components/edit-card/edit-card.js

@@ -93,7 +93,13 @@ export class EditCard {
       if (this._layerEditHandle) {
         this._layerEditHandle.remove();
       }
-      this._layerEditHandle = this._layer.on("edits", () => this.editsComplete.emit());
+      this._layerEditHandle = this._layer.on("edits", () => {
+        this.editsComplete.emit();
+        this._shouldClose = false;
+        this._initEditorWidget();
+        void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+        this._shouldClose = true;
+      });
     }
   }
   /**

package/dist/collection/components/layer-table/layer-table.js

@@ -73,9 +73,11 @@ export class LayerTable {
     if (this._mapClickHandle) {
       this._mapClickHandle.remove();
     }
-    this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", (event) => {
-      void this._mapClicked(event);
-    });
+    if (this.mapView) {
+      this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", (event) => {
+        void this._mapClicked(event);
+      });
+    }
   }
   /**
    * watch for changes in layer view and verify if it has editing enabled
@@ -203,7 +205,8 @@ export class LayerTable {
    */
   _getTableControlRow(slot) {
     const featuresSelected = this._selectedIndexes.length > 0;
-    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", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), this._getAction("filter", this._translations.filters, () => this._filter(), false), this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", 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: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
+    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", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), this._getAction("filter", this._translations.filters, () => this._filter(), false), this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !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-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions)), 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: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
       this._translations.showSelected), 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)))));
   }
   /**
@@ -295,7 +298,8 @@ export class LayerTable {
       this.featureSelectionChange.emit(this._selectedIndexes);
       if (this._layer) {
         await this._layer.when(() => {
-          const columnTemplates = this._getColumnTemplates(this._layer.id);
+          var _a, _b;
+          const columnTemplates = this._getColumnTemplates(this._layer.id, (_b = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.popupTemplate) === null || _b === void 0 ? void 0 : _b.fieldInfos);
           this._table.layer = this._layer;
           this._table.tableTemplate.columnTemplates = columnTemplates;
           this._table.view = this.mapView;
@@ -443,8 +447,9 @@ export class LayerTable {
    * @returns void
    */
   _clearSelection() {
+    var _a;
     this._selectedIndexes = [];
-    this._table.highlightIds.removeAll();
+    (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
   }
   /**
    * Show the filter options
@@ -534,12 +539,12 @@ export class LayerTable {
    * @returns a promise that will resolve when the operation is complete
    */
   async _layerSelectionChanged(evt) {
-    var _a;
+    var _a, _b, _c;
     const id = evt.detail[0];
     if (id !== ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id) || this._allIds.length === 0) {
       this._fetchingData = true;
-      const columnTemplates = this._getColumnTemplates(id);
       this._layer = await getLayerOrTable(this.mapView, id);
+      const columnTemplates = this._getColumnTemplates(id, (_c = (_b = this._layer) === null || _b === void 0 ? void 0 : _b.popupTemplate) === null || _c === void 0 ? void 0 : _c.fieldInfos);
       this._allIds = await queryAllIds(this._layer);
       if (!this._table) {
         await this._getTable(this._tableNode, columnTemplates);
@@ -565,7 +570,7 @@ export class LayerTable {
    *
    * @returns a list of column templates if they exist
    */
-  _getColumnTemplates(id) {
+  _getColumnTemplates(id, fieldInfos) {
     var _a;
     let layerInfo;
     (_a = this.mapInfo.layerInfos) === null || _a === void 0 ? void 0 : _a.some(li => {
@@ -574,7 +579,25 @@ export class LayerTable {
         return true;
       }
     });
-    return layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.columnTemplates;
+    let columnTemplates = layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.columnTemplates;
+    if (fieldInfos) {
+      columnTemplates = columnTemplates ? columnTemplates.map(columnTemplate => {
+        fieldInfos.some(fieldInfo => {
+          if (fieldInfo.fieldName === columnTemplate.fieldName) {
+            columnTemplate.label = fieldInfo.label;
+            return true;
+          }
+        });
+        return columnTemplate;
+      }) : fieldInfos.map(fieldInfo => {
+        return {
+          type: "field",
+          fieldName: fieldInfo.fieldName,
+          label: fieldInfo.label
+        };
+      });
+    }
+    return columnTemplates;
   }
   /**
    * Fetches the component's translations

package/dist/collection/components/map-layer-picker/map-layer-picker.js

@@ -136,7 +136,8 @@ export class MapLayerPicker {
    * @returns Array of Dropdown items with layer names
    */
   _getDropdown() {
-    return (h("calcite-dropdown", { class: "layer-picker-dropdown" }, h("calcite-action", { slot: "trigger", text: "" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: "max-width-350", iconEnd: "chevron-down", iconStart: "layers", kind: "neutral", width: "full" }, h("div", null, this.selectedName))), h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
+    const id = "map-layer-picker";
+    return (h("calcite-dropdown", { class: "layer-picker-dropdown" }, h("calcite-action", { slot: "trigger", text: "" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: "max-width-350", iconEnd: "chevron-down", iconStart: "layers", id: id, kind: "neutral", width: "full" }, h("div", null, this.selectedName)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchLayer))), h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
   }
   /**
    * Get the appropriate type of dom nodes for each valid layer or table

package/dist/collection/components/map-picker/map-picker.js

@@ -19,6 +19,7 @@
  * limitations under the License.
  */
 import { Host, h } from "@stencil/core";
+import { getLocaleComponentStrings } from "../../utils/locale";
 export class MapPicker {
   constructor() {
     /**
@@ -27,6 +28,7 @@ export class MapPicker {
     this._loadedId = "";
     this.mapInfos = [];
     this._mapListExpanded = false;
+    this._translations = undefined;
     this._webMapInfo = undefined;
   }
   //--------------------------------------------------------------------------
@@ -56,6 +58,14 @@ export class MapPicker {
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  async componentWillLoad() {
+    await this._getTranslations();
+  }
   /**
    * Renders the component.
    */
@@ -94,8 +104,9 @@ export class MapPicker {
    */
   _getMapPicker() {
     var _a;
+    const id = "map-picker-expand-toggle";
     const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
-    return (h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, (_a = this._webMapInfo) === null || _a === void 0 ? void 0 : _a.name));
+    return (h("div", { class: "width-full" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, (_a = this._webMapInfo) === null || _a === void 0 ? void 0 : _a.name), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchMap))));
   }
   /**
    * Create the toolbar (controls used for map and app interactions)
@@ -145,6 +156,16 @@ export class MapPicker {
   _chooseMap() {
     this._mapListExpanded = !this._mapListExpanded;
   }
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  async _getTranslations() {
+    const messages = await getLocaleComponentStrings(this.el);
+    this._translations = messages[0];
+  }
   static get is() { return "map-picker"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
@@ -186,6 +207,7 @@ export class MapPicker {
   static get states() {
     return {
       "_mapListExpanded": {},
+      "_translations": {},
       "_webMapInfo": {}
     };
   }

package/dist/collection/utils/interfaces.ts

@@ -455,7 +455,7 @@ export interface IMapInfo {
 
 export interface ILayerInfo {
   id: string;
-  columnTemplates: __esri.FieldColumnTemplate[] | __esri.GroupColumnTemplate[];
+  columnTemplates: __esri.FieldColumnTemplate[];
 }
 
 export interface IMapChange {

package/dist/components/ExpandToggle.js

@@ -11,7 +11,7 @@ import { S as SLOTS } from './action-menu.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.6.1
+ * v1.8.0
  */
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
@@ -66,7 +66,7 @@ const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
 /*!
  * 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.6.1
+ * v1.8.0
  */
 const ICONS = {
   chevronsLeft: "chevrons-left",
@@ -101,7 +101,7 @@ const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position
   const expandIcon = end ? icons[1] : icons[0];
   const collapseIcon = end ? icons[0] : icons[1];
   const actionNode = (h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null,
-    // eslint-disable-next-line react/jsx-sort-props
+    // 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: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
   return actionNode;
 };

package/dist/components/FloatingArrow.js

@@ -8,7 +8,7 @@ import { h } 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.6.1
+ * v1.8.0
  */
 const CSS = {
   arrow: "calcite-floating-ui-arrow",

package/dist/components/Heading.js

@@ -8,7 +8,7 @@ import { h } 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.6.1
+ * v1.8.0
  */
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/components/action-bar.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { e as slotChangeGetAssignedElements, h as slotChangeHasAssignedElement, j as focusFirstTabbable } from './dom.js';
+import { h as slotChangeGetAssignedElements, j as slotChangeHasAssignedElement, k as focusFirstTabbable } from './dom.js';
 import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { c as createObserver } from './observers.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.6.1
+ * v1.8.0
  */
 const CSS = {
   actionGroupEnd: "action-group--end",
@@ -120,6 +120,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
       const tooltips = slotChangeGetAssignedElements(event).filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
       this.expandTooltip = tooltips[0];
     };
+    this.actionsEndGroupLabel = undefined;
     this.expandDisabled = false;
     this.expanded = false;
     this.layout = "vertical";
@@ -224,11 +225,11 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
   //
   // --------------------------------------------------------------------------
   renderBottomActionGroup() {
-    const { expanded, expandDisabled, el, position, toggleExpand, scale, layout, messages } = this;
+    const { expanded, expandDisabled, el, position, toggleExpand, scale, layout, messages, actionsEndGroupLabel, } = this;
     const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { collapseText: messages.collapse, el: el, expandText: messages.expand, expanded: expanded, position: position, scale: scale, toggle: toggleExpand, tooltip: this.expandTooltip,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setExpandToggleRef })) : null;
-    return (h("calcite-action-group", { class: CSS.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), layout: layout, scale: scale }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
+    return (h("calcite-action-group", { class: CSS.actionGroupEnd, label: actionsEndGroupLabel, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), layout: layout, scale: scale }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
   }
   render() {
     return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
@@ -245,6 +246,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class ActionBar extends HTMLE
   }; }
   static get style() { return actionBarCss; }
 }, [1, "calcite-action-bar", {
+    "actionsEndGroupLabel": [1, "actions-end-group-label"],
     "expandDisabled": [516, "expand-disabled"],
     "expanded": [1540],
     "layout": [513],