@esri/solutions-components 0.11.18 → 0.11.20

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

@@ -3,14 +3,14 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-3702583a.js';
-import { g as getLocaleComponentStrings } from './locale-aa656a2c.js';
-import { s as state } from './solution-store-2493275a.js';
+import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-df5db8e9.js';
+import { g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { s as state } from './solution-store-4c39c654.js';
 import { d as EUpdateType } from './interfaces-659e3836.js';
 import { E as EFileType } from './solution-resource-30a29505.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
-import './index-6de7c296.js';
+import './index-c247b62b.js';
 import './restHelpersGet-a7fda344.js';
 import './update-ad0b88fa.js';
 
@@ -20,38 +20,15 @@ const JsonEditorStyle0 = jsonEditorCss;
 const JsonEditor = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.hasChanges = false;
+        this.hasErrors = false;
+        this.instanceid = "";
+        this.locale = undefined;
+        this.value = "";
     }
     get el() { return 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
     //
     //--------------------------------------------------------------------------
@@ -457,23 +434,24 @@ const SolutionItemDetailsStyle0 = solutionItemDetailsCss;
 const SolutionItemDetails = class {
     constructor(hostRef) {
         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 getElement(this); }
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A template's itemId.
-     */
-    itemId = "";
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    //--------------------------------------------------------------------------
-    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -522,33 +500,11 @@ 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
@@ -687,23 +643,14 @@ const SolutionItemSharingStyle0 = solutionItemSharingCss;
 const SolutionItemSharing = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.groupId = "";
+        this.locale = undefined;
+        this._translations = undefined;
+        this.sharing = [];
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A template's groupId.
-     */
-    groupId = "";
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    //--------------------------------------------------------------------------
-    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -738,20 +685,6 @@ 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
     //
     //--------------------------------------------------------------------------
@@ -845,23 +778,14 @@ const SolutionOrganizationVariables = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.organizationVariableSelected = createEvent(this, "organizationVariableSelected", 7);
+        this.locale = undefined;
+        this.value = "";
+        this._organizationVariables = [];
+        this._translations = undefined;
     }
     get el() { return 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
     //
     //--------------------------------------------------------------------------
@@ -895,17 +819,6 @@ const SolutionOrganizationVariables = class {
     }
     //--------------------------------------------------------------------------
     //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    _organizationVariables = [];
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
@@ -970,28 +883,16 @@ const SolutionResourceItemStyle0 = solutionResourceItemCss;
 const SolutionResourceItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.authentication = undefined;
+        this.itemId = "";
+        this.locale = undefined;
+        this.resourceFilePaths = [];
+        this.resources = [];
+        this._translations = undefined;
     }
     get el() { return 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
     //
     //--------------------------------------------------------------------------
@@ -1029,24 +930,6 @@ const SolutionResourceItem = class {
         const hasValidResources = this._hasValidResources();
         return (h(Host, { key: '13f2759a882d2eca48bf9dda58e74caade76142b' }, h("div", { key: '498ced2e29b8af9138a8aa9d77ec78e07e3c64de', class: "resource-item" }, h("div", { key: 'd76a967373a990906a67d88ea6466030c41401ff', class: "margin-bottom-1" }, h("calcite-button", { key: '96cd2ee08adadef9e1b29db12c38d4748b0689c0', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '49326139cad065995512d3e3568c7d8e7f5cef4f', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '9c056d9ab7242ea10cbcf57eaabce4bd9777541e', 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 = {};
     //--------------------------------------------------------------------------
     //
@@ -1278,50 +1161,12 @@ const SolutionTemplateDataStyle0 = solutionTemplateDataCss;
 
 const SolutionTemplateData = class {
     get el() { return 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"
             ? state.getItemInfo(this.itemId).data
             : 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
@@ -1342,6 +1187,14 @@ const SolutionTemplateData = class {
     //--------------------------------------------------------------------------
     constructor(hostRef) {
         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;
@@ -1374,17 +1227,6 @@ const SolutionTemplateData = class {
     render() {
         return (h(Host, { key: '3f853006c19509c8cf484d4420b3f687aaad5161' }, h("div", { key: 'f524e1ee3c8dc972779be0909372c11c26092dd0', class: "solution-data-container" }, h("calcite-shell", { key: '56797702bc53b08051360975dc529c884eb7d294', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '6208ac7b63ab8b69bc29ad88abdb9bcdeaaa707a', class: "json-editor" }, h("div", { key: '66e99550359b5665b4dd04f794d8108e4ee34284', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '7a7f5afa5d424fb6099b7167f274ce211e791a56', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), h("calcite-shell-panel", { key: '7cc8bac91bfc5be96018d005cc87be457278ed6d', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '4ce0c251d30d5735781394f5c213523867205886', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '814c8996b854102b022f7ac482498dd6aac36ec8', 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: '6b872cfc1c60870fb6262808f5d9f61cc35f0f44', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e8e9ee594b6dcb5ddaabd05c322fb33d568ac7b5', locale: this.locale, value: this.organizationVariables })), h("div", { key: '109d17a77a54a13818af6aa2a9beb92526100ea7', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '46902ed69897ed01334def99817fedafbda2e8d5', 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;
     //--------------------------------------------------------------------------
     //
@@ -1435,23 +1277,14 @@ const SolutionVariables = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.solutionVariableSelected = createEvent(this, "solutionVariableSelected", 7);
+        this.value = "";
+        this.locale = undefined;
+        this._solutionVariables = [];
+        this._translations = undefined;
     }
     get el() { return 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
     //
     //--------------------------------------------------------------------------
@@ -1485,17 +1318,6 @@ const SolutionVariables = class {
     }
     //--------------------------------------------------------------------------
     //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    _solutionVariables = [];
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------