@esri/solutions-components 0.7.34 → 0.7.35

package/dist/collection/components/feature-list/feature-list.js

@@ -73,7 +73,7 @@ export class FeatureList {
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
+        return (h("calcite-panel", { "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
             h("calcite-notice", { class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { "selection-appearance": "border", "selection-mode": "single" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
             h("div", { class: "width-full", slot: "footer" }, h("calcite-pagination", { class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, "start-item": "1", "total-items": this._featuresCount }))));
     }

package/dist/collection/components/json-editor/json-editor.js

@@ -567,11 +567,9 @@ export class JsonEditor {
                 "complexType": {
                     "signature": "(replacement: string) => Promise<any>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "replacement Text to use for replacement or insertion"
-                                }],
-                            "text": "Text to use for replacement or insertion"
+                            "name": "replacement",
+                            "type": "string",
+                            "docs": "Text to use for replacement or insertion"
                         }],
                     "references": {
                         "Promise": {

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

@@ -75,7 +75,7 @@ export class LayerList {
      * Renders the component.
      */
     render() {
-        return (h(Fragment, null, this._isLoading && h("calcite-loader", { scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
+        return (h(Fragment, null, this._isLoading && h("calcite-loader", { label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
             h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
             h("calcite-list", { "selection-appearance": "border", "selection-mode": this.showNextIcon ? "none" : "single-persist" }, this.renderLayerList())));
     }

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

@@ -1110,7 +1110,7 @@ export class LayerTable {
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
@@ -1254,7 +1254,7 @@ export class LayerTable {
         exportInfos, false, // formatUsingLayerPopup
         false, // removeDuplicates
         true, // addColumnTitle
-        fields);
+        fields, true);
     }
     /**
      * Refreshes the table and maintains the curent scroll position

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

@@ -169,7 +169,7 @@ export class MapLayerPicker {
      * @returns Array of Dropdown items with layer names
      */
     _getDropdown(id) {
-        return (h("calcite-dropdown", { calciteDropdownOpen: () => alert("open"), class: "layer-picker-dropdown", onCalciteDropdownBeforeClose: () => this._isDropdownOpen = false, onCalciteDropdownBeforeOpen: () => this._isDropdownOpen = true }, this.isMobile ? this._getDropdownButton() : this._getActionDropdownButton(id), h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
+        return (h("calcite-dropdown", { class: "layer-picker-dropdown", onCalciteDropdownBeforeClose: () => this._isDropdownOpen = false, onCalciteDropdownBeforeOpen: () => this._isDropdownOpen = true }, this.isMobile ? this._getDropdownButton() : this._getActionDropdownButton(id), h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
     }
     /**
      * Get the button that will open the dropdown list wrapped in an action

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

@@ -241,8 +241,9 @@ export class MapPicker {
                 "complexType": {
                     "signature": "(id: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "id",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/pdf-download/pdf-download.js

@@ -221,29 +221,21 @@ export class PdfDownload {
                 "complexType": {
                     "signature": "(webmap: __esri.Map, exportInfos: IExportInfos, removeDuplicates: boolean, addColumnTitle?: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "webmap Webmap containing layer"
-                                }],
-                            "text": "Webmap containing layer"
+                            "name": "webmap",
+                            "type": "Map",
+                            "docs": "Webmap containing layer"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "exportInfos Information about items to be exported"
-                                }],
-                            "text": "Information about items to be exported"
+                            "name": "exportInfos",
+                            "type": "IExportInfos",
+                            "docs": "Information about items to be exported"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "removeDuplicates When true a single label is generated when multiple featues have a shared address value"
-                                }],
-                            "text": "When true a single label is generated when multiple featues have a shared address value"
+                            "name": "removeDuplicates",
+                            "type": "boolean",
+                            "docs": "When true a single label is generated when multiple featues have a shared address value"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "addColumnTitle Indicates if column headings should be included in output"
-                                }],
-                            "text": "Indicates if column headings should be included in output"
+                            "name": "addColumnTitle",
+                            "type": "boolean",
+                            "docs": "Indicates if column headings should be included in output"
                         }],
                     "references": {
                         "Promise": {
@@ -286,35 +278,25 @@ export class PdfDownload {
                 "complexType": {
                     "signature": "(webmap: __esri.Map, exportInfos: IExportInfos, removeDuplicates?: boolean, title?: string, initialImageDataUrl?: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "webmap Webmap containing layer"
-                                }],
-                            "text": "Webmap containing layer"
+                            "name": "webmap",
+                            "type": "Map",
+                            "docs": "Webmap containing layer"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "exportInfos Information about items to be exported"
-                                }],
-                            "text": "Information about items to be exported"
+                            "name": "exportInfos",
+                            "type": "IExportInfos",
+                            "docs": "Information about items to be exported"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "removeDuplicates When true a single label is generated when multiple featues have a shared address value"
-                                }],
-                            "text": "When true a single label is generated when multiple featues have a shared address value"
+                            "name": "removeDuplicates",
+                            "type": "boolean",
+                            "docs": "When true a single label is generated when multiple featues have a shared address value"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "title Title for each page"
-                                }],
-                            "text": "Title for each page"
+                            "name": "title",
+                            "type": "string",
+                            "docs": "Title for each page"
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "initialImageDataUrl Data URL of image for first page"
-                                }],
-                            "text": "Data URL of image for first page"
+                            "name": "initialImageDataUrl",
+                            "type": "string",
+                            "docs": "Data URL of image for first page"
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/public-notification/public-notification.js

@@ -499,7 +499,7 @@ export class PublicNotification {
     _getExportPage() {
         const hasSelections = this._hasSelections(this.showRefineSelection);
         const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
-        return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt) }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
+        return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
     }
     /**
      * Store the user selected export type CSV || PDF

package/dist/collection/components/refine-selection/refine-selection.js

@@ -77,7 +77,7 @@ export class RefineSelection {
     render() {
         var _a, _b;
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100", width: "full" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/spatial-ref/spatial-ref.js

@@ -357,11 +357,9 @@ export class SpatialRef {
                 "complexType": {
                     "signature": "(value: string) => Promise<ISpatialRefRepresentation>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "value WKID or WKT or null for default"
-                                }],
-                            "text": "WKID or WKT or null for default"
+                            "name": "value",
+                            "type": "string",
+                            "docs": "WKID or WKT or null for default"
                         }],
                     "references": {
                         "Promise": {
@@ -413,11 +411,9 @@ export class SpatialRef {
                 "complexType": {
                     "signature": "(wkid: number) => Promise<string>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "wkid WKID to look up"
-                                }],
-                            "text": "WKID to look up"
+                            "name": "wkid",
+                            "type": "number",
+                            "docs": "WKID to look up"
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/utils/downloadUtils.js

@@ -40,12 +40,12 @@ import { queryRelated } from "@esri/arcgis-rest-feature-layer";
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns selectionSetNames that will be used for export filenames
  */
-export async function consolidateLabels(webmap, exportInfos, formatUsingLayerPopup = true, includeHeaderNames = false, isCSVExport = false, fields = []) {
+export async function consolidateLabels(webmap, exportInfos, formatUsingLayerPopup = true, includeHeaderNames = false, isCSVExport = false, fields = [], useFieldAliasNames = false) {
     const labelRequests = [];
     Object.keys(exportInfos).forEach(k => {
         var _a;
         const labelInfo = exportInfos[k];
-        labelRequests.push(_prepareLabels(webmap, ((_a = labelInfo.layerView) === null || _a === void 0 ? void 0 : _a.layer) || labelInfo.layer, labelInfo.ids, formatUsingLayerPopup, includeHeaderNames, fields));
+        labelRequests.push(_prepareLabels(webmap, ((_a = labelInfo.layerView) === null || _a === void 0 ? void 0 : _a.layer) || labelInfo.layer, labelInfo.ids, formatUsingLayerPopup, includeHeaderNames, fields, useFieldAliasNames));
         if (isCSVExport) {
             // add the layer id as a temp value separator that we can use to split values for CSV export
             labelRequests.push(Promise.resolve([[k]]));
@@ -65,8 +65,8 @@ export async function consolidateLabels(webmap, exportInfos, formatUsingLayerPop
  * @param addColumnTitle Indicates if column headings should be included in output
  * @returns Promise resolving when function is done
  */
-export async function downloadCSV(webmap, exportInfos, formatUsingLayerPopup, removeDuplicates = false, addColumnTitle = false, fields = []) {
-    let labels = await consolidateLabels(webmap, exportInfos, formatUsingLayerPopup, addColumnTitle, true, fields);
+export async function downloadCSV(webmap, exportInfos, formatUsingLayerPopup, removeDuplicates = false, addColumnTitle = false, fields = [], useFieldAliasNames = false) {
+    let labels = await consolidateLabels(webmap, exportInfos, formatUsingLayerPopup, addColumnTitle, true, fields, useFieldAliasNames);
     labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
     const layerIds = Object.keys(exportInfos);
     let layerLabels = [];
@@ -605,7 +605,7 @@ export function _prepareAttributeValue(attributeValue, attributeType, attributeD
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns Promise resolving when function is done
  */
-export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true, includeHeaderNames = false, fields = []) {
+export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true, includeHeaderNames = false, fields = [], useFieldAliasNames = false) {
     // Get the label formatting, if any
     const labelFormatProps = await _getLabelFormat(webmap, layer, formatUsingLayerPopup);
     // Because the label may actually come from a related layer, we'll use the layer that comes back from _getLabelFormat.
@@ -699,7 +699,7 @@ export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup =
             await _prepareLabelsUsingExecutor(featureSet, labelFormatProps.labelFormat.format)
             :
                 // Export all attributes
-                await _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames);
+                await _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames, useFieldAliasNames);
     return Promise.resolve(labels);
 }
 /**
@@ -711,7 +711,8 @@ export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup =
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns Promise resolving with list of labels, each of which is a list of label lines
  */
-export async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames = false) {
+export async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames = false, useFieldAliasNames = false) {
+    var _a, _b;
     const [intl] = await loadModules(["esri/intl"]);
     // Export all attributes
     const labels = featureSet.map(feature => {
@@ -724,8 +725,12 @@ export async function _prepareLabelsFromAll(featureSet, attributeTypes, attribut
     if (includeHeaderNames) {
         const headerNames = [];
         const featuresAttrs = featureSet[0].attributes;
+        const fieldHash = (_b = (_a = featureSet[0]) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.fields.reduce((prev, cur) => {
+            prev[cur.name] = cur.alias;
+            return prev;
+        }, {});
         Object.keys(featuresAttrs).forEach(k => {
-            headerNames.push(k);
+            headerNames.push(useFieldAliasNames && fieldHash ? fieldHash[k] : k);
         });
         labels.unshift(headerNames);
     }

package/dist/collection/utils/downloadUtils.ts

@@ -126,14 +126,15 @@ export async function consolidateLabels(
   formatUsingLayerPopup = true,
   includeHeaderNames = false,
   isCSVExport = false,
-  fields = []
+  fields = [],
+  useFieldAliasNames = false
 ): Promise<string[][]> {
   const labelRequests = [];
 
   Object.keys(exportInfos).forEach(k => {
     const labelInfo: IExportInfo = exportInfos[k];
     labelRequests.push(
-      _prepareLabels(webmap, labelInfo.layerView?.layer || labelInfo.layer, labelInfo.ids, formatUsingLayerPopup, includeHeaderNames, fields)
+      _prepareLabels(webmap, labelInfo.layerView?.layer || labelInfo.layer, labelInfo.ids, formatUsingLayerPopup, includeHeaderNames, fields, useFieldAliasNames)
     );
     if (isCSVExport) {
       // add the layer id as a temp value separator that we can use to split values for CSV export
@@ -162,9 +163,10 @@ export async function downloadCSV(
   formatUsingLayerPopup: boolean,
   removeDuplicates = false,
   addColumnTitle = false,
-  fields = []
+  fields = [],
+  useFieldAliasNames = false
 ): Promise<void> {
-  let labels = await consolidateLabels(webmap, exportInfos, formatUsingLayerPopup, addColumnTitle, true, fields);
+  let labels = await consolidateLabels(webmap, exportInfos, formatUsingLayerPopup, addColumnTitle, true, fields, useFieldAliasNames);
   labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
 
   const layerIds = Object.keys(exportInfos);
@@ -841,7 +843,8 @@ export async function _prepareLabels(
   ids: number[],
   formatUsingLayerPopup = true,
   includeHeaderNames = false,
-  fields = []
+  fields = [],
+  useFieldAliasNames = false
 ): Promise<string[][]> {
   // Get the label formatting, if any
   const labelFormatProps: ILabelFormatProps = await _getLabelFormat(webmap, layer, formatUsingLayerPopup);
@@ -957,7 +960,7 @@ export async function _prepareLabels(
 
     :
     // Export all attributes
-    await _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames);
+    await _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames, useFieldAliasNames);
 
   return Promise.resolve(labels);
 }
@@ -975,7 +978,8 @@ export async function _prepareLabelsFromAll(
   featureSet: __esri.Graphic[],
   attributeTypes: IAttributeTypes,
   attributeDomains: IAttributeDomains,
-  includeHeaderNames = false
+  includeHeaderNames = false,
+  useFieldAliasNames = false
 ): Promise<string[][]> {
   const [intl] = await loadModules(["esri/intl"]);
 
@@ -997,8 +1001,12 @@ export async function _prepareLabelsFromAll(
   if (includeHeaderNames) {
     const headerNames = [];
     const featuresAttrs = featureSet[0].attributes;
+    const fieldHash = (featureSet[0]?.layer as __esri.FeatureLayer)?.fields.reduce((prev, cur) => {
+      prev[cur.name] = cur.alias;
+      return prev;
+    }, {});
     Object.keys(featuresAttrs).forEach(k => {
-      headerNames.push(k);
+      headerNames.push(useFieldAliasNames && fieldHash ? fieldHash[k] : k);
     });
     labels.unshift(headerNames);
   }

package/dist/collection/utils/interfaces.ts

@@ -85,6 +85,11 @@ export type DistanceUnit = "feet"|"meters"|"miles"|"kilometers";
 
 export type theme = "light" | "dark";
 
+export type TooltipPlacement = "auto" | "top" | "right" | "bottom" | "left" | "top-start"
+  | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start"
+  | "left-end" | "auto-start" | "auto-end" | "leading-start" | "leading" | "leading-end"
+  | "trailing-end" | "trailing" | "trailing-start";
+
 export interface IMapClick {
   mapPoint: __esri.Point,
   screenPoint: __esri.MapViewScreenPoint,

package/dist/components/ExpandToggle.js

@@ -11,100 +11,100 @@ 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.
- * v2.0.0
+ * v2.4.0
  */
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
 const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
 const geActionDimensions = (actions) => {
-  const actionsNotSlotted = actions.filter((action) => action.slot !== SLOTS$1.menuActions);
-  const actionLen = actionsNotSlotted?.length;
-  return {
-    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
-    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
-  };
+    const actionsNotSlotted = actions.filter((action) => action.slot !== SLOTS$1.menuActions);
+    const actionLen = actionsNotSlotted?.length;
+    return {
+        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
+    };
 };
 const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
-  const maxContainerPx = layout === "horizontal" ? width : height;
-  const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
-  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+    const maxContainerPx = layout === "horizontal" ? width : height;
+    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
 };
 const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
-  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
 };
 const queryActions = (el) => {
-  return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS.trigger : true);
+    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS.trigger : true);
 };
 const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
-  let needToSlotCount = overflowCount;
-  actionGroups.reverse().forEach((group) => {
-    let slottedWithinGroupCount = 0;
-    const groupActions = queryActions(group).reverse();
-    groupActions.forEach((groupAction) => {
-      if (groupAction.slot === SLOTS$1.menuActions) {
-        groupAction.removeAttribute("slot");
-        groupAction.textEnabled = expanded;
-      }
-    });
-    if (needToSlotCount > 0) {
-      groupActions.some((groupAction) => {
-        const unslottedActions = groupActions.filter((action) => !action.slot);
-        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
-          groupAction.textEnabled = true;
-          groupAction.setAttribute("slot", SLOTS$1.menuActions);
-          slottedWithinGroupCount++;
-          if (slottedWithinGroupCount > 1) {
-            needToSlotCount--;
-          }
+    let needToSlotCount = overflowCount;
+    actionGroups.reverse().forEach((group) => {
+        let slottedWithinGroupCount = 0;
+        const groupActions = queryActions(group).reverse();
+        groupActions.forEach((groupAction) => {
+            if (groupAction.slot === SLOTS$1.menuActions) {
+                groupAction.removeAttribute("slot");
+                groupAction.textEnabled = expanded;
+            }
+        });
+        if (needToSlotCount > 0) {
+            groupActions.some((groupAction) => {
+                const unslottedActions = groupActions.filter((action) => !action.slot);
+                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+                    groupAction.textEnabled = true;
+                    groupAction.setAttribute("slot", SLOTS$1.menuActions);
+                    slottedWithinGroupCount++;
+                    if (slottedWithinGroupCount > 1) {
+                        needToSlotCount--;
+                    }
+                }
+                return needToSlotCount < 1;
+            });
         }
-        return needToSlotCount < 1;
-      });
-    }
-    forceUpdate(group);
-  });
+        forceUpdate(group);
+    });
 };
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const ICONS = {
-  chevronsLeft: "chevrons-left",
-  chevronsRight: "chevrons-right",
+    chevronsLeft: "chevrons-left",
+    chevronsRight: "chevrons-right",
 };
 function getCalcitePosition(position, el) {
-  return position || el.closest("calcite-shell-panel")?.position || "start";
+    return position || el.closest("calcite-shell-panel")?.position || "start";
 }
 function toggleChildActionText({ el, expanded, }) {
-  queryActions(el)
-    .filter((el) => el.slot !== SLOTS$1.menuActions)
-    .forEach((action) => (action.textEnabled = expanded));
-  el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
+    queryActions(el)
+        .filter((el) => el.slot !== SLOTS$1.menuActions)
+        .forEach((action) => (action.textEnabled = expanded));
+    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
 }
 const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
-  if (tooltip) {
-    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
-  }
-  if (ref) {
-    ref(referenceElement);
-  }
-  return referenceElement;
+    if (tooltip) {
+        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+    }
+    if (ref) {
+        ref(referenceElement);
+    }
+    return referenceElement;
 };
 const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
-  const rtl = getElementDir(el) === "rtl";
-  const text = expanded ? collapseText : expandText;
-  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-  if (rtl) {
-    icons.reverse();
-  }
-  const end = getCalcitePosition(position, el) === "end";
-  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 -- 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;
+    const rtl = getElementDir(el) === "rtl";
+    const text = expanded ? collapseText : expandText;
+    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+    if (rtl) {
+        icons.reverse();
+    }
+    const end = getCalcitePosition(position, el) === "end";
+    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 -- 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;
 };
 
 export { ExpandToggle as E, overflowActions as a, getOverflowCount as b, geActionDimensions as g, overflowActionsDebounceInMs as o, queryActions as q, toggleChildActionText as t };