@esri/solutions-components 0.11.12 → 0.11.14

package/dist/cjs/instant-apps-measurement-tool.cjs.entry.js

@@ -7,8 +7,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
-const loadModules = require('./loadModules-df8b13ca.js');
+const index = require('./index-b936ec03.js');
+const loadModules = require('./loadModules-e9d8977c.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 

package/dist/cjs/instant-apps-measurement.cjs.entry.js

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
-const locale = require('./locale-2dd3020a.js');
-require('./loadModules-df8b13ca.js');
+const index = require('./index-b936ec03.js');
+const locale = require('./locale-4187fc82.js');
+require('./loadModules-e9d8977c.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./languageUtil-a3e1eafd.js');

package/dist/cjs/instant-apps-popover.cjs.entry.js

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
-const locale = require('./locale-2dd3020a.js');
-require('./loadModules-df8b13ca.js');
+const index = require('./index-b936ec03.js');
+const locale = require('./locale-4187fc82.js');
+require('./loadModules-e9d8977c.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./languageUtil-a3e1eafd.js');

package/dist/cjs/instant-apps-popovers.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
+const index = require('./index-b936ec03.js');
 
 const instantAppsPopoversCss = ":host{display:block}";
 const InstantAppsPopoversStyle0 = instantAppsPopoversCss;

package/dist/cjs/instant-apps-scoreboard.cjs.entry.js

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
-const loadModules = require('./loadModules-df8b13ca.js');
-const locale = require('./locale-2dd3020a.js');
+const index = require('./index-b936ec03.js');
+const loadModules = require('./loadModules-e9d8977c.js');
+const locale = require('./locale-4187fc82.js');
 const breakpoints = require('./breakpoints-7d21666f.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');

package/dist/cjs/instant-apps-sign-in.cjs.entry.js

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
-const loadModules = require('./loadModules-df8b13ca.js');
-const locale = require('./locale-2dd3020a.js');
+const index = require('./index-b936ec03.js');
+const loadModules = require('./loadModules-e9d8977c.js');
+const locale = require('./locale-4187fc82.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./languageUtil-a3e1eafd.js');

package/dist/cjs/instant-apps-splash.cjs.entry.js

@@ -7,10 +7,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
+const index = require('./index-b936ec03.js');
 const index$1 = require('./index-5d8d6ae2.js');
-const locale = require('./locale-2dd3020a.js');
-require('./loadModules-df8b13ca.js');
+const locale = require('./locale-4187fc82.js');
+require('./loadModules-e9d8977c.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./languageUtil-a3e1eafd.js');

package/dist/cjs/instant-apps-time-filter.cjs.entry.js

@@ -7,11 +7,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-af14245a.js');
-const index = require('./index-ffd12cb0.js');
-const loadModules = require('./loadModules-df8b13ca.js');
-const effects = require('./effects-fdd163a9.js');
-const locale = require('./locale-2dd3020a.js');
+const index$1 = require('./index-b936ec03.js');
+const index = require('./index-b2821254.js');
+const loadModules = require('./loadModules-e9d8977c.js');
+const effects = require('./effects-3607d1ba.js');
+const locale = require('./locale-4187fc82.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./languageUtil-a3e1eafd.js');

package/dist/cjs/json-editor_7.cjs.entry.js

@@ -7,14 +7,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
-const locale = require('./locale-1c60be9c.js');
-const solutionStore = require('./solution-store-3cf25b71.js');
+const index = require('./index-b936ec03.js');
+const locale = require('./locale-98346201.js');
+const solutionStore = require('./solution-store-a2a8422d.js');
 const interfaces = require('./interfaces-09c4c40e.js');
 const solutionResource = require('./solution-resource-d0a2f7fe.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
-require('./index-ffd12cb0.js');
+require('./index-b2821254.js');
 require('./restHelpersGet-e4639890.js');
 require('./update-243ea407.js');
 
@@ -24,15 +24,38 @@ const JsonEditorStyle0 = jsonEditorCss;
 const JsonEditor = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.hasChanges = false;
-        this.hasErrors = false;
-        this.instanceid = "";
-        this.locale = undefined;
-        this.value = "";
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains a public value to indicate if the model has any changes.
+     */
+    hasChanges = false;
+    /**
+     * Contains a public value to indicate if the model has any errors
+     * that would prevent saving it.
+     */
+    hasErrors = false;
+    /**
+     * Contains a unique identifier for when we have multiple instances of the editor.
+     * For example when we want to show an item's data as well as an item's properties.
+     */
+    instanceid = "";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * Contains the public value for this component; it is not changed by the editor.
+     * When changed, the change overwrites the contents of the editor.
+     */
+    value = "";
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -438,24 +461,23 @@ const SolutionItemDetailsStyle0 = solutionItemDetailsCss;
 const SolutionItemDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.itemId = "";
-        this.locale = undefined;
-        this.itemDetails = {
-            accessInformation: "",
-            description: "",
-            licenseInfo: "",
-            snippet: "",
-            tags: [],
-            title: ""
-        };
-        this.itemEdit = undefined;
-        this._translations = undefined;
-        this.thumbnail = undefined;
-        this.thumbnailContainer = undefined;
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * A template's itemId.
+     */
+    itemId = "";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -504,11 +526,33 @@ const SolutionItemDetails = class {
      * Handle to the element for browsing for a file.
      */
     browseForThumbnail;
+    itemDetails = {
+        accessInformation: "",
+        description: "",
+        licenseInfo: "",
+        snippet: "",
+        tags: [],
+        title: ""
+    };
+    itemEdit;
     itemType;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
     /**
      * Handle to the snippet character-count feedback.
      */
     itemSnippetCount;
+    /**
+     * Handle to the thumbnail image display.
+     */
+    thumbnail;
+    /**
+     * Handle to the thumbnail image container.
+     */
+    thumbnailContainer;
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -647,14 +691,23 @@ const SolutionItemSharingStyle0 = solutionItemSharingCss;
 const SolutionItemSharing = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.groupId = "";
-        this.locale = undefined;
-        this._translations = undefined;
-        this.sharing = [];
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * A template's groupId.
+     */
+    groupId = "";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -689,6 +742,20 @@ const SolutionItemSharing = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    /**
+     * Contains the public sharing for this component.
+     */
+    sharing = [];
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
@@ -782,14 +849,23 @@ const SolutionOrganizationVariables = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.organizationVariableSelected = index.createEvent(this, "organizationVariableSelected", 7);
-        this.locale = undefined;
-        this.value = "";
-        this._organizationVariables = [];
-        this._translations = undefined;
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * Contains the public value for this component.
+     */
+    value = "";
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -823,6 +899,17 @@ const SolutionOrganizationVariables = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    _organizationVariables = [];
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
@@ -887,16 +974,28 @@ const SolutionResourceItemStyle0 = solutionResourceItemCss;
 const SolutionResourceItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.authentication = undefined;
-        this.itemId = "";
-        this.locale = undefined;
-        this.resourceFilePaths = [];
-        this.resources = [];
-        this._translations = undefined;
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Credentials for requests
+     */
+    authentication;
+    /**
+     * A template's itemId.
+     * This is used to get the correct model from a store in the json-editor
+     */
+    itemId = "";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -934,6 +1033,24 @@ const SolutionResourceItem = class {
         const hasValidResources = this._hasValidResources();
         return (index.h(index.Host, { key: '36017a54e5f8fafda593af2b727f1fbda80c7455' }, index.h("div", { key: 'eb9f53c9b4161c09e0b00d9a4d90a814d944819c', class: "resource-item" }, index.h("div", { key: '504dfa5fb623ed27a0829f60ebbf5de17b6d467f', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'e578443e1ef409917c5946c77e660c04d273cb6c', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'e4c11326d7c5d96de1d0983eb0beb3cf726177c8', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '3617bf40ac8b01d70b523642757a624c977ea491', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * The templates resourceFilePaths.
+     */
+    resourceFilePaths = [];
+    /**
+     * The templates resources.
+     */
+    resources = [];
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
     _removedResources = {};
     //--------------------------------------------------------------------------
     //
@@ -1165,12 +1282,50 @@ const SolutionTemplateDataStyle0 = solutionTemplateDataCss;
 
 const SolutionTemplateData = class {
     get el() { return index.getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the public value for this component.
+     *
+     * When working with a resource item this should contain an IResourceItem
+     *
+     * When working with a json type item this should contain the data and vars
+     */
+    //@Prop({ mutable: true, reflect: true }) value: ITemplateData = {};
+    /**
+     * This needs to be unique for props vs data of an item
+     */
+    instanceid = "";
+    /**
+     * A template's itemId.
+     * This is used to get the correct model from a store in the json-editor
+     */
+    itemId = "";
     itemIdWatchHandler() {
         this._initializing = true;
         this.value = JSON.stringify(this.instanceid === "data"
             ? solutionStore.state.getItemInfo(this.itemId).data
             : solutionStore.state.getItemInfo(this.itemId).properties, null, 2);
     }
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /*
+     * Contains the organization based variables
+     */
+    organizationVariables = "";
+    /**
+     * Contains the solution based variables
+     */
+    solutionVariables = "";
+    /**
+     * Used to show/hide the variable containers
+     */
+    varsOpen = true;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -1191,14 +1346,6 @@ const SolutionTemplateData = class {
     //--------------------------------------------------------------------------
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.instanceid = "";
-        this.itemId = "";
-        this.locale = undefined;
-        this.organizationVariables = "";
-        this.solutionVariables = "";
-        this.varsOpen = true;
-        this._translations = undefined;
-        this.value = "";
         window.addEventListener("solutionEditorContentChanged", (evt) => {
             if (this.itemId) {
                 const { id, contents } = evt.detail;
@@ -1231,6 +1378,17 @@ const SolutionTemplateData = class {
     render() {
         return (index.h(index.Host, { key: 'db99cf57229d7d8b9fe6315e180d95de0b20fc8d' }, index.h("div", { key: '83473f420d1417c85ebb4119be9f359cab878c54', class: "solution-data-container" }, index.h("calcite-shell", { key: '013754ef962c2e5c112f6a8cc6c5d1b8e768078e', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '11ab2a07fe4af542d8cefc1c131246deef43dd9a', class: "json-editor" }, index.h("div", { key: 'ba0460977eb0375acaf5b11ce951986a08ece39b', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '53251c1583aa7e8cf2a4e9a1f22e4c72430d3928', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), index.h("calcite-shell-panel", { key: '30c47797a35ff7228c4318a5633aec57de05b8cf', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: '028b16654835744f0735b880ca85a3d174963414', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: 'bb5049611e778b970454544851a625ccef47d23a', 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 }), index.h("div", { key: 'c2a30a7c27db181e0dfe0e201d9d3b2742247080', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: '178c4301c8558c4fe7114c8f6cf5bc0df10883a0', locale: this.locale, value: this.organizationVariables })), index.h("div", { key: 'f85375bac946cff856b6915f340bf926498265ea', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '166d0752746994bc4aebd4e41660f8a2d2c678ea', locale: this.locale, value: this.solutionVariables }))))))));
     }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    value = "";
     _initializing = false;
     //--------------------------------------------------------------------------
     //
@@ -1281,14 +1439,23 @@ const SolutionVariables = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.solutionVariableSelected = index.createEvent(this, "solutionVariableSelected", 7);
-        this.value = "";
-        this.locale = undefined;
-        this._solutionVariables = [];
-        this._translations = undefined;
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the public value for this component.
+     */
+    value = "";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -1322,6 +1489,17 @@ const SolutionVariables = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    _solutionVariables = [];
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------

package/dist/cjs/languageSwitcher-19a22439.js

@@ -0,0 +1,52 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const loadModules = require('./loadModules-e9d8977c.js');
+
+async function fetchResourceData(resource) {
+    try {
+        const t9nData = await resource.fetch('json', { cacheBust: true });
+        return Promise.resolve(t9nData);
+    }
+    catch (err) {
+        console.error('Unable to get resource t9n data.');
+    }
+}
+async function getPortalItemResource(portalItem) {
+    if (!portalItem)
+        return null;
+    const [PortalItemResource] = await loadModules.loadModules(['esri/portal/PortalItemResource']);
+    const existingResourcesRes = await portalItem.fetchResources({
+        num: 100,
+    });
+    const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
+    const resource = new PortalItemResource({ path, portalItem });
+    const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
+    if (existingResourceArr.length === 0) {
+        const type = 'application/json';
+        const content = new Blob([JSON.stringify({})], { type });
+        try {
+            await portalItem.addResource(resource, content);
+            const existingResourcesRes = await portalItem.fetchResources();
+            const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
+            const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
+            const existingResource = existingResourceArr[0].resource;
+            return Promise.resolve(existingResource);
+        }
+        catch (err) {
+            console.error('ERROR: ', err);
+            return Promise.reject(null);
+        }
+    }
+    else {
+        const existingResource = existingResourceArr[0].resource;
+        return Promise.resolve(existingResource);
+    }
+}
+
+exports.fetchResourceData = fetchResourceData;
+exports.getPortalItemResource = getPortalItemResource;

package/dist/cjs/loadModules-e9d8977c.js

@@ -0,0 +1,23 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const esriLoader = require('./esri-loader-08dc41bd.js');
+
+/*
+ *   Copyright (c) 2024 Esri
+ *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
+ *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
+ *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
+ *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
+ */
+const loadModules = async (moduleNames, options) => {
+    esriLoader.esriLoader.exports.setDefaultOptions({ url: 'https://js.arcgis.com/4.32/' });
+    const mods = await esriLoader.esriLoader.exports.loadModules(moduleNames, options);
+    return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
+};
+
+exports.loadModules = loadModules;

package/dist/cjs/loader.cjs.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-af14245a.js');
+const index = require('./index-b936ec03.js');
 const appGlobals = require('./app-globals-f12cf78c.js');
 
 const defineCustomElements = async (win, options) => {