@esri/solutions-components 0.7.34 → 0.7.35

package/dist/components/delete-button2.js

@@ -70,7 +70,7 @@ const DeleteButton = /*@__PURE__*/ proxyCustomElement(class DeleteButton extends
      * Renders the component.
      */
     render() {
-        return (h(Host, null, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s" }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
+        return (h(Host, null, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/components/dom.js

@@ -578,7 +578,7 @@ var isFocusable = function isFocusable(node, options) {
 /*!
  * 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
  */
 /**
  * The default `focus-trap/tabbable` options.
@@ -586,7 +586,7 @@ var isFocusable = function isFocusable(node, options) {
  * See https://github.com/focus-trap/tabbable#tabbable
  */
 const tabbableOptions = {
-  getShadowRoot: true,
+    getShadowRoot: true,
 };
 /**
  * This helper will guarantee an ID on the provided element.
@@ -597,10 +597,10 @@ const tabbableOptions = {
  * @returns {string} The element's ID.
  */
 function ensureId(el) {
-  if (!el) {
-    return "";
-  }
-  return (el.id = el.id || `${el.tagName.toLowerCase()}-${guid()}`);
+    if (!el) {
+        return "";
+    }
+    return (el.id = el.id || `${el.tagName.toLowerCase()}-${guid()}`);
 }
 /**
  * This helper returns an array from a NodeList.
@@ -609,7 +609,7 @@ function ensureId(el) {
  * @returns {Element[]} An array of elements.
  */
 function nodeListToArray(nodeList) {
-  return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
+    return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
 }
 /**
  * This helper returns the Calcite "mode" of an element.
@@ -618,8 +618,8 @@ function nodeListToArray(nodeList) {
  * @returns {"light"|"dark"} The Calcite mode.
  */
 function getModeName(el) {
-  const closestElWithMode = closestElementCrossShadowBoundary(el, `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}`);
-  return closestElWithMode?.classList.contains("calcite-mode-dark") ? "dark" : "light";
+    const closestElWithMode = closestElementCrossShadowBoundary(el, `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}`);
+    return closestElWithMode?.classList.contains("calcite-mode-dark") ? "dark" : "light";
 }
 /**
  * This helper returns the direction of a HTML element.
@@ -628,10 +628,10 @@ function getModeName(el) {
  * @returns {Direction} The direction.
  */
 function getElementDir(el) {
-  const prop = "dir";
-  const selector = `[${prop}]`;
-  const closest = closestElementCrossShadowBoundary(el, selector);
-  return closest ? closest.getAttribute(prop) : "ltr";
+    const prop = "dir";
+    const selector = `[${prop}]`;
+    const closest = closestElementCrossShadowBoundary(el, selector);
+    return closest ? closest.getAttribute(prop) : "ltr";
 }
 /**
  * This helper returns the computed width in pixels of a rendered HTMLElement.
@@ -640,10 +640,10 @@ function getElementDir(el) {
  * @returns {number} The element's width.
  */
 function getElementWidth(el) {
-  if (!el) {
-    return 0;
-  }
-  return parseFloat(getComputedStyle(el).inlineSize);
+    if (!el) {
+        return 0;
+    }
+    return parseFloat(getComputedStyle(el).inlineSize);
 }
 /**
  * This helper returns the rootNode of an element.
@@ -652,7 +652,7 @@ function getElementWidth(el) {
  * @returns {Document|ShadowRoot} The element's root node.
  */
 function getRootNode(el) {
-  return el.getRootNode();
+    return el.getRootNode();
 }
 /**
  * This helper returns the node's shadowRoot root node if it exists.
@@ -661,8 +661,8 @@ function getRootNode(el) {
  * @returns {ShadowRoot|null} The element's root node ShadowRoot.
  */
 function getShadowRootNode(el) {
-  const rootNode = getRootNode(el);
-  return "host" in rootNode ? rootNode : null;
+    const rootNode = getRootNode(el);
+    return "host" in rootNode ? rootNode : null;
 }
 /**
  * This helper returns the computed width in pixels a given text string takes up on screen.
@@ -673,13 +673,13 @@ function getShadowRootNode(el) {
  * @param {string} font The CSS font attribute's value, which should include size and face, e.g. "12px Arial".
  */
 function getTextWidth(text, font) {
-  if (!text) {
-    return 0;
-  }
-  const canvas = document.createElement("canvas");
-  const context = canvas.getContext("2d");
-  context.font = font;
-  return context.measureText(text).width;
+    if (!text) {
+        return 0;
+    }
+    const canvas = document.createElement("canvas");
+    const context = canvas.getContext("2d");
+    context.font = font;
+    return context.measureText(text).width;
 }
 /**
  * This helper returns the host of a ShadowRoot.
@@ -688,7 +688,7 @@ function getTextWidth(text, font) {
  * @returns {Element | null} The host element.
  */
 function getHost(root) {
-  return root.host || null;
+    return root.host || null;
 }
 /**
  * This helper queries an element's rootNode and any ancestor rootNodes.
@@ -702,31 +702,31 @@ function getHost(root) {
  * @returns {Element} An element.
  */
 function queryElementRoots(element, { selector, id, }) {
-  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
-  // Based on: https://stackoverflow.com/q/54520554/194216
-  function queryFrom(el) {
-    if (!el) {
-      return null;
-    }
-    if (el.assignedSlot) {
-      el = el.assignedSlot;
+    // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+    // Based on: https://stackoverflow.com/q/54520554/194216
+    function queryFrom(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.assignedSlot) {
+            el = el.assignedSlot;
+        }
+        const rootNode = getRootNode(el);
+        const found = id
+            ? "getElementById" in rootNode
+                ? /*
+                  Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.
+                  https://github.com/Esri/calcite-design-system/pull/4280
+                   */
+                    rootNode.getElementById(id)
+                : null
+            : selector
+                ? rootNode.querySelector(selector)
+                : null;
+        const host = getHost(rootNode);
+        return found ? found : host ? queryFrom(host) : null;
     }
-    const rootNode = getRootNode(el);
-    const found = id
-      ? "getElementById" in rootNode
-        ? /*
-          Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.
-          https://github.com/Esri/calcite-design-system/pull/4280
-           */
-          rootNode.getElementById(id)
-        : null
-      : selector
-        ? rootNode.querySelector(selector)
-        : null;
-    const host = getHost(rootNode);
-    return found ? found : host ? queryFrom(host) : null;
-  }
-  return queryFrom(element);
+    return queryFrom(element);
 }
 /**
  * This helper returns the closest element matching the selector by crossing he shadow boundary if necessary.
@@ -736,11 +736,11 @@ function queryElementRoots(element, { selector, id, }) {
  * @returns {Element} The targeted element.
  */
 function closestElementCrossShadowBoundary(element, selector) {
-  // based on https://stackoverflow.com/q/54520554/194216
-  function closestFrom(el) {
-    return el ? el.closest(selector) || closestFrom(getHost(getRootNode(el))) : null;
-  }
-  return closestFrom(element);
+    // based on https://stackoverflow.com/q/54520554/194216
+    function closestFrom(el) {
+        return el ? el.closest(selector) || closestFrom(getHost(getRootNode(el))) : null;
+    }
+    return closestFrom(element);
 }
 /**
  * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.
@@ -752,18 +752,18 @@ function closestElementCrossShadowBoundary(element, selector) {
  * @returns {Element} The result.
  */
 function walkUpAncestry(element, onVisit) {
-  return visit(element, onVisit);
+    return visit(element, onVisit);
 }
 function visit(node, onVisit) {
-  if (!node) {
-    return;
-  }
-  const result = onVisit(node);
-  if (result !== undefined) {
-    return result;
-  }
-  const { parentNode } = node;
-  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);
+    if (!node) {
+        return;
+    }
+    const result = onVisit(node);
+    if (result !== undefined) {
+        return result;
+    }
+    const { parentNode } = node;
+    return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);
 }
 /**
  * This helper returns true when an element has the descendant in question.
@@ -773,7 +773,7 @@ function visit(node, onVisit) {
  * @returns {boolean} The result.
  */
 function containsCrossShadowBoundary(element, maybeDescendant) {
-  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));
+    return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));
 }
 /**
  * This helper returns true when an element has a setFocus method.
@@ -782,7 +782,7 @@ function containsCrossShadowBoundary(element, maybeDescendant) {
  * @returns {boolean} The result.
  */
 function isCalciteFocusable(el) {
-  return typeof el?.setFocus === "function";
+    return typeof el?.setFocus === "function";
 }
 /**
  * This helper focuses an element using the `setFocus` method if available and falls back to using the `focus` method if not available.
@@ -790,10 +790,10 @@ function isCalciteFocusable(el) {
  * @param {Element} el An element.
  */
 async function focusElement(el) {
-  if (!el) {
-    return;
-  }
-  return isCalciteFocusable(el) ? el.setFocus() : el.focus();
+    if (!el) {
+        return;
+    }
+    return isCalciteFocusable(el) ? el.setFocus() : el.focus();
 }
 /**
  * Helper to get the first tabbable element.
@@ -802,10 +802,10 @@ async function focusElement(el) {
  * @returns the first tabbable element.
  */
 function getFirstTabbable(element) {
-  if (!element) {
-    return;
-  }
-  return (tabbable(element, tabbableOptions)[0] ?? element);
+    if (!element) {
+        return;
+    }
+    return (tabbable(element, tabbableOptions)[0] ?? element);
 }
 /**
  * Helper to focus the first tabbable element.
@@ -813,49 +813,49 @@ function getFirstTabbable(element) {
  * @param {HTMLElement} element The html element containing tabbable elements.
  */
 function focusFirstTabbable(element) {
-  getFirstTabbable(element)?.focus();
+    getFirstTabbable(element)?.focus();
 }
 const defaultSlotSelector = ":not([slot])";
 function getSlotted(element, slotName, options) {
-  if (slotName && !Array.isArray(slotName) && typeof slotName !== "string") {
-    options = slotName;
-    slotName = null;
-  }
-  const slotSelector = slotName
-    ? Array.isArray(slotName)
-      ? slotName.map((name) => `[slot="${name}"]`).join(",")
-      : `[slot="${slotName}"]`
-    : defaultSlotSelector;
-  if (options?.all) {
-    return queryMultiple(element, slotSelector, options);
-  }
-  return querySingle(element, slotSelector, options);
+    if (slotName && !Array.isArray(slotName) && typeof slotName !== "string") {
+        options = slotName;
+        slotName = null;
+    }
+    const slotSelector = slotName
+        ? Array.isArray(slotName)
+            ? slotName.map((name) => `[slot="${name}"]`).join(",")
+            : `[slot="${slotName}"]`
+        : defaultSlotSelector;
+    if (options?.all) {
+        return queryMultiple(element, slotSelector, options);
+    }
+    return querySingle(element, slotSelector, options);
 }
 function getDirectChildren(el, selector) {
-  return el ? Array.from(el.children || []).filter((child) => child?.matches(selector)) : [];
+    return el ? Array.from(el.children || []).filter((child) => child?.matches(selector)) : [];
 }
 function queryMultiple(element, slotSelector, options) {
-  let matches = slotSelector === defaultSlotSelector
-    ? getDirectChildren(element, defaultSlotSelector)
-    : Array.from(element.querySelectorAll(slotSelector));
-  matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
-  matches = options?.matches ? matches.filter((el) => el?.matches(options.matches)) : matches;
-  const selector = options?.selector;
-  return selector
-    ? matches
-      .map((item) => Array.from(item.querySelectorAll(selector)))
-      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], [])
-      .filter((match) => !!match)
-    : matches;
+    let matches = slotSelector === defaultSlotSelector
+        ? getDirectChildren(element, defaultSlotSelector)
+        : Array.from(element.querySelectorAll(slotSelector));
+    matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
+    matches = options?.matches ? matches.filter((el) => el?.matches(options.matches)) : matches;
+    const selector = options?.selector;
+    return selector
+        ? matches
+            .map((item) => Array.from(item.querySelectorAll(selector)))
+            .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], [])
+            .filter((match) => !!match)
+        : matches;
 }
 function querySingle(element, slotSelector, options) {
-  let match = slotSelector === defaultSlotSelector
-    ? getDirectChildren(element, defaultSlotSelector)[0] || null
-    : element.querySelector(slotSelector);
-  match = options && options.direct === false ? match : match?.parentElement === element ? match : null;
-  match = options?.matches ? (match?.matches(options.matches) ? match : null) : match;
-  const selector = options?.selector;
-  return selector ? match?.querySelector(selector) : match;
+    let match = slotSelector === defaultSlotSelector
+        ? getDirectChildren(element, defaultSlotSelector)[0] || null
+        : element.querySelector(slotSelector);
+    match = options && options.direct === false ? match : match?.parentElement === element ? match : null;
+    match = options?.matches ? (match?.matches(options.matches) ? match : null) : match;
+    const selector = options?.selector;
+    return selector ? match?.querySelector(selector) : match;
 }
 /**
  * Filters direct children.
@@ -865,7 +865,7 @@ function querySingle(element, slotSelector, options) {
  * @returns {Element[]} An array of elements.
  */
 function filterDirectChildren(el, selector) {
-  return Array.from(el.children).filter((child) => child.matches(selector));
+    return Array.from(el.children).filter((child) => child.matches(selector));
 }
 /**
  * Set a default icon from a defined set or allow an override with an icon name string
@@ -876,12 +876,12 @@ function filterDirectChildren(el, selector) {
  * @returns {string|undefined} The resulting icon value.
  */
 function setRequestedIcon(iconObject, iconValue, matchedValue) {
-  if (typeof iconValue === "string" && iconValue !== "") {
-    return iconValue;
-  }
-  else if (iconValue === "") {
-    return iconObject[matchedValue];
-  }
+    if (typeof iconValue === "string" && iconValue !== "") {
+        return iconValue;
+    }
+    else if (iconValue === "") {
+        return iconObject[matchedValue];
+    }
 }
 /**
  * This helper returns true when two rectangles intersect.
@@ -891,10 +891,10 @@ function setRequestedIcon(iconObject, iconValue, matchedValue) {
  * @returns {boolean} The result.
  */
 function intersects(rect1, rect2) {
-  return !(rect2.left > rect1.right ||
-    rect2.right < rect1.left ||
-    rect2.top > rect1.bottom ||
-    rect2.bottom < rect1.top);
+    return !(rect2.left > rect1.right ||
+        rect2.right < rect1.left ||
+        rect2.top > rect1.bottom ||
+        rect2.bottom < rect1.top);
 }
 /**
  * This helper makes sure that boolean aria attributes are properly converted to a string.
@@ -905,7 +905,7 @@ function intersects(rect1, rect2) {
  * @returns {string} The string conversion of a boolean value ("true" | "false").
  */
 function toAriaBoolean(value) {
-  return Boolean(value).toString();
+    return Boolean(value).toString();
 }
 /**
  * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any content (text or elements).
@@ -918,7 +918,7 @@ function toAriaBoolean(value) {
  * @returns {boolean} Whether the slot has any content.
  */
 function slotChangeHasContent(event) {
-  return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);
+    return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);
 }
 /**
  * This helper returns a string of textContent if the target `slot` element from the `onSlotchange` event has any text content.
@@ -931,11 +931,11 @@ function slotChangeHasContent(event) {
  * @returns {string} The slots text.
  */
 function slotChangeGetTextContent(event) {
-  return slotChangeGetAssignedNodes(event)
-    .filter((node) => node.nodeType === Node.TEXT_NODE)
-    .map((node) => node.textContent)
-    .join("")
-    .trim();
+    return slotChangeGetAssignedNodes(event)
+        .filter((node) => node.nodeType === Node.TEXT_NODE)
+        .map((node) => node.textContent)
+        .join("")
+        .trim();
 }
 /**
  * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any text content.
@@ -948,7 +948,7 @@ function slotChangeGetTextContent(event) {
  * @returns {boolean} Whether the slot has any text content.
  */
 function slotChangeHasTextContent(event) {
-  return !!slotChangeGetTextContent(event);
+    return !!slotChangeGetTextContent(event);
 }
 /**
  * This helper returns the assigned nodes on a `slot` element from the `onSlotchange` event.
@@ -961,9 +961,9 @@ function slotChangeHasTextContent(event) {
  * @returns {boolean} Whether the slot has any assigned nodes.
  */
 function slotChangeGetAssignedNodes(event) {
-  return event.target.assignedNodes({
-    flatten: true,
-  });
+    return event.target.assignedNodes({
+        flatten: true,
+    });
 }
 /**
  * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.
@@ -976,7 +976,7 @@ function slotChangeGetAssignedNodes(event) {
  * @returns {boolean} Whether the slot has any assigned elements.
  */
 function slotChangeHasAssignedElement(event) {
-  return !!slotChangeGetAssignedElements(event).length;
+    return !!slotChangeGetAssignedElements(event).length;
 }
 /**
  * This helper returns the assigned elements on a `slot` element from the `onSlotchange` event.
@@ -989,9 +989,9 @@ function slotChangeHasAssignedElement(event) {
  * @returns {boolean} Whether the slot has any assigned elements.
  */
 function slotChangeGetAssignedElements(event) {
-  return event.target.assignedElements({
-    flatten: true,
-  });
+    return event.target.assignedElements({
+        flatten: true,
+    });
 }
 /**
  * This helper returns true if the pointer event fired from the primary button of the device.
@@ -1002,7 +1002,7 @@ function slotChangeGetAssignedElements(event) {
  * @returns {boolean} The value.
  */
 function isPrimaryPointerButton(event) {
-  return !!(event.isPrimary && event.button === 0);
+    return !!(event.isPrimary && event.button === 0);
 }
 /**
  * This helper sets focus on and returns a destination element from within a group of provided elements.
@@ -1014,28 +1014,28 @@ function isPrimaryPointerButton(event) {
  * @returns {Element} The focused element
  */
 const focusElementInGroup = (elements, currentElement, destination, cycle = true) => {
-  const currentIndex = elements.indexOf(currentElement);
-  const isFirstItem = currentIndex === 0;
-  const isLastItem = currentIndex === elements.length - 1;
-  if (cycle) {
-    destination =
-      destination === "previous" && isFirstItem ? "last" : destination === "next" && isLastItem ? "first" : destination;
-  }
-  let focusTarget;
-  if (destination === "previous") {
-    focusTarget = elements[currentIndex - 1] || elements[cycle ? elements.length - 1 : currentIndex];
-  }
-  else if (destination === "next") {
-    focusTarget = elements[currentIndex + 1] || elements[cycle ? 0 : currentIndex];
-  }
-  else if (destination === "last") {
-    focusTarget = elements[elements.length - 1];
-  }
-  else {
-    focusTarget = elements[0];
-  }
-  focusElement(focusTarget);
-  return focusTarget;
+    const currentIndex = elements.indexOf(currentElement);
+    const isFirstItem = currentIndex === 0;
+    const isLastItem = currentIndex === elements.length - 1;
+    if (cycle) {
+        destination =
+            destination === "previous" && isFirstItem ? "last" : destination === "next" && isLastItem ? "first" : destination;
+    }
+    let focusTarget;
+    if (destination === "previous") {
+        focusTarget = elements[currentIndex - 1] || elements[cycle ? elements.length - 1 : currentIndex];
+    }
+    else if (destination === "next") {
+        focusTarget = elements[currentIndex + 1] || elements[cycle ? 0 : currentIndex];
+    }
+    else if (destination === "last") {
+        focusTarget = elements[elements.length - 1];
+    }
+    else {
+        focusTarget = elements[0];
+    }
+    focusElement(focusTarget);
+    return focusTarget;
 };
 /**
  * This helper determines if an element is before another element in the DOM.
@@ -1046,11 +1046,11 @@ const focusElementInGroup = (elements, currentElement, destination, cycle = true
  * @returns true when a is before b in the DOM
  */
 function isBefore(a, b) {
-  if (a.parentNode !== b.parentNode) {
-    return false;
-  }
-  const children = Array.from(a.parentNode.children);
-  return children.indexOf(a) < children.indexOf(b);
+    if (a.parentNode !== b.parentNode) {
+        return false;
+    }
+    const children = Array.from(a.parentNode.children);
+    return children.indexOf(a) < children.indexOf(b);
 }
 
 export { getTextWidth as A, getFirstTabbable as B, ensureId as C, getShadowRootNode as D, getSlotted as a, intersects as b, closestElementCrossShadowBoundary as c, isBefore as d, containsCrossShadowBoundary as e, focusElement as f, getElementDir as g, slotChangeGetAssignedElements as h, isPrimaryPointerButton as i, slotChangeHasAssignedElement as j, focusFirstTabbable as k, tabbable as l, focusable as m, isTabbable as n, getTabIndex as o, isFocusable as p, queryElementRoots as q, tabbableOptions as r, setRequestedIcon as s, toAriaBoolean as t, getModeName as u, slotChangeHasContent as v, focusElementInGroup as w, nodeListToArray as x, filterDirectChildren as y, getElementWidth as z };

package/dist/components/downloadUtils.js

@@ -2362,12 +2362,12 @@ const lineSeparatorChar = "|";
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns selectionSetNames that will be used for export filenames
  */
-async function consolidateLabels(webmap, exportInfos, formatUsingLayerPopup = true, includeHeaderNames = false, isCSVExport = false, fields = []) {
+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]]));
@@ -2387,8 +2387,8 @@ async function consolidateLabels(webmap, exportInfos, formatUsingLayerPopup = tr
  * @param addColumnTitle Indicates if column headings should be included in output
  * @returns Promise resolving when function is done
  */
-async function downloadCSV(webmap, exportInfos, formatUsingLayerPopup, removeDuplicates = false, addColumnTitle = false, fields = []) {
-    let labels = await consolidateLabels(webmap, exportInfos, formatUsingLayerPopup, addColumnTitle, true, fields);
+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 = [];
@@ -2924,7 +2924,7 @@ function _prepareAttributeValue(attributeValue, attributeType, attributeDomain,
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns Promise resolving when function is done
  */
-async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true, includeHeaderNames = false, fields = []) {
+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.
@@ -3018,7 +3018,7 @@ async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true,
             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);
 }
 /**
@@ -3030,7 +3030,8 @@ async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true,
  * @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
  */
-async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames = false) {
+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 => {
@@ -3043,8 +3044,12 @@ async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomain
     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);
     }