@esri/solutions-components 0.7.16 → 0.7.17

package/dist/components/public-notification.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { c as EExportType, d as EPageType, E as EWorkflowType } from './interfaces.js';
 import { l as loadModules } from './loadModules.js';
 import { b as goToSelection, h as highlightFeatures } from './mapViewUtils.js';
@@ -113,8 +113,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * Called each time the mapView prop is changed.
      */
     async mapViewWatchHandler(v) {
-        if (v?.popup) {
-            this._popupsEnabled = v?.popup.autoOpenEnabled;
+        if (v === null || v === void 0 ? void 0 : v.popup) {
+            this._popupsEnabled = v === null || v === void 0 ? void 0 : v.popup.autoOpenEnabled;
         }
     }
     /**
@@ -160,8 +160,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * Called each time the pageType prop is changed.
      */
     async pageTypeWatchHandler(pageType, oldPageType) {
+        var _a;
         this._checkPopups();
-        if (this.mapView?.popup) {
+        if ((_a = this.mapView) === null || _a === void 0 ? void 0 : _a.popup) {
             this.mapView.popupEnabled = pageType !== EPageType.LIST ? false : this._popupsEnabled;
         }
         if (pageType === EPageType.EXPORT) {
@@ -256,7 +257,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @protected
      */
     _setLineSymbol(v) {
-        const isSymbol = v?.type === 'simple-line';
+        const isSymbol = (v === null || v === void 0 ? void 0 : v.type) === 'simple-line';
         this.sketchLineSymbol = isSymbol ? v : this._jsonUtils.fromJSON(v ? v : {
             "type": "esriSLS",
             "color": [130, 130, 130, 255],
@@ -272,7 +273,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @protected
      */
     _setPointSymbol(v) {
-        const isSymbol = v?.type === 'simple-marker';
+        const isSymbol = (v === null || v === void 0 ? void 0 : v.type) === 'simple-marker';
         this.sketchPointSymbol = isSymbol ? v : this._jsonUtils.fromJSON(v ? v : {
             "type": "esriSMS",
             "color": [255, 255, 255, 255],
@@ -297,7 +298,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @protected
      */
     _setPolygonSymbol(v) {
-        const isSymbol = v?.type === 'simple-fill';
+        const isSymbol = (v === null || v === void 0 ? void 0 : v.type) === 'simple-fill';
         this.sketchPolygonSymbol = isSymbol ? v : this._jsonUtils.fromJSON(v ? v : {
             "type": "esriSFS",
             "color": [150, 150, 150, 51],
@@ -398,6 +399,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     _getSelectionSetList() {
         return (h("div", { class: "padding-top-1-2 padding-bottom-1-2" }, h("calcite-list", { class: "list-border margin-sides-1" }, this._selectionSets.reduce((prev, cur, i) => {
+            var _a;
             const ids = this._getSelectionSetIds(cur);
             let validSet = true;
             if (cur.workflowType === EWorkflowType.REFINE) {
@@ -409,7 +411,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
                 validSet = numIds > 0;
             }
             if (validSet) {
-                prev.push((h("calcite-list-item", { label: cur.label, onClick: () => this._gotoSelection(cur, this.mapView) }, h("div", { slot: "content" }, h("div", { class: "list-label" }, cur.label), h("div", { class: "list-description" }, cur?.layerView?.layer.title), h("div", { class: "list-description" }, this._translations.selectedFeatures.replace("{{n}}", ids.length.toString()))), this._getAction(true, "pencil", "", (evt) => this._openSelection(cur, evt), false, "actions-end"), this._getAction(true, "x", "", (evt) => this._deleteSelection(i, evt), false, "actions-end"))));
+                prev.push((h("calcite-list-item", { label: cur.label, onClick: () => this._gotoSelection(cur, this.mapView) }, h("div", { slot: "content" }, h("div", { class: "list-label" }, cur.label), h("div", { class: "list-description" }, (_a = cur === null || cur === void 0 ? void 0 : cur.layerView) === null || _a === void 0 ? void 0 : _a.layer.title), h("div", { class: "list-description" }, this._translations.selectedFeatures.replace("{{n}}", ids.length.toString()))), this._getAction(true, "pencil", "", (evt) => this._openSelection(cur, evt), false, "actions-end"), this._getAction(true, "x", "", (evt) => this._deleteSelection(i, evt), false, "actions-end"))));
             }
             return prev;
         }, []))));
@@ -616,13 +618,14 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     _getExportSelectionLists() {
         return this._selectionSets.reduce((prev, cur) => {
+            var _a;
             const ids = this._getSelectionSetIds(cur);
             const validSet = cur.workflowType !== EWorkflowType.REFINE || ids.length > 0;
             if (!this._downloadActive && cur.download && validSet) {
                 this._downloadActive = true;
             }
             if (validSet) {
-                prev.push((h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-checkbox", { checked: cur.download, class: "align-center", onClick: () => { void this._toggleDownload(cur.id); } }), h("calcite-list", { class: "list-border margin-start-1-2 width-full", id: "download-list" }, h("calcite-list-item", { disabled: !cur.download, label: cur.label, onClick: () => { void this._toggleDownload(cur.id); } }, h("div", { slot: "content" }, h("div", { class: "list-label" }, cur.label), h("div", { class: "list-description" }, cur?.layerView?.layer.title), h("div", { class: "list-description" }, this._translations.selectedFeatures.replace("{{n}}", ids.length.toString()))))))));
+                prev.push((h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-checkbox", { checked: cur.download, class: "align-center", onClick: () => { void this._toggleDownload(cur.id); } }), h("calcite-list", { class: "list-border margin-start-1-2 width-full", id: "download-list" }, h("calcite-list-item", { disabled: !cur.download, label: cur.label, onClick: () => { void this._toggleDownload(cur.id); } }, h("div", { slot: "content" }, h("div", { class: "list-label" }, cur.label), h("div", { class: "list-description" }, (_a = cur === null || cur === void 0 ? void 0 : cur.layerView) === null || _a === void 0 ? void 0 : _a.layer.title), h("div", { class: "list-description" }, this._translations.selectedFeatures.replace("{{n}}", ids.length.toString()))))))));
             }
             return prev;
         }, []) || (h("div", null));
@@ -659,7 +662,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
             let initialImageDataUrl = "";
             if (this._addMap && this.mapView) {
                 const screenshot = await this.mapView.takeScreenshot({ width: 1500, height: 2000 });
-                initialImageDataUrl = screenshot?.dataUrl;
+                initialImageDataUrl = screenshot === null || screenshot === void 0 ? void 0 : screenshot.dataUrl;
             }
             this._fetchingData = true;
             // Create the labels for each selection set
@@ -684,6 +687,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         const exportSelectionSets = downloadSetsOnly ?
             selectionSets.filter(ss => ss.download) : selectionSets;
         return exportSelectionSets.reduce((prev, cur) => {
+            var _a;
             if (cur.workflowType === EWorkflowType.REFINE) {
                 Object.keys(cur.refineInfos).forEach(k => {
                     const refineInfo = cur.refineInfos[k];
@@ -694,7 +698,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
                 });
             }
             else {
-                const id = cur?.layerView?.layer.id;
+                const id = (_a = cur === null || cur === void 0 ? void 0 : cur.layerView) === null || _a === void 0 ? void 0 : _a.layer.id;
                 prev = this._updateExportInfos(prev, id, cur.label, cur.selectedIds, cur.layerView);
             }
             return prev;
@@ -772,8 +776,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @protected
      */
     async _saveSelection() {
-        const results = await this._selectTools?.getSelection();
-        const isUpdate = this._selectTools?.isUpdate;
+        var _a, _b;
+        const results = await ((_a = this._selectTools) === null || _a === void 0 ? void 0 : _a.getSelection());
+        const isUpdate = (_b = this._selectTools) === null || _b === void 0 ? void 0 : _b.isUpdate;
         this._selectionSets = isUpdate ? this._selectionSets.map(ss => {
             return ss.id === results.id ? results : ss;
         }) : [
@@ -789,7 +794,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @protected
      */
     async _clearSelection() {
-        await this._selectTools?.clearSelection();
+        var _a;
+        await ((_a = this._selectTools) === null || _a === void 0 ? void 0 : _a.clearSelection());
         this._numSelected = 0;
         this._activeSelection = undefined;
     }
@@ -853,8 +859,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @protected
      */
     _checkPopups() {
+        var _a;
         if (typeof this._popupsEnabled !== 'boolean') {
-            this._popupsEnabled = this.mapView?.popupEnabled;
+            this._popupsEnabled = (_a = this.mapView) === null || _a === void 0 ? void 0 : _a.popupEnabled;
         }
     }
     /**

package/dist/components/publicNotificationStore.js

@@ -29,7 +29,7 @@ const { state, onChange } = createStore({
     highlightHandles: [],
     // remove all handles
     removeHandles: () => {
-        state.highlightHandles.forEach(h => h?.remove());
+        state.highlightHandles.forEach(h => h === null || h === void 0 ? void 0 : h.remove());
         state.highlightHandles = [];
     }
 });

package/dist/components/purify.js

@@ -6,7 +6,7 @@
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
 
 var purify = createCommonjsModule(function (module, exports) {
-/*! @license DOMPurify 2.4.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.7/LICENSE */
+/*! @license DOMPurify 2.4.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.3/LICENSE */
 
 (function (global, factory) {
   module.exports = factory() ;
@@ -162,9 +162,7 @@ var purify = createCommonjsModule(function (module, exports) {
   /* Add properties to a lookup table */
 
   function addToSet(set, array, transformCaseFunc) {
-    var _transformCaseFunc;
-
-    transformCaseFunc = (_transformCaseFunc = transformCaseFunc) !== null && _transformCaseFunc !== void 0 ? _transformCaseFunc : stringToLowerCase;
+    transformCaseFunc = transformCaseFunc ? transformCaseFunc : stringToLowerCase;
 
     if (setPrototypeOf) {
       // Make 'in' and truthy checks like Boolean(set.constructor)
@@ -335,7 +333,7 @@ var purify = createCommonjsModule(function (module, exports) {
      */
 
 
-    DOMPurify.version = '2.4.7';
+    DOMPurify.version = '2.4.3';
     /**
      * Array of elements that DOMPurify removed during sanitation.
      * Empty if nothing was removed.
@@ -401,7 +399,7 @@ var purify = createCommonjsModule(function (module, exports) {
      * Expose whether this browser supports running the full DOMPurify.
      */
 
-    DOMPurify.isSupported = typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined && documentMode !== 9;
+    DOMPurify.isSupported = typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9;
     var MUSTACHE_EXPR$1 = MUSTACHE_EXPR,
         ERB_EXPR$1 = ERB_EXPR,
         TMPLIT_EXPR$1 = TMPLIT_EXPR,
@@ -465,10 +463,6 @@ var purify = createCommonjsModule(function (module, exports) {
     /* Decide if unknown protocols are okay */
 
     var ALLOW_UNKNOWN_PROTOCOLS = false;
-    /* Decide if self-closing tags in attributes are allowed.
-     * Usually removed due to a mXSS issue in jQuery 3.0 */
-
-    var ALLOW_SELF_CLOSE_IN_ATTR = true;
     /* Output should be safe for common template engines.
      * This means, DOMPurify removes data attributes, mustaches and ERB
      */
@@ -621,8 +615,6 @@ var purify = createCommonjsModule(function (module, exports) {
 
       ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
 
-      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
-
       SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
 
       WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
@@ -645,7 +637,6 @@ var purify = createCommonjsModule(function (module, exports) {
 
       IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$1;
       NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
-      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
 
       if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
         CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
@@ -1135,10 +1126,8 @@ var purify = createCommonjsModule(function (module, exports) {
 
         return true;
       }
-      /* Make sure that older browsers don't get fallback-tag mXSS */
 
-
-      if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+      if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
         _forceRemove(currentNode);
 
         return true;
@@ -1200,9 +1189,9 @@ var purify = createCommonjsModule(function (module, exports) {
         }
         /* Check value is safe. First, is attr inert? If so, is safe */
 
-      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$1, stringReplace(value, ATTR_WHITESPACE$1, ''))) ; else if (value) {
+      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$1, stringReplace(value, ATTR_WHITESPACE$1, ''))) ; else if (!value) ; else {
         return false;
-      } else ;
+      }
 
       return true;
     };
@@ -1289,7 +1278,7 @@ var purify = createCommonjsModule(function (module, exports) {
         /* Work around a security issue in jQuery 3.0 */
 
 
-        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+        if (regExpTest(/\/>/i, value)) {
           _removeAttribute(name, currentNode);
 
           continue;
@@ -1329,16 +1318,12 @@ var purify = createCommonjsModule(function (module, exports) {
           if (namespaceURI) ; else {
             switch (trustedTypes.getAttributeType(lcTag, lcName)) {
               case 'TrustedHTML':
-                {
-                  value = trustedTypesPolicy.createHTML(value);
-                  break;
-                }
+                value = trustedTypesPolicy.createHTML(value);
+                break;
 
               case 'TrustedScriptURL':
-                {
-                  value = trustedTypesPolicy.createScriptURL(value);
-                  break;
-                }
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
             }
           }
         }
@@ -1432,14 +1417,15 @@ var purify = createCommonjsModule(function (module, exports) {
 
 
       if (typeof dirty !== 'string' && !_isNode(dirty)) {
-        if (typeof dirty.toString === 'function') {
+        // eslint-disable-next-line no-negated-condition
+        if (typeof dirty.toString !== 'function') {
+          throw typeErrorCreate('toString is not a function');
+        } else {
           dirty = dirty.toString();
 
           if (typeof dirty !== 'string') {
             throw typeErrorCreate('dirty is not a string, aborting');
           }
-        } else {
-          throw typeErrorCreate('toString is not a function');
         }
       }
       /* Check we can run. Otherwise fall back or ignore */
@@ -1573,7 +1559,7 @@ var purify = createCommonjsModule(function (module, exports) {
           returnNode = body;
         }
 
-        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmod) {
+        if (ALLOWED_ATTR.shadowroot) {
           /*
             AdoptNode() is not used because internal state is not reset
             (e.g. the past names map of a HTMLFormElement), this is safe

package/dist/components/queryUtils.js

@@ -60,7 +60,8 @@ async function queryObjectIds(geometries, layer) {
  * @returns Promise with the featureSet from the layer that match the provided ids
  */
 async function queryFeaturesByID(ids, layer, graphics, returnGeometry, outSpatialReference) {
-    const num = layer.capabilities?.query.maxRecordCount;
+    var _a;
+    const num = (_a = layer.capabilities) === null || _a === void 0 ? void 0 : _a.query.maxRecordCount;
     const start = 0;
     const q = layer.createQuery();
     q.start = start;
@@ -176,7 +177,7 @@ function getQueryGeoms(geometries, geometryEngine) {
  * @returns Array of single unioned geometry for the provided geometry type
  */
 function _unionGeoms(geometries, type, geometryEngine) {
-    const geoms = geometries?.filter(g => g.type === type) || [];
+    const geoms = (geometries === null || geometries === void 0 ? void 0 : geometries.filter(g => g.type === type)) || [];
     return geoms.length <= 1 ? geoms : [geometryEngine.union(geoms)];
 }
 /**

package/dist/components/refine-results-flow-item.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const refineResultsFlowItemCss = ":host{display:block}";
 

package/dist/components/refine-selection2.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { e as ESelectionMode, b as EDrawMode, E as EWorkflowType } from './interfaces.js';
 import { e as getFeatureLayerView, f as getIdSets, i as highlightAllFeatures } from './mapViewUtils.js';
 import { f as queryFeaturesByGeometry } from './queryUtils.js';
@@ -95,8 +95,9 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
      * Renders the component.
      */
     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: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.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" }, 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())))));
     }
     //--------------------------------------------------------------------------
     //
@@ -133,7 +134,8 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
      * @protected
      */
     _sketchGraphicsChanged(evt) {
-        const geom = evt.detail?.graphics[0].geometry;
+        var _a;
+        const geom = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.graphics[0].geometry;
         void this._selectFeatures(geom);
     }
     /**
@@ -143,7 +145,8 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
      */
     _getEnabledLayerIds() {
         return this.selectionSets.reduce((prev, cur) => {
-            const id = cur?.layerView?.layer.id;
+            var _a;
+            const id = (_a = cur === null || cur === void 0 ? void 0 : cur.layerView) === null || _a === void 0 ? void 0 : _a.layer.id;
             if (id && prev.indexOf(id) < 0) {
                 prev.push(id);
             }
@@ -191,7 +194,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
             layerView: await getFeatureLayerView(this.mapView, id)
         };
         if (selectionSet) {
-            selectionSet.refineInfos = { ...selectionSet.refineInfos, ...refineInfo };
+            selectionSet.refineInfos = Object.assign(Object.assign({}, selectionSet.refineInfos), refineInfo);
         }
         else {
             this._refineSelectionSet = {
@@ -296,17 +299,19 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
      * @protected
      */
     async _selectFeatures(geom) {
+        var _a, _b;
         this.selectionLoadingChange.emit(true);
-        this._featuresCollection[this._refineLayer?.layer.id] = [];
-        const response = await queryFeaturesByGeometry(0, this._refineLayer?.layer, geom, this._featuresCollection);
+        this._featuresCollection[(_a = this._refineLayer) === null || _a === void 0 ? void 0 : _a.layer.id] = [];
+        const response = await queryFeaturesByGeometry(0, (_b = this._refineLayer) === null || _b === void 0 ? void 0 : _b.layer, geom, this._featuresCollection);
         this.selectionLoadingChange.emit(false);
         let graphics = [];
         Object.keys(response).forEach(k => {
-            if (k === this._refineLayer?.layer.id) {
+            var _a;
+            if (k === ((_a = this._refineLayer) === null || _a === void 0 ? void 0 : _a.layer.id)) {
                 graphics = graphics.concat(response[k]);
             }
         });
-        const oids = Array.isArray(graphics) ? graphics.map(g => g.attributes[g?.layer?.objectIdField]) : [];
+        const oids = Array.isArray(graphics) ? graphics.map(g => { var _a; return g.attributes[(_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.objectIdField]; }) : [];
         await this._updateIds(oids, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer);
         this._drawTools.clear();
     }