@esri/solutions-components 0.10.25 → 0.10.27

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

@@ -261,7 +261,7 @@ const FloorFilter = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'dd7fa68ddc1e417cb8924549e50e81742f9e891a' }, index.h("div", { key: '294837a32ed7e8f955bce7dc2403895c7dd9984f', ref: (el) => { this._floorFilterElement = el; } })));
+        return (index.h(index.Host, { key: '51da7a656e7f56ecc8cc4093d3dab856f77b5c7a' }, index.h("div", { key: 'd2fda7047f09a673216484f5c202f039fca20108', ref: (el) => { this._floorFilterElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -428,7 +428,7 @@ const MapFullscreen = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '9fc5dfeffc8601763b27e001311ec317934ebcae' }, index.h("div", { key: '65f2ab96d7283a9a10a113be0cdef6a95de1ee1b', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (index.h(index.Host, { key: '8d5feed87c1795cb487ff3eda1da7573a65d3c89' }, index.h("div", { key: '4a74da3dc79280fdff87c7c723bb9c729897b1ab', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.
@@ -555,7 +555,7 @@ const MapLegend = class {
      * StencilJS: Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'f520dd3737b8b883d8e27eb9a63da25f6d5b9375' }, index.h("div", { key: '6775e1c58ecd4fe63d50358fe2cd4f050cb1d709', ref: (el) => { this._legendElement = el; } })));
+        return (index.h(index.Host, { key: '3720974e2a6d1a9e569750e4c3ea5bf18e49a9c7' }, index.h("div", { key: '1bc154d7366aeabe2b983b110629e2f1257e0af6', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -605,7 +605,7 @@ const MapLegend = class {
 };
 MapLegend.style = MapLegendStyle0;
 
-const mapPickerCss = ":host{display:block;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100%}.width-25{width:25% !important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.border-right{border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.align-center{align-items:center}";
+const mapPickerCss = ":host{display:block;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100%}.width-26{width:26% !important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.border-right{border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.align-center{align-items:center}.adjusted-height{height:calc(100% - 52px);overflow-y:auto}";
 const MapPickerStyle0 = mapPickerCss;
 
 const MapPicker = class {
@@ -705,7 +705,7 @@ const MapPicker = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '178a4e3fcd08972b0465885c4891a732ea970428' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (index.h(index.Host, { key: 'e3d565698c09b0c622d1c93d181f1bf4b343f353' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -754,8 +754,8 @@ const MapPicker = class {
      * @protected
      */
     _getMapNameList(show) {
-        const width = this.isMapLayout ? "width-25" : "width-full";
-        const listClass = show ? `map-list border-bottom-1 ${width}` : "display-none";
+        const width = this.isMapLayout ? "width-26" : "width-full";
+        const listClass = show ? `map-list border-bottom-1 adjusted-height ${width}` : "display-none";
         return (index.h("div", { class: listClass }, index.h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
             return (index.h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
         }))));
@@ -889,7 +889,7 @@ const MapSearch = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '7c990343af0d1077a7315fd131379bc891310e30' }, index.h("div", { key: '97cd41cf7f749f31701de3526cf2ef633eda48dd', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (index.h(index.Host, { key: '13fa47ea3d71e8a58c6001fc6b43e68a1a112d76' }, index.h("div", { key: '0ab0e540eba87e62cc3c6cf1a6c8eb45349fb216', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -1187,7 +1187,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 (index.h(index.Host, { key: '087d0879847a1a48e3e586d4e851a55f0640dfea' }, index.h("div", { key: 'cd76a75845afb17c42722125f30fb5c59d305671', class: containerClass }, this.enableSingleExpand ? (index.h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, index.h("div", { key: 'f2522aa2d41243bcaf9ae75372c50454d354de1b', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), index.h("basemap-gallery", { key: '38762b76d6e5300800a1214a579cc7c76d4f00d7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { key: '929003ecf89addceb07b6337a90f7d0558c67c18', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { key: '46177bd0963cefc5b5b36e4b4c08e323193d14c9', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { key: 'dfb346c088e665f137143655a47539148a3d2580', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { key: '0c1bd8979355d6f5d2c7299bbca23f6762d94cc5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (index.h(index.Host, { key: '891dd57541d4b63b7097ac8f165883ba3a65d9ca' }, index.h("div", { key: '79c5d899f42a1f079370520c1e136a69dd1984b8', class: containerClass }, this.enableSingleExpand ? (index.h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, index.h("div", { key: 'f2f5aea46dcd64cd0338d8d9935a92f7369cc5e4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), index.h("basemap-gallery", { key: '5dabad54ad69b2d69c369364dbe53cdbfe31efb7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { key: 'aa72d13ed8ed0c465feaf1ff89d0bbbf2d28b717', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { key: '0ede61191230164bc8090b5bbf6c3a88d1454310', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { key: '2db79144d5aeb6787ac4cf4a32d17ef821ca8cce', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { key: 'a43bf746faf681eca8e20d9022a1d14dace08e64', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -515,7 +515,7 @@ const MapDrawTools = class {
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === interfaces.EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (index.h(index.Host, { key: '5f82fce6481912c103d709b5fefa3a890d291943' }, index.h("div", { key: '464d32d718167c5e7e2636fa0184622477fc5464', class: containerClass }, index.h("div", { key: '52a11f9d1b8f1692e67a7e706de3741e43c40591', ref: (el) => { this._sketchElement = el; } }), index.h("div", { key: '3a529e4e358ec4890513d7fcbbceadabb9e66a18', class: undoRedoClass }, index.h("calcite-action", { key: '98b684a186a03fe8868bde1978d59c7618a7635a', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { key: 'b1d769fd984ecf7cf9e868029cc7a5aba5a39dc7', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (index.h(index.Host, { key: '55862b3113e637552b0d1728e53e4a7b296ed03d' }, index.h("div", { key: '22b9b92f3d1cca8f273ecc35d25697ecfc893574', class: containerClass }, index.h("div", { key: '5f3b4e380be0be362fa06c539114d391f10c4db2', ref: (el) => { this._sketchElement = el; } }), index.h("div", { key: '5561e86cde0cbbe552e0853b326fbb1659ade6c3', class: undoRedoClass }, index.h("calcite-action", { key: '7197e23e6db476a65c3ce850db350d0e45454688', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { key: 'fc9a818556c51e3f86981cf4ee5355e9c52bb6b1', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -598,8 +598,9 @@ const CreateFeature = class {
         this.formElements = undefined;
         this.enableSearch = false;
         this.showGuidingMsg = true;
+        this.showGuidingMsgWhileDrawing = true;
         this._editorLoading = false;
-        this._showSearchWidget = undefined;
+        this._currentPage = "templatePicker";
         this._translations = undefined;
     }
     get el() { return index.getElement(this); }
@@ -681,10 +682,6 @@ const CreateFeature = class {
      * __esri.FeatureLayer: selected feature layer;
      */
     _selectedLayer;
-    /**
-     * boolean: flag to maintain if user is on template picker page
-     */
-    _isTemplatePickerPage = true;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -812,18 +809,20 @@ const CreateFeature = class {
      * Renders the component.
      */
     render() {
-        const showSearchWidget = this._showSearchWidget ? '' : 'display-none';
+        const showSearchWidget = this._currentPage === 'drawing' ? "" : "display-none";
         const loaderClass = this._editorLoading ? "" : "display-none";
         const featureFormClass = this._editorLoading ? "display-none" : "";
         const mobileMapClass = this.isMobile ? "show-map" : "display-none";
-        let guidingMsg = this._translations.provideDetailsMsg;
-        if (this._isTemplatePickerPage) {
-            guidingMsg = this._translations.chooseCategoryMsg;
-        }
-        else if (this._showSearchWidget) {
+        // hide guiding msg for drawing page when showGuidingMsgWhileDrawing is false
+        const showGuidingMsg = this.showGuidingMsg && (this.showGuidingMsgWhileDrawing || this._currentPage !== "drawing");
+        let guidingMsg = this._translations.chooseCategoryMsg;
+        if (this._currentPage === 'drawing') {
             guidingMsg = this._translations.provideLocationMsg;
         }
-        return (index.h(index.Fragment, { key: '133234456f7ed2e79da7fa78f2e7dce9b760ffe0' }, this.showGuidingMsg && index.h("calcite-notice", { key: 'ba137886151c619694596fab63a737ba8172d6b2', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, index.h("div", { key: '8cda13ee2dfc2a29b0296bad845ac630e6f9c809', slot: "message" }, guidingMsg)), index.h("calcite-loader", { key: 'ea62147a93ace75c6ba2c5d139c726c9ae39da2b', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '746486adf9ab6776644d9c653faee7fe14c7d0c0', class: featureFormClass, id: "feature-form" }), this.enableSearch && index.h("div", { key: 'c9935155a8f48dc5ae517f75e83a60bddd860bfe', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), index.h("div", { key: '8743be66d70b08247f5209665ffafb808f78c5c2', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        else if (this._currentPage === 'featureForm') {
+            guidingMsg = this._translations.provideDetailsMsg;
+        }
+        return (index.h(index.Fragment, { key: '204a51ffceb754c202bcf93fda18560e6101ca65' }, showGuidingMsg && index.h("calcite-notice", { key: '329daebd157ea330d746508dcf2198fa1d56f852', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, index.h("div", { key: '995898cf5e0ea57d41571429758baf6c459097af', slot: "message" }, guidingMsg)), index.h("calcite-loader", { key: '59bc1bce0936df76a432d75a5a4613d89203571c', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '814e3e6c63dc1880f235d2ffc5aa8ca9e22eb51e', class: featureFormClass, id: "feature-form" }), this.enableSearch && index.h("div", { key: '22146ca4dd94f57dddf80a04b4aeaa92fc0d3b81', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), index.h("div", { key: '8863876b3393fdcd4d2cdf254289f80d9fd16ef1', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -960,8 +959,7 @@ const CreateFeature = class {
                 this._mapViewContainer?.classList?.replace("show-map", "hide-map");
                 this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
                 void this._setFloorLevel(this.floorLevel);
-                this._isTemplatePickerPage = false;
-                this._showSearchWidget = false;
+                this._currentPage = 'featureForm';
                 this.progressStatus.emit(1);
                 this.drawComplete.emit();
             }
@@ -970,10 +968,11 @@ const CreateFeature = class {
         //Add handle to watch editor viewmodel state and then show the search widget
         const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
             if (state === 'creating-features') {
-                this._mapViewContainer?.classList?.replace("hide-map", "show-map");
-                this._isTemplatePickerPage = false;
-                if (this._selectedLayer && !this._selectedLayer.isTable) {
-                    this._showSearchWidget = true;
+                if (this._editor.viewModel.featureFormViewModel.state === 'disabled') {
+                    this._mapViewContainer?.classList?.replace("hide-map", "show-map");
+                    if (this._selectedLayer && !this._selectedLayer.isTable) {
+                        this._currentPage = 'drawing';
+                    }
                 }
             }
         });
@@ -1410,7 +1409,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 (index.h(index.Host, { key: '16dd78822ee6d7c4e2da97c4b7ec7c0678b51e68' }, index.h("div", { key: '8aba2b86c7bf8e7dfbf7567b156e02b23b728f4e', class: "position-absolute" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { key: '8230d44ec05ff207681e6333b7f08c80748c4f3d', class: "position-absolute" }, index.h("div", { key: '71792b5737c43a024ebc677ae168d74569349585', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { key: '47176534c25769af8ae107c3864901c4294b4359', class: loadingClass, label: "", scale: "s" })))));
+        return (index.h(index.Host, { key: '9f4aaad65aed5e7b8d05e6171fdbfdb4f6534c12' }, index.h("div", { key: 'ded5d125959b11da1a48faf2f28baa9779e36e57', class: "position-absolute" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { key: '6eb7dd1c025f3385f68a08176558e07a0c4bf3cd', class: "position-absolute" }, index.h("div", { key: 'a56ac68bc0bda73a2153d89fc29d5bef3313ae7f', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { key: 'a1323d9db0e6de6df48573de7fbc954280b27b8f', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1732,8 +1731,8 @@ const InfoCard = class {
         const id = this._features?.selectedFeature?.getObjectId();
         const ids = parseInt(id?.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-        return (index.h(index.Host, { key: 'c81fe6991dd41dc9c653caca0453539538e7c9d9' }, index.h("calcite-shell", { key: '378fca0a1eaf44df516885947407ae2d17ea997c', style: { position: this.position } }, this._getHeader(), index.h("calcite-loader", { key: '24c11c02633bb6e2fdca4b65098527f54fea6a96', class: loadingClass, label: this._translations.fetchingData }), index.h("div", { key: 'ed3e96880d1f25e0b561fe42c88ed5545c1414b3', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), index.h("div", { key: '034509dfa87783df9ced22ebdaeeec237cf7b7d2', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            index.h("div", { key: 'c7f1493ef6b7c2f43c5e8ba473e3622ff9564e8f', class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { key: '6b565362368cee3e8f45cb4d0a638238130bd315', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (index.h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, index.h("calcite-tooltip", { key: '11135611585900b07db242d427fb63ed248da775', placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", { key: '76f948c7dfc776a0a6f45cd5cbb00e49f5656eb0' }, this._translations.edit)), this.isMobile ? (index.h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, index.h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && index.h("div", { key: 'c73416239e73225e1d8fa12d4b9ac43a2b4efd5c', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, index.h("div", { key: '6102fda8c8537dbd985f73ade0ca47f18df152e3' }, index.h("calcite-button", { key: '78ead75d2f77b46938bc469220e631549c087b6f', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), index.h("calcite-tooltip", { key: 'a8703ccdd4f07f04c2b4e14e493099da9f8f443a', placement: "top", "reference-element": "solutions-back" }, index.h("span", { key: '394eb1ad6f1cba692bef685609d1196973bca6b4' }, this._translations.back))), index.h("calcite-action", { key: '907a5f48989fe956d4458685ec85066f81edf67e', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, index.h("span", { key: 'b56d00fe419d2abd7da3d0fb3d390465879e5009', class: "pagination-count" }, this._count)), index.h("div", { key: 'f6e5de270c485fee1c07e8c5831606ea2afbffb9' }, index.h("calcite-button", { key: '4ed34cc96fde3539b947feb1e252c288bf75dca7', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), index.h("calcite-tooltip", { key: 'e46578ca1c03d42b31adbd34498d630cc47e0ae2', placement: "top", "reference-element": "solutions-next" }, index.h("span", { key: '6283ddace0406a5b110fbd4672222efe6c1c796a' }, this._translations.next))))), index.h("edit-card", { key: '0ef0593bfa7d359dd68df8359fec3d3c0f39733b', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { key: '27f20d8024d458429079f9ea5a56350b591e3719', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { key: 'cf76bacc550219663897429b4ca1368e2b177f19', slot: "title" }, this._translations.editDisabled), index.h("div", { key: 'a987d0f419bfcca13818c8be227002d64c13d6a0', slot: "message" }, this._translations.enableEditing)))));
+        return (index.h(index.Host, { key: 'a46a4081790c4e67a7e62d7602cf7d3203688d43' }, index.h("calcite-shell", { key: '688be9c8641692e2843536024752172416e88213', style: { position: this.position } }, this._getHeader(), index.h("calcite-loader", { key: '0d99da4c0046325af848deaa5b6cb67ed524de96', class: loadingClass, label: this._translations.fetchingData }), index.h("div", { key: 'e075742e911624b76b56404ccde68bff8f0363aa', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), index.h("div", { key: '17423712d3a1a2d38ee890ca4dba3ab55ff9ff5f', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            index.h("div", { key: 'f9738f91381d1f1e011951c74b53c733a563f37d', class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { key: 'bdb409117bc78ce70cb015521506086c6a8fc9c1', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (index.h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, index.h("calcite-tooltip", { key: 'b1927881890a62576bfb794ac8d7ceec3178ae50', placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", { key: '5b8024aca83b9a12e55e83025353b718fbabc56a' }, this._translations.edit)), this.isMobile ? (index.h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, index.h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && index.h("div", { key: '5b2410d9f2a2038f8903fb312ec00174d7b227f7', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, index.h("div", { key: '3e1ba697bd0c22e59b5555375aa192e05900d4a3' }, index.h("calcite-button", { key: 'd0308cab8f7b570eb64ba6639b753e34e471f0e4', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), index.h("calcite-tooltip", { key: 'ff51bfc1fe19c2cff4e9ef37c619e0c69dd7c707', placement: "top", "reference-element": "solutions-back" }, index.h("span", { key: 'dc1e698ca37f5988c2b822d6d7e00eacfc4fe4ba' }, this._translations.back))), index.h("calcite-action", { key: 'e442df4bcc0012851b8102a2590a58697cb1dc49', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, index.h("span", { key: 'cb4729f055978f1d4c1c63d3e875fec3e4161602', class: "pagination-count" }, this._count)), index.h("div", { key: 'e6eac05de054f614dc8b6bf3de2ae289dd6d527f' }, index.h("calcite-button", { key: 'e253248af7d5e21880ccb3e82bbbe95082ff916a', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), index.h("calcite-tooltip", { key: '7a2340dc1403c1a95c0a926c9fda19876a513708', placement: "top", "reference-element": "solutions-next" }, index.h("span", { key: '3b69deac115afe2dc8cf9fb9d9eaed8d93abb22c' }, this._translations.next))))), index.h("edit-card", { key: 'e43be40ba13bec51123fbcd3f30062f4bc3e8550', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { key: 'ccbd2ecf9f1f719912ec3020d29559a6d8727e3f', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { key: '4f17aeceb63548d1eef560d3ef178f630f8dfe47', slot: "title" }, this._translations.editDisabled), index.h("div", { key: '9c720479ed61012787d7f6be966e31e3fa136d54', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -1233,6 +1233,7 @@ const MapLayerPicker = class {
         this.selectedIds = [];
         this.scale = "m";
         this.showTables = undefined;
+        this.showTablesDisabled = undefined;
         this.showSingleLayerAsLabel = false;
         this.type = "select";
         this._hasMultipleLayers = true;
@@ -1289,13 +1290,19 @@ const MapLayerPicker = class {
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * updates the layers
+     */
+    async updateLayer() {
+        this._setSelectedLayer(this.ids[0]);
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
     //
     //--------------------------------------------------------------------------
     /**
-     * Emitted on demand when no valid layers are found
+     * Emitted on demand when valid layers are found
      *
      */
     idsFound;
@@ -1330,6 +1337,11 @@ const MapLayerPicker = class {
             if (id !== this.selectedIds[0]) {
                 this._setSelectedLayer(id);
             }
+            // update the layer name when changing the layout (for crowdsource manager)
+            else {
+                const layer = await mapViewUtils.getLayerOrTable(this.mapView, this.selectedIds[0]);
+                this.selectedName = layer?.title;
+            }
         }
     }
     /**
@@ -1339,7 +1351,7 @@ const MapLayerPicker = class {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (index.h(index.Host, { key: '786588e505e991901c68091bfa7db533f269c06e' }, index.h("div", { key: '7dd54ee014577d33616464ff77eb8694380637d0', class: "map-layer-picker-container", style: style }, index.h("div", { key: 'a64ee10033e7ffc33b808a7bb984abd2781629a3', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (index.h(index.Host, { key: '00823a2fd3ef03454c2cde7259aa7b42e5f5820f' }, index.h("div", { key: '471029b527081a502bc7c34536697e27fd30952e', class: "map-layer-picker-container", style: style }, index.h("div", { key: '7845d44f32181b3d02ad3e7760d7f4be6b7529be', 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)))));
@@ -1474,7 +1486,7 @@ const MapLayerPicker = class {
         const name = item.name;
         const selected = this.selectedIds.indexOf(id) > -1;
         return this.type === "combobox" ? (index.h("calcite-combobox-item", { disabled: disabled, selected: selected, textLabel: name, value: id })) :
-            this.type === "select" ? (index.h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (index.h("calcite-dropdown-group", { class: disabled ? "disabled" : "", selectionMode: disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { "icon-start": itemType, onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name)));
+            this.type === "select" ? (index.h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (index.h("calcite-dropdown-group", { class: disabled ? "disabled" : "", selectionMode: disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { disabled: itemType === 'table' && this.showTablesDisabled, "icon-start": itemType, onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name)));
     }
     /**
      * Store the layer name based on the user selection

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

@@ -656,12 +656,12 @@ const FeatureDetails = class {
     render() {
         //When related features found show comments list of only those features else comments list will be empty
         const commentsListWhereClause = this._relatedFeaturesOIDs?.length > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
-        return (index.h("calcite-panel", { key: '440e745ef61e578f88381920a3aeca1b54048612', "full-height": true }, index.h("info-card", { key: 'a1bb7f4809dbed25c34bd4307ad13b9a09c66b65', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
-            index.h("div", { key: '3caf1242f3c0f09b86ea146c9fb49bcea9306087', class: "buttons-container" }, this._commentsAvailable &&
-                index.h("calcite-button", { key: 'e8873a1d0bd7132ced40543a0e6a9c3a8c7c72e1', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
-                index.h("calcite-button", { key: 'cbbb6cf9c50cb360241d6e7f5d33c1713ec99017', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
-                index.h("calcite-button", { key: '92f4c79093e6793d9b4036f99837a9ad19efb3be', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
-            index.h("feature-list", { key: '95e25a9d10d7baea4a40c4fbbe5d9b19609d2790', class: "height-full", mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
+        return (index.h("calcite-panel", { key: '05a12e56500ab833e856b8f5ac0f8371de522170', "full-height": true }, index.h("info-card", { key: '53c2102681c8005322c1711b038087b1a70d9a53', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
+            index.h("div", { key: '1cf9a8eb026a2ed6c15ccafc3910fed388e63e5d', class: "buttons-container" }, this._commentsAvailable &&
+                index.h("calcite-button", { key: 'c95920ae526cfeaa9a8824b985f593c95807c3ae', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
+                index.h("calcite-button", { key: 'cf6cab791332884e63615058d6d0a1861534177b', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
+                index.h("calcite-button", { key: '1fe322958b367df620c73834353251d05566d8c7', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
+            index.h("feature-list", { key: '8eefe98bc8af36db6793879c38dbed85f45b4a36', class: "height-full", mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
     }
     /**
      * Load esri javascript api modules

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

@@ -653,7 +653,7 @@ const DeleteButton = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '23936d6981c9779f5a21951c6667e3cba86e5d82' }, this.buttonType === "button" ? (index.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()))) : (index.h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, index.h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage()));
+        return (index.h(index.Host, { key: '23936d6981c9779f5a21951c6667e3cba86e5d82' }, this.buttonType === "button" ? (index.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()))) : (index.h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, index.h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage(), index.h("calcite-tooltip", { key: '0078ca79ef0a2195be88d0b508fefc9838af9693', placement: "bottom", "reference-element": this.buttonType === "button" ? "solutions-delete" : this.icon }, index.h("span", { key: '6a2f3c55237c2cb07f17559c9f14edd4b442e004' }, this._translations.delete))));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -1847,7 +1847,7 @@ const JsonEditor = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'f7bd89c09a1da47faac69a2046e17f116d81f900' }, index.h("div", { key: 'ecb97ba7d6be7490e5e62eb32c821acc3e4d647f', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, index.h("div", { key: '8e41d06868b3d6814b71d06899a860444cf22f5f', class: "editor-controls" }, index.h("div", { key: '72e466cd4960538d2b12da8d7b19ff52587af282', class: "editor-buttons" }, index.h("calcite-icon", { key: 'ec927121edd4ad9873f39c4382bec58ec70f4fe0', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), index.h("calcite-button", { key: 'e58f934f12ffb97b658b79bd6f43b488bfe48be1', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '39843757e60fe92ba3379fe72cf9696c082f83f7', icon: "undo", scale: "s" })), index.h("calcite-button", { key: 'd0b6147354e31152615f148fba1e9780d7d60d60', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '484b599a9c38c7e87a822c3b87934648ea47f440', icon: "redo", scale: "s" })), index.h("calcite-button", { key: '5d984fe49873a751c0a5da22de35261566e2c648', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'c6089f49f33196f3edd7ef009b1367b7978e0469', icon: "compare", scale: "s" })), index.h("calcite-button", { key: 'e8d4923b89329a19eb4b0426c9a8645327be7558', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '0033b33183f88b5122dda9afa5f7095072c7beaf', icon: "search", scale: "s" })), index.h("calcite-button", { key: 'fdb722e4e9046eb31ca62352a841097bd60f9989', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'c1f8cda4d8fb79b66e1a8b91286e8952bd6afaaa', icon: "reset", scale: "s" })))), index.h("div", { key: '2111d6a3f15a3df17cdc33ae49de36f51d9db37b', class: "edit-parent" }, index.h("div", { key: '9a7b4cbf25dff972a44ec6332ac010adb511251d', id: `${this.instanceid}-container`, class: "json-edit-container" }), index.h("div", { key: '9ccd5646f1df550e5ff2c35bb5a9bf3e181117fa', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (index.h(index.Host, { key: '2932135e373b0e5cf5bc5347c7b7960a60e81df1' }, index.h("div", { key: '98579089177f92e2a3600dd64d738e4ec8ff8ae2', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, index.h("div", { key: '971de116ef81850ecc2fcbff9d9f30e36c5928cf', class: "editor-controls" }, index.h("div", { key: '75e505043095753dc414dad671c6eec4e27a47c1', class: "editor-buttons" }, index.h("calcite-icon", { key: 'af8645c74758aff0f310089a5c97a504a52a2026', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), index.h("calcite-button", { key: '6d736a2f3aa9c3e0efd5c1919253fc02e3dec0a2', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '20fdf41124e256f139c7be3bd6f0e42823706cec', icon: "undo", scale: "s" })), index.h("calcite-button", { key: '7ca8a3bf590e33d6596af51e0b1f25019e9f806a', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '3e248322dd1381da5ec609e92953d8ea94ebad29', icon: "redo", scale: "s" })), index.h("calcite-button", { key: '2e147af3b73714e40347f432d3d440d0e9bd2ae9', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'dc3fea2e4743511af20347412c6093163f0b674c', icon: "compare", scale: "s" })), index.h("calcite-button", { key: 'f983c7535f4a36a693b186a716ad6750e33f679a', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '315076f61831b8294e0c9b2c2e5fb174d9163bce', icon: "search", scale: "s" })), index.h("calcite-button", { key: 'a9223c5ad5eeed5a932ce106d3f3db90008933b9', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '0cd3c9c634da8fe710890b533bc046c536af0bb2', icon: "reset", scale: "s" })))), index.h("div", { key: '73fc19136eb3aa3148c859ba617cd9904ee92f98', class: "edit-parent" }, index.h("div", { key: '57435dbeeef39ddaeb97256512acca6360e1a7ec', id: `${this.instanceid}-container`, class: "json-edit-container" }), index.h("div", { key: '152e58aeb94ae22d6d11e4332496cb2e637ebbca', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2208,7 +2208,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, index.h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, index.h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, index.h("input", { key: '11dc51158e385025d139372682b33d2093956a50', 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" }), index.h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', 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), index.h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, index.h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, index.h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, index.h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, index.h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, index.h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, index.h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (index.h(index.Host, { key: '658d13bff98393b9c3f36d7ebce990551d80d9c7' }, index.h("div", { key: '285e6ac2a525212ca5dc381812995cce1561d51c', class: "parent-container" }, index.h("div", { key: '9209a77477f51f45a83aff4feeb409932b6c36cf', class: "inputBottomSeparation" }, index.h("calcite-input", { key: 'ca8669910c7b718c6c5e1e0cfa2f96c8760ad22e', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: '0816438c6db5c93b81890f5a2a7816f676bb096f', class: "inputBottomSeparation" }, index.h("input", { key: '149c8b1f9b34dfe2a0723a86b9ca4653f98d3d4f', 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" }), index.h("button", { key: 'c8b8d3d08a72d563349d5e6eebf1cacc6329834e', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '9d699466d0e963c3c60be848792351dc9817e400', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: '8c74ec6c185dc730f1283a5899c378ae552831e1', 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), index.h("div", { key: '4426295925509550d83c5974a8b691d4696b4b63', class: "flex" }, index.h("div", { key: 'abc4a93cb9d7f3d7e0e9a8e4f0e573a2761ba263', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: 'ff37875b0f7234038b45d4dc110d1db8610f76d8', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '377149593a7b4e4d9914fefa85627de993d965df', class: "snippet-count-container" }, index.h("calcite-input", { key: 'b23923938627db11be6bb9c63e1710ab54f65539', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '66d01cc032dc370c11be61e1a852c5df63b97f2a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: 'c462d3a178e90da7da9ed649fc1e2e1d6e18ca28' }, this._translations.description, index.h("label", { key: 'ffdef106ec07bbac32e3ee81b3174611db8c4e07', id: "item-description-label" }, index.h("calcite-input", { key: '72b4ac51c4f98ace79de4d1521debdc55ed796e9', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: 'aac5e579f54edb668fa445702282b754dcf2ed6c' }, this._translations.tags, index.h("label", { key: 'ed4581c14f2d3f1c8a2e1845550fcdeb26204a23', id: "item-tags-label" }, index.h("calcite-input", { key: 'd9c846a82898fa15db4c775e28eb5080ef7ed4d0', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();
@@ -2386,7 +2386,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, index.h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, index.h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (index.h(index.Host, { key: 'b79c768f4ba29331fd70ffc8dd55ae0fa77b0aa8' }, index.h("div", { key: '9b0a681fc53110cebda0246eb19157631dc8bac8', class: "container-border" }, index.h("calcite-label", { key: '68f56772d51805babdec5b51a9845ec4d54a6bb8' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2505,7 +2505,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, index.h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, index.h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, index.h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (index.h(index.Host, { key: 'f576bc6c4e1ef9c2c0879896f3b364584c9f4597' }, index.h("div", { key: '22d459e61c3ead17b9ef3ce5a2c6baeddc79c80e' }, index.h("h4", { key: '8e65f908893fbeda320f3910de3e48776a13816a', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '02c6a5f124a4b729dca668afe1693e0d510b11c5', class: "container-border" }, index.h("calcite-tree", { key: '8b3fc867daa01b80908f9099923099211f807953', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2603,7 +2603,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (index.h(index.Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, index.h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, index.h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (index.h(index.Host, { key: '5047514bc715a5a67ecacf629d303d81482c0b5e' }, index.h("div", { key: '22a903832d45858fbec839fce90527671a457257', class: "resource-item" }, index.h("div", { key: 'fea759db7edf7ca84d353060ee6b59aa101bc61b', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'c76c2d60a856896255554324ba0239ecde2d49eb', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: '4feb64a2b7cc3490c1e0f90ee6dd36a842a8ae0d', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '76c64955841cdc671e1df9b3552fe62e67bfc7f5', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------
@@ -2885,7 +2885,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, index.h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, index.h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, index.h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', 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 }), index.h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), index.h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
+        return (index.h(index.Host, { key: '0f8453b6c096fbac6e90f3e8f7efff3041201ca0' }, index.h("div", { key: 'e0638b863e6d445c3baf608bd3e52904a78bf670', class: "solution-data-container" }, index.h("calcite-shell", { key: 'fa3b1e80f768e489133c700f4e729ad2ebde88ef', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '6fe1596637fce085f18d3a98362088320a72d248', class: "json-editor" }, index.h("div", { key: 'edcb77ca9a7dcc6c6c4018fd4571c690cd82f7b1', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: 'ea3a8b5d1b7ad20a60456daf107af678a68027a1', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '34b4c47647738d5a07eac01b4162d7a599c2cc16', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: 'e1609bd8e25b2af8989e4018ac4facaffe830897', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: '87576dba22c378c609710215954d6ea8e016c06c', 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 }), index.h("div", { key: '279c775502f8cdbb5c01971b7c763cf5bd88de28', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: 'cd357642cb12ec25fe90ca011c90b80f37889d80', value: this.organizationVariables })), index.h("div", { key: '1adf2eb87308f4b85bc1fec11c80682b5e9dc131', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: 'a836a844cbcf6e9bbbae9e9d2eadead6570ce8f2', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -2959,7 +2959,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, index.h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, index.h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, index.h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (index.h(index.Host, { key: 'bb418465a19b2fa0a8f5e216ba853d7427a78fdf' }, index.h("div", { key: 'f628616eb2ef38cd657052666e53dfe72cb3f221' }, index.h("h4", { key: '97348278cfa8ecd968deb135c1fc9fe44971e7d2', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '91d5822a5358f95d37654d8a9eda66c3fe8f3318', class: "container-border" }, index.h("calcite-tree", { key: '7982f1e945f1d939ae52867764a438d67ed6a154', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //