@esri/solutions-components 0.10.23 → 0.10.25

package/dist/components/solution-item-accordion.js

@@ -0,0 +1,336 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getLocaleComponentStrings } from './locale.js';
+import { d as defineCustomElement$f } from './accordion.js';
+import { d as defineCustomElement$e } from './accordion-item.js';
+import { d as defineCustomElement$d } from './action.js';
+import { d as defineCustomElement$c } from './filter2.js';
+import { d as defineCustomElement$b } from './handle.js';
+import { d as defineCustomElement$a } from './icon.js';
+import { d as defineCustomElement$9 } from './input.js';
+import { d as defineCustomElement$8 } from './list.js';
+import { d as defineCustomElement$7 } from './list-item.js';
+import { d as defineCustomElement$6 } from './loader.js';
+import { d as defineCustomElement$5 } from './progress.js';
+import { d as defineCustomElement$4 } from './scrim.js';
+import { d as defineCustomElement$3 } from './stack.js';
+import { d as defineCustomElement$2 } from './solution-item-icon2.js';
+
+const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}";
+const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
+
+const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionItemAccordion extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.templateInfos = [];
+        this._sortedTemplateInfos = [];
+        this._translations = undefined;
+    }
+    get el() { return this; }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string[]: The order we should sort templates based on
+     */
+    _sortOrder = [
+        "Hub Site Application",
+        "Hub Page",
+        "Web Experience",
+        "Instant App",
+        "Web Mapping Application",
+        "Dashboard",
+        "StoryMap",
+        "Form",
+        "QuickCapture Project",
+        "Workflow",
+        "Big Data Analytic",
+        "Real Time Analytic",
+        "Feed",
+        "Tool",
+        "Notebook",
+        "Data Pipeline",
+        "Project Package",
+        "Desktop Application Template",
+        "TypeNotFound",
+        "Web Map",
+        "Web Scene",
+        "Feature Layer (hosted, view)",
+        "Feature Layer (hosted)",
+        "Tile Layer",
+        "CSV",
+        "Microsoft Excel",
+        "Microsoft Word",
+        "Report Template",
+        "Rule Package",
+        "Group"
+    ];
+    /**
+     * string[]: Array of template types.
+     * This array is used during render to ensure only one Accordion item is added for each type.
+     */
+    _types = [];
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    async templateInfosWatchHandler() {
+        this._types = [];
+        this._sortedTemplateInfos = this._sortTemplates();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        await this._getTranslations();
+    }
+    /**
+     * StencilJS: Called before each render
+     */
+    async componentWillRender() {
+        if (this._sortedTemplateInfos.length === 0 && this.templateInfos?.length > 0) {
+            this._sortedTemplateInfos = this._sortTemplates();
+        }
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (h(Host, { key: 'c9fea75fb3cd0558366bb086eccb28c4e2b7b07d' }, this._getAccordion()));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Get the Accordion component
+     *
+     * @returns the Accordion component
+     *
+     * @protected
+     */
+    _getAccordion() {
+        return (h("calcite-accordion", null, this._sortedTemplateInfos.reduce((prev, cur) => {
+            if (this._types.indexOf(cur.type) < 0) {
+                this._types.push(cur.type);
+                prev.push(this._getAccordionItem(cur));
+            }
+            return prev;
+        }, [])));
+    }
+    /**
+     * Get the Accordion Item component with the appropriate icon and template type
+     * Only one accordion item per type.
+     *
+     * @returns the Accordion Item component
+     *
+     * @protected
+     */
+    _getAccordionItem(templateInfo) {
+        const templateInfos = this._sortedTemplateInfos.filter(t => t.type === templateInfo.type);
+        return (h("calcite-accordion-item", { description: `${templateInfo.type} (${templateInfos.length})` }, h("solution-item-icon", { class: "padding-start-1", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+    }
+    /**
+     * Get the list of template infos for the current type
+     *
+     * @param templateInfos filtered list of templateInfos for the current type
+     *
+     * @returns the List component
+     *
+     * @protected
+     */
+    _getList(templateInfos) {
+        return (h("calcite-list", { class: "padding-start-1" }, templateInfos.map(t => this._getListItem(t))));
+    }
+    /**
+     * Get list item for the current type
+     *
+     * @param templateInfo the current templateInfo to handle
+     *
+     * @returns the List item component
+     *
+     * @protected
+     */
+    _getListItem(templateInfo) {
+        return (h("calcite-list-item", { description: templateInfo.description, label: templateInfo.title, value: templateInfo.id }));
+    }
+    /**
+     * Sort the templates based on the defined order in _sortOrder
+     *
+     * @returns the sorted templates
+     *
+     * @protected
+     */
+    _sortTemplates() {
+        return this.templateInfos.sort((a, b) => {
+            const aType = this._updateType(a);
+            const bType = this._updateType(b);
+            const indexA = this._sortOrder.indexOf(aType);
+            const indexB = this._sortOrder.indexOf(bType);
+            return indexA - indexB;
+        });
+    }
+    /**
+     * Some template types are displayed with a value that is different than the stored type value.
+     * This function will catch and update the type value to match how we would like it sorted and displayed.
+     *
+     * @returns the sorted templates
+     *
+     * @protected
+     */
+    _updateType(templateInfo) {
+        let updatedType = templateInfo.type;
+        if (templateInfo.type === "Feature Service") {
+            updatedType = templateInfo.typeKeywords.indexOf("View Service") > -1 ?
+                "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+        }
+        if (templateInfo.type === "Web Mapping Application") {
+            updatedType = templateInfo.typeKeywords.indexOf("configurableApp") > -1 ?
+                "Instant App" : updatedType;
+        }
+        templateInfo.type = templateInfo.type === "Geoprocessing Service" ? "Tool" :
+            templateInfo.type === "Vector Tile Service" ? "Tile Layer" : updatedType;
+        if (this._sortOrder.indexOf(updatedType) < 0) {
+            // If we encounter an item type that is not in the list
+            // put it between the "Desktop Application Template" and "Web Map" section
+            // Do not set this as the templates type value as we want its actual type to be displayed
+            // this is just used for sorting
+            updatedType = "TypeNotFound";
+        }
+        return updatedType;
+    }
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    static get watchers() { return {
+        "templateInfos": ["templateInfosWatchHandler"]
+    }; }
+    static get style() { return SolutionItemAccordionStyle0; }
+}, [1, "solution-item-accordion", {
+        "templateInfos": [16],
+        "_sortedTemplateInfos": [32],
+        "_translations": [32]
+    }, undefined, {
+        "templateInfos": ["templateInfosWatchHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["solution-item-accordion", "calcite-accordion", "calcite-accordion-item", "calcite-action", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-progress", "calcite-scrim", "calcite-stack", "solution-item-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "solution-item-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SolutionItemAccordion$1);
+            }
+            break;
+        case "calcite-accordion":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "calcite-accordion-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "calcite-action":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "calcite-filter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "calcite-handle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "calcite-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "calcite-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "calcite-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-stack":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "solution-item-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SolutionItemAccordion = SolutionItemAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SolutionItemAccordion, defineCustomElement };

package/dist/components/solution-item-details2.js

@@ -56,7 +56,7 @@ const SolutionItemDetails = /*@__PURE__*/ proxyCustomElement(class SolutionItemD
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '66924107ce947a376028ae9cedde446311f131bf' }, h("div", { key: '8cb3221e632b06a070455014637534c35a1f8b09', class: "parent-container" }, h("div", { key: '104f2c5e01ac4af2a238c001fa890902de4354e3', class: "inputBottomSeparation" }, h("calcite-input", { key: '9735e02ba2487f40d4c1f95047e9d33299562be4', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'ab8a525e9fef7904fb547b4b2ef76ce716a0fd8c', class: "inputBottomSeparation" }, h("input", { key: 'd8e98a227f7f77921f3e6eefd49ff650e72c0c8c', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '5465e97b62201bd47cc75a44a36bce007419b22f', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '3bfa09cf4808b3a13dcd552b5bfdc6e747a33b67', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '28eb743b0ec445dbe6f7a1bafa38bd00e4d13c43', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '187f3292746d58cc8f46e5d422923424a29c3a7a', class: "flex" }, h("div", { key: '5b3ba4347bcbb2ba7f86404c5ea5634831dd916a', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '87ca825056fdb5f07e2641748c2faa284381bcf4', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '6d343a236607c72a51b22b0b43e0e29cf57ba361', class: "snippet-count-container" }, h("calcite-input", { key: '3bff884cf3b462942e9a959c323f1a47b8ac1fb9', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'fdd0951508f0c422fc28c79488c126f70af07f88', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '42cdb37a1ba254bd863b7f424e1d6b1d2524b3bc' }, this._translations.description, h("label", { key: 'd45d8bbd0bfd913f100e5f446265b9336d50a93a', id: "item-description-label" }, h("calcite-input", { key: 'cbe6a819f00d2015858e632e2dd417260dc8c58f', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'de374dafb6856b650c1fe59913b7bb9c53b9ede7' }, this._translations.tags, h("label", { key: '265b4ff2b4210c36f15d2b66a18e4b5943b4ef09', id: "item-tags-label" }, h("calcite-input", { key: '8f93a4ae7cefa909351ca9eee36a995315474cfb', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, h("input", { key: '11dc51158e385025d139372682b33d2093956a50', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();

package/dist/components/solution-item-icon2.js

@@ -26,7 +26,7 @@ const SolutionItemIcon = /*@__PURE__*/ proxyCustomElement(class SolutionItemIcon
      * Renders the component.
      */
     render() {
-        return h("div", { key: 'b09dad770feb6278f79ffb9351e8907bfc9ab71c', title: this.type }, h("img", { key: '58f68fa8835383382fa7d9bcf86f597e2557868b', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: '79a661148dd8e3bd73229b642b8253c525e3d747', title: this.type }, h("img", { key: 'e0b21dbd11b8edc4abfdb9af39b40c774b830753', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-item-sharing2.js

@@ -42,7 +42,7 @@ const SolutionItemSharing = /*@__PURE__*/ proxyCustomElement(class SolutionItemS
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '63291062c3de65e5b1be43c8b4ad576dec5bc03d' }, h("div", { key: '3d85e17d3a1b62ebddf941d2cf2d7003fb09fa3e', class: "container-border" }, h("calcite-label", { key: '0c4266ddfa4e38fa61d2963a18263af08139a38d' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-organization-variables2.js

@@ -41,7 +41,7 @@ const SolutionOrganizationVariables = /*@__PURE__*/ proxyCustomElement(class Sol
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '76e0f912c6793c1ef3f8a7f1c30bf8150ee56b11' }, h("div", { key: '08466bae42b7911d81f0047024d53cc759486545' }, h("h4", { key: 'b14ce6b8dbc48e7772b4dff6ce7568789012b497', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '0da50a1ff0dbcd341cf98f7319255ef2d0e922c7', class: "container-border" }, h("calcite-tree", { key: '463beeb427ed3358ce9358c1363ff0f62a34a714', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-resource-item2.js

@@ -59,7 +59,7 @@ const SolutionResourceItem = /*@__PURE__*/ proxyCustomElement(class SolutionReso
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '106f481657df3169901b74a9a44254cb60ebcbc1' }, h("div", { key: 'de5496a1f9ee00d881960691112af008fa3348e0', class: "resource-item" }, h("div", { key: 'df37567b6feebe82f0c642d11df50ae2a60b4c85', class: "margin-bottom-1" }, h("calcite-button", { key: '043e569dc938d27c7b2f007fc818791d3cecf266', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'be01e64fb47fa243dbcf9f0b5f387152b6da7f57', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '5a08b047d2bdbb5ee3c7f46ebc1b75c27d08b450', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

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

@@ -50,7 +50,7 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: '68fd2c3252945db218075d37c50882c61844062a' }, h("label", { key: '1f8b3c293fa91ebfe1a1355a6759cdec714db574', class: "switch-label" }, h("calcite-switch", { key: 'c75c9adcda04e9fad111517e5b4592ffc697be2b', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '532569ffbdb0142b4d75b15809f9dbb18a5b7fcf' }), h("div", { key: '34cd37abd6a5d3017f7d68c0e96727d221069c80', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '882f235fc7382fd493c9f9b1d2f05830a8e4632c', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '16833cff9ecf4ca2565a1f81e9e41d9658dfcac3', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (h(Host, { key: 'ca1dd62000a2fdbd82a00830fc3ac94b47db73f7' }, h("label", { key: 'fa1ca79af87525ce25a6acf0a5b6a093429f5b77', class: "switch-label" }, h("calcite-switch", { key: '8dbcdbc8f417dfe1a05578fc9bbf3417ae93abfb', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'd3c2296bf3568e7b5b167fe0516184ae0c2d26f1' }), h("div", { key: 'fee9eac900cae65363658fa769347c3db0783007', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '317e1422cdcb2147a961f2edfbcedb30c4246f6d', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '6f0b7eb7216d0a663e5f2d436b7523b2d2301841', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -79,7 +79,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b907b06222070e2d3c6c6df2d84f76de0f0eb38c' }, h("div", { key: 'ee0602b96a42abffbe304ab87e3509c3becd7a20', class: "solution-data-container" }, h("calcite-shell", { key: 'bda449f2095f54307e36da0cad30c9925dce71d1', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '258b22d836fcbc1b673922f153aaa706265499e4', class: "json-editor" }, h("div", { key: 'e8a68cc1f67ea6884ecb69d260fe8c75720e6507', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'fcdc35e68a49f118344e9f6e680d00695cb0627f', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '8491cafb36bc5ec37e3a4162cf4ccf754c27f168', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '100427789b8741e91578272e1c6599ea3274e841', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '698c51a7ef4ed24f4729999a92e2b2d65919b130', 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: 'd75faf0b3baa7a770603a5e64b310fa537c66a5b', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '0d87e21946cc7414d577fce30b58d6633faa48ce', value: this.organizationVariables })), h("div", { key: '74c325d0174842c55d3ec44b8230450048460d57', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'e91eb808161167ccf62771a81d42c07446642791', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------

package/dist/components/solution-variables2.js

@@ -42,7 +42,7 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '433753b4da6f9f84d1f0e205523530cfdf07f6cd' }, h("div", { key: '5ae081220ce5c01e89ae7c4f8167e5d8b80d818b' }, h("h4", { key: 'bcbe1103c8e52db304b2d90ced42acd7d3dd2974', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '869027e1f0351685570f15e062e89cba32fefac5', class: "container-border" }, h("calcite-tree", { key: 'cc5d2c6fae7154cdbacb990d917830696d79e6c3', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/spatial-ref.js

@@ -21102,7 +21102,7 @@ const SpatialRef$1 = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'ebf7416144e568c0ed1552aceb6e8cee0132878b' }, h("div", { key: 'd4976856daace4a85b2ca5cb88861a10be95ec79' }, h("calcite-input", { key: '8e12605892c8f2777954984a61706a97805e76f9', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'ac6b9c9bf7f49efdd6bd4b41da6130be9486fcc1', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: 'f723d08854c429ea7eb3e9c5588089a5dd614440' }, h("div", { key: '5f91149d48e5df3f01479bec291d97c569ffd5d7' }, h("calcite-input", { key: 'fa6cd1622e62b9c830999afc0940adddabbcc2c2', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '02e651be4895c57ddb0fbf319c5a41b5dc39472c', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------

package/dist/components/utils4.js

@@ -39,6 +39,12 @@ var ECalciteMode;
     ECalciteMode["Dark"] = "calcite-mode-dark";
 })(ECalciteMode || (ECalciteMode = {}));
 
+const CKEditorStyles = `
+  .instant-apps-language-translator-item__nested-input .ck.ck-reset.ck-editor.ck-rounded-corners {
+    margin-left: 30px !important;
+  }
+`;
+
 const LanguageTranslatorStore = createStore({
     uiData: null,
     currentLanguage: null,
@@ -117,5 +123,20 @@ function getLocales(localeItems) {
 function isCalciteModeDark() {
     return document.body.classList.contains(ECalciteMode.Dark);
 }
+function initExternalCKEditorStyles() {
+    const style = document.createElement('style');
+    style.innerHTML = CKEditorStyles;
+    document.head.appendChild(style);
+}
+async function updateLastSave(resource) {
+    const data = await resource.fetch();
+    const lastSave = Date.now();
+    store.set('lastSave', lastSave);
+    const dataStr = JSON.stringify(Object.assign(Object.assign({}, data), { lastSave }));
+    const blobParts = [dataStr];
+    const options = { type: 'application/json' };
+    const blob = new Blob(blobParts, options);
+    resource.update(blob);
+}
 
-export { EIcons as E, generateUIData as a, getLocales as b, getUIDataKeys as c, ESettingType as d, ECalciteMode as e, EInputType as f, getMessages as g, getT9nData as h, isCalciteModeDark as i, languageTranslatorState as l, store as s };
+export { EIcons as E, generateUIData as a, getLocales as b, getUIDataKeys as c, ESettingType as d, isCalciteModeDark as e, ECalciteMode as f, getMessages as g, EInputType as h, initExternalCKEditorStyles as i, getT9nData as j, languageTranslatorState as l, store as s, updateLastSave as u };

package/dist/esm/{ExpandToggle-b5147279.js → ExpandToggle-076b4360.js}

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { f as forceUpdate, h } from './index-b793d9aa.js';
-import { a as getElementDir } from './dom-63d2d41c.js';
+import { h as getElementDir } from './dom-42a638f6.js';
 import { S as SLOTS$1 } from './resources-244d70ca.js';
 import { S as SLOTS } from './resources-d7e0fbbf.js';
 

package/dist/esm/{ar-e0e64e78.js → ar-3e3c0d14.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-66e7a9f3.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-08e1bcb7.js';
-import './dom-63d2d41c.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-4c4e06d6.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-4441c976.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-833b1234.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-a7f1020b.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-b7ea1a61.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

package/dist/esm/{bg-d2d8dbe0.js → bg-a872736b.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-66e7a9f3.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-08e1bcb7.js';
-import './dom-63d2d41c.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-4c4e06d6.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-4441c976.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-833b1234.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-a7f1020b.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-b7ea1a61.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

package/dist/esm/{bs-d883901d.js → bs-fe545c28.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-66e7a9f3.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-08e1bcb7.js';
-import './dom-63d2d41c.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-4c4e06d6.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-4441c976.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-833b1234.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-a7f1020b.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-b7ea1a61.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

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

@@ -5,7 +5,7 @@
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-b793d9aa.js';
 import { l as loadModules, g as getLocaleComponentStrings } from './locale-b1d53fb1.js';
-import { z as setRequestedIcon } from './dom-63d2d41c.js';
+import { z as setRequestedIcon } from './dom-42a638f6.js';
 import { f as EDrawMode } from './interfaces-659e3836.js';
 import { s as state } from './publicNotificationStore-7b0b97b6.js';
 import './esri-loader-c6842c6b.js';