@esri/solutions-components 0.8.14 → 0.8.15

package/dist/components/refine-selection2.js

@@ -5,7 +5,7 @@
  */
 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 { c as getFeatureLayerView, f as getIdSets, i as highlightAllFeatures } from './mapViewUtils.js';
+import { c as getFeatureLayerView, i as getIdSets, j as highlightAllFeatures } from './mapViewUtils.js';
 import { f as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
@@ -98,7 +98,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
     render() {
         var _a, _b;
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: 'b5ae4c3738bbfd2a06370dd151589aac4315afd5' }, h("div", { key: 'e2c4bfd4db7a562b6b04c846432585a6458e18e9', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '1643b468fac117cea41286d42b22155b6817ca5f', class: "display-flex" }, h("calcite-label", { key: '7bb67b57a439e04b48c4e6048ab8542a43c90166', class: "font-bold width-full label-margin-0" }, h("div", { key: '785299bbe0a8d2da9e78ad1a5d135824fa3f2142', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '9df730f9d904fe17a9d7cc780eb3565c7c27adb3', class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '7d15a1f23c149b7085a46880eaa20dcc3cc133e9', 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", { key: '66ba212b5d012a63246fec374c63a113420a5877', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '16eb2bea0b03afd50a1426adae13529d1e36f6af', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'c692eec707159c808445338cab82524d5643c85f', class: "padding-1" }, h("div", { key: '7442d3d39a5da78779d9efdf7b4d918b4a2c0a22', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '657d552d51c9a23b25a52be2c7d666bf965ec290', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '03768edc16633a5b042c7c1e510a7999371a9f0b', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '5c7fa3fcc69d671f73f00d157037161ee462a480', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '96f27ca8167839ab9f733f79b71e418509a24aa2', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'cb43cbc574b1535a8024200a03ef0bf4b989a073', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '9c86cf4341c719ef795033455943c1d417bb16fb' }, h("map-draw-tools", { key: 'b86de58c8ba773f8abf707036899fbadc92fb1f8', 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", { key: '3c9448455924aff46754127259ad19bee129648b' }), (h("calcite-list", { key: 'bebb72254a24f6d540b020b57598046ba58005f3', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '6c1761b546b2a7e4b0cdb0f4b6d8a01123b99622' }, h("div", { key: 'b1c89cda8d7afeeef30bef71e5cbd630fdbbc4e5', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'face3c9ffcd60017696672591eeee93e9143ff15', class: "display-flex" }, h("calcite-label", { key: 'eec32ef872da97ed3703c6e0aebe55718c949af5', class: "font-bold width-full label-margin-0" }, h("div", { key: 'c24304fca1916838f962e27585147df119078874', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: 'd6b0de323a51c50c822e7025a8fafb8aae998812', class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '73bc4b1941851388ab34a37eff1f043e6cab246d', 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", { key: 'a529620a6ce8d04beb4666111837ffb5c8c3428e', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '0878c0f957aa79949a05d07739ae27426b577b55', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '1c05063967f0c9860fb6ecbd1c6e2f93181fdafa', class: "padding-1" }, h("div", { key: 'acd727d4e13645776c5caac3511f7f2eb1d893e7', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '27ed95840a455a31edd272a3d818ee7ea05c44f6', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '98df494dfacd234bbeac8da43c96328d72965754', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '368502b6a7357687a5b1980559d2512a1147a6ff', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'e72267881aa1229b54fb483ff90842e2f61dbee1', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '42f70e5d0239104dde7da1497e79acfdbab5ba58', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '10587fb81b1d06993af78cc21934928d1eea1f44' }, h("map-draw-tools", { key: '62277251d9011fe57d24d310eb2400f47ba6e6a3', 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", { key: 'b0b2e1c9d9fd4fe5b2a85ee87845ddbeb133d7ea' }), (h("calcite-list", { key: '081a98ad30f89b5e63cea9e2c56a83e53595600e', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/share-item.js

@@ -50,7 +50,7 @@ const ShareItem$1 = /*@__PURE__*/ proxyCustomElement(class ShareItem extends HTM
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'ecac7be8a24568f7f326f2f973bc5e1155281a12' }, h("slot", { key: '711c21f7e48e2775c4d8d18dd420f40da0c5e818' })));
+        return (h(Host, { key: '99ce98d1216732f934a30c4906603846f30bed3c' }, h("slot", { key: 'eaa9fec6228279c1dace55b24fab53af5a332cc6' })));
     }
     get el() { return this; }
     static get style() { return ShareItemStyle0; }

package/dist/components/solution-configuration.js

@@ -1538,11 +1538,11 @@ const SolutionConfiguration$1 = /*@__PURE__*/ proxyCustomElement(class SolutionC
         const solutionData = state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(getOrganizationVariables(this._translations));
-        return (h(Host, { key: '49da1cac194bccfd4eff5b631cfc965ba97c351d' }, !this._solutionIsLoaded
+        return (h(Host, { key: 'ed39e3d25e0417a057a7e0ba75e34b2e4fe0e9b4' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: '33aa3f25870a5d287387cc3f465e3235cce6bb75', class: "configuration-container" }, h("div", { key: 'b8366c1abab2870d526c34d28b79b1330a2d65a4', class: "configuration" }, h("calcite-tabs", { key: '471c9f8b520e4ef38a96b74c8d81bcb995910a6e', class: "config-tabs" }, h("calcite-tab-nav", { key: 'c2d1454e3f5f2a234e7e12c38ab031e08aa451b1', slot: "tab-nav" }, h("calcite-tab-title", { key: '8fe68f8d9c860a901ab7debcf1e90d85ab1fb8a4' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: 'd5dfaa3cff1b485c0f5d16ebcf44245bd7fe72eb', class: "configuration-container" }, h("div", { key: 'eb78b82edc13598b6b58980ccd896f0f3168ec3d', class: "configuration" }, h("calcite-tabs", { key: '3f66ca0d6a15936d17989c04d83af8830dd67f2a', class: "config-tabs" }, h("calcite-tab-nav", { key: 'e296f058818267ef2d6b34a3a07e63965526b6d9', slot: "tab-nav" }, h("calcite-tab-title", { key: '3806c2dffa5cc56c01a99c282ee25e59dda9daae' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: 'bc5527ea0153d9cd36462549caadd5357593cf44', class: "config-tab", selected: true }, h("div", { key: '3fe562f4ec3a3a04e25c89a5e12889448a5f86d9', class: "config-solution" }, h("div", { key: 'd8ff90d93af66ab17e9c2e89a642635f8c42189b', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'e58ea8bdb011508b39f19d522a6069efc55948f8', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'fdd2e2752c4c9889a2a0d1b94907a0fbcda949cd', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            null), h("calcite-tab", { key: '1466f943b9311cfa2275dff1817e8d97cac6a515', class: "config-tab", selected: true }, h("div", { key: '6301d6ff0d6f6d9661745c4a269e7281d9decc4b', class: "config-solution" }, h("div", { key: '39780154333ff8ca6810e22903f757ff1ecdd27c', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'efe39bb7d6e16d267d3c3dd819e004aa05324e2d', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'c3c4a268f067a55645cdb9721de584142e862d34', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
             ? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { defaultWkid: wkid, id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, locked: !wkid, services: state.getStoreInfo("featureServices").map(fs => fs.name) })))
             : null)))));
     }

package/dist/components/solution-contents2.js

@@ -38,7 +38,7 @@ const SolutionContents = /*@__PURE__*/ proxyCustomElement(class SolutionContents
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '13cf454e7d24dca39bddd4e8d07c680ded84056a' }, h("calcite-tree", { key: '3eda97bd8096d4b06cc8a72b74f5773c11f49630' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '33b390d73c09e1c8600b44b3037aa101cf9acc84' }, h("calcite-tree", { key: 'c069c9ab2c75050ac4d15a158422fc012eeddec9' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

package/dist/components/solution-item-details2.js

@@ -55,7 +55,7 @@ const SolutionItemDetails = /*@__PURE__*/ proxyCustomElement(class SolutionItemD
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b024dd7e92270d93643a1ca7844387e7d9286d22' }, h("div", { key: 'af20723425ccb1e99fea5109950cc79ba79cb038', class: "parent-container" }, h("div", { key: 'a96c1a9692cdf1dc24e371a25dfa83a749d14e2f', class: "inputBottomSeparation" }, h("calcite-input", { key: '578ab10eb0191760a90077c36b208e5f41305712', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'b8eb46d621dced49afbe42a1cce376e067521386', class: "inputBottomSeparation" }, h("input", { key: 'c6ab5acbd0064b4214f062d1864ae7b54caea4cd', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '9bd35cf2da98f3b3725afcca05f65abd4c7e2165', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'c2daa2b714ccb86d6bca6676d144f8466aaefe5c', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '88eb1adaf5790a4adceb8600df483cbfe143f799', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '8d894bb4b84b5d1e4bbcc10926156dc3c011468e', class: "flex" }, h("div", { key: '149ada9181ec9c479f37dcb449b67b4a61ba85b6', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'e885543499b816432fd54271df84db3f70ed01df', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '6acf404d210c4b8f904ac39022f50e458a642172', class: "snippet-count-container" }, h("calcite-input", { key: '89bfc2acb3288ac6bee9892fdda5ea0907c55474', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'eea362da2aed987549c39982b1801fa6e9cdf515', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: 'b0d046164d0f892fdc8a151e7cf66f6d27dcbe56' }, this._translations.description, h("label", { key: 'e5ecbd825898edab2373250259ba8ed7659897af', id: "item-description-label" }, h("calcite-input", { key: '1a2d590ddd98461b6a1b731f6dbcd5efdf0c3cd9', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'a5b70cc0634bab9dc41857172b6e68c313da5716' }, this._translations.tags, h("label", { key: 'eb5931bcaa7e35d86814cb2798035d9193549e5b', id: "item-tags-label" }, h("calcite-input", { key: '2fb2184ee1b5e48a92eb40ef5dc128fe8cf24388', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: 'c2d4d6748f373f1a049c293c6bfbf42c665c44bc' }, h("div", { key: '3d4b02e2a8a7763c431db6472c76d59c9b5fb671', class: "parent-container" }, h("div", { key: '9ffff3568196ccba37fcf276592ce9f94ddc9c0b', class: "inputBottomSeparation" }, h("calcite-input", { key: '17bb0b1fe9d7dad19193fba0295690be6b5fdb8d', id: "item-title", value: this.itemDetails.title })), h("div", { key: '5253426dfb3cb6731b168c1cf30b9dda1b6443e6', class: "inputBottomSeparation" }, h("input", { key: '3873df3d3a0e3ed05d70c1f346fce2ef1bbee958', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '225d97f61b22b60de39dbda5cc9e379ab03312b6', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '03e946e17f8f62295ff9c4fb578882658c542fb0', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '6cde74cdb075cce0ad2c51ce7995bfeb7f697cdd', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: 'a1728b32f9b19cdeb1432e13fc3e117e5ee59d2d', class: "flex" }, h("div", { key: 'e7cf3ad30ffad6770a25d28f27337579aeb6aaee', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '825577f7021df8a070bf7755b5318c9fe8909dd6', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '09c6c35de6d64acd1b827a84c5857e8c6f1444c7', class: "snippet-count-container" }, h("calcite-input", { key: 'b0548154efaa6e6243b501dcf52a31f107ed2688', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '5ab52b0ef496dd4bd3594fa8a762426b69225166', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '8b74768d205c534b773d16cedb3da49e7136ecbf' }, this._translations.description, h("label", { key: 'a1d7ef4f1e6712e56edb011ea41fddf5c1455fd1', id: "item-description-label" }, h("calcite-input", { key: '9d14b7461f5a52ce046f8a8f15acfa37c958f289', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'af1fd97fb1a4102e1601e419e4188789bfe99a39' }, this._translations.tags, h("label", { key: '37b0e91822de780bf635012fcf8e01c0a528722e', id: "item-tags-label" }, h("calcite-input", { key: 'ac8e699484de76320caa82234c6132b152cf990b', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();

package/dist/components/solution-item-icon2.js

@@ -25,7 +25,7 @@ const SolutionItemIcon = /*@__PURE__*/ proxyCustomElement(class SolutionItemIcon
      * Renders the component.
      */
     render() {
-        return h("div", { key: '0aa9a6d8daa50133d4892bb0b959dad548b65854', title: this.type }, h("img", { key: 'fbf3c97a4408a2ad94bc36a84e36858bc0e641b9', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: 'af7ed92c2a03f419d04b4dd22b3f5220eb27c444', title: this.type }, h("img", { key: '47c91501abf1fad1cec04b4175a1799a6287127b', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-item-sharing2.js

@@ -41,7 +41,7 @@ const SolutionItemSharing = /*@__PURE__*/ proxyCustomElement(class SolutionItemS
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '657a2174982d6942663a83c169ab502be0c69434' }, h("div", { key: 'c2639e6e48fd5ceeded9b71736207edfa4c8b26f', class: "container-border" }, h("calcite-label", { key: 'e11466b5fdebdd068d13bdf821b8b2e3e47c6321' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '0a3f98863a6e7e42bc4807d2eaf6448c74c59d48' }, h("div", { key: '80f43ee6effa958ba2ef98ae0775eac85599dcd6', class: "container-border" }, h("calcite-label", { key: '260b6d9e363241c79481ccc0a7bbc4586dadf3c0' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-item2.js

@@ -73,7 +73,7 @@ const SolutionItem = /*@__PURE__*/ proxyCustomElement(class SolutionItem extends
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'eb78d204e4a7bb8a64be9978deb6e85e851d66f2' }, h("div", { key: 'f817c407fbf5a9b105a7a801a1b618a6119b124b', class: "configuration-container" }, h("div", { key: 'aac0b5cbe5410d5dd18c9cc2fa15f6be7ceebaba', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: '8e89133e43142d3dbc612fea40cc02b735624528' }, h("div", { key: '48c3774d21fe252315f0e144b8dbd37d0e4c61a9', class: "configuration-container" }, h("div", { key: '5ac53ca102edf4e738c2aa21c15f013bc5f11f78', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-organization-variables2.js

@@ -41,7 +41,7 @@ const SolutionOrganizationVariables = /*@__PURE__*/ proxyCustomElement(class Sol
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '95351bd18894c2ebd9be825859fc69fba20fa423' }, h("div", { key: '0decb53f2575a2c09ca7c355aa9189d356980bdf' }, h("h4", { key: '1dba6ec3e8e5df0e80072705a590c40c1b03333c', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '3c3f96660454bd66ec518bb5ac45f5c7f966fa5e', class: "container-border" }, h("calcite-tree", { key: 'a37f5706819c7caabf9e3ca2498c0dd57c1e099c', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '0f16be09f2b214cf66ca14dbbc19f0f87765351b' }, h("div", { key: '2c297d4057323428cc06536e595027e1700ea3ef' }, h("h4", { key: '2a0806cee5b309de748ab9fee02193084c5beb85', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'ae4612f5558811802695ab162bcdb0a4de939ba8', class: "container-border" }, h("calcite-tree", { key: 'd501376a51669743eb6a3f9eb857892c47349d8c', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-resource-item2.js

@@ -59,7 +59,7 @@ const SolutionResourceItem = /*@__PURE__*/ proxyCustomElement(class SolutionReso
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '02074f7f10921e975b52c13c55f4b3f71d8c7cf5' }, h("div", { key: 'c85c4acf1899e009ace234bb393d98e6d41ba0df', class: "resource-item" }, h("div", { key: '7650c0f83cab10dfde8cad2876c8208015e36ef5', class: "margin-bottom-1" }, h("calcite-button", { key: '555ff36b4a53ac5146d8017d9b602027ea6d6223', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '1973334d9061b2ec78695e7422cae2c4ba4f0e36', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: 'd047f35fc949f996c8e40ff23334a0e4a9f3760f', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '56bec80e12a7dd04fff0602c86896a2dcbd0200c' }, h("div", { key: '1d2f41e61e5b8612d9504ee41a306d8a188b11d3', class: "resource-item" }, h("div", { key: 'a33e19c89e06a24df5cc5813f90744cdc5cae570', class: "margin-bottom-1" }, h("calcite-button", { key: 'e8311e60fa68e0e91512a141db353caf9cfdbec1', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '016e50f63b6c7a9c02508e1969558a0bf5b744d3', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '96bb141e028edfb662cdb677d1e0afe8ae7d56c6', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-spatial-ref2.js

@@ -57,7 +57,7 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'af661ccdc74929591088673da5b814b75cfa0513' }, h("div", { key: 'c9324de9910290892a17420dbee953ac1a5ef02c', class: "spatial-ref" }, h("div", { key: '15393aae23e59eb24a24d1617bf2f43f3ff00e22', class: "spatial-ref-desc" }, h("calcite-label", { key: 'b29058fff715447916a003139da72ef2eadb1f52' }, this._translations.paramDescription)), h("label", { key: '6ca159d44baa13ad5f9650004c355f3b3d687a9a', class: "switch-label" }, h("calcite-switch", { key: '55842e62224985e952ea730ff36206db70a193ef', checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { key: '0f79a4014d786468ea857a19fda4a1c978140754', class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", { key: 'df9b90a12916ef4a8f87c13192ecd8cb31fcf8a6' }, this._translations.spatialReferenceInfo, h("label", { key: 'a819ff1161774963f187d801e8f29ca119f3fc3a', class: "spatial-ref-default" }, h("spatial-ref", { key: 'fe85e9f5f010b8f0be04a6d0272ae845310905d2', defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services)))));
+        return (h(Host, { key: 'fe1a18b245d01184a874e538f131cd8665f3e816' }, h("div", { key: '6d561e26c7c07860ff3ee8ac04e1c2c940424f1e', class: "spatial-ref" }, h("div", { key: '1cdccd9bdb6768ba7565044a82aafd5b8384c06c', class: "spatial-ref-desc" }, h("calcite-label", { key: 'd8e11b3a7c1aec65073113215519d9a5390196a5' }, this._translations.paramDescription)), h("label", { key: '207f2efdda90f8f1312414f93709be208df18e37', class: "switch-label" }, h("calcite-switch", { key: '9040d067f9a3809cfebcec2e460e8f900a4e1806', checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { key: 'fc92e2bb1bbd7ea257fe01c75aa02b5ca541d2c3', class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", { key: '534d7b0a1b7d479ce74cb4ef6e2c0934a29a1996' }, this._translations.spatialReferenceInfo, h("label", { key: '2e9bf13ad3a5fa5264816fb96ab3dc8e7b51d46b', class: "spatial-ref-default" }, h("spatial-ref", { key: '8beeb6ddb1ca1c4253bd09388951db1785fd1385', defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services)))));
     }
     /**
      * Saves changes to the embedded spatial reference value

package/dist/components/solution-template-data2.js

@@ -80,7 +80,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '22705ebd3a386a84f4592856bdc9649c2cba30b8' }, h("div", { key: 'd0a814b481b061a9ed1ab30fd969045e50ba5c57', class: "solution-data-container" }, h("calcite-shell", { key: '59b716b131212438271699969faef49ea98e056e', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '06dd9ab60db4c7e1301030cd27a9a917527ddad8', class: "json-editor" }, h("div", { key: '745bb83632217731bea14d066af4781e358c86a4', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'df07ee691600b663dc7e44b962ab34a3bf55dc9c', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'e1c3bde76aec90b857a4c7314ce2f4c1ec664d50', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '9765a724bb1f526381e5e04e7d2bfe36a3b511a6', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '2ff758dd95bfb295db9af8724ddc7299edf4ca41', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '0e478e966b71dc8de85bdcef299ace2814d14ffd', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'c45e1217a012c63c1d839a313bc4a09da387ab60', value: this.organizationVariables })), h("div", { key: '39a42601f18825b0075838912ca9b9d233829ae7', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '0a8b98737e2674bca82553a3ed637e3ec336b8d8', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '719601ce314da8b957f2eebb7c4a05489ae14d0e' }, h("div", { key: 'e712c532d0568494ae3dce6d08bfbb11d260fabb', class: "solution-data-container" }, h("calcite-shell", { key: '782031ce7fdf79fb51197988145524a5846e8388', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '945a9f91f45e70279eea5f765fe76f2e835a4520', class: "json-editor" }, h("div", { key: '306980a78f84ba3ff3694314d5da9e1ced288f10', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'df02c424a6abe7ca96e85063e947a072a8a147f3', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '1dc03b9cdedecafa5393a9ae39767311618c697b', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'c860608f30e60529d990f10077aef88af7f97d18', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '6a73213cbd8f5741434fa3ac6bf40c6912432a15', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '9c343fe75a40e017ea8f63a3e0a2417ef444a319', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '5138e9cba2e3ad4ea9df59c0e2e74fbba2dc01be', value: this.organizationVariables })), h("div", { key: '402a0a71056acc4214f2376c5f64e7971322bf55', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '68753d13ad8ca0087359e371a11a0755ea43ebac', value: this.solutionVariables }))))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-variables2.js

@@ -42,7 +42,7 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'fdd3472c972374a0a4af6d5584a2ce8031627c4b' }, h("div", { key: 'ff13d6fabe162f55421547fd94bce7b301206acd' }, h("h4", { key: 'dbd2c5e15f9c8abb8b86c0bd2f57df6526e8bdfe', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'b0d045725d76c07e15ac4a9f616ba6892faa4f7c', class: "container-border" }, h("calcite-tree", { key: 'b7a315e65515a84342f753764063ed747cfcfe63', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '4e92cbf7b038e47064d115fa3acedc7c97740b74' }, h("div", { key: '0286eccf36b633f9136d41c91d294a08d9f422a9' }, h("h4", { key: 'c11b186149971f39226f5698cbd3655c410a2432', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '6396b897a2fca64b80c10e3fa4c199487173e6b0', class: "container-border" }, h("calcite-tree", { key: 'f041b9c84e8f73b6549c4668bef11c1c0633b38b', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/spatial-ref2.js

@@ -21130,7 +21130,7 @@ const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '9a870119b767202e85876b5b9d00b1910072e42f' }, h("div", { key: '6500a791a9915f95eebe2174094edb0c47b0fa15' }, h("calcite-input", { key: '5bb156d8f3ee5ffc6de0d94bdd032a1d1ac11d7a', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'd8527df97eb23fc90f231e566e54e3bef84efeb2', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: '27a61b1cda7cc8137d1ec3a9d827292b62efc5eb' }, h("div", { key: '94ff017bc871c67753598ce1c76f0a4bcf804faf' }, h("calcite-input", { key: 'b45dce7defc94d27e100103effc1dcc5c7020b1f', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'c23e9b041f81e5b49784e20a6d25e19ff8c4a135', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/basemap-gallery_7.entry.js

@@ -158,7 +158,7 @@ const FloorFilter = class {
         return this._initModules();
     }
     render() {
-        return (h(Host, { key: '14268f8fb66eb28085ce60b782b15f41285bf923' }, h("div", { key: 'c428424b3d639fa043fef55523de35a9bf07bda0', ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '4b532bae1022d879f46022203a9ffa00c8e615a7' }, h("div", { key: 'd75ad603472d2f57ccd52725f1c3ed428bdd8173', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -251,7 +251,7 @@ const MapFullscreen = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '415fea7bdb4f9c26231f92f49ad6bb98bcdca22d' }, h("div", { key: '1888034532b129838472b4713f55b7ad23c8b3f0', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '5e2b4343c53ff91b50cd7b91aebe76a686802da7' }, h("div", { key: '03cb0c8f2766278698b9c3302e9e494b7ba77bc9', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.
@@ -357,7 +357,7 @@ const MapLegend = class {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '032c6daa2f4c5d3bcbf83d776c68901c7c137781' }, h("div", { key: 'd773649fce8d3a0a4073ad017ae3906c1de98f07', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '3298d8202e384626e065d9fee0900d43dd75e02e' }, h("div", { key: 'd5e717c5c14a4db97036d8aba3dbb1c98c659b74', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -475,7 +475,7 @@ const MapPicker = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f703ef70b12ffe3eaa83074a79bdbdf2233b3c30' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'c37af1bef83f65297d520e34730b94bfdbf30066' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -634,7 +634,7 @@ const MapSearch = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'fc649c2fbcb8b39c63408b942f9129dfdee0a99f' }, h("div", { key: '44461b45207d97e2329742f4d915945bd9364ef3', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '4b8224b0193ea081d2e505e10ea0b925a9f47045' }, h("div", { key: 'f7efe5db5477cb2ba8e5e62003e65c8151ee94f5', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -899,7 +899,7 @@ const MapTools = class {
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, { key: '60d3373785662ecbc79249170fb7b854ade7a288' }, h("div", { key: 'caf43fd67ffed7a957d431537b794c54455507aa', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '646c6bb1edcd21069c5e925deeead0b2f1ada464', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4ff407d51575c0efabb5e92f6834cb8a6ef9adfd', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '7d54a20d8112db9384293829a85f5faecb67a631', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'ddfafa37f9c1192c1851e2a314cc1062a314939a', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'af93e6c0f10249be6c9cc0a25e17d7d7e5726190', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '0fdfbb13aee43e483946ee4c0169a47b12e6cfab', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'f18f09af4ff094b74b8360aff710217850bebbf3' }, h("div", { key: '54ad8527ab3d5b45df68bb566301f86f3eff0ca3', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '4385868565bb8a2ae44d28d8b9a01bee119ca8b7', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4c2ff4c1ec73f73a0c8c52280692489bba542765', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '20d27c33286be6c1911e8b14902cc86aa6ec8dab', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '6b635cbf80802b1c7240b8ca1503e185c2900133', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '87fcc6db1c89415649c555c354641229b68ce865', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'a897933e0d4a00b6780d99ac5d1173b668adae5d', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/buffer-tools_3.entry.js

@@ -416,7 +416,7 @@ const MapDrawTools = class {
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: '25e36e2bdfd5ec6243ba4f734e045ee67a1adaef' }, h("div", { key: 'd954129149da35b963341affb33257f74a410084', class: containerClass }, h("div", { key: 'eec268afc2ec6948baf17f551d23498014f05df9', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'e22d903925aec0984a9c77a96a17ab91f0cdab69', class: undoRedoClass }, h("calcite-action", { key: 'dcc9eaa8f434ec919532c3e9406c5e0ad9af949c', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '876c8b69b6620ac0ff4c4f8b590e89e36a3382e5', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: 'ab6fe128a5059e5b58ba9dc240f3934142097482' }, h("div", { key: '846d66c3aad67b63a2bbbf47325594d2eb35fbb6', class: containerClass }, h("div", { key: '0f439e2c3f4a51413f49ccd1dc6f3524d0e36017', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '9b755b8df3bb66bf2713969417a29a7059b4f0c9', class: undoRedoClass }, h("calcite-action", { key: 'f565f8683cf6222232f913a2edb7fcab7e7235c2', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'fd5d819cf78399c12ffb156035ba38ba41e7cd9b', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/calcite-alert_4.entry.js

@@ -12,7 +12,7 @@ import { o as onToggleOpenCloseComponent } from './openCloseComponent-04234cea.j
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-165900a5.js';
 import { K as KindIcons } from './resources-ae36eaff.js';
 import { g as getLocaleComponentStrings, l as loadModules } from './locale-a490c4f6.js';
-import { a as getAllLayers } from './mapViewUtils-c83c03a4.js';
+import { a as getAllLayers } from './mapViewUtils-4618ddb8.js';
 import { P as PopupUtils } from './popupUtils-2cc3c366.js';
 import './guid-f05d01d5.js';
 import './resources-1febf4c6.js';
@@ -378,7 +378,7 @@ const DeleteButton = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '885179064344fde1e5387efcf7fe2807bd2786c9' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
+        return (h(Host, { key: '09821225eb29ad6eef021f81977cabc3b7852167' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -552,7 +552,7 @@ const EditCard = class {
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: 'b806acb1c7ec5a72ce3eecf2260343a099d2afa2' }, h("div", { key: 'c4d10fd157da5b0974b240d37245eb67bca9cce9', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: 'c1c66ecdb69497d9a376799f579fff913ac7bd52', class: "position-absolute" }, h("div", { key: 'a9aec76ba816e85ca50ce68beb355426da3bd16f', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '2a745303bea886b223bc47aa06950d1ca8e39c1a', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: 'fbb55e4f99e4fde338fb1ca9debc6cd4eeb46787' }, h("div", { key: '10f7468920f81c1b97a2b23c8069e5b821683788', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '4badfa94e30d2a8108812c780ea6e636ca4e6e00', class: "position-absolute" }, h("div", { key: '7ce280938b7ae435fbffd358969a23577a0a8ce8', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '13e23afb8e6d012f6abebad43b24485ac0e72805', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -674,6 +674,10 @@ const InfoCard = class {
         registerInstance(this, hostRef);
         this.popupClosed = createEvent(this, "popupClosed", 7);
         this.selectionChanged = createEvent(this, "selectionChanged", 7);
+        /**
+         * string: unique id for the features node
+         */
+        this._featuresNodeId = 'features-node' + new Date().getMilliseconds().toString();
         this.graphics = undefined;
         this.isLoading = false;
         this.isMobile = undefined;
@@ -729,8 +733,8 @@ const InfoCard = class {
         return this._features.selectedFeature;
     }
     /**
-     * Get the current selected feature from the Features widget
-     * @returns Promise resolving with the current feature
+     * Refresh the feature info
+     * @returns Promise when complete
      */
     async refresh() {
         await this.setGraphics();
@@ -831,8 +835,8 @@ const InfoCard = class {
         const id = (_d = (_c = this._features) === null || _c === void 0 ? void 0 : _c.selectedFeature) === null || _d === void 0 ? void 0 : _d.getObjectId();
         const ids = parseInt(id === null || id === void 0 ? void 0 : id.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = ((_e = this._layer) === null || _e === void 0 ? void 0 : _e.editingEnabled) && ((_h = (_g = (_f = this._layer) === null || _f === void 0 ? void 0 : _f.capabilities) === null || _g === void 0 ? void 0 : _g.operations) === null || _h === void 0 ? void 0 : _h.supportsDelete);
-        return (h(Host, { key: 'daf1a2cd9ca191e31c0da05e429a621050d394a8' }, h("calcite-shell", { key: 'c59c1fc96447010119ca85e35e5310a1871b78c9', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '9fe212dc6bd95d98427e8c75143e20047a134189', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'c84ab8459f438e46bcdcefd7c64fff30ab52ac5b', class: "esri-widget feature-node " + featureNodeClass, id: "features-node" }), h("div", { key: '93816adb6c20e64a559b111b9918c036588467b4', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: 'e359866247284d36cb4e12476daa441c412e9244', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: '5d65952fd5908268117e67781ce719ac9baeee21', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: 'b1b741cc4fcd1052b4402b9919fbb8bc21127ab1', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '9c5007aa3fc0ebef1d25ddd392e4d45973347609' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'd6388a8c5aa83b0a0f306f84843e137cb2ba4906', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: 'd9b9b88a240fb35b7c434f368a697040bd33c3b1' }, h("calcite-button", { key: '0c8afd3ce5e83c8c4e2b9c33fe053bc1a9831551', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: '7ef1b84c4262ab45450354959cbbf8a6914b014c', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '990a06361d6006d93a01bdbb61fd5dc103bdf9b2' }, this._translations.back))), h("calcite-action", { key: '31a4270a35da974ab8216a203c44e6aeecf93224', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'fe734c09dc59c9a8c7117cf19f1970aba0398d51', class: "pagination-count" }, this._count)), h("div", { key: '88a9e56d945ea53870baf87bead02cb03a0ac156' }, h("calcite-button", { key: '8b095fdb66d113a8b893259df3e3331451e7af8e', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '86ac1d32cb39c39bd0ebcc3d04702c5534f3992f', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '0fad088ab4536dc235dec503fd28346575aad4ed' }, this._translations.next))))), h("edit-card", { key: 'b1d207f660bca7bb83ffaef3fb44819c25107a48', class: editClass, graphicIndex: (_j = this._features) === null || _j === void 0 ? void 0 : _j.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '338be8157fe0163e5c3e529942f34dc80efb0721', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: 'b91e86a5c47bac031d7bb0053ff45f2e9dc3fb99', slot: "title" }, this._translations.editDisabled), h("div", { key: '8923e82d5992e860ac535a4111d9e77b01639549', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: '7b48c1dbd2c4e384c4bcba62a8cf35e4c62d2edb' }, h("calcite-shell", { key: 'a8387dfb3968ea07182cdd782a5a147bdcb1188a', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: '1695d423a19876c6ccde5f4004f21ca26e305350', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'd8870e95ba06ed713c5143c5b260ee4059275d81', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '84af335caa0f39890801faebc207bf8c794fe1e3', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'fa91c18424af38067c44e50635b9af55aacc84b8', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'c4565bda374ab4eb2afd2273c62256fae187d151', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '7175a74e7e1db0939fbbe4a229e7f6df6efb2768', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '6443c4d8274fe6003f5dcbd3b36f35057234c550' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: 'ff3d3dffd57bf118f7e71ec5a504bbcfda0de229', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '1912bdf3dbad45ba66acf13ef8ad6894ced8caa2' }, h("calcite-button", { key: 'fe1e5032b764b3c0ac8ef619c9d365f8d781d6b3', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'a9928e72cc3dcebad2544ee5a347a0b70ebdae4b', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '6d8cc94ae72deab6ae19d3314f5b0f7e1833bd3c' }, this._translations.back))), h("calcite-action", { key: '90d7951f0eacd4b77f8ebe3da79a12665a8b9f63', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: '6c36eb43691a79b6a7c0da99663fa22c1d97e572', class: "pagination-count" }, this._count)), h("div", { key: '23758504ca1b4b97c4c488e88e61f0c3cdc10830' }, h("calcite-button", { key: '93efeff6e0cb54edd1817c3410806b009755618f', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '17afd49a3b167d9322d944a9d8ae6ffc249d202e', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '0b15e569313961c53700d2ef6eb148b9c0efd778' }, this._translations.next))))), h("edit-card", { key: '2217a66105095ea1e5bd577dc8bf970b3fdeae10', class: editClass, graphicIndex: (_j = this._features) === null || _j === void 0 ? void 0 : _j.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: 'c59bd8d759ef1df763b3bbe513b7146cfa270057', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '3733d543e7483037aa5130f0ca06f8da434eaf7e', slot: "title" }, this._translations.editDisabled), h("div", { key: 'eaace9548fd442015000f836d54e556c9859a3fc', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -891,7 +895,7 @@ const InfoCard = class {
             if (!this._features) {
                 this._features = new this.Features({
                     view: this.mapView,
-                    container: "features-node",
+                    container: this._featuresNodeId,
                     visibleElements: {
                         actionBar: false,
                         closeButton: false,

package/dist/esm/calcite-dropdown_4.entry.js

@@ -14,7 +14,7 @@ import { c as createObserver } from './observers-19e5cb73.js';
 import { o as onToggleOpenCloseComponent } from './openCloseComponent-04234cea.js';
 import { g as getIconScale } from './component-960ddabf.js';
 import { g as getLocaleComponentStrings } from './locale-a490c4f6.js';
-import { c as getMapLayerHash, o as getMapTableHash } from './mapViewUtils-c83c03a4.js';
+import { d as getMapLayerHash, p as getMapTableHash } from './mapViewUtils-4618ddb8.js';
 import { s as state } from './publicNotificationStore-74c7e9f4.js';
 import './resources-1febf4c6.js';
 import './debounce-6e9ade8c.js';
@@ -768,7 +768,7 @@ const MapLayerPicker = class {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = Object.assign(Object.assign({}, style), { "display": this.display });
-        return (h(Host, { key: '6e3213373ee2ca31f3ee0996f51cb59c0948df5e' }, h("div", { key: '641de287f126b4e7b6d38df8c6d3b5fe882fef2f', class: "map-layer-picker-container", style: style }, h("div", { key: '7bbb3b9e7684a5d62ae6762bb46ec5fe97147b54', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: 'ccb8c7d12a2e631938308380cd4ecd0a1d73c963' }, h("div", { key: 'aa0992de9bab1c5a555d51542c093cc7cb948200', class: "map-layer-picker-container", style: style }, h("div", { key: 'a03bca67eb822b492d34abe53db7d05e6fd7ebdf', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));