@esri/solutions-components 0.8.67 → 0.9.0

package/dist/solutions-components/solution-item.entry.js

@@ -1,102 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { s as state } from './solution-store-5a6cf181.js';
-import { g as getLocaleComponentStrings } from './locale-448ea937.js';
-import './index-b1418e2a.js';
-import './interfaces-586e863c.js';
-import './index-a879e1d6.js';
-import './_commonjsHelpers-9cd17aec.js';
-import './index-a1e91462.js';
-import './loadModules-18662c29.js';
-import './esri-loader-5bf2f164.js';
-
-const solutionItemCss = ".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%;overflow-y:auto;height:inherit}";
-
-const SolutionItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.authentication = undefined;
-        this.itemId = "";
-        this.solutionVariables = "";
-        this.organizationVariables = "";
-        this.itemType = undefined;
-        this._translations = undefined;
-    }
-    itemIdWatchHandler() {
-        const itemEdit = state.getItemInfo(this.itemId);
-        this.itemType = itemEdit.type;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        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")))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Render tabs based on group item types
-     *
-     * @param visible Should the current tab be visible
-     */
-    _showGroupTabs(visible) {
-        return h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.groupDetailsTab), h("calcite-tab-title", null, this._translations.sharingTab)), h("calcite-tab", { class: "config-tab", id: "group-tab", selected: true }, h("solution-item-details", { "item-id": this.itemId })), h("calcite-tab", { class: "config-tab", id: "share-tab" }, h("solution-item-sharing", { "group-id": this.itemId })));
-    }
-    /**
-     * Render tabs based for an items details, data, and props section from a template
-     *
-     * @param visible Should the current tab be visible
-     */
-    _showItemTabs(visible) {
-        return h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.itemDetailsTab), h("calcite-tab-title", null, this._translations.dataTab), h("calcite-tab-title", null, this._translations.propertiesTab), h("calcite-tab-title", null, this._translations.resourcesTab)), h("calcite-tab", { class: "config-tab", selected: true }, h("solution-item-details", { "item-id": this.itemId })), h("calcite-tab", { class: "config-tab", id: "data-tab" }, h("solution-template-data", { instanceid: "data", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), h("calcite-tab", { class: "config-tab", id: "props-tab" }, h("solution-template-data", { instanceid: "properties", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), h("calcite-tab", { class: "config-tab", id: "resources-tab" }, h("solution-resource-item", { authentication: this.authentication, class: "solutions-resource-container", "item-id": this.itemId })));
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "itemId": ["itemIdWatchHandler"]
-    }; }
-};
-SolutionItem.style = solutionItemCss;
-
-export { SolutionItem as solution_item };

package/dist/solutions-components/solution-organization-variables.entry.js

@@ -1,91 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { g as getLocaleComponentStrings } from './locale-448ea937.js';
-import './loadModules-18662c29.js';
-import './esri-loader-5bf2f164.js';
-import './_commonjsHelpers-9cd17aec.js';
-
-const solutionOrganizationVariablesCss = ":host{display:block}.container-border{overflow-y:auto}.org-var-header{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1rem}";
-
-const SolutionOrganizationVariables = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.organizationVariableSelected = createEvent(this, "organizationVariableSelected", 7);
-        this.value = "";
-        this._organizationVariables = [];
-        this._translations = undefined;
-    }
-    valueWatchHandler() {
-        this._organizationVariables = JSON.parse(this.value);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, { key: 'a4456905e1abde8eca22dfb6f3da81959d509b75' }, h("div", { key: '8fc37e2a59237ed0cca05b096f901a82da696151' }, h("h4", { key: '7bdd9e95f37297c51778a866542517048622e5ca', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '10bfcebd83ddc363f04149a03298b0c5247fd265', class: "container-border" }, h("calcite-tree", { key: '1d168ebbceaf566fb8f4ddea85acba39c08bbd53', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Renders the organization based variable items the user can insert at runtime
-     *
-     * @param objs a list of organization variables to render
-     */
-    _renderHierarchy(objs) {
-        const hierarchy = objs.map(obj => {
-            return (h("calcite-tree-item", { onClick: () => this._treeItemSelected(obj.id, obj.value) }, obj.title));
-        });
-        return hierarchy;
-    }
-    /**
-     * Publishes the `organizationVariableSelected` event containing `itemId`, the id of the selected variable and the value of the variable.
-     *
-     * @param itemId Item id as reported by click event
-     * @param value Variable id as reported by click event
-     */
-    _treeItemSelected(itemId, value) {
-        this.organizationVariableSelected.emit({
-            itemId,
-            value
-        });
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["valueWatchHandler"]
-    }; }
-};
-SolutionOrganizationVariables.style = solutionOrganizationVariablesCss;
-
-export { SolutionOrganizationVariables as solution_organization_variables };

package/dist/solutions-components/solution-resource-item.entry.js

@@ -1,280 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { d as EUpdateType } from './interfaces-586e863c.js';
-import { E as EFileType } from './index-a879e1d6.js';
-import { s as state } from './solution-store-5a6cf181.js';
-import { g as getLocaleComponentStrings } from './locale-448ea937.js';
-import './_commonjsHelpers-9cd17aec.js';
-import './index-a1e91462.js';
-import './index-b1418e2a.js';
-import './loadModules-18662c29.js';
-import './esri-loader-5bf2f164.js';
-
-const solutionResourceItemCss = ":host{display:block}.resource-item{padding:1rem}.resource-button{margin-inline-end:1rem}.resource-progress{padding-top:1rem}.resources-container{border:1px #808080 solid}.margin-bottom-1{margin-bottom:1rem}";
-
-const SolutionResourceItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this._removedResources = {};
-        this.authentication = undefined;
-        this.itemId = "";
-        this.resourceFilePaths = [];
-        this.resources = [];
-        this._translations = undefined;
-    }
-    itemIdWatchHandler() {
-        const item = state.getItemInfo(this.itemId);
-        this.resourceFilePaths = item.resourceFilePaths;
-        this.resources = item.resources.map(
-        // False linting error
-        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-        (path) => path.substring(path.lastIndexOf("/") + 1));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    componentWillLoad() {
-        return this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: 'c36fddfce9c4c97b281281ec11dfa017d496141e' }, h("div", { key: 'e1166173669689e9acee92cc7e53747ebcec0c09', class: "resource-item" }, h("div", { key: '86c8e1d498d7b84e9587cdcf4a3bb971fc1ecaad', class: "margin-bottom-1" }, h("calcite-button", { key: 'f382275e75efeb5beadef582ddd343a283f014e2', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'c487e618472b047f8db71e8989f849c844682080', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '08733ba234cba9b5ea19455256fa961d23ae933b', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Render resources while avoiding thumbnail resoures that are managed by solution-item
-     *
-     */
-    _renderResourceList() {
-        return (h("calcite-value-list", { multiple: true }, this.resourceFilePaths.reduce((prev, cur) => {
-            if (cur.type !== EFileType.Thumbnail) {
-                prev.push(this._renderResource(cur));
-            }
-            return prev;
-        }, [])));
-    }
-    /**
-     * Render the resource and supporting actions for download/update/delete/(reset..if deleted)
-     *
-     * @param resource the filename and url used to interact with the resource
-     */
-    _renderResource(resource) {
-        const resettable = resource.updateType === EUpdateType.Remove;
-        const fullname = resource.folder ? resource.folder + "/" + resource.filename : resource.filename;
-        return (h("calcite-value-list-item", { class: resettable ? "disabled" : "", label: fullname, nonInteractive: true, value: resource.url }, h("calcite-action-group", { "expand-disabled": "true", layout: "horizontal", slot: "actions-end" }, h("calcite-action", { disabled: resettable, icon: "download", label: this._translations.download, onClick: () => this._download(resource.url, resource.filename), scale: "m", text: this._translations.download, title: this._translations.download }), h("calcite-action", { disabled: resettable, icon: "upload-to", label: this._translations.update, onClick: () => this._upload(resource), scale: "m", text: this._translations.update, title: this._translations.update }), h("calcite-action", { disabled: resettable, icon: "trash", label: this._translations.delete, onClick: () => this._delete(resource), scale: "m", text: this._translations.delete, title: this._translations.delete }), resettable ? h("calcite-action", { icon: "reset", label: this._translations.reset, onClick: () => this._reset(resource.filename), scale: "m", text: this._translations.reset, title: this._translations.reset }) : h("div", { class: "display-none" }))));
-    }
-    /**
-     * Adds the name to the deleted array so it will be skipped while rendering
-     *  but still exist if the user chooses to reset
-     *
-     * @param resource the resource to be updated
-     */
-    _delete(resource) {
-        resource.updateType = EUpdateType.Remove;
-        this.resourceFilePaths = [...this.resourceFilePaths]; // to trigger refresh
-        this._updateStore();
-    }
-    /**
-     * Remove the name from the deleted array so it will again be rendered
-     *
-     * @param name the name to be added to the deleted array
-     */
-    _reset(name) {
-        // need to make sure I know if this reset is from the source or a new one
-        // Because the item's `resources` array is not updated until (and if) the solution is saved,
-        // we can use it for the reset info
-        this.resources.some(resourceName => resourceName === name) ?
-            // Undo removing an existing resource
-            this.resourceFilePaths = this.resourceFilePaths.map(p => {
-                if (p.filename === name) {
-                    p.updateType = EUpdateType.None;
-                }
-                return p;
-            }) :
-            // Undo cancelling the adding of a resource
-            this.resourceFilePaths = this.resourceFilePaths.map(p => {
-                if (p.filename === name) {
-                    p.updateType = EUpdateType.Add;
-                }
-                return p;
-            });
-        this._updateStore();
-    }
-    /**
-     * Download all of the templates resources
-     *
-     */
-    _downloadAll() {
-        this.resourceFilePaths.forEach((resource) => {
-            this._download(resource.url, resource.filename);
-        });
-    }
-    /**
-     * Download the current resource
-     *
-     * @param url the resource url
-     * @param name the resource name
-     */
-    _download(url, name) {
-        // files that have been added manually do not need to be requested from the item
-        if (url.startsWith("blob")) {
-            this.downloadFile(url, name);
-        }
-        else {
-            const _url = `${url}?token=${this.authentication.token}`;
-            void this.fetchAndDownload(_url, name);
-        }
-    }
-    /**
-     * Dynamically creates an anchor and downloads the file
-     *
-     * @param url the url of the resource
-     * @param name the name of the resource
-     */
-    downloadFile(url, name) {
-        const link = document.createElement("a");
-        link.href = url;
-        link.download = name;
-        link.target = "_blank";
-        link.click();
-    }
-    /**
-     * Check if the template resources have any non-thumbnail resources
-     *
-     * @returns true if we have data resources and false if only thumbnail
-     */
-    _hasValidResources() {
-        return this.resourceFilePaths.some(r => r.url.indexOf("_info_thumbnail") < 0);
-    }
-    /**
-     * Fetches and downloads the resource from the solution
-     *
-     * @param url the url of the resource
-     * @param name the name of the resource
-     */
-    async fetchAndDownload(url, name) {
-        const image = await fetch(url);
-        const b = await image.blob();
-        const bURL = URL.createObjectURL(b);
-        this.downloadFile(bURL, name);
-    }
-    /**
-     * Create an input element to support the uploading of the resource and upload the resource
-     *
-     * @param resource the resource to be updated
-     */
-    _upload(resource) {
-        const _input = document.createElement("input");
-        _input.classList.add("display-none");
-        _input.onchange = this._updateResource.bind(this, resource);
-        _input.type = "file";
-        _input.click();
-    }
-    /**
-     * Create an input element to support the uploading of a resource and add the new resource
-     *
-     */
-    _addNewResource() {
-        const _input = document.createElement("input");
-        _input.classList.add("display-none");
-        _input.onchange = this._add.bind(this);
-        _input.type = "file";
-        _input.click();
-    }
-    /**
-     * Replace the resource file path when update action is used
-     *
-     * @param resourcePath the resource to be updated
-     * @param event the input event that contains the file
-     */
-    _updateResource(resourcePath, event) {
-        const files = event.target.files;
-        if (files && files[0]) {
-            resourcePath.blob = files[0];
-            resourcePath.updateType = EUpdateType.Update;
-            this._updateStore();
-        }
-    }
-    /**
-     * Add the new resource to the resource file paths
-     *
-     * @param event the inputs event that contains the new file
-     */
-    _add(event) {
-        const files = event.target.files;
-        if (files && files[0]) {
-            const url = URL.createObjectURL(files[0]);
-            const filename = files[0].name;
-            // Add the item if it's not already in the resource file paths list
-            if (!this.resourceFilePaths.some(r => r.filename === filename && r.url === url)) {
-                this.resourceFilePaths = [
-                    ...this.resourceFilePaths,
-                    {
-                        url,
-                        type: EFileType.Data,
-                        folder: undefined,
-                        filename,
-                        blob: files[0],
-                        updateType: EUpdateType.Add
-                    }
-                ];
-                this._updateStore();
-            }
-        }
-    }
-    /**
-     * Add or remove the value from the store
-     */
-    _updateStore() {
-        const item = state.getItemInfo(this.itemId);
-        item.resourceFilePaths = this.resourceFilePaths;
-        state.setItemInfo(item);
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "itemId": ["itemIdWatchHandler"]
-    }; }
-};
-SolutionResourceItem.style = solutionResourceItemCss;
-
-export { SolutionResourceItem as solution_resource_item };

package/dist/solutions-components/solution-spatial-ref.entry.js

@@ -1,164 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { s as state } from './solution-store-5a6cf181.js';
-import { g as getLocaleComponentStrings } from './locale-448ea937.js';
-import { n as nodeListToArray } from './common-17d5568a.js';
-import './index-b1418e2a.js';
-import './interfaces-586e863c.js';
-import './index-a879e1d6.js';
-import './_commonjsHelpers-9cd17aec.js';
-import './index-a1e91462.js';
-import './loadModules-18662c29.js';
-import './esri-loader-5bf2f164.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{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 SolutionSpatialRef = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.featureServiceSpatialReferenceChange = createEvent(this, "featureServiceSpatialReferenceChange", 7);
-        this.lockedSpatialReferenceChange = createEvent(this, "lockedSpatialReferenceChange", 7);
-        this.defaultWkid = 102100;
-        this.loaded = false;
-        this.locked = true;
-        this.services = [];
-        this.value = this.defaultWkid.toString();
-        this._translations = undefined;
-    }
-    lockedChanged(newLocked) {
-        if (!newLocked) {
-            // By default enable all Feature Services on first load
-            this._setFeatureServiceDefaults(this.services);
-        }
-        this.lockedSpatialReferenceChange.emit({
-            locked: newLocked
-        });
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    componentWillLoad() {
-        return this._getTranslations();
-    }
-    render() {
-        return (h(Host, { key: 'efacfbb8b0fd798f075ac1fd968da3bef9dcde0c' }, h("label", { key: 'fceeab3db100cc6fd1ad75d6818287fab2c16bfc', class: "switch-label" }, h("calcite-switch", { key: '8da4a3299579318dd1bcf518c16ddc06ccddff5e', checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { key: 'ae8e34a850c6b64196786b72561ca40ff019293a', class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", { key: 'af466975e03c00d86105bd17a97b80ee902aa447' }, this._translations.spatialReferenceInfo, h("label", { key: '30c7de4bf09fa72912c02af8f6122534f726b161', class: "spatial-ref-default" }, h("spatial-ref", { key: '430072f6bd8ab043d707d4d13a9672d899dd7b14', defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._renderFeatureServicesList(this.services))));
-    }
-    solutionStoreHasChanges() {
-        this.services = state.getStoreInfo("featureServices");
-    }
-    /**
-     * 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);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Create a switch control for each of the services
-     *
-     * @param services List of feature services
-     * @returns a node to control each feature service
-     */
-    _renderFeatureServicesList(services) {
-        // verify they are in state
-        const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
-        const configurableServices = services.filter(service => {
-            return Object.keys(spatialReferenceInfo.services).some(srefServiceId => srefServiceId === service.id);
-        });
-        return configurableServices.length > 0 ? (h("div", null, h("label", { class: "spatial-ref-item-title" }, this._translations.featureServicesHeading), h("ul", { class: "spatial-ref-services-list" }, configurableServices.map(configurableService => (h("li", { class: "spatial-ref-services-list-item" }, h("label", { class: "switch-label" }, h("calcite-switch", { checked: spatialReferenceInfo.services[configurableService.id], class: "spatial-ref-item-switch", disabled: this.locked, onCalciteSwitchChange: (event) => this._updateEnabledServices(event, configurableService.id, configurableService.name), scale: "m" }), configurableService.name))))))) : (null);
-    }
-    /**
-     * Enable spatial reference variable for all feature services.
-     *
-     * @param services list of service names
-     */
-    _setFeatureServiceDefaults(services) {
-        // switch all spatial-ref-item-switch
-        const fsNodes = nodeListToArray(this.el.getElementsByClassName("spatial-ref-item-switch"));
-        fsNodes.forEach((node) => node.checked = true);
-        services.forEach(service => this._updateEnabledServices({ detail: { switched: true } }, service.id, service.name));
-    }
-    /**
-     * Updates the enabled/disabled state of the service in spatialReferenceInfo.
-     */
-    _updateEnabledServices(event, id, name) {
-        var _a, _b;
-        const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
-        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[id] = enabled;
-        state.setStoreInfo("spatialReferenceInfo", spatialReferenceInfo);
-        this.featureServiceSpatialReferenceChange.emit({
-            id,
-            name,
-            enabled
-        });
-    }
-    /**
-     * 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.
-     */
-    _updateStore() {
-        const spatialReferenceInfo = state.getStoreInfo("spatialReferenceInfo");
-        spatialReferenceInfo.enabled = !this.locked;
-        spatialReferenceInfo.spatialReference = this.value;
-        state.setStoreInfo("spatialReferenceInfo", spatialReferenceInfo);
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "locked": ["lockedChanged"]
-    }; }
-};
-SolutionSpatialRef.style = solutionSpatialRefCss;
-
-export { SolutionSpatialRef as solution_spatial_ref };