@esri/solutions-components 0.6.3 → 0.6.4

package/dist/cjs/buffer-tools_4.cjs.entry.js

@@ -20,7 +20,7 @@ const loadable = require('./loadable-6571b6b9.js');
 const locale$1 = require('./locale-83870af6.js');
 const math = require('./math-0eb2ec5c.js');
 const interfaces = require('./interfaces-ad03ec39.js');
-const publicNotificationStore = require('./publicNotificationStore-cd1a32c3.js');
+const publicNotificationStore = require('./publicNotificationStore-ec1bdd2d.js');
 require('./_commonjsHelpers-384729db.js');
 require('./resources-3a47be9f.js');
 require('./browser-e514d838.js');

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

@@ -24,8 +24,8 @@ const utils = require('./utils-46e2a6ec.js');
 const debounce = require('./debounce-69c3bada.js');
 const conditionalSlot = require('./conditionalSlot-981d22ef.js');
 const key = require('./key-2522c20b.js');
-const mapViewUtils = require('./mapViewUtils-efc49df7.js');
-const publicNotificationStore = require('./publicNotificationStore-cd1a32c3.js');
+const mapViewUtils = require('./mapViewUtils-77a1ff88.js');
+const publicNotificationStore = require('./publicNotificationStore-ec1bdd2d.js');
 require('./resources-3a47be9f.js');
 require('./browser-e514d838.js');
 require('./interfaces-ad03ec39.js');
@@ -1683,13 +1683,15 @@ const MapLayerPicker = class {
     this.layerSelectionChange = index.createEvent(this, "layerSelectionChange", 7);
     this.appearance = "transparent";
     this.enabledLayerIds = [];
+    this.enabledTableIds = [];
     this.mapView = undefined;
     this.placeholderIcon = "";
-    this.selectedLayerIds = [];
+    this.selectedIds = [];
     this.scale = "m";
+    this.showTables = true;
     this.type = "select";
-    this.layerIds = [];
-    this.selectedLayerName = "";
+    this.ids = [];
+    this.selectedName = "";
   }
   //--------------------------------------------------------------------------
   //
@@ -1702,7 +1704,11 @@ const MapLayerPicker = class {
    */
   async mapViewWatchHandler() {
     await this._setLayers();
-    this._setSelectedLayer(this.layerIds[0]);
+    const hasLayers = Object.keys(publicNotificationStore.state.layerNameHash).length > 0;
+    const hasTables = Object.keys(publicNotificationStore.state.tableNameHash).length > 0 && this.showTables;
+    if (hasLayers || hasTables) {
+      this._setSelectedLayer(this.ids[0], hasLayers ? "layer" : "table");
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -1714,8 +1720,8 @@ const MapLayerPicker = class {
    */
   async componentWillLoad() {
     await this._setLayers();
-    if (this.layerIds.length > 0 || this.selectedLayerIds.length === 1) {
-      this.layerSelectionChange.emit(this.selectedLayerIds.length === 1 ? [this.selectedLayerIds[0]] : [this.layerIds[0]]);
+    if (this.ids.length > 0 || this.selectedIds.length === 1) {
+      this.layerSelectionChange.emit(this.selectedIds.length === 1 ? [this.selectedIds[0]] : [this.ids[0]]);
     }
   }
   /**
@@ -1729,13 +1735,15 @@ const MapLayerPicker = class {
    * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
    */
   async componentDidLoad() {
-    if (this.layerIds.length > 0 || this.selectedLayerIds.length === 1) {
-      const id = this.selectedLayerIds.length === 1 ? this.selectedLayerIds[0] : this.layerIds[0];
+    if (this.ids.length > 0 || this.selectedIds.length === 1) {
+      const id = this.selectedIds.length === 1 ? this.selectedIds[0] : this.ids[0];
       if (this.type === "select") {
         this._layerElement.value = id;
       }
       else if (this.type === "dropdown") {
-        this.selectedLayerName = publicNotificationStore.state.layerNameHash[id];
+        this.selectedName = Object.keys(publicNotificationStore.state.layerNameHash).indexOf(id) > -1 ?
+          publicNotificationStore.state.layerNameHash[id] : Object.keys(publicNotificationStore.state.tableNameHash).indexOf(id) > -1 ?
+          publicNotificationStore.state.tableNameHash[id] : "";
       }
     }
   }
@@ -1752,7 +1760,7 @@ const MapLayerPicker = class {
    * @returns Calcite Select component with the ids of the layers from the map
    */
   _getSelect() {
-    return (index.h("calcite-select", { label: "", onCalciteSelectChange: () => this._layerSelectionChange(), ref: (el) => { this._layerElement = el; }, scale: this.scale }, this._addSelectMapLayersOptions()));
+    return (index.h("calcite-select", { label: "", onCalciteSelectChange: () => this._layerSelectionChange(), ref: (el) => { this._layerElement = el; }, scale: this.scale }, this._getMapLayerOptions()));
   }
   /**
    * Create a list of layer ids from the map
@@ -1762,7 +1770,7 @@ const MapLayerPicker = class {
    * @returns Calcite ComboBox component with the ids of the layers from the map
    */
   _getCombobox() {
-    return (index.h("calcite-combobox", { clearDisabled: true, label: "", onCalciteComboboxChange: () => this._layerSelectionChange(), "placeholder-icon": this.placeholderIcon, ref: (el) => { this._layerElement = el; }, scale: this.scale, "selection-mode": "single" }, this._addComboboxMapLayersOptions()));
+    return (index.h("calcite-combobox", { clearDisabled: true, label: "", onCalciteComboboxChange: () => this._layerSelectionChange(), "placeholder-icon": this.placeholderIcon, ref: (el) => { this._layerElement = el; }, scale: this.scale, "selection-mode": "single" }, this._getMapLayerOptions()));
   }
   /**
    * Hydrate a dropdown component with items to display the layer names
@@ -1770,54 +1778,42 @@ const MapLayerPicker = class {
    * @returns Array of Dropdown items with layer names
    */
   _getDropdown() {
-    return (index.h("calcite-dropdown", { class: "layer-picker-dropdown" }, index.h("calcite-action", { slot: "trigger", text: "" }, index.h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: "max-width-350", iconEnd: "chevron-down", iconStart: "layers", kind: "neutral", width: "full" }, index.h("div", null, this.selectedLayerName))), index.h("calcite-dropdown-group", { "selection-mode": "single" }, this._getDropdownItems())));
+    return (index.h("calcite-dropdown", { class: "layer-picker-dropdown" }, index.h("calcite-action", { slot: "trigger", text: "" }, index.h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: "max-width-350", iconEnd: "chevron-down", iconStart: "layers", kind: "neutral", width: "full" }, index.h("div", null, this.selectedName))), index.h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
   }
   /**
-   * Hydrate a dropdown component with items to display the layer names
+   * Get the appropriate type of dom nodes for each valid layer or table
    *
-   * @returns Array of Dropdown items with layer names
+   * @returns Array of dom nodes with the names of the layers and optionally of the tables
    */
-  _getDropdownItems() {
-    return this.layerIds.reduce((prev, cur) => {
-      if (publicNotificationStore.state.managedLayers.indexOf(publicNotificationStore.state.layerNameHash[cur]) < 0 && (this.enabledLayerIds.length > 0 ? this.enabledLayerIds.indexOf(cur) > -1 : true)) {
-        prev.push((index.h("calcite-dropdown-item", { onClick: () => void this._setSelectedLayer(cur) }, publicNotificationStore.state.layerNameHash[cur])));
+  _getMapLayerOptions() {
+    return this.ids.reduce((prev, cur) => {
+      if (this._validLayer(cur)) {
+        prev.push(this._getItem(cur, "layer"));
+      }
+      else if (this._validTable(cur)) {
+        prev.push(this._getItem(cur, "table"));
       }
       return prev;
     }, []);
   }
   /**
-   * Store the layer name based on the user selection
-   */
-  _setSelectedLayer(id) {
-    this.selectedLayerName = publicNotificationStore.state.layerNameHash[id];
-    this.selectedLayerIds = [id];
-    this.layerSelectionChange.emit(this.selectedLayerIds);
-  }
-  /**
-   * Hydrate a select component with the ids of the layers in the map
+   * Get the appropriate type of dom node for the current layer or table id
    *
-   * @returns Array of select options for the ids of the layers
+   * @returns A dom node with the name of the layer or table
    */
-  _addSelectMapLayersOptions() {
-    return this.layerIds.reduce((prev, cur) => {
-      if (publicNotificationStore.state.managedLayers.indexOf(publicNotificationStore.state.layerNameHash[cur]) < 0 && (this.enabledLayerIds.length > 0 ? this.enabledLayerIds.indexOf(cur) > -1 : true)) {
-        prev.push((index.h("calcite-option", { label: publicNotificationStore.state.layerNameHash[cur], value: cur })));
-      }
-      return prev;
-    }, []);
+  _getItem(id, itemType) {
+    const name = itemType === "layer" ? publicNotificationStore.state.layerNameHash[id] : publicNotificationStore.state.tableNameHash[id];
+    return this.type === "combobox" ? (index.h("calcite-combobox-item", { textLabel: name, value: id })) :
+      this.type === "select" ? (index.h("calcite-option", { label: name, value: id })) :
+        (index.h("calcite-dropdown-item", { onClick: () => void this._setSelectedLayer(id, itemType) }, name));
   }
   /**
-   * Hydrate a combobox component with the ids of the layers in the map
-   *
-   * @returns Array of ComboBox items for the ids of the layers
+   * Store the layer name based on the user selection
    */
-  _addComboboxMapLayersOptions() {
-    return this.layerIds.reduce((prev, cur) => {
-      if (publicNotificationStore.state.managedLayers.indexOf(publicNotificationStore.state.layerNameHash[cur]) < 0 && (this.enabledLayerIds.length > 0 ? this.enabledLayerIds.indexOf(cur) > -1 : true)) {
-        prev.push((index.h("calcite-combobox-item", { textLabel: publicNotificationStore.state.layerNameHash[cur], value: cur })));
-      }
-      return prev;
-    }, []);
+  _setSelectedLayer(id, type) {
+    this.selectedName = type === "layer" ? publicNotificationStore.state.layerNameHash[id] : publicNotificationStore.state.tableNameHash[id];
+    this.selectedIds = [id];
+    this.layerSelectionChange.emit(this.selectedIds);
   }
   /**
    * Fetch the ids of the layers from the map
@@ -1827,8 +1823,12 @@ const MapLayerPicker = class {
   async _setLayers() {
     if (this.mapView) {
       const mapLayerIds = await mapViewUtils.getMapLayerIds(this.mapView);
-      this.layerIds = mapLayerIds.filter(n => { var _a; return ((_a = this.enabledLayerIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledLayerIds.indexOf(n) > -1 : true; });
-      await this._initLayerHashState();
+      const mapTableIds = this.showTables ? await mapViewUtils.getMapTableIds(this.mapView) : [];
+      this.ids = [
+        ...mapLayerIds.filter(n => { var _a; return ((_a = this.enabledLayerIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledLayerIds.indexOf(n) > -1 : true; }),
+        ...mapTableIds.filter(n => { var _a; return ((_a = this.enabledTableIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledTableIds.indexOf(n) > -1 : true; }),
+      ];
+      await this._initStateHash();
     }
   }
   /**
@@ -1836,11 +1836,33 @@ const MapLayerPicker = class {
    *
    * @returns Promise when the operation has completed
    */
-  async _initLayerHashState() {
+  async _initStateHash() {
     if (this.mapView) {
       publicNotificationStore.state.layerNameHash = await mapViewUtils.getMapLayerHash(this.mapView);
+      publicNotificationStore.state.tableNameHash = this.showTables ? await mapViewUtils.getMapTableHash(this.mapView) : {};
     }
   }
+  /**
+   * Evaluate if the id exists in the current hash and verify if it should be excluded
+   *
+   * @returns boolean when true the layer will be used in the current layer picker type
+   */
+  _validLayer(id) {
+    const name = publicNotificationStore.state.layerNameHash[id];
+    return name && publicNotificationStore.state.managedLayers.indexOf(name) < 0 && (this.enabledLayerIds.length > 0 ?
+      this.enabledLayerIds.indexOf(id) > -1 : name);
+  }
+  /**
+   * Evaluate if the id exists in the current hash and verify if it should be excluded
+   *
+   * @returns boolean when true the table will be used in the current layer picker type
+   */
+  _validTable(id) {
+    const name = publicNotificationStore.state.tableNameHash[id];
+    const validName = name && this.showTables;
+    return validName ? publicNotificationStore.state.managedTables.indexOf(name) < 0 &&
+      (this.enabledTableIds.length > 0 ? this.enabledTableIds.indexOf(id) > -1 : true) : validName;
+  }
   /**
    * Fetch the ids of the layers from the map
    *
@@ -1849,8 +1871,8 @@ const MapLayerPicker = class {
   _layerSelectionChange() {
     const ids = Array.isArray(this._layerElement.value) ? this._layerElement.value : [this._layerElement.value];
     if (JSON.stringify(ids) !== JSON.stringify([""])) {
-      this.selectedLayerIds = ids;
-      this.layerSelectionChange.emit(this.selectedLayerIds);
+      this.selectedIds = ids;
+      this.layerSelectionChange.emit(this.selectedIds);
     }
   }
   get el() { return index.getElement(this); }

package/dist/cjs/calcite-input-text_4.cjs.entry.js

@@ -18,11 +18,11 @@ const observers = require('./observers-5c9538b2.js');
 const resources = require('./resources-3a47be9f.js');
 const t9n = require('./t9n-f82f4304.js');
 const loadModules = require('./loadModules-ae7715f2.js');
-const mapViewUtils = require('./mapViewUtils-efc49df7.js');
+const mapViewUtils = require('./mapViewUtils-77a1ff88.js');
 const interfaces = require('./interfaces-ad03ec39.js');
-const publicNotificationStore = require('./publicNotificationStore-cd1a32c3.js');
+const publicNotificationStore = require('./publicNotificationStore-ec1bdd2d.js');
 const locale$1 = require('./locale-b113c6b2.js');
-const downloadUtils = require('./downloadUtils-6d4e269f.js');
+const downloadUtils = require('./downloadUtils-4aadf4b0.js');
 require('./guid-100bd1be.js');
 require('./browser-e514d838.js');
 require('./key-2522c20b.js');
@@ -538,7 +538,7 @@ const MapSelectTools = class {
    */
   _getUseLayerFeaturesOptions() {
     const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-    return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), index.h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), index.h("div", { class: useLayerFeaturesClass + " padding-top-1" }, index.h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id) }))));
+    return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), index.h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), index.h("div", { class: useLayerFeaturesClass + " padding-top-1" }, index.h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id) }))));
   }
   /**
    * Renders the number of selected features
@@ -567,7 +567,7 @@ const MapSelectTools = class {
    * @protected
    */
   _getMapLayerPicker() {
-    return (index.h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, index.h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedLayerIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [] }))));
+    return (index.h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, index.h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [] }))));
   }
   //--------------------------------------------------------------------------
   //
@@ -1000,7 +1000,7 @@ const MapSelectTools = class {
   async _layerSelectionChange(evt) {
     if (Array.isArray(evt.detail) && evt.detail.length > 0) {
       const layerPromises = evt.detail.map(id => {
-        return mapViewUtils.getMapLayerView(this.mapView, id);
+        return mapViewUtils.getFeatureLayerView(this.mapView, id);
       });
       return Promise.all(layerPromises).then((layerViews) => {
         this.layerViews = layerViews;
@@ -1028,7 +1028,7 @@ const MapSelectTools = class {
     var _a;
     const id = ((_a = evt === null || evt === void 0 ? void 0 : evt.detail) === null || _a === void 0 ? void 0 : _a.length) > 0 ? evt.detail[0] : "";
     if (!this.selectLayerView || id !== this.selectLayerView.layer.id) {
-      this.selectLayerView = await mapViewUtils.getMapLayerView(this.mapView, id);
+      this.selectLayerView = await mapViewUtils.getFeatureLayerView(this.mapView, id);
       this._updateLabel();
       this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) :
         await this._highlightWithOIDsOrGeoms();
@@ -1514,7 +1514,7 @@ const RefineSelection = class {
   render() {
     var _a, _b;
     const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return (index.h(index.Host, null, index.h("div", { class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { class: "display-flex" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, index.h("div", { class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedLayerIds: [this._refineLayer.layer.id] })), index.h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { class: "padding-1" }, index.h("div", { class: "padding-bottom-1" }, index.h("calcite-segmented-control", { class: "w-100" }, index.h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { class: "font-weight-500" }, this._translations.remove)))), index.h("div", null, index.h("map-draw-tools", { active: true, drawMode: interfaces.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 })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (index.h(index.Host, null, index.h("div", { class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { class: "display-flex" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, index.h("div", { class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), index.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] })), index.h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { class: "padding-1" }, index.h("div", { class: "padding-bottom-1" }, index.h("calcite-segmented-control", { class: "w-100" }, index.h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { class: "font-weight-500" }, this._translations.remove)))), index.h("div", null, index.h("map-draw-tools", { active: true, drawMode: interfaces.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 })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //
@@ -1608,7 +1608,7 @@ const RefineSelection = class {
     refineInfo[id] = {
       addIds: [],
       removeIds: [],
-      layerView: await mapViewUtils.getMapLayerView(this.mapView, id)
+      layerView: await mapViewUtils.getFeatureLayerView(this.mapView, id)
     };
     if (selectionSet) {
       selectionSet.refineInfos = Object.assign(Object.assign({}, selectionSet.refineInfos), refineInfo);

package/dist/cjs/card-manager_3.cjs.entry.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6654298b.js');
 const locale = require('./locale-b113c6b2.js');
-const mapViewUtils = require('./mapViewUtils-efc49df7.js');
+const mapViewUtils = require('./mapViewUtils-77a1ff88.js');
 const loadModules = require('./loadModules-ae7715f2.js');
-const downloadUtils = require('./downloadUtils-6d4e269f.js');
+const downloadUtils = require('./downloadUtils-4aadf4b0.js');
 require('./_commonjsHelpers-384729db.js');
 require('./interfaces-ad03ec39.js');
 
@@ -20,7 +20,7 @@ const cardManagerCss = ":host{display:block !important}.display-flex{display:fle
 const CardManager = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.layerView = undefined;
+    this.layer = undefined;
     this.mapView = undefined;
     this._cardLoading = false;
     this._graphics = undefined;
@@ -48,7 +48,7 @@ const CardManager = class {
     const ids = evt.detail;
     this._cardLoading = true;
     // only query if we have some ids...query with no ids will result in all features being returned
-    const featureSet = ids.length > 0 ? await mapViewUtils.queryFeaturesByID(ids, this.layerView.layer, [], false, this.mapView.spatialReference) : [];
+    const featureSet = ids.length > 0 ? await mapViewUtils.queryFeaturesByID(ids, this.layer, [], false, this.mapView.spatialReference) : [];
     this._graphics = featureSet;
     this._cardLoading = false;
   }
@@ -57,7 +57,7 @@ const CardManager = class {
    */
   async layerSelectionChange(evt) {
     const id = evt.detail[0];
-    this.layerView = await mapViewUtils.getMapLayerView(this.mapView, id);
+    this.layer = await mapViewUtils.getLayer(this.mapView, id);
   }
   //--------------------------------------------------------------------------
   //
@@ -123,7 +123,7 @@ const LayerTable = class {
     this.mapView = undefined;
     this._alertOpen = false;
     this._fetchingData = false;
-    this._layerView = undefined;
+    this._layer = undefined;
     this._selectedIndexes = [];
     this._showOnlySelected = false;
     this._translations = undefined;
@@ -139,7 +139,7 @@ const LayerTable = class {
   async mapViewWatchHandler() {
     this._fetchingData = true;
     const mapLayerIds = await mapViewUtils.getMapLayerIds(this.mapView);
-    this._layerView = await mapViewUtils.getMapLayerView(this.mapView, mapLayerIds[0]);
+    this._layer = await mapViewUtils.getLayer(this.mapView, mapLayerIds[0]);
     this._resetTable();
     this.reactiveUtils.on(() => this.mapView, "click", (event) => {
       void this._mapClicked(event);
@@ -149,7 +149,7 @@ const LayerTable = class {
   /**
    * watch for changes in layer view and verify if it has editing enabled
    */
-  async _layerViewWatchHandler() {
+  async _layerWatchHandler() {
     this._fetchingData = true;
     this._resetTable();
     this._fetchingData = false;
@@ -186,7 +186,7 @@ const LayerTable = class {
    * Renders the component.
    */
   render() {
-    if (!this._layerView) {
+    if (!this._layer) {
       return null;
     }
     const tableNodeClass = this._fetchingData ? "display-none" : "";
@@ -221,8 +221,8 @@ const LayerTable = class {
    */
   _getTableControlRow(slot) {
     const featuresSelected = this._selectedIndexes.length > 0;
-    return (index.h("div", { class: "display-flex table-border height-51", slot: slot }, index.h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, index.h("div", { class: "border-end" }, index.h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), placeholderIcon: "layers", scale: "l", type: "dropdown" })), index.h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "magnifying-glass", id: "magnifying-glass", label: this._translations.zoom, onClick: () => this._zoom(), text: this._translations.zoom, textEnabled: true }), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "magnifying-glass" }, index.h("span", null, this._translations.zoom)), index.h("calcite-action", { appearance: "solid", icon: "filter", id: "filter", onClick: () => this._filter(), text: this._translations.filters, "text-enabled": "true", textEnabled: true }), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "filter" }, index.h("span", null, this._translations.filters)), index.h("calcite-action", { appearance: "solid", disabled: !featuresSelected, id: "trash", onClick: () => this._delete(), text: "" }, index.h("calcite-button", { appearance: "transparent", iconStart: "trash", kind: "danger" }, this._translations.delete)), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "trash" }, index.h("span", null, this._translations.delete))), index.h("calcite-dropdown", null, index.h("calcite-action", { appearance: "solid", label: "", slot: "trigger", text: "" }, index.h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), index.h("calcite-dropdown-group", { "selection-mode": "none" }, index.h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), index.h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._showSelected() }, this._showOnlySelected ? this._translations.showAll :
-      this._translations.showSelected), index.h("calcite-dropdown-item", { iconStart: "erase", onClick: () => this._clearSelection() }, this._translations.clearSelection), index.h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._switchSelected() }, this._translations.switchSelected), index.h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), index.h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
+    return (index.h("div", { class: "display-flex table-border height-51", slot: slot }, index.h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, index.h("div", { class: "border-end" }, index.h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), placeholderIcon: "layers", scale: "l", type: "dropdown" })), index.h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "magnifying-glass", id: "magnifying-glass", label: this._translations.zoom, onClick: () => this._zoom(), text: this._translations.zoom, textEnabled: true }), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "magnifying-glass" }, index.h("span", null, this._translations.zoom)), index.h("calcite-action", { appearance: "solid", icon: "filter", id: "filter", onClick: () => this._filter(), text: this._translations.filters, "text-enabled": "true", textEnabled: true }), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "filter" }, index.h("span", null, this._translations.filters)), index.h("calcite-action", { appearance: "solid", disabled: !featuresSelected, id: "trash", onClick: () => this._delete(), text: "" }, index.h("calcite-button", { appearance: "transparent", iconStart: "trash", kind: "danger" }, this._translations.delete)), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "trash" }, index.h("span", null, this._translations.delete)), index.h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "erase", id: "erase", onClick: () => this._clearSelection(), text: this._translations.clearSelection, "text-enabled": "true", textEnabled: true }), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "erase" }, index.h("span", null, this._translations.clearSelection))), index.h("calcite-dropdown", null, index.h("calcite-action", { appearance: "solid", label: "", slot: "trigger", text: "" }, index.h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), index.h("calcite-dropdown-group", { "selection-mode": "none" }, index.h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), index.h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
+      this._translations.showSelected), index.h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._switchSelected() }, this._translations.switchSelected), index.h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), index.h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
   }
   /**
    * Initialize the FeatureTable
@@ -230,10 +230,9 @@ const LayerTable = class {
    * @returns void
    */
   _getTable(node) {
-    var _a;
-    if ((_a = this._layerView) === null || _a === void 0 ? void 0 : _a.layer) {
+    if (this._layer) {
       this._table = new this.FeatureTable({
-        layer: this._layerView.layer,
+        layer: this._layer,
         view: this.mapView,
         //editingEnabled: this._editEnabled,
         highlightOnRowSelectEnabled: true,
@@ -246,6 +245,14 @@ const LayerTable = class {
       });
       this._table.highlightIds.on("change", () => {
         this._selectedIndexes = this._table.highlightIds.toArray();
+        if (this._showOnlySelected) {
+          if (this._selectedIndexes.length > 0) {
+            this._table.filterBySelection();
+          }
+          else {
+            this._toggleShowSelected();
+          }
+        }
         this.featureSelectionChange.emit(this._selectedIndexes);
       });
     }
@@ -256,10 +263,11 @@ const LayerTable = class {
    * @returns void
    */
   _resetTable() {
-    var _a;
-    if (((_a = this._layerView) === null || _a === void 0 ? void 0 : _a.layer) && this._table) {
-      this._table.layer = this._layerView.layer;
-      this._editEnabled = this._layerView.layer.editingEnabled;
+    if (this._layer && this._table) {
+      this._clearSelection();
+      this.featureSelectionChange.emit(this._selectedIndexes);
+      this._table.layer = this._layer;
+      this._editEnabled = this._layer.editingEnabled;
       this._table.view = this.mapView;
       this._table.editingEnabled = this._editEnabled;
       this._table.clearSelectionFilter();
@@ -273,7 +281,7 @@ const LayerTable = class {
    */
   async _mapClicked(evt) {
     const opts = {
-      include: this._layerView.layer
+      include: this._layer
     };
     const hitTestResult = await this.mapView.hitTest(evt.screenPoint, opts);
     if (hitTestResult.results.length > 0) {
@@ -318,7 +326,7 @@ const LayerTable = class {
    *
    * @returns void
    */
-  _showSelected() {
+  _toggleShowSelected() {
     this._showOnlySelected = !this._showOnlySelected;
     if (this._showOnlySelected) {
       this._table.filterBySelection();
@@ -363,10 +371,10 @@ const LayerTable = class {
   async _exportToCSV() {
     const exportInfos = {};
     const ids = this._table.highlightIds.toArray();
-    exportInfos[this._layerView.layer.id] = {
+    exportInfos[this._layer.id] = {
       selectionSetNames: [],
       ids,
-      layerView: this._layerView
+      layer: this._layer
     };
     void downloadUtils.downloadCSV(exportInfos, false, // formatUsingLayerPopup
     true);
@@ -401,7 +409,7 @@ const LayerTable = class {
       this._alertMessage = this._translations.confirm;
       this._alertKind = "danger";
       this._alertActionFunction = () => {
-        void this._layerView.layer.applyEdits({
+        void this._layer.applyEdits({
           deleteFeatures: this._table.highlightIds.toArray()
         });
         this._alertOpen = false;
@@ -432,15 +440,14 @@ const LayerTable = class {
    * @returns a promise that will resolve when the operation is complete
    */
   async _layerSelectionChanged(evt) {
-    var _a;
     const id = evt.detail[0];
-    if (id !== ((_a = this._layerView) === null || _a === void 0 ? void 0 : _a.layer.id) || this._allIds.length === 0) {
+    if (id !== this._layer.id || this._allIds.length === 0) {
       this._fetchingData = true;
       this._table.highlightIds.removeAll();
-      this._layerView = await mapViewUtils.getMapLayerView(this.mapView, id);
-      this._allIds = await mapViewUtils.queryAllIds(this._layerView.layer);
+      this._layer = await mapViewUtils.getLayer(this.mapView, id);
+      this._allIds = await mapViewUtils.queryAllIds(this._layer);
       this._selectedIndexes = [];
-      this._table.layer = this._layerView.layer;
+      this._table.layer = this._layer;
       this._table.render();
       this._fetchingData = false;
     }
@@ -458,7 +465,7 @@ const LayerTable = class {
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "mapView": ["mapViewWatchHandler"],
-    "_layerView": ["_layerViewWatchHandler"]
+    "_layer": ["_layerWatchHandler"]
   }; }
 };
 LayerTable.style = layerTableCss;

package/dist/cjs/crowdsource-manager.cjs.entry.js

@@ -12,7 +12,7 @@ const locale = require('./locale-b113c6b2.js');
 const interfaces = require('./interfaces-ad03ec39.js');
 require('./_commonjsHelpers-384729db.js');
 
-const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px}.padding-1{padding:1rem}.padding-1-2{padding:0.5rem}.header-title{display:flex;float:left}.header-controls-label{display:flex;float:right}.header-controls{height:50px}.img-background{background-repeat:no-repeat;background-size:100% 100%;width:38px;height:26px}.grid-background{background-image:url('../../assets/data/images/grid.png')}.vertical-background{background-image:url('../../assets/data/images/horizontal.png')}.horizontal-background{background-image:url('../../assets/data/images/vertical.png')}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.background-transparent{background-color:transparent}.display-flex{display:flex}.header-text{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);padding-inline:0.75rem;padding-block:0.875rem;line-height:1.25rem}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 0.5rem)}.adjusted-height-100{height:calc(100% - 1rem)}.icon-color{--calcite-ui-icon-color:var(--calcite-ui-brand)}.icon{cursor:pointer}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.display-none{display:none}";
+const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px}.padding-1{padding:1rem}.padding-1-2{padding:0.5rem}.header-title{display:flex;float:left}.header-controls-label{display:flex;float:right}.header-controls{height:50px}.img-background{background-repeat:no-repeat;background-size:100% 100%;width:38px;height:26px}.grid-background{background-image:url('../../assets/data/images/grid.png')}.horizontal-background{background-image:url('../../assets/data/images/horizontal.png')}.vertical-background{background-image:url('../../assets/data/images/vertical.png')}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.background-transparent{background-color:transparent}.display-flex{display:flex}.header-text{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);padding-inline:0.75rem;padding-block:0.875rem;line-height:1.25rem}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 0.5rem)}.adjusted-height-100{height:calc(100% - 1rem)}.icon-color{--calcite-ui-icon-color:var(--calcite-ui-brand)}.icon{cursor:pointer}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.display-none{display:none}";
 
 const CrowdsourceManager = class {
   constructor(hostRef) {
@@ -67,7 +67,7 @@ const CrowdsourceManager = class {
    * Renders the component.
    */
   render() {
-    return (index.h(index.Host, null, index.h("calcite-shell", null, index.h("calcite-panel", { class: "width-full height-full", heading: this._translations.header }, index.h("div", { class: "display-flex", slot: "header-actions-end" }, index.h("div", { class: "display-flex action-center" }, index.h("calcite-icon", { class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("horizontal-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("vertical-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal)), this._getBody(this._layoutMode, this._panelOpen)))));
+    return (index.h(index.Host, null, index.h("calcite-shell", null, index.h("calcite-panel", { class: "width-full height-full", heading: this._translations.header }, index.h("div", { class: "display-flex", slot: "header-actions-end" }, index.h("div", { class: "display-flex action-center" }, index.h("calcite-icon", { class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal)), this._getBody(this._layoutMode, this._panelOpen)))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/{downloadUtils-6d4e269f.js → downloadUtils-4aadf4b0.js}

@@ -8,7 +8,7 @@
 const _commonjsHelpers = require('./_commonjsHelpers-384729db.js');
 const index = require('./index-6654298b.js');
 const loadModules = require('./loadModules-ae7715f2.js');
-const mapViewUtils = require('./mapViewUtils-efc49df7.js');
+const mapViewUtils = require('./mapViewUtils-77a1ff88.js');
 
 /** @license
  * Copyright 2022 Esri
@@ -1507,7 +1507,7 @@ function(t){var e=function(t){for(var e=t.length,r=new Uint8Array(e),n=0;n<e;n++
  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  * ====================================================================
  */
-function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):Promise.resolve().then(function () { return require('./index.es-fc923796.js'); })).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
+function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):Promise.resolve().then(function () { return require('./index.es-17db3b89.js'); })).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
 /** ====================================================================
  * @license
  * jsPDF XMP metadata plugin
@@ -2710,8 +2710,9 @@ function _getSelectionSetNames(exportInfos, id = /.+/) {
 async function consolidateLabels(exportInfos, formatUsingLayerPopup = true, includeHeaderNames = false, isCSVExport = false) {
   const labelRequests = [];
   Object.keys(exportInfos).forEach(k => {
+    var _a;
     const labelInfo = exportInfos[k];
-    labelRequests.push(_prepareLabels(labelInfo.layerView.layer, labelInfo.ids, formatUsingLayerPopup, includeHeaderNames));
+    labelRequests.push(_prepareLabels(((_a = labelInfo.layerView) === null || _a === void 0 ? void 0 : _a.layer) || labelInfo.layer, labelInfo.ids, formatUsingLayerPopup, includeHeaderNames));
     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]]));