@esri/solutions-components 0.8.38 → 0.8.40

package/dist/components/html2canvas.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.js';
+import { c as commonjsGlobal } from './_commonjsHelpers.js';
 
 var html2canvas$2 = {exports: {}};
 

package/dist/components/index.es.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, g as getDefaultExportFromCjs } from './esri-loader.js';
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { b as _typeof$1 } from './downloadUtils.js';
 
 var check = function (it) {

package/dist/components/instant-apps-interactive-legend-classic2.js

@@ -5,7 +5,7 @@
  */
 import { h, proxyCustomElement, HTMLElement, forceUpdate } from '@stencil/core/internal/client';
 import { i as interactiveLegendState, s as store } from './store.js';
-import { c as commonjsGlobal } from './esri-loader.js';
+import { c as commonjsGlobal } from './_commonjsHelpers.js';
 import { l as loadModules } from './loadModules2.js';
 import { h as handleFilterChange, g as getTheme, v as validateInteractivity, a as getParentLegendElementInfoData, b as getCategoryData, c as checkNoneSelected, d as handleFeatureCount, e as generateData, f as getAllActiveLayerInfos, i as createInteractiveLegendDataForLayer, u as updateStore, j as handleFilter, k as getIntLegendLayerData } from './helpers.js';
 import { d as defineCustomElement$c } from './action.js';

package/dist/components/pagination.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 
 /**
  * Do not edit directly
- * Generated on Wed, 17 Jan 2024 17:52:10 GMT
+ * Generated on Wed, 01 May 2024 00:07:12 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices

package/dist/components/purify.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.js';
+import { c as commonjsGlobal } from './_commonjsHelpers.js';
 
 var purify$2 = {exports: {}};
 

package/dist/components/solution-configuration.js

@@ -4,6 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getSolutionVariables, a as getOrganizationVariables, b as getInventoryItems } from './templates.js';
 import { s as state } from './solution-store.js';
 import './solution-resource.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.js';
@@ -1131,348 +1132,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/components/solution-item2.js

@@ -73,7 +73,7 @@ const SolutionItem = /*@__PURE__*/ proxyCustomElement(class SolutionItem extends
      * 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")))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-resource.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, a as commonjsRequire } from './esri-loader.js';
+import { c as commonjsGlobal, a as commonjsRequire } from './_commonjsHelpers.js';
 import './index3.js';
 
 /** @license

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

@@ -16,7 +16,7 @@ import { d as defineCustomElement$4 } from './switch.js';
 import { d as defineCustomElement$3 } from './tree.js';
 import { d as defineCustomElement$2 } from './tree-item.js';
 
-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 = /*@__PURE__*/ proxyCustomElement(class SolutionSpatialRef extends HTMLElement {
@@ -30,7 +30,6 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
         this.locked = true;
         this.services = [];
         this.value = this.defaultWkid.toString();
-        this._srSearchText = undefined;
         this._translations = undefined;
     }
     lockedChanged(newLocked) {
@@ -53,17 +52,21 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     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);
     }
     //--------------------------------------------------------------------------
     //
@@ -76,22 +79,19 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     //
     //--------------------------------------------------------------------------
     /**
-     * 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.
      *
@@ -104,19 +104,40 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
         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.
      */
@@ -126,18 +147,6 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
         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
      *
@@ -154,13 +163,12 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     static get style() { return SolutionSpatialRefStyle0; }
 }, [0, "solution-spatial-ref", {
         "defaultWkid": [1538, "default-wkid"],
+        "loaded": [1540],
         "locked": [1540],
         "services": [1040],
         "value": [1537],
-        "loaded": [32],
-        "_srSearchText": [32],
         "_translations": [32]
-    }, [[8, "spatialReferenceChange", "spatialReferenceChange"]], {
+    }, [[8, "solutionStoreHasChanges", "solutionStoreHasChanges"], [8, "spatialReferenceChange", "spatialReferenceChange"]], {
         "locked": ["lockedChanged"]
     }]);
 function defineCustomElement() {

package/dist/components/solution-store.js

@@ -1012,14 +1012,12 @@ class SolutionStore {
      */
     _flagStoreHasChanges(flagHasChanges) {
         // Event for notifying if the store has changes or not
-        if (this._hasChanges !== flagHasChanges) {
-            window.dispatchEvent(new CustomEvent("solutionStoreHasChanges", {
-                detail: flagHasChanges,
-                bubbles: true,
-                cancelable: false,
-                composed: true
-            }));
-        }
+        window.dispatchEvent(new CustomEvent("solutionStoreHasChanges", {
+            detail: flagHasChanges,
+            bubbles: true,
+            cancelable: false,
+            composed: true
+        }));
         this._hasChanges = flagHasChanges;
     }
     /**

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

@@ -80,7 +80,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f6c478a45be7ba02a79446dca5a12ecb7cfaf817' }, h("div", { key: 'd268f063606f2d0a0dfbe76f0ea907074ac91c60', class: "solution-data-container" }, h("calcite-shell", { key: '170f35aa82ad4e4fbd7e111b558417712396a44d', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ada2da8d5240d9904cd9021c9573eee5bd8fe6a4', class: "json-editor" }, h("div", { key: '51001e6bcf73ed23d6c76f5d9c17a66b5cbd1d05', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '4390b6ff57b3d6341a8c984e8393badf4122df2a', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '866f4349e9ca6f5e8120479997248c2962c18b90', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'adb11719b67d10a9a4da50d79ac23eadc68544a7', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'c6a7365e101045ad0f30700e6ba296ff62f0942d', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '76b05d456a9cafd25af16e3848e453ccfda5f1bc', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '4b2df6867414d5a6e4e9423b2133196dfd85b3bd', value: this.organizationVariables })), h("div", { key: 'eb5201a82e27a52e0a4f9c38cdc9db3f0c1173d8', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '00dda00409364b66e092e9ec304524c35f7d0704', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '5a417f81d9b0d98ad28f9139406fee4b37204169' }, h("div", { key: '0dd5d77a961473bf45f7654ccb2e0507b492a6c7', class: "solution-data-container" }, h("calcite-shell", { key: '3b839b36a89f1a9db10a6ad8b3f7d088248770bc', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '9f6ce42fdad56cf7a9f6b2f9ccac707eb655f4f1', class: "json-editor" }, h("div", { key: 'a1ba50c8fd13cf6d4934aa72083c0519c317721d', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '8f832aecde35b6b82e16b3d201b738fe202e86a3', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'c24f19fcc440884123f59842b392063925b5cbf6', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '8d9c25baada3e2ca03ee192f44121d7bdab85432', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '247b542336578c5404c7246552424c16030d90a7', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '963c1802c7828557cec5493602c3a1669e21683c', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '566f672a97401d77ed7180d5fc7b2367027fcc57', value: this.organizationVariables })), h("div", { key: '79508bfcde2ac8507acd40bbc3edceb944c3e717', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '51756082f8d13c73d7ae1349fc5625994a3354bb', value: this.solutionVariables }))))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-variables2.js

@@ -42,7 +42,7 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '6673253cf19a8d760dc1444feef39a74258d01ed' }, h("div", { key: '44e5a11c8f31558baf8458cc883e579f2f23ff47' }, h("h4", { key: 'f8b7a19e4a9eb4860015cfdb6c55c2b94d66a222', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'ffb70400c5fd22a944328672e7eaefa5918fce5c', class: "container-border" }, h("calcite-tree", { key: 'de81612c2a603f17b1bcb58f0b750401db0d4f20', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '4367694cf20a2063b57679f1a955ef827eea1c05' }, h("div", { key: '875e6e1532e7406ddf6cca804e421980aa23b7cd' }, h("h4", { key: 'b6798506cf71d3c84e2c33a3d12a0729591a73a7', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '413d3c7ebae5afa05a8cb5c87f766db64f43e106', class: "container-border" }, h("calcite-tree", { key: 'ba5bf27e005ce7536cdfe0c8022c96cd0b4ad920', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/spatial-ref2.js

@@ -21130,7 +21130,7 @@ const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '0ca21876510da4276c6fd31885eed7dc15db70ad' }, h("div", { key: '90ff94d67604a66f20d30276a1b573affccf5eb2' }, h("calcite-input", { key: '35e207303270345e457406e26689f58bf5387d43', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '0b73019247c134d0cfcdf8e84544622907a40a80', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: '23f3f6ff3d7eeeaeb8fb916532302a241fdbc078' }, h("div", { key: 'ea7631c0c26d451a72bd68e24ccb3ac757cf73f3' }, h("calcite-input", { key: '32d27336b3bc34ee6cd0d3c7ac3e52de7ee8011e', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '927f03277a45d5cf256306a2246bccffc0d296cb', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     //--------------------------------------------------------------------------
     //