@esri/solutions-components 0.8.39 → 0.8.40

package/dist/esm/{locale-42369411.js → locale-28d48640.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { e as esriLoader } from './esri-loader-3080dcc0.js';
+import { e as esriLoader } from './esri-loader-781d738a.js';
 import { a as getAssetPath } from './index-83b693bc.js';
 
 /** @license

package/dist/esm/{locale-70630b7c.js → locale-b4e7d56f.js}

@@ -3,8 +3,8 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { l as loadModules } from './loadModules-43119ac8.js';
-import { l as languageMap } from './languageUtil-de206286.js';
+import { l as loadModules } from './loadModules-9c062d08.js';
+import { l as languageMap } from './languageUtil-a3e6adf6.js';
 
 // https://medium.com/stencil-tricks/implementing-internationalisation-i18n-with-stencil-5e6559554117
 function getComponentClosestLanguage(element) {

package/dist/esm/map-select-tools_3.entry.js

@@ -4,16 +4,17 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83b693bc.js';
-import { a as getComponentClosestLanguage, l as loadModules, g as getLocaleComponentStrings } from './locale-42369411.js';
+import { a as getComponentClosestLanguage, l as loadModules, g as getLocaleComponentStrings } from './locale-28d48640.js';
 import { e as goToSelection, h as highlightFeatures, k as queryObjectIds, l as getQueryGeoms, c as getFeatureLayerView, m as queryFeaturesByGeometry, n as getIdSets, o as highlightAllFeatures } from './mapViewUtils-e3de60cc.js';
 import { a as EWorkflowType, e as ESelectionMode, f as EDrawMode } from './interfaces-586e863c.js';
 import { s as state } from './publicNotificationStore-08faccff.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-97acca92.js';
-import './esri-loader-3080dcc0.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-5fbd8a40.js';
+import './esri-loader-781d738a.js';
+import './_commonjsHelpers-089957fe.js';
 import './index-d97f4f15.js';
-import './solution-resource-a2fff3bf.js';
+import './solution-resource-3108caf7.js';
 import './index-a1e91462.js';
-import './restHelpersGet-dab84057.js';
+import './restHelpersGet-5c822bcd.js';
 
 const mapSelectToolsCss = ":host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100% !important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:\"1rem\" !important}.end-border{border-inline-end:1px solid var(--calcite-color-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:0.5rem}.icon{--calcite-color-icon-color:var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}";
 const MapSelectToolsStyle0 = mapSelectToolsCss;

package/dist/esm/{popupUtils-98ad70f3.js → popupUtils-4a91aa2a.js}

@@ -3,8 +3,8 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { _ as _prepareAttributeValue } from './downloadUtils-97acca92.js';
-import { l as loadModules } from './locale-42369411.js';
+import { _ as _prepareAttributeValue } from './downloadUtils-5fbd8a40.js';
+import { l as loadModules } from './locale-28d48640.js';
 
 /** @license
  * Copyright 2022 Esri

package/dist/esm/public-notification.entry.js

@@ -5,15 +5,16 @@
  */
 import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-83b693bc.js';
 import { b as EExportType, c as EPageType, a as EWorkflowType } from './interfaces-586e863c.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-42369411.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-28d48640.js';
 import { e as goToSelection, h as highlightFeatures } from './mapViewUtils-e3de60cc.js';
 import { s as state } from './publicNotificationStore-08faccff.js';
-import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-97acca92.js';
-import './esri-loader-3080dcc0.js';
+import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-5fbd8a40.js';
+import './esri-loader-781d738a.js';
+import './_commonjsHelpers-089957fe.js';
 import './index-d97f4f15.js';
-import './solution-resource-a2fff3bf.js';
+import './solution-resource-3108caf7.js';
 import './index-a1e91462.js';
-import './restHelpersGet-dab84057.js';
+import './restHelpersGet-5c822bcd.js';
 
 const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-start-1-2{padding-inline-start:0.5rem}.list-border{border:1px solid var(--calcite-color-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:0.5rem}.float-right{float:right}.float-right[dir=\"rtl\"]{float:left}.float-left{float:left}.float-left[dir=\"rtl\"]{float:right}.margin-top-0{margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-color-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=\"rtl\"]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom:0}.list-label{color:var(--calcite-color-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-color-foreground-3:var(--calcite-color-brand);--calcite-color-foreground-2:var(--calcite-color-brand-hover);--calcite-color-text-1:var(--calcite-color-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}";
 const PublicNotificationStyle0 = publicNotificationCss;

package/dist/esm/{purify-caded4cd.js → purify-72515357.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { c as commonjsGlobal } from './esri-loader-3080dcc0.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-089957fe.js';
 
 var purify$2 = {exports: {}};
 

package/dist/esm/{restHelpersGet-dab84057.js → restHelpersGet-5c822bcd.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import './solution-resource-a2fff3bf.js';
+import './solution-resource-3108caf7.js';
 import './index-a1e91462.js';
 
 /*! *****************************************************************************

package/dist/esm/solution-configuration.entry.js

@@ -4,14 +4,16 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-83b693bc.js';
-import { s as state } from './solution-store-30a19a45.js';
-import './solution-resource-a2fff3bf.js';
-import { r as request, N as NODEJS_DEFAULT_REFERER_HEADER, c as cleanUrl, e as encodeQueryString, A as ArcGISAuthError, a as getProp } from './restHelpersGet-dab84057.js';
+import { g as getSolutionVariables, a as getOrganizationVariables, b as getInventoryItems } from './templates-824ea028.js';
+import { s as state } from './solution-store-1c36ce1d.js';
+import './solution-resource-3108caf7.js';
+import { r as request, N as NODEJS_DEFAULT_REFERER_HEADER, c as cleanUrl, e as encodeQueryString, A as ArcGISAuthError, a as getProp } from './restHelpersGet-5c822bcd.js';
 import './index-a1e91462.js';
-import { g as getLocaleComponentStrings } from './locale-42369411.js';
+import { g as getLocaleComponentStrings } from './locale-28d48640.js';
 import './index-d97f4f15.js';
 import './interfaces-586e863c.js';
-import './esri-loader-3080dcc0.js';
+import './_commonjsHelpers-089957fe.js';
+import './esri-loader-781d738a.js';
 
 /* Copyright (c) 2017-2020 Environmental Systems Research Institute, Inc.
  * Apache-2.0 */
@@ -1097,348 +1099,6 @@ var UserSession = /** @class */ (function () {
     return UserSession;
 }());
 
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//--------------------------------------------------------------------------
-//
-//  Public Functions
-//
-//--------------------------------------------------------------------------
-/**
- * Sort the solution items
- *
- * @param templates a list of item templates from the solution
- *
- * @returns a sorted list of solution items
- */
-function getInventoryItems(templates) {
-    const hierarchy = getItemHierarchy(templates);
-    const ids = hierarchy.reduce((prev, cur) => {
-        prev.push(cur.id);
-        return prev;
-    }, []);
-    return templates.reduce((prev, cur) => {
-        if (ids.indexOf(cur.itemId) > -1) {
-            const hierarchyItems = hierarchy.filter(hi => hi.id === cur.itemId);
-            prev.push(_getItemFromTemplate(cur, templates, hierarchyItems[0].dependencies));
-        }
-        return prev;
-    }, []);
-}
-/**
- * Create item hierarchy that will avoid issues from cylical dependencies
- *
- * @param templates a list of item templates from the solution
- *
- * @returns a hierarchy for item and item dependency display
- */
-function getItemHierarchy(templates) {
-    const hierarchy = [];
-    // Get the template specified by id out of a list of templates
-    function getTemplateInSolution(templates, id) {
-        const iTemplate = templates.findIndex((template) => id === template.itemId);
-        return iTemplate >= 0 ? templates[iTemplate] : null;
-    }
-    // Hierarchically list the dependencies of specified node
-    function traceItemId(id, accumulatedHierarchy, alreadyVisitedIds = []) {
-        // Get the dependencies of the node
-        const template = getTemplateInSolution(templates, id);
-        /* istanbul ignore else */
-        if (template) {
-            const templateEntry = {
-                id,
-                dependencies: []
-            };
-            // Visit each dependency, but only if this template is not in the alreadyVisitedIds list to avoid infinite loops
-            /* istanbul ignore else */
-            if (alreadyVisitedIds.indexOf(id) < 0) {
-                // Add dependency to alreadyVisitedIds list
-                alreadyVisitedIds.push(id);
-                template.dependencies.forEach((dependencyId) => {
-                    // Remove dependency from list of templates to visit in the top-level loop
-                    const iDependencyTemplate = templateItemIds.indexOf(dependencyId);
-                    /* istanbul ignore else */
-                    if (iDependencyTemplate >= 0) {
-                        templateItemIds.splice(iDependencyTemplate, 1);
-                    }
-                    traceItemId(dependencyId, templateEntry.dependencies, alreadyVisitedIds);
-                });
-            }
-            accumulatedHierarchy.push(templateEntry);
-        }
-    }
-    // Start with top-level nodes and add in the rest of the nodes to catch cycles without top-level nodes
-    let templateItemIds = _getTopLevelItemIds(templates);
-    const otherItems = templates
-        .filter((template) => templateItemIds.indexOf(template.itemId) < 0) // only keep non-top-level nodes
-        .sort((a, b) => b.dependencies.length - a.dependencies.length); // sort so that nodes with more dependencies come first--reduces stubs
-    templateItemIds = templateItemIds.concat(otherItems.map((template) => template.itemId));
-    // Step through the list of nodes; we'll also remove nodes as we visit them
-    let itemId = templateItemIds.shift();
-    while (typeof itemId !== "undefined") {
-        traceItemId(itemId, hierarchy);
-        itemId = templateItemIds.shift();
-    }
-    return hierarchy;
-}
-/**
- * Explore the solution item templates for variables we will allow users to insert at runtime
- *
- * @param templates a list of item templates from the solution
- * @param translations nls translation object
- *
- * @returns a list of variables from the solution item templates
- */
-function getSolutionVariables(templates, translations) {
-    const vars = [];
-    templates.forEach(t => {
-        const item = {
-            id: t.itemId,
-            title: t.item.title || t.item.name,
-            type: t.type,
-            value: undefined,
-            dependencies: [{
-                    id: t.itemId,
-                    title: translations.itemId,
-                    value: `{{${t.itemId}.itemId}}`,
-                }]
-        };
-        if (t.item.url) {
-            item.dependencies.push({
-                id: t.itemId,
-                title: translations.url,
-                value: `{{${t.itemId}.url}}`,
-            });
-        }
-        if (t.type === "Feature Service") {
-            // TODO need to set source service name var...
-            // TODO need to set soure service shape field name "{{d05b3cf1ffcb4a4fa677627dfb18609e.name}}.Shape"
-            item.dependencies.push({
-                id: t.itemId,
-                title: translations.solutionExtent,
-                value: `{{${t.itemId}.solutionExtent}}`,
-            });
-            _addLayersOrTables(t.properties.layers || [], item, t, translations);
-            _addLayersOrTables(t.properties.tables || [], item, t, translations);
-        }
-        vars.push(item);
-    });
-    return vars;
-}
-/**
- * Set key organization variables we will allow users to insert at runtime
- *
- * @param translations nls translation object
- *
- * @returns a list of variables for the organization
- */
-function getOrganizationVariables(translations) {
-    const orgVars = [{
-            id: "",
-            title: translations.geocodeUrl,
-            value: "{{organization.helperServices.geocode:getDefaultLocatorURL}}"
-        }, {
-            id: "",
-            title: translations.geometryUrl,
-            value: "{{organization.helperServices.geometry.url}}"
-        }, {
-            id: "",
-            title: translations.portalBaseUrl,
-            value: "{{portalBaseUrl}}"
-        }, {
-            id: "",
-            title: translations.routeUrl,
-            value: "{{organization.helperServices.route.url}}"
-        }, {
-            id: "",
-            title: translations.solutionItemExtent,
-            value: "{{solutionItemExtent}}"
-        }];
-    return orgVars;
-}
-//--------------------------------------------------------------------------
-//
-//  Private Functions
-//
-//--------------------------------------------------------------------------
-/**
- * Explore a solution item template for variables we will allow users to insert at runtime.
- * This function will update the item argument that is passed in with the var details.
- *
- * @param children a list of layers or tables from a template
- * @param item an object that store key details for a given variable
- * @param template one of the templates from the current solution
- * @param translations nls translations object
- *
- */
-function _addLayersOrTables(children, item, template, translations) {
-    children.forEach(l => {
-        const name = l.name && l.name.indexOf("||") > -1 ? l.name.split("||")[1].replace("}}", "").trim() : l.name;
-        item.dependencies.push({
-            id: template.itemId,
-            title: `${name} (${translations.id})`,
-            value: `{{${template.itemId}.layer${l.id}.id}}`,
-        });
-        item.dependencies.push({
-            id: template.itemId,
-            title: `${name} (${translations.name})`,
-            value: `{{${template.itemId}.layer${l.id}.name||${name}}}`,
-        });
-    });
-}
-/**
- * Capture key details from the solution item template
- *
- * @param template one of the templates from the current solution
- * @param templates full list of templates
- * @param dependencies list of hierarchical dependencies
- *
- * @returns an IInventoryItem that is used by other components to work with this template
- */
-function _getItemFromTemplate(template, templates, dependencies) {
-    return {
-        id: template.itemId || "",
-        title: template.item.title || "",
-        dependencies: _getDependencies(dependencies, templates),
-        type: template.item.type || "",
-        typeKeywords: template.item.typeKeywords || [] /*,
-        solutionItem: {
-          itemId: template.itemId,
-          itemDetails: _getItemDetails(template.item, template.type === "Group"),
-          isResource: _getIsResource(template),
-          data: template.data,
-          properties: template.properties,
-          type: template.type,
-          groupDetails: _getGroupDetails(template, templates)
-        }*/
-    };
-}
-/**
- * Capture key details from the solution item template
- *
- * @param dependencies list of dependencies from a template
- * @param templates full list of templates
- *
- * @returns a list of IInventoryItem that are used by other components to work with the templates
- */
-function _getDependencies(dependencies, templates) {
-    const dependencyItems = [];
-    const depIds = dependencies.reduce((prev, cur) => {
-        prev.push(cur.id);
-        dependencyItems.push(cur);
-        return prev;
-    }, []);
-    return templates.reduce((prev, curr) => {
-        const i = depIds.indexOf(curr.itemId);
-        if (i > -1) {
-            prev.push(_getItemFromTemplate(curr, templates, dependencyItems[i].dependencies));
-        }
-        return prev;
-    }, []);
-}
-/**
- * Capture the key item details for a given template
- *
- * @param item the templates item
- * @param isGroup boolean to indicate if the item is a group
- * @param itemId the item id of the template
- *
- * @returns a IItemDetails object for the current item
- */
-/*
-function _getItemDetails(
-  item: any,
-  isGroup: boolean
-): IItemDetails {
-  return {
-    title: item.title || "",
-    snippet: item.snippet || "",
-    description: item.description || "",
-    tags: item.tags || [],
-    accessInformation: !isGroup ? item.accessInformation || "" : "",
-    licenseInfo: !isGroup ? item.licenseInfo || "" : ""
-  };
-}
-*/
-/**
- * Capture the key item details for a given group template
- *
- * @param template one of the templates from the current solution
- * @param templates full list of templates
- *
- * @returns a list of IItemShare objects
- */
-/*
-function _getGroupDetails(
-  template: any,
-  templates: any[]
-): IItemShare[] {
-  return template.type === "Group" ? templates.reduce((prev, cur) => {
-    if (cur.itemId !== template.itemId && cur.type !== "Group") {
-      prev.push({
-        id: cur.itemId,
-        title: cur.item.name || cur.item.title,
-        isShared: (cur.groups || []).indexOf(template.itemId) > -1,
-        shareItem: (cur.groups || []).indexOf(template.itemId) > -1,
-        type: cur.type,
-        typeKeywords: cur.item.typeKeywords
-      });
-    }
-    return prev;
-  }, []) : [];
-}
-*/
-/**
- * Used to understand if we are dealing with a binary object that will support upload/download
- *
- * @param template one of the templates from the current solution
- *
- * @returns true if this item supports upload/download
- */
-/*
-function _getIsResource(
-  template: any
-): boolean {
-  return template.type !== "Group" && template.resources.some(r => r.indexOf("_info_thumbnail") < 0) &&
-    (template.data === null || JSON.stringify(template.data) === "{}");
-}
-*/
-/**
- * Sort the template ids based on their dependencies
- *
- * @param templates full list of templates
- *
- * @returns a list of Itop level item ids
- */
-function _getTopLevelItemIds(templates) {
-    // Find the top-level nodes. Start with all nodes, then remove those that other nodes depend on
-    const topLevelItemCandidateIds = templates.map((template) => template.itemId);
-    templates.forEach((template) => {
-        (template.dependencies || []).forEach((dependencyId) => {
-            const iNode = topLevelItemCandidateIds.indexOf(dependencyId);
-            if (iNode >= 0) {
-                // Node is somebody's dependency, so remove the node from the list of top-level nodes
-                // If iNode == -1, then it's a shared dependency and it has already been removed
-                topLevelItemCandidateIds.splice(iNode, 1);
-            }
-        });
-    });
-    return topLevelItemCandidateIds;
-}
-
 const solutionConfigurationCss = ".configuration-container{position:relative;height:100%;width:100%}.configuration{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;padding:0.5rem;border:1px #808080 solid}.config-tabs{width:100%}.config-tab{width:100%}.config-solution{position:absolute;top:3.5rem;right:-1px;bottom:-1px;left:-1px;display:flex;padding:0.5rem}.config-inventory{display:inline;max-width:-moz-min-content;max-width:min-content;flex-grow:0;overflow-y:auto}.config-inventory-hide{display:none;max-width:-moz-min-content;max-width:min-content;flex-grow:0;overflow-y:auto}.config-item{position:relative;display:inline;flex-grow:1;overflow-y:auto;margin-inline-start:0.5rem}solution-contents{position:relative;height:100%}solution-item{position:relative;height:100%}solution-spatial-ref{position:relative;height:100%;width:100%;overflow-y:auto}";
 const SolutionConfigurationStyle0 = solutionConfigurationCss;
 

package/dist/esm/solution-contents_3.entry.js

@@ -4,15 +4,16 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83b693bc.js';
-import { s as state } from './solution-store-30a19a45.js';
-import { g as getLocaleComponentStrings } from './locale-42369411.js';
-import { n as nodeListToArray } from './common-8697fccd.js';
+import { s as state } from './solution-store-1c36ce1d.js';
+import { g as getLocaleComponentStrings } from './locale-28d48640.js';
+import { n as nodeListToArray } from './common-96e3ddb0.js';
 import './index-d97f4f15.js';
 import './interfaces-586e863c.js';
-import './solution-resource-a2fff3bf.js';
-import './esri-loader-3080dcc0.js';
+import './solution-resource-3108caf7.js';
+import './_commonjsHelpers-089957fe.js';
 import './index-a1e91462.js';
-import './restHelpersGet-dab84057.js';
+import './restHelpersGet-5c822bcd.js';
+import './esri-loader-781d738a.js';
 
 const solutionContentsCss = ".icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
 const SolutionContentsStyle0 = solutionContentsCss;
@@ -119,7 +120,7 @@ const SolutionItem = class {
      * Renders the component.
      */
     render() {
-        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")))));
+        return (h(Host, { key: '16de446a44799754d7066eb5cc587585fc9e37c8' }, h("div", { key: 'ddb7c1e6c86657502dc4b293d495f3b4dee594cf', class: "configuration-container" }, h("div", { key: '016954a98a5eb229a1f9eb2a4b9260daff3593bf', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //
@@ -173,7 +174,7 @@ const SolutionItem = class {
 };
 SolutionItem.style = SolutionItemStyle0;
 
-const solutionSpatialRefCss = ".spatial-ref-switch{margin-inline-end:0.5rem}.spatial-ref-component{margin-top:0.625rem;margin-inline-start:2.5rem}#spatialRefDefn .sc-calcite-label-h label.sc-calcite-label{margin:0px;background-color:#CBC3E3}.spatial-ref-default{margin:0px}.spatial-ref-item-title{margin-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem}.spatial-ref-item-switch{margin-inline-end:0.5rem}.switch-label{margin:0.25rem;font-size:0.875rem;line-height:1.25rem}.disabled-div{pointer-events:none;opacity:0.4}.spatial-ref-desc{padding-bottom:0.5rem;padding-inline-start:0.25rem}";
+const solutionSpatialRefCss = ".spatial-ref-switch{margin-inline-end:0.5rem}.spatial-ref-component{margin-top:0.625rem;margin-inline-start:2.5rem}#spatialRefDefn .sc-calcite-label-h label.sc-calcite-label{margin:0px;background-color:#CBC3E3}.spatial-ref-default{margin:0px}.spatial-ref-item-title{margin-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem}.spatial-ref-item-switch{margin-inline-end:0.5rem}.switch-label{font-size:0.875rem;line-height:1.25rem}.disabled-div{pointer-events:none;opacity:0.4}.spatial-ref-desc{padding-bottom:0.5rem;padding-inline-start:0.25rem}.spatial-ref-services-list{margin-block-start:0.5em;margin-block-end:0.5em;list-style-type:none;padding-inline-start:0}.spatial-ref-services-list-item{margin-top:0.25rem}";
 const SolutionSpatialRefStyle0 = solutionSpatialRefCss;
 
 const SolutionSpatialRef = class {
@@ -186,7 +187,6 @@ const SolutionSpatialRef = class {
         this.locked = true;
         this.services = [];
         this.value = this.defaultWkid.toString();
-        this._srSearchText = undefined;
         this._translations = undefined;
     }
     lockedChanged(newLocked) {
@@ -209,17 +209,21 @@ const SolutionSpatialRef = class {
     componentWillLoad() {
         return this._getTranslations();
     }
-    /**
-     * Renders the component.
-     */
     render() {
-        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)))));
+        return (h(Host, { key: '8c5f34b7d44429ed0395ae48956161caf7e62111' }, h("label", { key: '69f1178da58409888f0b5b15ae4ffd224bb999d4', class: "switch-label" }, h("calcite-switch", { key: '279795c5e21b914c595ea95219e3f589f7270ac4', checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { key: '516e621ad3e2f6f881b0fbc0a80d98f1f3b7eecd', class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", { key: '19b05ffa3e80d5e33521d0b6ee8438d882f9481d' }, this._translations.spatialReferenceInfo, h("label", { key: '0766edb36aa3e8853bfd4754b9ea7aa955d7d987', class: "spatial-ref-default" }, h("spatial-ref", { key: '9f1b37a12e18b5ba3c2d2b4b372f01a4f69ded28', defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services))));
+    }
+    solutionStoreHasChanges() {
+        this.services = state.getStoreInfo("featureServices").map(service => service.name);
     }
     /**
      * Saves changes to the embedded spatial reference value
      */
     spatialReferenceChange(event) {
         this.value = event.detail.newValue;
+        state.setStoreInfo("defaultWkid", event.detail.newValue);
+        const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
+        spatialReferenceInfo.spatialReference = event.detail.newValue;
+        state.setStoreInfo("spatialReferenceInfo", spatialReferenceInfo);
     }
     //--------------------------------------------------------------------------
     //
@@ -232,22 +236,19 @@ const SolutionSpatialRef = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * Toggles the ability to set the default spatial reference.
+     * Create a switch control for each of the services
+     *
+     * @param services List of feature services
+     * @returns a node to control each feature service
      */
-    _updateLocked(event) {
-        this.locked = !event.target.checked;
-        this._updateStore();
-        if (!this.loaded) {
-            // when this is switched on when loading we have reloaded a solution that
-            // has a custom wkid param and we should honor the settings they already have in the templates
-            if (event.target.checked) {
-                // By default enable all Feature Services on first load
-                this._setFeatureServiceDefaults(this.services);
-            }
-            this.loaded = true;
-        }
+    _getFeatureServices(services) {
+        // verify they are in state
+        const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
+        const _services = services.filter(serviceName => {
+            return Object.keys(spatialReferenceInfo.services).some(srefServiceName => srefServiceName === serviceName);
+        });
+        return _services.length > 0 ? (h("div", null, h("label", { class: "spatial-ref-item-title" }, this._translations.featureServicesHeading), h("ul", { class: "spatial-ref-services-list" }, _services.map(name => (h("li", { class: "spatial-ref-services-list-item" }, h("label", { class: "switch-label" }, h("calcite-switch", { checked: spatialReferenceInfo.services[name], class: "spatial-ref-item-switch", disabled: this.locked, onCalciteSwitchChange: (event) => this._updateEnabledServices(event, name), scale: "m" }), name))))))) : (null);
     }
-    ;
     /**
      * Enable spatial reference variable for all feature services.
      *
@@ -260,19 +261,40 @@ const SolutionSpatialRef = class {
         services.forEach(name => this._updateEnabledServices({ detail: { switched: true } }, name));
     }
     /**
-     * Create a switch control for each of the services
-     *
-     * @param services List of feature services
-     * @returns a node to control each feature service
+     * Updates the enabled/disabled state of the service in spatialReferenceInfo.
      */
-    _getFeatureServices(services) {
-        // verify they are in state
+    _updateEnabledServices(event, name) {
+        var _a, _b;
         const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
-        const _services = services.filter(s => {
-            return Object.keys(spatialReferenceInfo.services).some(stateService => stateService === s);
+        const enabled = ((_a = event.detail) === null || _a === void 0 ? void 0 : _a.switched) !== undefined // internal event
+            ? event.detail.switched
+            : ((_b = event.target) === null || _b === void 0 ? void 0 : _b.checked) !== undefined // calcite event
+                ? event.target.checked
+                : true;
+        spatialReferenceInfo.services[name] = enabled;
+        state.setStoreInfo("spatialReferenceInfo", spatialReferenceInfo);
+        this.featureServiceSpatialReferenceChange.emit({
+            name,
+            enabled
         });
-        return _services && _services.length > 0 ? (h("div", null, h("label", { class: "spatial-ref-item-title" }, this._translations.featureServicesHeading), _services.map(name => (h("label", { class: "switch-label" }, h("calcite-switch", { checked: spatialReferenceInfo.services[name], class: "spatial-ref-item-switch", disabled: this.locked, onCalciteSwitchChange: (event) => this._updateEnabledServices(event, name), scale: "m" }), name))))) : (null);
     }
+    /**
+     * Toggles the ability to set the default spatial reference.
+     */
+    _updateLocked(event) {
+        this.locked = !event.target.checked;
+        this._updateStore();
+        if (!this.loaded) {
+            // when this is switched on when loading we have reloaded a solution that
+            // has a custom wkid param and we should honor the settings they already have in the templates
+            if (event.target.checked) {
+                // By default enable all Feature Services on first load
+                this._setFeatureServiceDefaults(this.services);
+            }
+            this.loaded = true;
+        }
+    }
+    ;
     /**
      * Updates the enabled and spatialReference prop in spatialReferenceInfo.
      */
@@ -282,18 +304,6 @@ const SolutionSpatialRef = class {
         spatialReferenceInfo.spatialReference = this.value;
         state.setStoreInfo("spatialReferenceInfo", spatialReferenceInfo);
     }
-    /**
-     * Updates the enabled/disabled state of the service in spatialReferenceInfo.
-     */
-    _updateEnabledServices(event, name) {
-        const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
-        spatialReferenceInfo.services[name] = event.target.checked;
-        state.setStoreInfo("spatialReferenceInfo", spatialReferenceInfo);
-        this.featureServiceSpatialReferenceChange.emit({
-            name,
-            enabled: event.target.checked
-        });
-    }
     /**
      * Fetches the component's translations
      *