@esri/solutions-components 0.8.67 → 0.9.0

package/dist/components/spatial-ref2.js

@@ -5,8 +5,9 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { u as updateItem, h as updateItemResource, j as convertItemResourceToStorageResource, S as SolutionTemplateFormatVersion, k as addItemResource, E as EFileType, l as removeItemResource } from './index3.js';
-import { f as EUpdateType } from './interfaces.js';
+import './solution-resource.js';
+import './index3.js';
+import './interfaces.js';
 import { d as defineCustomElement$6 } from './checkbox.js';
 import { d as defineCustomElement$5 } from './icon.js';
 import { d as defineCustomElement$4 } from './input.js';
@@ -39,266 +40,6 @@ import { d as defineCustomElement$1 } from './tree-item.js';
 function nodeListToArray(nodeList) {
     return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
 }
-/**
- * Saves any updated templates to the current solution item
- *
- * @param templates the updated templates array
- * @param thumbnailurl url for the items thumbnail
- * @param id for the solution item
- * @param data the current solution items data
- * @param authentication credentials for the request
- * @param translations translated strings for messages
- *
- * @returns a promise that will resolve with a success true/false response
- */
-async function save(id, data, models, authentication, translations) {
-    const itemInfo = { id };
-    const params = {
-        text: data
-    };
-    await _updateResources(id, models, data, authentication);
-    // TODO compare data with the source data in the model...should be able to
-    // understand if it has changes
-    // TODO...only update if has changes
-    const updateResults = await updateItem(itemInfo, authentication, undefined, params);
-    return Promise.resolve({
-        success: updateResults.success,
-        message: updateResults.success ? translations.editsSaved : translations.saveFailed
-    });
-}
-/**
- * Updates the solutions thumbnail and data resources
- *
- * @param solutionId id for the solution
- * @param models the models for the solutions templates
- * @param data the current data object for the solution
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve with response results
- */
-async function _updateResources(solutionId, models, data, authentication) {
-    return new Promise((resolve, reject) => {
-        const promises = [];
-        Object.keys(models).forEach(itemId => {
-            const model = models[itemId];
-            promises.push(_updateThumbnailResource(solutionId, model, data, authentication));
-            _updateFileResources(solutionId, model, data, promises, authentication);
-        });
-        if (promises.length > 0) {
-            Promise.all(promises).then(resolve, reject);
-        }
-        else {
-            resolve({ success: true });
-        }
-    });
-}
-/**
- * Updates the solutions thumbnail and data resources
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve with response results
- */
-function _updateThumbnailResource(solutionId, model, data, authentication) {
-    return new Promise((resolve, reject) => {
-        if (model.thumbnailNew) {
-            if (model.thumbnailOrigin) {
-                const name = model.thumbnailOrigin.name;
-                const opts = {
-                    id: solutionId,
-                    authentication,
-                    resource: model.thumbnailNew,
-                    name
-                };
-                const resources = model.resources.filter(r => r.endsWith(name));
-                if (resources.length === 1) {
-                    const nameParts = resources[0].split("/");
-                    if (nameParts.length === 2) {
-                        opts.prefix = nameParts[0];
-                    }
-                }
-                updateItemResource(opts).then(resolve, reject);
-            }
-            else {
-                // if the item does not have an origin thumb we need to add rather than update
-                const resourceFilePath = {
-                    type: EFileType.Thumbnail,
-                    folder: null,
-                    filename: model.thumbnailNew.name,
-                    url: "",
-                    blob: model.thumbnailNew,
-                    updateType: EUpdateType.Add
-                };
-                _add(solutionId, model, data, resourceFilePath, authentication, true).then(resolve, reject);
-            }
-        }
-        else {
-            resolve({ success: true });
-        }
-    });
-}
-/**
- * Updates the solutions data resources
- *
- * This function will update the provided promises argument by adding add/remove/update promises
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param data the current data object for the solution
- * @param promises list of add/remove/update promises
- * @param authentication credentials for the request
- */
-function _updateFileResources(solutionId, model, data, promises, authentication) {
-    // add/remove/update resources
-    model.resourceFilePaths.forEach(resourceFilePath => {
-        switch (resourceFilePath.updateType) {
-            case EUpdateType.Add:
-                promises.push(_add(solutionId, model, data, resourceFilePath, authentication));
-                break;
-            case EUpdateType.Remove:
-                promises.push(_remove(solutionId, model, data, resourceFilePath, authentication));
-                break;
-            case EUpdateType.Update:
-                promises.push(_update(solutionId, model, resourceFilePath, authentication));
-                break;
-            default:
-                break;
-        }
-    });
-}
-/**
- * Generates add resource request
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param data the current data object for the solution
- * @param resourceFilePath resource file info
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve to a response with success true/false
- */
-function _add(solutionId, model, data, resourceFilePath, authentication, isThumbnail = false) {
-    return new Promise((resolve, reject) => {
-        const storageName = convertItemResourceToStorageResource(model.itemId + isThumbnail.toString() ? "_info_thumbnail" :
-            (resourceFilePath.blob.name === resourceFilePath.filename
-                ? "_info_data"
-                : "_info_dataz"), resourceFilePath.blob.name, SolutionTemplateFormatVersion);
-        const opts = {
-            id: solutionId,
-            authentication,
-            resource: resourceFilePath.blob,
-            name: storageName.filename,
-            params: {}
-        };
-        if (storageName.folder) {
-            opts.params = {
-                resourcesPrefix: storageName.folder
-            };
-        }
-        addItemResource(opts).then(results => {
-            var _a;
-            if (results.success) {
-                _updateTemplateResourcePaths(data, model.itemId, EUpdateType.Add, ((_a = opts.params) === null || _a === void 0 ? void 0 : _a.resourcesPrefix) ? `${opts.params.resourcesPrefix}/${opts.name}` : opts.name, "");
-            }
-            resolve(results);
-        }, reject);
-    });
-}
-/**
- * Generates add resource request
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param data the current data object for the solution
- * @param resourceFilePath resource file info
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve to a response with success true/false
- */
-function _remove(solutionId, model, data, resourceFilePath, authentication) {
-    return new Promise((resolve, reject) => {
-        const name = resourceFilePath.filename;
-        const resources = model.resources.filter(r => r.endsWith(name));
-        if (resources.length > 0) {
-            const opts = {
-                id: solutionId,
-                authentication,
-                resource: resources[0]
-            };
-            removeItemResource(opts).then(results => {
-                if (results.success) {
-                    _updateTemplateResourcePaths(data, model.itemId, EUpdateType.Remove, resources[0], "");
-                }
-                resolve(results);
-            }, reject);
-        }
-        else {
-            resolve({ success: false });
-        }
-    });
-}
-/**
- * Generates update resource request
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param resourceFilePath resource file info
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve to a response with success true/false
- */
-function _update(solutionId, model, resourceFilePath, authentication) {
-    const sourceFileName = resourceFilePath.sourceFileName;
-    const opts = {
-        id: solutionId,
-        authentication,
-        resource: resourceFilePath.blob,
-        name: sourceFileName
-    };
-    const resources = model.resources.filter(r => r.endsWith(sourceFileName));
-    if (resources.length === 1) {
-        const nameParts = resources[0].split("/");
-        if (nameParts.length === 2) {
-            opts.prefix = nameParts[0];
-        }
-    }
-    return updateItemResource(opts);
-}
-/**
- * Update the resources paths for a given template
- *
- * This function will update the provided data argument with any new or removed resource paths
- *
- * @param data the current data object for the solution
- * @param id the id of the current template
- * @param updateType add/update/remove
- * @param path the resource prefix/name
- * @param sourceFileName from the current resourceFilePath
- *
- */
-function _updateTemplateResourcePaths(data, id, updateType, path, sourceFileName) {
-    data.templates = data.templates.map(t => {
-        if (t.itemId === id) {
-            switch (updateType) {
-                case EUpdateType.Add:
-                    t.resources.push(path);
-                    break;
-                case EUpdateType.Update:
-                    t.resources = t.resources.filter(r => r.indexOf(sourceFileName) < 0);
-                    t.resources.push(path);
-                    break;
-                case EUpdateType.Remove:
-                    t.resources = t.resources.filter(r => r.indexOf(path) < 0);
-                    break;
-                default:
-                    break;
-            }
-        }
-        return t;
-    });
-}
 
 /** @license
  * Copyright 2022 Esri
@@ -21343,6 +21084,7 @@ const wkids = {
 };
 
 const spatialRefCss = ".spatial-ref-container{max-height:200px;margin-bottom:1rem;overflow-y:auto}";
+const SpatialRefStyle0 = spatialRefCss;
 
 const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTMLElement {
     valueChanged(newValue) {
@@ -21578,7 +21320,7 @@ const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTM
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }
-    static get style() { return spatialRefCss; }
+    static get style() { return SpatialRefStyle0; }
 }, [0, "spatial-ref", {
         "defaultWkid": [1538, "default-wkid"],
         "disabled": [1540],
@@ -21636,6 +21378,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(SpatialRef);
+defineCustomElement();
 
 export { SpatialRef as S, defineCustomElement as d, nodeListToArray as n };

package/dist/components/stack.js

@@ -27,6 +27,7 @@ const SLOTS = {
 };
 
 const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteStackStyle0 = stackCss;
 
 const Stack = /*@__PURE__*/ proxyCustomElement(class Stack extends HTMLElement {
     constructor() {
@@ -83,7 +84,7 @@ const Stack = /*@__PURE__*/ proxyCustomElement(class Stack extends HTMLElement {
     render() {
         return (h(Host, { key: 'f8d423aff1f3991e45cf591bd0480537cc09f846' }, h("div", { key: '6c8e70bc5cced152dde2592c2b6f1f28695de681', class: CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
-    static get style() { return stackCss; }
+    static get style() { return CalciteStackStyle0; }
 }, [1, "calcite-stack", {
         "disabled": [516],
         "hasActionsStart": [32],
@@ -104,6 +105,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Stack);
+defineCustomElement();
 
 export { SLOTS as S, Stack as a, defineCustomElement as d };

package/dist/components/store-manager.js

@@ -84,7 +84,7 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1(StoreManager$1);
+defineCustomElement$1();
 
 const StoreManager = StoreManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/store.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { l as loadModules } from './loadModules2.js';
-import { c as createStore } from './index5.js';
+import { c as createStore } from './index4.js';
 
 async function getMergedEffect(presetLayerEffect, featureLayerView, type) {
     const [jsonUtils] = await loadModules(['esri/layers/effects/jsonUtils']);
@@ -81,7 +81,6 @@ async function getMergedEffect(presetLayerEffect, featureLayerView, type) {
 
 const InteractiveLegendStore = createStore({ data: {}, relationshipRampExpandStates: {} });
 const interactiveLegendState = InteractiveLegendStore.state;
-const onInteractiveLegendChange = InteractiveLegendStore.onChange;
 const store = InteractiveLegendStore;
 
 export { getMergedEffect as g, interactiveLegendState as i, store as s };

package/dist/components/switch.js

@@ -12,6 +12,7 @@ import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './la
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 
 const switchCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteSwitchStyle0 = switchCss;
 
 const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends HTMLElement {
     constructor() {
@@ -105,7 +106,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends HTMLElement
             ref: this.setSwitchEl }, h("div", { key: '5b9f7b7dcab019e92d62c8ff18bf00068a286b36', class: "track" }, h("div", { key: '7d05ec0e24c81db645735a7d6e03163ec77a2230', class: "handle" })), h(HiddenFormInputSlot, { key: '191a29b812bb8e1f31f56a7a84d941a48fb80372', component: this })))));
     }
     get el() { return this; }
-    static get style() { return switchCss; }
+    static get style() { return CalciteSwitchStyle0; }
 }, [1, "calcite-switch", {
         "disabled": [516],
         "form": [513],
@@ -129,6 +130,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Switch);
+defineCustomElement();
 
 export { Switch as S, defineCustomElement as d };

package/dist/components/t9n.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { getAssetPath, Build } from '@stencil/core/internal/client';
+import { Build, getAssetPath } from '@stencil/core/internal/client';
 import { g as getSupportedLocale } from './locale2.js';
 
 /*!

package/dist/components/tab-nav.js

@@ -36,6 +36,7 @@ const CSS = {
 };
 
 const tabNavCss = ":host{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}.tab-nav--start-overflow .tab-nav-active-indicator-container,.tab-nav--start-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--end-overflow .tab-nav-active-indicator-container,.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-nav-active-indicator-container,.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward::before,:host(:not([bordered])) .scroll-button-container--forward::before{background-color:var(--calcite-color-border-3);content:\"\";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward::before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward::before{inset-inline-start:0}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTabNavStyle0 = tabNavCss;
 
 const TabNav = /*@__PURE__*/ proxyCustomElement(class TabNav extends HTMLElement {
     constructor() {
@@ -463,7 +464,7 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class TabNav extends HTMLElement
         "selectedTitle": ["selectedTitleChanged"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return tabNavCss; }
+    static get style() { return CalciteTabNavStyle0; }
 }, [1, "calcite-tab-nav", {
         "storageId": [513, "storage-id"],
         "syncId": [513, "sync-id"],
@@ -515,6 +516,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(TabNav);
+defineCustomElement();
 
 export { TabNav as T, defineCustomElement as d };

package/dist/components/tab-title.js

@@ -33,6 +33,7 @@ const ICONS = {
 };
 
 const tabTitleCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding:0.25rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTabTitleStyle0 = tabTitleCss;
 
 const TabTitle = /*@__PURE__*/ proxyCustomElement(class TabTitle extends HTMLElement {
     constructor() {
@@ -281,7 +282,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class TabTitle extends HTMLEle
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return tabTitleCss; }
+    static get style() { return CalciteTabTitleStyle0; }
 }, [1, "calcite-tab-title", {
         "selected": [1540],
         "closable": [516],
@@ -328,6 +329,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(TabTitle);
+defineCustomElement();
 
 export { TabTitle as T, defineCustomElement as d };

package/dist/components/tab.js

@@ -18,6 +18,7 @@ const CSS = {
 };
 
 const tabCss = ":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTabStyle0 = tabCss;
 
 const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends HTMLElement {
     constructor() {
@@ -103,7 +104,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends HTMLElement {
         this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
     }
     get el() { return this; }
-    static get style() { return tabCss; }
+    static get style() { return CalciteTabStyle0; }
 }, [1, "calcite-tab", {
         "tab": [513],
         "selected": [1540],
@@ -125,6 +126,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Tab);
+defineCustomElement();
 
 export { Tab as T, defineCustomElement as d };

package/dist/components/table-cell.js

@@ -28,6 +28,7 @@ const CSS = {
 };
 
 const tableCellCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";
+const CalciteTableCellStyle0 = tableCellCss;
 
 const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLElement {
     constructor() {
@@ -154,7 +155,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return tableCellCss; }
+    static get style() { return CalciteTableCellStyle0; }
 }, [1, "calcite-table-cell", {
         "alignment": [513],
         "colSpan": [514, "col-span"],
@@ -197,6 +198,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(TableCell);
+defineCustomElement();
 
 export { TableCell as T, defineCustomElement as d };

package/dist/components/table-header.js

@@ -32,6 +32,7 @@ const CSS = {
 };
 
 const tableHeaderCss = ":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";
+const CalciteTableHeaderStyle0 = tableHeaderCss;
 
 const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends HTMLElement {
     constructor() {
@@ -171,7 +172,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return tableHeaderCss; }
+    static get style() { return CalciteTableHeaderStyle0; }
 }, [1, "calcite-table-header", {
         "alignment": [513],
         "colSpan": [514, "col-span"],
@@ -222,6 +223,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(TableHeader);
+defineCustomElement();
 
 export { TableHeader as T, defineCustomElement as d };

package/dist/components/tabs.js

@@ -16,6 +16,7 @@ const SLOTS = {
 };
 
 const tabsCss = ":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTabsStyle0 = tabsCss;
 
 const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
     constructor() {
@@ -170,7 +171,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         "position": ["handleInheritableProps"],
         "scale": ["handleInheritableProps"]
     }; }
-    static get style() { return tabsCss; }
+    static get style() { return CalciteTabsStyle0; }
 }, [1, "calcite-tabs", {
         "layout": [513],
         "position": [513],
@@ -195,6 +196,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Tabs);
+defineCustomElement();
 
 export { Tabs as T, defineCustomElement as d };

package/dist/components/templates.js

@@ -3,7 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { a as getProp } from './index3.js';
+import './solution-resource.js';
+import { a as getProp } from './restHelpersGet.js';
+import './index3.js';
 
 /** @license
  * Copyright 2022 Esri
@@ -123,49 +125,6 @@ function getItemHierarchy(templates) {
     }
     return hierarchy;
 }
-/**
- * Create and store text models for the editor as well as other key values such as the original values
- * that can be used to clear any temp edits.
- *
- * @param templates a list of item templates from the solution
- *
- * @returns a list of models and key values
- */
-function getModels(templates) {
-    const ids = [];
-    const models = {};
-    const monacoDefined = typeof (monaco) !== "undefined";
-    templates.forEach(t => {
-        var _a, _b, _c, _d;
-        if (ids.indexOf(t.itemId) < 0) {
-            ids.push(t.itemId);
-            models[t.itemId] = {
-                dataModel: monacoDefined ? monaco.editor.createModel(JSON.stringify(t.data, null, '\t'), "json") : undefined,
-                dataOriginValue: JSON.stringify(t.data),
-                propsModel: monacoDefined ? monaco.editor.createModel(JSON.stringify(t.properties, null, '\t'), "json") : undefined,
-                propsOriginValue: JSON.stringify(t.properties),
-                propsDiffOriginValue: JSON.stringify(t.properties),
-                state: undefined,
-                shareInfo: undefined,
-                isEditing: false,
-                itemId: t.itemId,
-                updateItemValues: {},
-                originalItemValues: {},
-                name: (_a = t.item) === null || _a === void 0 ? void 0 : _a.name,
-                title: (_b = t.item) === null || _b === void 0 ? void 0 : _b.title,
-                itemOriginValue: JSON.stringify(t.item),
-                spatialReference: (_d = (_c = t.properties) === null || _c === void 0 ? void 0 : _c.service) === null || _d === void 0 ? void 0 : _d.spatialReference,
-                resources: [], //???
-                resourceFilePaths: [], //???
-                sourceResourceFilePaths: [], //???
-                thumbnailOrigin: undefined, //???
-                thumbnailNew: undefined, //???
-                type: t.type
-            };
-        }
-    });
-    return models;
-}
 /**
  * Set key organization variables we will allow users to insert at runtime
  *