@esri/solutions-components 0.8.25 → 0.8.27

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

@@ -60,7 +60,7 @@ export class MapLegend {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '3298d8202e384626e065d9fee0900d43dd75e02e' }, h("div", { key: 'd5e717c5c14a4db97036d8aba3dbb1c98c659b74', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: 'bdd3b848bec1aec6f8c7676f8bab5e9463b16064' }, h("div", { key: 'd7bb217db6971758ef8774d19d6ac5cfa94a0ddc', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

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

@@ -82,7 +82,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c37af1bef83f65297d520e34730b94bfdbf30066' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: '86994e2c4d87809c1508b073c3af1c0975c2d81d' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

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

@@ -83,7 +83,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '4b8224b0193ea081d2e505e10ea0b925a9f47045' }, h("div", { key: 'f7efe5db5477cb2ba8e5e62003e65c8151ee94f5', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '5036a89c6a686b2486ff88dffd06f0bed1ea510e' }, h("div", { key: '4c5ede4d9877ff0ca0f16706c99aba354df21fd1', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -191,7 +191,7 @@ export class MapSelectTools {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '9632b7215a7523afb12d1ebe039c18939a318ad4' }, this._getMapLayerPicker(), h("div", { key: '4d1524e7ad58e9d1249192cd18f39f71db72f205', class: "border-bottom" }), h("div", { key: 'a7c5491a66c2a64f73793258e4b6a42f1e0d31e9', class: "padding-top-sides-1" }, h("div", { key: 'a7ee27faebe804aeafb5879e9f5cda9f090d856c', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6374844dd2901eceff4e9b2059c640b830e9332e', class: "padding-top-1" }, h("map-draw-tools", { key: '69f35bc1116b6816cafea9acd89cee1bc07b24f5', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '47af1a87a8d368388f7deeabcac1a54068fa94e9', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '2b56c937fc1c146927f9340f69214cd13dd02646' }, this._getMapLayerPicker(), h("div", { key: 'c7c67b0a76390992b0e60c0cc76e483d832a8835', class: "border-bottom" }), h("div", { key: '87cefbe906df9489b371e2c4432b2bdfbb84d299', class: "padding-top-sides-1" }, h("div", { key: 'f8a4ca9dac6d0fab8a9197ce94051a8b2b502fd7', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'e63f6558b06b37d9c00b1a67ed47c9238b452c4a', class: "padding-top-1" }, h("map-draw-tools", { key: '7c3d157f3dd7beb6172c15b62343af378c7a029e', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '7642899857c823b6891138d19016783a77922fea', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

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

@@ -179,7 +179,7 @@ export class MapTools {
         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: '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; } })));
+        return (h(Host, { key: 'a1557491ffd833bed11843dbe1bd040a9d2d6b15' }, h("div", { key: '8866b3bc6e05fa75605b078e1a3deecaf6392024', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '6a4e62ad1afcca39365aa965ffabedf8933051d4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4edade9536c0912a89f6a9335ae05ae46669e14d', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '046d02c1927def025294645c6e855906fabd30aa', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '54575e31073bdc68b611939eb0e619e4479b26f3', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '9a54a22e12c372dd85717f83cf31b4ace80489eb', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'ffadf501a03186ed6f2fec8754cd758faea5b4dd', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pci-calculator/pci-calculator.js

@@ -55,7 +55,7 @@ export class PciCalculator {
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: 'afa9619bc233e51ff10ecbd0f751c14d2cebfc82' }, h("div", { key: '507ba13d0e9a79758f52480bdbf9605b5154cb0e', class: pciClass }, h("div", { key: 'dfeb3d2d1e228ea2e38073f5ce49b7af7c3172e4', class: "label-display" }, h("calcite-label", { key: 'e7f1ad67dc48060342f4d1d73dae9257a47a8992', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '6bc4c6101387ef44b72bceb409c1550bcb36b290' }, this._getCalculateButton())), h("div", { key: 'ceb863669ecfca2f84710f4811d30f816e26c6c8', class: deductClass }, h("div", { key: '897bd23fb38bfea7d39345a224a1c5384129be7d', class: "position-right" }, h("calcite-action", { key: '9a2744cc4815b9976450ea9683e757d32d06b946', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'ff5d517f67ec4752dbc72bf829ec87d967b89db1', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '233eb3eff2bc15f80185cb307036525e29fe8f5b' }, h("div", { key: 'db45b9f334c57a2b0100b8f4b4ad3c3744410acf', class: pciClass }, h("div", { key: 'eb8750201d287d5558167501aa7ef96eacfa3ae4', class: "label-display" }, h("calcite-label", { key: 'da7df5155e6913225e7e7518fb5e6a4653c9bf52', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'fb09ba5c7f6eab2463d6f170ba123fbfa71bffd2' }, this._getCalculateButton())), h("div", { key: 'f95f8ae0cdb7130af0dad47c55996556ad02ae34', class: deductClass }, h("div", { key: '6ac0a2b8486706dfa8cd00a53cad3e549d87ce52', class: "position-right" }, h("calcite-action", { key: 'c88e53dcfda877905a674a5dee2c4385651db92a', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '58396ab41f9d83629fe504b208eb3168dd86ceb8', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pdf-download/pdf-download.js

@@ -88,7 +88,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '93a9cb5861d0c823e23404d89be38cf3566f1913' }, h("calcite-select", { key: '77dd1c92fd6a5092f6706585238326f9fb6a8e2a', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: '7474ef13bc67b7c69b0605239748ec9f1816b3be' }, h("calcite-select", { key: '2a6d379cb08aef1cafd5f568438f9981cef26962', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR

package/dist/collection/components/public-notification/public-notification.js

@@ -185,7 +185,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: 'f1c63a73ac0190a43790d5d907e7dafeaf8b18f0' }, h("calcite-shell", { key: '759d2ebecc5dfc197b2fa02f35c8a06e99afaaa5' }, h("calcite-action-bar", { key: 'd2b076b51812d31f69a6c06e41a4cc9e56567295', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: 'e8f77e64e53885bb73a2e29f1c0c0d69977f953b' }, h("calcite-shell", { key: 'b36489038bf26b7bd29c1e51d62e97f9a1f1240b' }, h("calcite-action-bar", { key: '9ae63a448d2284c919d01f667d4184b28dd1d746', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

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

@@ -56,7 +56,7 @@ export class RefineResultsFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '850d0a10f8c3e2f35abdd1a07f00c4ff04ab9f76' }, h("slot", { key: 'c1c1e3fceff2787447a2dbd3568c497cd050195b' })));
+        return (h(Host, { key: '104457a5adda26509038d324510d96303fc116ec' }, h("slot", { key: 'b20c4a07d8a74354ce7c1dc6aa56dda863b041c9' })));
     }
     static get is() { return "refine-results-flow-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refine-selection/refine-selection.js

@@ -77,7 +77,7 @@ export class RefineSelection {
     render() {
         var _a, _b;
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        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())))));
+        return (h(Host, { key: 'abb0520889c7e739ccd0f7ef1cf5371169b09a4f' }, h("div", { key: '3772abb5d1f741644edd934e13ce25588714be0d', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'd0205e6127cf2df2eeb6ff9269ee0f64ccb0506b', class: "display-flex" }, h("calcite-label", { key: 'c6bdf8e921b6d7460198c5ea773c9f29f86dd7a4', class: "font-bold width-full label-margin-0" }, h("div", { key: '49969bbbb52f847764cddd748d9ebb01ee261de1', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '749c671b5b75d91e84f732daa4acb2264ed95f6c', class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'b0d7a600796e8b438db67b8d0dba74066bf3261f', 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: '6ed81245f48aa8c1163031625e276a3d708fca73', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '00e817a3d1f08b5f61f262eae88859d291444294', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '0298fa4e89b539aba1aa602a84f224da905bf4f2', class: "padding-1" }, h("div", { key: '385699e47f1304a89b3abfe63f0d612b8b153c54', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: 'a3d8bc30f9df92a98bd1dad2a4b7fd6221b4ea97', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'f45b25ce69039e7de4b416a9498b6ec8cc850c60', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'fcaa2cfc47ef7d46c1bf6080bbed2ab8c1b2a0a1', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '3be785a5d23b559021a609ae39950f7937d9b9e4', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'ee4d85f969762c87e30f07b6d518c4ca088fdbb3', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'a1717a51a57bd216a04c13e9b04baaa5510bf33b' }, h("map-draw-tools", { key: '6063f82aea3984aa792e2f89e688eeaf0327ff1e', 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: '76d977c28df03e57cde309eaaa300a9f013fae2c' }), (h("calcite-list", { key: 'e596cc82c03ffc277dbbad244de7a985fcfcc40a', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/share-item/share-item.js

@@ -56,7 +56,7 @@ export class ShareItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '99ce98d1216732f934a30c4906603846f30bed3c' }, h("slot", { key: 'eaa9fec6228279c1dace55b24fab53af5a332cc6' })));
+        return (h(Host, { key: '064acd664456a39d14fd4bd81adb9b217670290f' }, h("slot", { key: 'e2e0fee4f2bff7a48befd54fbc8b724cb5a5f660' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/solution-configuration/solution-configuration.js

@@ -84,11 +84,11 @@ export class SolutionConfiguration {
         const solutionData = state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));
-        return (h(Host, { key: 'ed39e3d25e0417a057a7e0ba75e34b2e4fe0e9b4' }, !this._solutionIsLoaded
+        return (h(Host, { key: '7e1a233174f750801550addbca63ef77690a9341' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : 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 ?
+            : null, h("div", { key: '4fa27d503bc880078de693f4d23a3869c6786944', class: "configuration-container" }, h("div", { key: '57659db87cadc4335bb62c7a10efa56ac162ed4a', class: "configuration" }, h("calcite-tabs", { key: '934d58e9f29dbd3dff4359dabdc13f666894cdcd', class: "config-tabs" }, h("calcite-tab-nav", { key: 'baf80ffadf2dc4f7dc2f2d7ea250564f9f85a19d', slot: "tab-nav" }, h("calcite-tab-title", { key: 'f5988f58d020b64a6f1f32f2ebe7962e380b6c0a' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            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
+            null), h("calcite-tab", { key: '4901cbde911cca97102a21a83f5db4d4419dfec9', class: "config-tab", selected: true }, h("div", { key: '298d3b094913dc57e2744e32b5b21b9eba4fe10c', class: "config-solution" }, h("div", { key: 'ae55fbdb4ee56f48b9f5162a71c36f4c6ca3c9e3', 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: 'd7bfd808997a6dd4c41507601f91bc5b6ca8347e', 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: 'd6ee86b70b0eff80ae0adeae40403d51fd0c4d7e', 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/collection/components/solution-contents/solution-contents.js

@@ -42,7 +42,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '33b390d73c09e1c8600b44b3037aa101cf9acc84' }, h("calcite-tree", { key: 'c069c9ab2c75050ac4d15a158422fc012eeddec9' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '7546d1fe9d944520db9f8f81600fb7cf0655f1ab' }, h("calcite-tree", { key: '94bea7616cd3bdbb9fbcaddd49bb394e11bcf88b' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

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

@@ -50,7 +50,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        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")))));
+        return (h(Host, { key: '46215591e1f5c87fc30b116fbeeeef5e7eb29b19' }, h("div", { key: 'dbcb49c592eca9f30b44fb3e8a35d0433ed517d3', class: "configuration-container" }, h("div", { key: '9f97e7c2a6a912f3d57d1bc840cab02d13860da2', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -61,7 +61,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        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)));
+        return (h(Host, { key: 'd4443b28db9314e9c6976d97af02e7af14d2a5ff' }, h("div", { key: 'bd2969f299df5fab6bab10a6cd6dbe7c7213aba4', class: "parent-container" }, h("div", { key: 'd7226027bddc89eb4ff89899ee45728534331a5d', class: "inputBottomSeparation" }, h("calcite-input", { key: '9fcd5e9c9d5fe7ac652fff4fa06801fec240380f', id: "item-title", value: this.itemDetails.title })), h("div", { key: '9542faf04236ec293eff1f1abf0667ee4d26ab45', class: "inputBottomSeparation" }, h("input", { key: '9a431fef50c9be4f084b33003c6be4cab65a7da0', 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: '9ed82a0e807acd0344bd52bcef653728419d3fc1', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '230d6a270cd61f4785b7f39e951e996a7b37a1ca', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '96a6c77691e152072aa0de03f63d8ec82f1ca051', 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: 'de04396607c0a61eb1e13bb56581aae9e939b286', class: "flex" }, h("div", { key: '3df8a6cde94bc275b85db55375aaa351453c46fb', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'a5084eff2ebee0514c5cac6acf4e1b8dcaaf47d5', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '73199d7582082575282f36ecb6afed3ee6bd900e', class: "snippet-count-container" }, h("calcite-input", { key: '7aa7c61d42be36c237c6bd9b72e4ec24ef6dc07d', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '9ae2f293b2cb64a475a0969b7e00951a1b55e251', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '98cf6dd0f1f53e15c857baeb4f3a580586935762' }, this._translations.description, h("label", { key: '2f54c0fd6d75e4b08e74cf5b30d9794d0375a267', id: "item-description-label" }, h("calcite-input", { key: '91cf40b10f1bed0cd4bc83a988d9a4151ddec2e6', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '4261ff6e21385fb681cb6a52dbaa8e3d75973d8b' }, this._translations.tags, h("label", { key: 'cde48f34fd18fe530dea6be06c8fb5e602048266', id: "item-tags-label" }, h("calcite-input", { key: 'e11931c90df113bd512bab39be092257ffd92e42', 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/collection/components/solution-item-icon/solution-item-icon.js

@@ -34,7 +34,7 @@ export class SolutionItemIcon {
      * Renders the component.
      */
     render() {
-        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" }));
+        return h("div", { key: '3b732e3c889dc83eb649af9d66742304e549d229', title: this.type }, h("img", { key: '262f4891209996264e8c0248c926a60f71b9e674', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -46,7 +46,7 @@ export class SolutionItemSharing {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '0a3f98863a6e7e42bc4807d2eaf6448c74c59d48' }, h("div", { key: '80f43ee6effa958ba2ef98ae0775eac85599dcd6', class: "container-border" }, h("calcite-label", { key: '260b6d9e363241c79481ccc0a7bbc4586dadf3c0' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '7042ab9382712488f9184b305e417dd93379422f' }, h("div", { key: '00baf7fac31f03b249592eb8603a74d6f93f2615', class: "container-border" }, h("calcite-label", { key: '5328280b6ee86819366800e43eda0c44b55ca277' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -44,7 +44,7 @@ export class SolutionOrganizationVariables {
      * Renders the component.
      */
     render() {
-        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)))));
+        return (h(Host, { key: 'a4456905e1abde8eca22dfb6f3da81959d509b75' }, h("div", { key: '8fc37e2a59237ed0cca05b096f901a82da696151' }, h("h4", { key: '7bdd9e95f37297c51778a866542517048622e5ca', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '10bfcebd83ddc363f04149a03298b0c5247fd265', class: "container-border" }, h("calcite-tree", { key: '1d168ebbceaf566fb8f4ddea85acba39c08bbd53', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-resource-item/solution-resource-item.js

@@ -56,7 +56,7 @@ export class SolutionResourceItem {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        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()))));
+        return (h(Host, { key: 'c36fddfce9c4c97b281281ec11dfa017d496141e' }, h("div", { key: 'e1166173669689e9acee92cc7e53747ebcec0c09', class: "resource-item" }, h("div", { key: '86c8e1d498d7b84e9587cdcf4a3bb971fc1ecaad', class: "margin-bottom-1" }, h("calcite-button", { key: 'f382275e75efeb5beadef582ddd343a283f014e2', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'c487e618472b047f8db71e8989f849c844682080', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '08733ba234cba9b5ea19455256fa961d23ae933b', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js

@@ -57,7 +57,7 @@ export class SolutionSpatialRef {
      * Renders the component.
      */
     render() {
-        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)))));
+        return (h(Host, { key: '2a12d415e9408b646365ace8e3e82138be70f343' }, h("div", { key: 'f58d6782ac4065f67dd0205271b05d4c0c31d8dc', class: "spatial-ref" }, h("div", { key: '5267f203f1c63c5e900b0ead8798f3561d225d42', class: "spatial-ref-desc" }, h("calcite-label", { key: '1183f8ee9274be1980dc889ca52f5d0c6a6994af' }, this._translations.paramDescription)), h("label", { key: '5367f57784a20501505b0e9cfdd345a8de3fce93', class: "switch-label" }, h("calcite-switch", { key: '2d79a69e64f28b6e2aeed52b0b0aa4034ebb6c57', checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { key: '60ab36865749f4c59798bf51ff1b5264a3eeeefc', class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", { key: 'bc0b446d1f7b0a62f49b579ac0e5f8da33531ed9' }, this._translations.spatialReferenceInfo, h("label", { key: '5f2135d975e2254429c8d6a14fe2f2a91fdc3fb9', class: "spatial-ref-default" }, h("spatial-ref", { key: 'be7c105e3cebba4eed80c88e8b4d539affb67e0e', defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services)))));
     }
     /**
      * Saves changes to the embedded spatial reference value

package/dist/collection/components/solution-template-data/solution-template-data.js

@@ -72,7 +72,7 @@ export class SolutionTemplateData {
      * Renders the component.
      */
     render() {
-        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 }))))))));
+        return (h(Host, { key: 'f6c478a45be7ba02a79446dca5a12ecb7cfaf817' }, h("div", { key: 'd268f063606f2d0a0dfbe76f0ea907074ac91c60', class: "solution-data-container" }, h("calcite-shell", { key: '170f35aa82ad4e4fbd7e111b558417712396a44d', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ada2da8d5240d9904cd9021c9573eee5bd8fe6a4', class: "json-editor" }, h("div", { key: '51001e6bcf73ed23d6c76f5d9c17a66b5cbd1d05', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '4390b6ff57b3d6341a8c984e8393badf4122df2a', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '866f4349e9ca6f5e8120479997248c2962c18b90', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'adb11719b67d10a9a4da50d79ac23eadc68544a7', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'c6a7365e101045ad0f30700e6ba296ff62f0942d', 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: '76b05d456a9cafd25af16e3848e453ccfda5f1bc', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '4b2df6867414d5a6e4e9423b2133196dfd85b3bd', value: this.organizationVariables })), h("div", { key: 'eb5201a82e27a52e0a4f9c38cdc9db3f0c1173d8', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '00dda00409364b66e092e9ec304524c35f7d0704', value: this.solutionVariables }))))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-variables/solution-variables.js

@@ -44,7 +44,7 @@ export class SolutionVariables {
      * Renders the component.
      */
     render() {
-        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)))));
+        return (h(Host, { key: '6673253cf19a8d760dc1444feef39a74258d01ed' }, h("div", { key: '44e5a11c8f31558baf8458cc883e579f2f23ff47' }, h("h4", { key: 'f8b7a19e4a9eb4860015cfdb6c55c2b94d66a222', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'ffb70400c5fd22a944328672e7eaefa5918fce5c', class: "container-border" }, h("calcite-tree", { key: 'de81612c2a603f17b1bcb58f0b750401db0d4f20', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/spatial-ref/spatial-ref.js

@@ -64,7 +64,7 @@ export class SpatialRef {
      * Renders the component.
      */
     render() {
-        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()))));
+        return (h(Host, { key: '0ca21876510da4276c6fd31885eed7dc15db70ad' }, h("div", { key: '90ff94d67604a66f20d30276a1b573affccf5eb2' }, h("calcite-input", { key: '35e207303270345e457406e26689f58bf5387d43', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '0b73019247c134d0cfcdf8e84544622907a40a80', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/create-feature2.js

@@ -6,6 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 import { a as getAllLayers, g as getLayerOrTable } from './mapViewUtils.js';
+import { d as defineCustomElement$1 } from './loader.js';
 
 const createFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.esri-editor__update-actions{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}.search-widget{width:92% !important;margin:5px 0 20px 14px}.display-none{display:none !important}";
 const CreateFeatureStyle0 = createFeatureCss;
@@ -27,6 +28,7 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         this.selectedLayerId = undefined;
         this.customizeSubmit = false;
         this.searchConfiguration = undefined;
+        this._editorLoading = false;
         this.showSearchWidget = undefined;
     }
     //--------------------------------------------------------------------------
@@ -35,13 +37,25 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
     //
     //--------------------------------------------------------------------------
     /**
-    * Called each time the mapView prop is changed.
-    */
+     * Called each time the mapView prop is changed.
+     */
     async mapViewWatchHandler() {
         await this.mapView.when(async () => {
             await this.init();
         });
     }
+    /**
+     * When _editorLoading is true the container node will be hidden while starting the create workflow
+     */
+    async _editorLoadingWatchHandler(v) {
+        var _a, _b;
+        if (v) {
+            (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
+            await this.startCreate();
+            (_b = this._container) === null || _b === void 0 ? void 0 : _b.classList.remove("display-none");
+            this._editorLoading = false;
+        }
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -89,7 +103,9 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      */
     render() {
         const showSearchWidget = this.showSearchWidget ? '' : 'display-none';
-        return (h(Fragment, { key: 'd11a16053bc5eb86a09fd3bc35c9a89cee6dd064' }, h("div", { key: '0320bb0ca9fc069306151078c66fbee11060fcab', id: "feature-form" }), h("div", { key: '8aaa13e87213a880382ca408d324beb79ba7a500', class: `search-widget ${showSearchWidget}`, id: "search-widget-ref" })));
+        const loaderClass = this._editorLoading ? "" : "display-none";
+        const featureFormClass = this._editorLoading ? "display-none" : "";
+        return (h(Fragment, { key: '2e790defdd5592fed729853888ee06143c95c84d' }, h("calcite-loader", { key: 'a0f1de0064ea80305d4aaf83f78939c0236c955a', class: loaderClass, label: "", scale: "s" }), h("div", { key: '1af391d6d7fd0dffa2e8e4b43905f8081a5f9820', class: featureFormClass, id: "feature-form" }), h("div", { key: '88d12115c3c2e0d34a5d6fd8895fb60cec6e9b5d', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" })));
     }
     //--------------------------------------------------------------------------
     //
@@ -125,11 +141,13 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      * @protected
      */
     async createEditorWidget() {
+        var _a;
         if (this._editor) {
             this._editor.destroy();
         }
         const layerInfos = [];
-        const container = document.createElement("div");
+        this._container = document.createElement("div");
+        (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
         const allMapLayers = await getAllLayers(this.mapView);
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         allMapLayers.forEach(async (eachLayer) => {
@@ -148,9 +166,9 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
             visibleElements: {
                 snappingControls: false
             },
-            container
+            container: this._container
         });
-        this.el.appendChild(container);
+        this.el.appendChild(this._container);
         //Add handle to watch if attachments are added/edited
         const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
             if (state === 'adding-attachment' || state === 'editing-attachment') {
@@ -169,13 +187,14 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
             if (state === 'ready') {
                 this.progressStatus.emit(0.5);
-                void this.startCreate();
+                this._editorLoading = true;
             }
         });
         this._editor.viewModel.addHandles(handle);
         //Add handle to watch editor viewmodel state and then show the search widget
         const formHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
             if (state === 'creating-features') {
+                this._editorLoading = true;
                 this.showSearchWidget = true;
             }
         });
@@ -186,36 +205,39 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      * @protected
      */
     async startCreate() {
-        var _a;
-        if ((_a = this._editor.viewModel.featureTemplatesViewModel.items) === null || _a === void 0 ? void 0 : _a.length) {
-            const items = this._editor.viewModel.featureTemplatesViewModel.items[0].get("items");
-            //once the feature template is selected handle the event for formSubmit and sketch complete
-            //also, hide the headers and footer in the editor as we will be showing our own submit and cancel button
-            this._editor.viewModel.featureTemplatesViewModel.on('select', () => {
-                this.progressStatus.emit(0.75);
-                setTimeout(() => {
-                    //on form submit 
-                    this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
-                    //on sketch complete emit the event
-                    this._editor.viewModel.sketchViewModel.on("create", (evt) => {
-                        if (evt.state === "complete") {
-                            this.showSearchWidget = false;
-                            this.progressStatus.emit(1);
-                            this.drawComplete.emit();
-                        }
-                    });
-                    this.hideEditorsElements();
-                }, 700);
-                this.hideEditorsElements();
-            });
-            //if only one feature template then directly start geometry creation for that
-            //else allow feature template selection to user
-            if (items.length === 1) {
-                this._editor.viewModel.featureTemplatesViewModel.select(items[0]);
+        return new Promise((resolve, reject) => {
+            var _a;
+            if ((_a = this._editor.viewModel.featureTemplatesViewModel.items) === null || _a === void 0 ? void 0 : _a.length) {
+                const items = this._editor.viewModel.featureTemplatesViewModel.items[0].get("items");
+                //once the feature template is selected handle the event for formSubmit and sketch complete
+                //also, hide the headers and footer in the editor as we will be showing our own submit and cancel button
+                this._editor.viewModel.featureTemplatesViewModel.on('select', () => {
+                    this.progressStatus.emit(0.75);
+                    setTimeout(() => {
+                        //on form submit
+                        this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
+                        //on sketch complete emit the event
+                        this._editor.viewModel.sketchViewModel.on("create", (evt) => {
+                            if (evt.state === "complete") {
+                                this.showSearchWidget = false;
+                                this.progressStatus.emit(1);
+                                this.drawComplete.emit();
+                            }
+                        });
+                        this.hideEditorsElements().then(() => {
+                            resolve({});
+                        }, e => reject(e));
+                    }, 700);
+                });
+                //if only one feature template then directly start geometry creation for that
+                //else allow feature template selection to user
+                if (items.length === 1) {
+                    this._editor.viewModel.featureTemplatesViewModel.select(items[0]);
+                }
+                //hides the header and footer elements in editor widget
+                void this.hideEditorsElements();
             }
-            //hides the header and footer elements in editor widget
-            this.hideEditorsElements();
-        }
+        });
     }
     /**
      * Display search widget to search location
@@ -250,7 +272,7 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
                     if (this._editor.viewModel.sketchViewModel.createGraphic && pointGeometry) {
                         this._editor.viewModel.sketchViewModel.createGraphic.set('geometry', pointGeometry);
                         this._editor.viewModel.sketchViewModel.complete();
-                        this.hideEditorsElements();
+                        void this.hideEditorsElements();
                     }
                 }, 100);
             }
@@ -309,22 +331,21 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      * Hides the elements of editor widget
      * @protected
      */
-    hideEditorsElements() {
+    async hideEditorsElements() {
+        var _a;
         if (!this.customizeSubmit) {
             return;
         }
-        setTimeout(() => {
-            var _a;
-            //hides the header and footer on the featureForm
-            (_a = this.el.querySelector('.esri-editor').querySelectorAll('calcite-flow-item')) === null || _a === void 0 ? void 0 : _a.forEach((flowItem) => {
-                var _a, _b, _c, _d, _e;
-                const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
-                //hide the header
-                (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
-                //hide the footer
-                (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
-            });
-        }, 700);
+        await this.timeout(700);
+        //hides the header and footer on the featureForm
+        (_a = this.el.querySelector('.esri-editor').querySelectorAll('calcite-flow-item')) === null || _a === void 0 ? void 0 : _a.forEach((flowItem) => {
+            var _a, _b, _c, _d, _e;
+            const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
+            //hide the header
+            (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
+            //hide the footer
+            (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
+        });
     }
     /**
      * On creation of feature emit the event that the feature is created
@@ -360,9 +381,18 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
             this.success.emit();
         }
     }
+    /**
+     * call setTimeout in Promise wrapper
+     * @param delay The time, in milliseconds that the timer should wait before the promise is resolved
+     * @protected
+     */
+    timeout(delay) {
+        return new Promise(resolve => setTimeout(resolve, delay));
+    }
     get el() { return this; }
     static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"]
+        "mapView": ["mapViewWatchHandler"],
+        "_editorLoading": ["_editorLoadingWatchHandler"]
     }; }
     static get style() { return CreateFeatureStyle0; }
 }, [0, "create-feature", {
@@ -370,23 +400,30 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         "selectedLayerId": [1, "selected-layer-id"],
         "customizeSubmit": [4, "customize-submit"],
         "searchConfiguration": [16],
+        "_editorLoading": [32],
         "showSearchWidget": [32],
         "close": [64],
         "submit": [64]
     }, undefined, {
-        "mapView": ["mapViewWatchHandler"]
+        "mapView": ["mapViewWatchHandler"],
+        "_editorLoading": ["_editorLoadingWatchHandler"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["create-feature"];
+    const components = ["create-feature", "calcite-loader"];
     components.forEach(tagName => { switch (tagName) {
         case "create-feature":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, CreateFeature);
             }
             break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
     } });
 }
 defineCustomElement();