@esri/solutions-components 0.7.16 → 0.7.17

package/dist/collection/components/json-editor/assets/monaco-editor/package.json

@@ -1,63 +1,63 @@
-{
-  "name": "monaco-editor",
-  "version": "0.7.15",
-  "vscode": "4b8a47f3570a4a05ace9d00ae0df044b55befcd5",
-  "private": false,
-  "description": "A browser based code editor",
-  "author": "Microsoft Corporation",
-  "license": "MIT",
-  "scripts": {
-    "build-website": "ts-node ./build/website && npm run typedoc",
-    "import-typescript": "ts-node ./build/importTypescript",
-    "package-for-smoketest-esbuild": "ts-node ./test/smoke/package-esbuild",
-    "playwright-install": "node ./node_modules/playwright/install.js",
-    "playwright-install-deps": "playwright install-deps",
-    "prettier-check": "prettier --check .",
-    "prettier": "prettier --write .",
-    "pretty-quick": "pretty-quick --staged",
-    "release": "ts-node ./build/build && ts-node ./build/release",
-    "simpleserver": "ts-node ./build/simpleserver",
-    "smoketest-debug": "node ./test/smoke/runner.js --debug-tests",
-    "smoketest": "node ./test/smoke/runner.js",
-    "test": "mocha test/unit/all.js",
-    "deps-all-remove": "ts-node ./build/npm/removeAll",
-    "deps-all-install": "ts-node ./build/npm/installAll",
-    "typedoc": "cd website/typedoc && \"../../node_modules/.bin/typedoc\" --options ./typedoc.json",
-    "watch": "tsc -w -p ./src"
-  },
-  "typings": "./esm/vs/editor/editor.api.d.ts",
-  "module": "./esm/vs/editor/editor.main.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/monaco-editor"
-  },
-  "devDependencies": {
-    "@types/mocha": "^9.1.0",
-    "@typescript/vfs": "^1.3.5",
-    "chai": "^4.3.6",
-    "clean-css": "^5.2.4",
-    "esbuild": "^0.14.49",
-    "esbuild-plugin-alias": "^0.2.1",
-    "glob": "^7.2.0",
-    "husky": "^7.0.4",
-    "jsdom": "^19.0.0",
-    "jsonc-parser": "^3.0.0",
-    "mocha": "^9.2.0",
-    "monaco-editor-core": "0.34.0",
-    "playwright": "^1.18.1",
-    "prettier": "^2.5.1",
-    "pretty-quick": "^3.1.3",
-    "requirejs": "^2.3.6",
-    "terser": "^5.14.2",
-    "ts-node": "^10.6.0",
-    "typedoc": "^0.22.11",
-    "typescript": "4.5.5",
-    "vscode-css-languageservice": "5.4.1",
-    "vscode-html-languageservice": "4.2.4",
-    "vscode-json-languageservice": "4.2.1",
-    "vscode-languageserver-textdocument": "^1.0.4",
-    "vscode-languageserver-types": "3.16.0",
-    "vscode-uri": "3.0.3",
-    "yaserver": "^0.4.0"
-  }
-}
+{
+  "name": "monaco-editor",
+  "version": "0.34.0",
+  "vscode": "4b8a47f3570a4a05ace9d00ae0df044b55befcd5",
+  "private": false,
+  "description": "A browser based code editor",
+  "author": "Microsoft Corporation",
+  "license": "MIT",
+  "scripts": {
+    "build-website": "ts-node ./build/website && npm run typedoc",
+    "import-typescript": "ts-node ./build/importTypescript",
+    "package-for-smoketest-esbuild": "ts-node ./test/smoke/package-esbuild",
+    "playwright-install": "node ./node_modules/playwright/install.js",
+    "playwright-install-deps": "playwright install-deps",
+    "prettier-check": "prettier --check .",
+    "prettier": "prettier --write .",
+    "pretty-quick": "pretty-quick --staged",
+    "release": "ts-node ./build/build && ts-node ./build/release",
+    "simpleserver": "ts-node ./build/simpleserver",
+    "smoketest-debug": "node ./test/smoke/runner.js --debug-tests",
+    "smoketest": "node ./test/smoke/runner.js",
+    "test": "mocha test/unit/all.js",
+    "deps-all-remove": "ts-node ./build/npm/removeAll",
+    "deps-all-install": "ts-node ./build/npm/installAll",
+    "typedoc": "cd website/typedoc && \"../../node_modules/.bin/typedoc\" --options ./typedoc.json",
+    "watch": "tsc -w -p ./src"
+  },
+  "typings": "./esm/vs/editor/editor.api.d.ts",
+  "module": "./esm/vs/editor/editor.main.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/monaco-editor"
+  },
+  "devDependencies": {
+    "@types/mocha": "^9.1.0",
+    "@typescript/vfs": "^1.3.5",
+    "chai": "^4.3.6",
+    "clean-css": "^5.2.4",
+    "esbuild": "^0.14.49",
+    "esbuild-plugin-alias": "^0.2.1",
+    "glob": "^7.2.0",
+    "husky": "^7.0.4",
+    "jsdom": "^19.0.0",
+    "jsonc-parser": "^3.0.0",
+    "mocha": "^9.2.0",
+    "monaco-editor-core": "0.34.0",
+    "playwright": "^1.18.1",
+    "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.3",
+    "requirejs": "^2.3.6",
+    "terser": "^5.14.2",
+    "ts-node": "^10.6.0",
+    "typedoc": "^0.22.11",
+    "typescript": "4.5.5",
+    "vscode-css-languageservice": "5.4.1",
+    "vscode-html-languageservice": "4.2.4",
+    "vscode-json-languageservice": "4.2.1",
+    "vscode-languageserver-textdocument": "^1.0.4",
+    "vscode-languageserver-types": "3.16.0",
+    "vscode-uri": "3.0.3",
+    "yaserver": "^0.4.0"
+  }
+}

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

@@ -90,6 +90,7 @@ export class JsonEditor {
             const setModelMarkers = monaco.editor.setModelMarkers;
             const self = this;
             monaco.editor.setModelMarkers = function (model, owner, markers) {
+                var _a, _b;
                 // If this call was for our model, it acts like an onEditorChange event
                 // but gives us access to the error state as well
                 if (model.id === self._currentModel.id) {
@@ -97,8 +98,8 @@ export class JsonEditor {
                     self._flagEditorHasErrors(markers.length > 0);
                     // Set the changed state & dispatch event if state has changed, but only if there are no errors
                     if (!self.hasErrors) {
-                        self._flagEditorHasChanges(self._currentModel?.canUndo());
-                        if (self._currentModel?.canUndo()) {
+                        self._flagEditorHasChanges((_a = self._currentModel) === null || _a === void 0 ? void 0 : _a.canUndo());
+                        if ((_b = self._currentModel) === null || _b === void 0 ? void 0 : _b.canUndo()) {
                             self._flagEditorContentChanged();
                         }
                     }
@@ -175,11 +176,12 @@ export class JsonEditor {
      * this cleanup call needs to be called manually.
      */
     async prepareForDeletion() {
-        this._searchBtnHandler?.removeEventListener("click", this._search);
-        this._cancelEditsBtnHandler?.removeEventListener("click", this._reset);
-        this._valueObserver?.disconnect();
-        this._contentChanged?.dispose();
-        this._editor?.dispose();
+        var _a, _b, _c, _d, _e;
+        (_a = this._searchBtnHandler) === null || _a === void 0 ? void 0 : _a.removeEventListener("click", this._search);
+        (_b = this._cancelEditsBtnHandler) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this._reset);
+        (_c = this._valueObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+        (_d = this._contentChanged) === null || _d === void 0 ? void 0 : _d.dispose();
+        (_e = this._editor) === null || _e === void 0 ? void 0 : _e.dispose();
     }
     /**
      * Replaces the current selection with the supplied text, inserting if nothing is selected.
@@ -222,7 +224,8 @@ export class JsonEditor {
       * @protected
      */
     _disableButton(buttonId) {
-        document.getElementById(buttonId)?.setAttribute("disabled", "");
+        var _a;
+        (_a = document.getElementById(buttonId)) === null || _a === void 0 ? void 0 : _a.setAttribute("disabled", "");
     }
     /**
      * Enables a button.
@@ -232,7 +235,8 @@ export class JsonEditor {
      * @protected
      */
     _enableButton(buttonId) {
-        document.getElementById(buttonId)?.removeAttribute("disabled");
+        var _a;
+        (_a = document.getElementById(buttonId)) === null || _a === void 0 ? void 0 : _a.removeAttribute("disabled");
     }
     /**
      * Dispatches an event that the editor's content has changed.
@@ -337,7 +341,8 @@ export class JsonEditor {
      * @protected
      */
     _redo() {
-        if (this._currentModel?.canRedo()) {
+        var _a;
+        if ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.canRedo()) {
             this._currentModel.redo();
             this._toggleUndoRedo();
         }
@@ -399,19 +404,20 @@ export class JsonEditor {
      * @protected
      */
     _toggleUndoRedo() {
-        if (this._currentModel?.canUndo()) {
+        var _a, _b, _c, _d;
+        if ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.canUndo()) {
             this._enableButton(`${this.instanceid}-undo`);
         }
         else {
             this._disableButton(`${this.instanceid}-undo`);
         }
-        if (this._currentModel?.canRedo()) {
+        if ((_b = this._currentModel) === null || _b === void 0 ? void 0 : _b.canRedo()) {
             this._enableButton(`${this.instanceid}-redo`);
         }
         else {
             this._disableButton(`${this.instanceid}-redo`);
         }
-        if (this._currentModel?.canUndo() || this._currentModel?.canRedo()) {
+        if (((_c = this._currentModel) === null || _c === void 0 ? void 0 : _c.canUndo()) || ((_d = this._currentModel) === null || _d === void 0 ? void 0 : _d.canRedo())) {
             this._enableButton(`${this.instanceid}-reset`);
         }
         else {
@@ -424,7 +430,8 @@ export class JsonEditor {
      * @protected
      */
     _undo() {
-        if (this._currentModel?.canUndo()) {
+        var _a;
+        if ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.canUndo()) {
             this._currentModel.undo();
             this._toggleUndoRedo();
         }

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

@@ -103,7 +103,8 @@ export class LayerTable {
      * Reset the toolInfos when zoom tool is enabled/disabled
      */
     enableZoomWatchHandler() {
-        if (this._toolInfos?.length > 0) {
+        var _a;
+        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             this._initToolInfos();
         }
     }
@@ -111,7 +112,8 @@ export class LayerTable {
      * Reset the toolInfos when export csv is enabled/disabled
      */
     enableCSVWatchHandler() {
-        if (this._toolInfos?.length > 0) {
+        var _a;
+        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             this._initToolInfos();
         }
     }
@@ -143,7 +145,8 @@ export class LayerTable {
      * watch for changes in map info and recheck the tool infos
      */
     async mapInfoWatchHandler() {
-        if (this._toolInfos?.length > 0) {
+        var _a;
+        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             this._initToolInfos();
         }
     }
@@ -477,11 +480,12 @@ export class LayerTable {
      * @returns boolean
      */
     _hasFilterExpressions() {
+        var _a, _b, _c;
         let layerExpressions;
-        if (this.mapInfo?.filterConfig?.layerExpressions && this._layer?.id) {
+        if (((_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions) && ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id)) {
             layerExpressions = this.mapInfo.filterConfig.layerExpressions.filter((exp) => exp.id === this._layer.id);
         }
-        return layerExpressions?.length > 0;
+        return (layerExpressions === null || layerExpressions === void 0 ? void 0 : layerExpressions.length) > 0;
     }
     /**
      * Add/Remove tools from the action bar and dropdown based on available size
@@ -655,19 +659,20 @@ export class LayerTable {
      * Called each time the values that are used for custom url params change
      */
     _updateShareUrl() {
-        const url = this._shareNode?.shareUrl;
+        var _a, _b, _c, _d;
+        const url = (_a = this._shareNode) === null || _a === void 0 ? void 0 : _a.shareUrl;
         if (!url) {
             return;
         }
         const urlObj = new URL(url);
         //set the additional search params
-        if (this.mapInfo?.id) {
+        if ((_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.id) {
             urlObj.searchParams.set("webmap", this.mapInfo.id);
         }
-        if (this._layer?.id) {
+        if ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id) {
             urlObj.searchParams.set("layer", this._layer.id);
         }
-        if (this._selectedIndexes?.length > 0) {
+        if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
         }
         this._shareNode.shareUrl = urlObj.href;
@@ -744,8 +749,9 @@ export class LayerTable {
                     void this._handleOnChange(evt);
                 });
                 this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
-                    this._sortActive = this._layer ? (sortOrders.length > 0 && sortOrders[0]?.direction === "asc" || sortOrders[0]?.direction === "desc") ||
-                        sortOrders[0]?.direction === null && sortOrders[0]?.fieldName === this._layer.objectIdField : false;
+                    var _a, _b, _c, _d;
+                    this._sortActive = this._layer ? (sortOrders.length > 0 && ((_a = sortOrders[0]) === null || _a === void 0 ? void 0 : _a.direction) === "asc" || ((_b = sortOrders[0]) === null || _b === void 0 ? void 0 : _b.direction) === "desc") ||
+                        ((_c = sortOrders[0]) === null || _c === void 0 ? void 0 : _c.direction) === null && ((_d = sortOrders[0]) === null || _d === void 0 ? void 0 : _d.fieldName) === this._layer.objectIdField : false;
                 });
             });
         }
@@ -843,10 +849,11 @@ export class LayerTable {
      * @returns void
      */
     async _resetTable() {
+        var _a;
         this._clearSelection();
         this._allIds = [];
         this.featureSelectionChange.emit(this._selectedIndexes);
-        const columnTemplates = this._getColumnTemplates(this._layer.id, this._layer?.fields);
+        const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
         this._allIds = await queryAllIds(this._layer);
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
@@ -860,16 +867,17 @@ export class LayerTable {
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         this._initToolInfos();
         await this._table.when(async () => {
+            var _a, _b;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
             this._initColumnsInfo();
-            if (!this._defaultOidHonored && this.defaultOid?.length > 0 && this.defaultOid[0] > -1) {
+            if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
                 this._selectDefaultFeature(this.defaultOid);
                 this._defaultOidHonored = true;
             }
-            if (!this._defaultGlobalIdHonored && this.defaultGlobalId?.length > 0) {
+            if (!this._defaultGlobalIdHonored && ((_b = this.defaultGlobalId) === null || _b === void 0 ? void 0 : _b.length) > 0) {
                 const features = await queryFeaturesByGlobalID(this.defaultGlobalId, this._layer);
-                const oids = features?.length > 0 ? features.map(f => f.getObjectId()) : undefined;
+                const oids = (features === null || features === void 0 ? void 0 : features.length) > 0 ? features.map(f => f.getObjectId()) : undefined;
                 if (oids) {
                     this._selectDefaultFeature(oids);
                 }
@@ -958,7 +966,8 @@ export class LayerTable {
      * Close show/hide dropdown when the user clicks outside of it
      */
     _handleDocumentClick(e) {
-        const id = e.target?.id;
+        var _a;
+        const id = (_a = e.target) === null || _a === void 0 ? void 0 : _a.id;
         if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "solutions-subset-list" && id !== "chevron-right") {
             this._closeShowHide();
             if (this._moreDropdown) {
@@ -993,7 +1002,8 @@ export class LayerTable {
      * @returns node to interact with any configured filters for the current layer
      */
     _filterModal() {
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
+        var _a, _b, _c;
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
     }
     /**
      * Close the filter modal
@@ -1104,8 +1114,9 @@ export class LayerTable {
      * @returns void
      */
     _clearSelection() {
+        var _a;
         this._selectedIndexes = [];
-        this._table?.highlightIds.removeAll();
+        (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
     }
     /**
      * When true the filter modal will be displayed
@@ -1122,7 +1133,8 @@ export class LayerTable {
      * @returns void
      */
     _initLayerExpressions() {
-        const layerExpressions = this.mapInfo?.filterConfig?.layerExpressions;
+        var _a, _b;
+        const layerExpressions = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions;
         this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => exp.id === this._layer.id) : [];
     }
     /**
@@ -1195,8 +1207,9 @@ export class LayerTable {
      * @returns a promise that will resolve when the operation is complete
      */
     async _layerSelectionChanged(evt) {
+        var _a;
         const id = evt.detail[0];
-        if (id !== this._layer?.id || this._featuresEmpty()) {
+        if (id !== ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id) || this._featuresEmpty()) {
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             await layer.when(() => {
@@ -1213,14 +1226,15 @@ export class LayerTable {
      * @returns a list of column templates if they exist
      */
     _getColumnTemplates(id, fieldInfos) {
+        var _a;
         let layerInfo;
-        this.mapInfo.layerInfos?.some(li => {
+        (_a = this.mapInfo.layerInfos) === null || _a === void 0 ? void 0 : _a.some(li => {
             if (li.id === id) {
                 layerInfo = li;
                 return true;
             }
         });
-        let columnTemplates = layerInfo?.columnTemplates;
+        let columnTemplates = layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.columnTemplates;
         if (fieldInfos) {
             columnTemplates = columnTemplates ? columnTemplates.map(columnTemplate => {
                 fieldInfos.some(fieldInfo => {

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

@@ -92,10 +92,11 @@ export class MapCard {
      * Renders the component.
      */
     render() {
+        var _a, _b;
         const mapClass = this.hidden ? "visibility-hidden" : "";
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        const mapPickerClass = this.mapInfos?.length > 1 ? "" : "display-none";
-        const mapHeightClass = this.mapInfos?.length > 1 ? "map-height" : "height-full";
+        const mapPickerClass = ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 1 ? "" : "display-none";
+        const mapHeightClass = ((_b = this.mapInfos) === null || _b === void 0 ? void 0 : _b.length) > 1 ? "map-height" : "height-full";
         return (h(Host, null, h("map-picker", { class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableMapToolsExpand: this.enableMapToolsExpand, enableSearch: this.enableSearch, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     //--------------------------------------------------------------------------
@@ -130,14 +131,15 @@ export class MapCard {
      * @protected
      */
     async _loadMap(webMapInfo) {
+        var _a;
         // on the first render use the default webmap id if provided otherwise use the first child of the provided mapInfos
         const loadDefaultMap = !this._defaultWebmapHonored && this.defaultWebmapId;
-        const defaultMap = this.mapInfos?.filter(i => i.id === this.defaultWebmapId);
+        const defaultMap = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === this.defaultWebmapId);
         const mapConfigChanged = JSON.stringify(webMapInfo) !== JSON.stringify(this._webMapInfo);
         this._webMapInfo = loadDefaultMap && defaultMap ? defaultMap[0] :
-            !webMapInfo?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : webMapInfo;
+            !(webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) && this.mapInfos.length > 0 ? this.mapInfos[0] : webMapInfo;
         const id = this._webMapInfo.id;
-        const isDefaultMap = loadDefaultMap && webMapInfo?.id === this.defaultWebmapId;
+        const isDefaultMap = loadDefaultMap && (webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) === this.defaultWebmapId;
         if ((this._loadedId !== id && !loadDefaultMap) || isDefaultMap) {
             const webMap = new this.WebMap({
                 portalItem: { id }

package/dist/collection/components/map-draw-tools/map-draw-tools.js

@@ -199,11 +199,7 @@ export class MapDrawTools {
                 toggleToolOnClick: false
             }
         };
-        this._sketchWidget = new this.Sketch({
-            ...sketchOptions,
-            container: this._sketchElement,
-            creationMode: "single",
-            visibleElements: {
+        this._sketchWidget = new this.Sketch(Object.assign(Object.assign({}, sketchOptions), { container: this._sketchElement, creationMode: "single", visibleElements: {
                 duplicateButton: false,
                 selectionTools: {
                     "lasso-selection": false,
@@ -213,11 +209,8 @@ export class MapDrawTools {
                 },
                 undoRedoMenu: false,
                 settingsMenu: this.drawMode === EDrawMode.SKETCH
-            }
-        });
-        this._sketchViewModel = new this.SketchViewModel({
-            ...sketchOptions
-        });
+            } }));
+        this._sketchViewModel = new this.SketchViewModel(Object.assign({}, sketchOptions));
         this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol;
         this._sketchWidget.viewModel.pointSymbol = this.pointSymbol;
         this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol;
@@ -242,12 +235,13 @@ export class MapDrawTools {
             }
         });
         this._sketchWidget.on("update", (evt) => {
+            var _a;
             if (!this.editGraphicsEnabled) {
                 this._sketchWidget.viewModel.cancel();
                 this._sketchViewModel.cancel();
             }
             else {
-                const eventType = evt?.toolEventInfo?.type;
+                const eventType = (_a = evt === null || evt === void 0 ? void 0 : evt.toolEventInfo) === null || _a === void 0 ? void 0 : _a.type;
                 if (eventType === "reshape-stop" || eventType === "move-stop") {
                     this.graphics = evt.graphics;
                     this.sketchGraphicsChange.emit({
@@ -285,9 +279,10 @@ export class MapDrawTools {
      * @protected
      */
     _clearSketch() {
+        var _a;
         this._sketchWidget.viewModel.cancel();
         this.graphics = [];
-        this._sketchGraphicsLayer?.removeAll();
+        (_a = this._sketchGraphicsLayer) === null || _a === void 0 ? void 0 : _a.removeAll();
     }
     /**
      * Emit the undo event

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

@@ -94,7 +94,7 @@ export class MapLayerPicker {
     render() {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
-        style = { ...style, "display": this.display };
+        style = Object.assign(Object.assign({}, style), { "display": this.display });
         return (h(Host, null, h("div", { class: "map-layer-picker-container", style: style }, h("div", { class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
@@ -210,7 +210,7 @@ export class MapLayerPicker {
             id = this.defaultLayerHonored ? this.defaultLayerId : id;
         }
         item = item ? item : this._getLayerFromHash(id);
-        this.selectedName = item?.name;
+        this.selectedName = item === null || item === void 0 ? void 0 : item.name;
         this.selectedIds = [id];
         this.layerSelectionChange.emit(this.selectedIds);
     }
@@ -237,8 +237,8 @@ export class MapLayerPicker {
             const tableIds = this.showTables ? this.onlyShowUpdatableLayers ?
                 this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : [];
             this.ids = [
-                ...layerIds.reverse().filter(n => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.reverse().indexOf(n) > -1 : true),
-                ...tableIds.reverse().filter(n => this.enabledTableIds?.length > 0 ? this.enabledTableIds.reverse().indexOf(n) > -1 : true),
+                ...layerIds.reverse().filter(n => { var _a; return ((_a = this.enabledLayerIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledLayerIds.reverse().indexOf(n) > -1 : true; }),
+                ...tableIds.reverse().filter(n => { var _a; return ((_a = this.enabledTableIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledTableIds.reverse().indexOf(n) > -1 : true; }),
             ];
             this.idsFound.emit({
                 layerIds,
@@ -274,7 +274,8 @@ export class MapLayerPicker {
      * @returns boolean when true the layer will be used in the current layer picker type
      */
     _validLayer(id) {
-        const name = this._layerNameHash[id]?.name;
+        var _a;
+        const name = (_a = this._layerNameHash[id]) === null || _a === void 0 ? void 0 : _a.name;
         return name && state.managedLayers.indexOf(name) < 0 && (this.enabledLayerIds.length > 0 ?
             this.enabledLayerIds.indexOf(id) > -1 : true);
     }
@@ -284,7 +285,8 @@ export class MapLayerPicker {
      * @returns boolean when true the table will be used in the current layer picker type
      */
     _validTable(id) {
-        const name = this._tableNameHash[id]?.name;
+        var _a;
+        const name = (_a = this._tableNameHash[id]) === null || _a === void 0 ? void 0 : _a.name;
         const validName = name && this.showTables;
         return validName ? state.managedTables.indexOf(name) < 0 &&
             (this.enabledTableIds.length > 0 ? this.enabledTableIds.indexOf(id) > -1 : true) : validName;

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

@@ -41,7 +41,7 @@ export class MapPicker {
      */
     _webMapInfoWatchHandler(v, oldV) {
         if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
-            this._loadedId = v?.id;
+            this._loadedId = v === null || v === void 0 ? void 0 : v.id;
             this.mapInfoChange.emit(v);
         }
     }
@@ -59,8 +59,9 @@ export class MapPicker {
     //
     //--------------------------------------------------------------------------
     async setMapByID(id) {
-        const mapInfos = this.mapInfos?.filter(i => i.id === id);
-        if (id && mapInfos?.length > 0) {
+        var _a;
+        const mapInfos = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === id);
+        if (id && (mapInfos === null || mapInfos === void 0 ? void 0 : mapInfos.length) > 0) {
             this._webMapSelected(mapInfos[0]);
         }
     }
@@ -106,9 +107,10 @@ export class MapPicker {
      * @protected
      */
     _getMapPicker() {
+        var _a;
         const id = "map-picker-expand-toggle";
         const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
-        return (h("div", { class: "width-full" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, this._webMapInfo?.name), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchMap))));
+        return (h("div", { class: "width-full" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, (_a = this._webMapInfo) === null || _a === void 0 ? void 0 : _a.name), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchMap))));
     }
     /**
      * Create the toolbar (controls used for map and app interactions)

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

@@ -119,9 +119,7 @@ export class MapSearch {
             };
             if (this.searchConfiguration) {
                 const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
-                searchOptions = {
-                    ...searchConfiguration
-                };
+                searchOptions = Object.assign({}, searchConfiguration);
             }
             this.searchWidget = new this.Search(searchOptions);
             this.searchWidget.popupEnabled = this.popupEnabled;
@@ -144,15 +142,16 @@ export class MapSearch {
     _getSearchConfig(searchConfiguration, view) {
         const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
         const sources = searchConfiguration.sources;
-        if (sources?.length > 0) {
+        if ((sources === null || sources === void 0 ? void 0 : sources.length) > 0) {
             searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
             sources.forEach((source) => {
+                var _a, _b;
                 const isLayerSource = source.hasOwnProperty("layer");
                 if (isLayerSource) {
                     const layerSource = source;
-                    const layerId = layerSource.layer?.id;
+                    const layerId = (_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id;
                     const layerFromMap = layerId ? view.map.findLayerById(layerId) : null;
-                    const layerUrl = layerSource?.layer?.url;
+                    const layerUrl = (_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url;
                     if (layerFromMap) {
                         layerSource.layer = layerFromMap;
                     }
@@ -161,11 +160,11 @@ export class MapSearch {
                     }
                 }
             });
-            sources?.forEach((source) => {
+            sources === null || sources === void 0 ? void 0 : sources.forEach((source) => {
                 const isLocatorSource = source.hasOwnProperty("locator");
                 if (isLocatorSource) {
                     const locatorSource = source;
-                    if (locatorSource?.name === "ArcGIS World Geocoding Service") {
+                    if ((locatorSource === null || locatorSource === void 0 ? void 0 : locatorSource.name) === "ArcGIS World Geocoding Service") {
                         const outFields = locatorSource.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
                         locatorSource.outFields = outFields;
                         locatorSource.singleLineFieldName = "SingleLine";
@@ -176,10 +175,7 @@ export class MapSearch {
             });
         }
         else {
-            searchConfiguration = {
-                ...searchConfiguration,
-                includeDefaultSources: true
-            };
+            searchConfiguration = Object.assign(Object.assign({}, searchConfiguration), { includeDefaultSources: true });
         }
         return searchConfiguration;
     }