@esri/solutions-components 0.11.17 → 0.11.19

package/dist/collection/components/refine-selection/refine-selection.js

@@ -25,6 +25,19 @@ import { queryFeaturesByGeometry } from "../../utils/queryUtils";
 import state from "../../utils/publicNotificationStore";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class RefineSelection {
+    constructor() {
+        this.addresseeLayer = undefined;
+        this.enabledLayerIds = [];
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.selectionSets = [];
+        this.sketchLineSymbol = undefined;
+        this.sketchPointSymbol = undefined;
+        this.sketchPolygonSymbol = undefined;
+        this._translations = undefined;
+        this._selectionMode = ESelectionMode.ADD;
+        this._refineLayer = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -33,65 +46,6 @@ export class RefineSelection {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
-     */
-    addresseeLayer;
-    /**
-     * string[]: Optional list of enabled layer ids
-     *  If empty all layers will be available
-     */
-    enabledLayerIds = [];
-    /**
-     * string: The current user locale.
-     */
-    locale;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-     * utils/interfaces/ISelectionSet: An array of user defined selection sets
-     */
-    selectionSets = [];
-    /**
-     * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
-     *
-     */
-    sketchLineSymbol;
-    /**
-     * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
-     *
-     */
-    sketchPointSymbol;
-    /**
-     * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
-     *
-     */
-    sketchPolygonSymbol;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    /**
-     * The current selection mode ADD or REMOVE
-     */
-    _selectionMode = ESelectionMode.ADD;
-    /**
-     * The current layer to refine
-     */
-    _refineLayer;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-configuration/solution-configuration.js

@@ -30,34 +30,12 @@ export class SolutionConfiguration {
     //
     //--------------------------------------------------------------------------
     el;
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Credentials for requests, which can be a serialized UserSession
-     */
-    authentication = new UserSession({});
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    serializedAuthentication = "";
     async serializedAuthenticationWatchHandler() {
         this.authentication = this.serializedAuthentication ? UserSession.deserialize(this.serializedAuthentication) : new UserSession({});
     }
-    /**
-     * Contains the current solution item id
-     */
-    solutionItemId = "";
     async valueWatchHandler() {
         await this._loadSolution(this.solutionItemId);
     }
-    /**
-    * Used to show/hide loading indicator
-    */
-    showLoading = false;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -77,6 +55,19 @@ export class SolutionConfiguration {
     //
     //--------------------------------------------------------------------------
     constructor() {
+        this.authentication = new UserSession({});
+        this.locale = undefined;
+        this.serializedAuthentication = "";
+        this.solutionItemId = "";
+        this.showLoading = false;
+        this._currentEditItemId = "";
+        this._organizationVariables = "";
+        this._solutionContentsComponent = undefined;
+        this._solutionIsLoaded = false;
+        this._solutionVariables = "";
+        this._templateHierarchy = [];
+        this._translations = undefined;
+        this._treeOpen = true;
         if (this.serializedAuthentication) {
             this.authentication = UserSession.deserialize(this.serializedAuthentication);
         }
@@ -116,32 +107,6 @@ export class SolutionConfiguration {
             ? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, locale: this.locale })))
             : null)))));
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Contains the current item we are working with
-     */
-    _currentEditItemId = "";
-    _organizationVariables = "";
-    _solutionContentsComponent;
-    _solutionIsLoaded = false;
-    _solutionVariables = "";
-    /**
-     * Contains the hierarchy of template items for the current solution.
-     */
-    _templateHierarchy = [];
-    /**
-     * Contains the _translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    /**
-     * Used to show/hide the content tree
-     */
-    _treeOpen = true;
     _solutionStoreHasChanges = false;
     _solutionEditorHasChanges = false;
     _solutionEditorHasErrors = false;

package/dist/collection/components/solution-contents/solution-contents.js

@@ -20,25 +20,16 @@
  */
 import { Host, h } from "@stencil/core";
 export class SolutionContents {
+    constructor() {
+        this.selectedItemId = undefined;
+        this.templateHierarchy = [];
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
     //
     //--------------------------------------------------------------------------
     el;
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Contains the current item that is selected.
-     */
-    selectedItemId;
-    /**
-     * Contains the public value for this component.
-     */
-    templateHierarchy = [];
     valueWatchHandler(v, oldV) {
         if (v && v !== oldV && Array.isArray(v) && v.length > 0) {
             this._treeItemSelected(v[0].id);

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

@@ -22,41 +22,25 @@ import { h, Host } from "@stencil/core";
 import state from "../../utils/solution-store";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionItem {
+    constructor() {
+        this.authentication = undefined;
+        this.itemId = "";
+        this.locale = undefined;
+        this.solutionVariables = "";
+        this.organizationVariables = "";
+        this.itemType = undefined;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
     //
     //--------------------------------------------------------------------------
     el;
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Credentials for requests
-     */
-    authentication;
-    /**
-     * A template's itemId.
-     */
-    itemId = "";
     itemIdWatchHandler() {
         const itemEdit = state.getItemInfo(this.itemId);
         this.itemType = itemEdit.type;
     }
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * Contains the solution based variables
-     */
-    solutionVariables = "";
-    /**
-     * Contains the organization based variables
-     */
-    organizationVariables = "";
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -89,17 +73,6 @@ export class SolutionItem {
     }
     //--------------------------------------------------------------------------
     //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    itemType;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------

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

@@ -21,6 +21,13 @@
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionItemAccordion {
+    constructor() {
+        this.locale = undefined;
+        this.listSelectionMode = "none";
+        this.templateInfos = [];
+        this._sortedTemplateInfos = [];
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -29,41 +36,6 @@ export class SolutionItemAccordion {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * Specifies the selection mode of the item-type lists used in the component, where:
-     *   "multiple" allows any number of selections,
-     *   "single" allows only one selection,
-     *   "single-persist" allows one selection and prevents de-selection, and
-     *   "none" does not allow any selections (default)
-     */
-    listSelectionMode = "none";
-    /**
-     * ITemplateInfo[]: Collection of template infos
-     */
-    templateInfos = [];
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * ITemplateInfo[]: Collection of sorted template infos
-     */
-    _sortedTemplateInfos = [];
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -126,14 +98,17 @@ export class SolutionItemAccordion {
     //
     //--------------------------------------------------------------------------
     /**
-     * Deselect all items in the accordion.
+     * Deselects all items in the accordion and closes the accordion item containing it.
      * Only applies when selectionMode is "single" or "single-persist".
      */
     async deselectAll() {
         if (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") {
             const items = this.el.shadowRoot.querySelectorAll("calcite-list-item");
             items.forEach(item => {
-                item.selected = false;
+                if (item.selected) {
+                    item.selected = false;
+                    item.parentElement.parentElement.expanded = false;
+                }
             });
         }
     }
@@ -178,7 +153,7 @@ export class SolutionItemAccordion {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '7e98d3ed4629f9d0960db3284d389bf7564b6def' }, this._getAccordion()));
+        return (h(Host, { key: '23845e68bd1920f17f27b1679df20915230f99c3' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //
@@ -267,7 +242,7 @@ export class SolutionItemAccordion {
                 this._deselectOthers(templateInfo.id);
                 this.solutionItemSelect.emit({ itemId: templateInfo.id, selected: true });
             }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, templateInfo.url
-            ? h("calcite-action", { icon: "launch", onClick: () => window.open(templateInfo.url, "_blank"), slot: "actions-end", text: this._translations?.openDetails?.replace("{{solutionTitle}}", templateInfo.title) })
+            ? h("div", { slot: "actions-end" }, h("calcite-action", { icon: "launch", id: templateInfo.id + "-launch", onClick: () => window.open(templateInfo.url, "_blank"), text: "" }), h("calcite-tooltip", { "overlay-positioning": "fixed", "reference-element": templateInfo.id + "-launch" }, h("span", null, this._translations?.openDetails)))
             : null));
     }
     /**
@@ -522,12 +497,16 @@ export class SolutionItemAccordion {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "HTMLCalciteAccordionItemElement": {
+                            "location": "global",
+                            "id": "global::HTMLCalciteAccordionItemElement"
                         }
                     },
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Deselect all items in the accordion.\r\nOnly applies when selectionMode is \"single\" or \"single-persist\".",
+                    "text": "Deselects all items in the accordion and closes the accordion item containing it.\r\nOnly applies when selectionMode is \"single\" or \"single-persist\".",
                     "tags": []
                 }
             },

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -22,6 +22,22 @@ import { h, Host } from "@stencil/core";
 import state from "../../utils/solution-store";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionItemDetails {
+    constructor() {
+        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;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -30,19 +46,6 @@ export class SolutionItemDetails {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A template's itemId.
-     */
-    itemId = "";
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    //--------------------------------------------------------------------------
-    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -91,33 +94,11 @@ export class SolutionItemDetails {
      * 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

package/dist/collection/components/solution-item-icon/solution-item-icon.js

@@ -20,6 +20,11 @@
  */
 import { getAssetPath, h } from "@stencil/core";
 export class SolutionItemIcon {
+    constructor() {
+        this.isPortal = false;
+        this.type = "";
+        this.typeKeywords = [];
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -28,23 +33,6 @@ export class SolutionItemIcon {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Indicate if this is portal
-     */
-    isPortal = false;
-    /**
-     * The type for the item
-     */
-    type = "";
-    /**
-     * The typeKeywords for the item
-     */
-    typeKeywords = [];
-    //--------------------------------------------------------------------------
-    //
     //  Lifecycle
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -22,6 +22,12 @@ import { h, Host } from "@stencil/core";
 import state from "../../utils/solution-store";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionItemSharing {
+    constructor() {
+        this.groupId = "";
+        this.locale = undefined;
+        this._translations = undefined;
+        this.sharing = [];
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -30,19 +36,6 @@ export class SolutionItemSharing {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A template's groupId.
-     */
-    groupId = "";
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    //--------------------------------------------------------------------------
-    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -77,20 +70,6 @@ export class SolutionItemSharing {
     }
     //--------------------------------------------------------------------------
     //
-    //  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
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -21,6 +21,12 @@
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionOrganizationVariables {
+    constructor() {
+        this.locale = undefined;
+        this.value = "";
+        this._organizationVariables = [];
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -29,19 +35,6 @@ export class SolutionOrganizationVariables {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * Contains the public value for this component.
-     */
-    value = "";
-    //--------------------------------------------------------------------------
-    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -75,17 +68,6 @@ export class SolutionOrganizationVariables {
     }
     //--------------------------------------------------------------------------
     //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    _organizationVariables = [];
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-resource-item/solution-resource-item.js

@@ -24,6 +24,14 @@ import { EFileType } from "@esri/solution-common";
 import state from "../../utils/solution-store";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionResourceItem {
+    constructor() {
+        this.authentication = undefined;
+        this.itemId = "";
+        this.locale = undefined;
+        this.resourceFilePaths = [];
+        this.resources = [];
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -32,24 +40,6 @@ export class SolutionResourceItem {
     el;
     //--------------------------------------------------------------------------
     //
-    //  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
     //
     //--------------------------------------------------------------------------
@@ -87,24 +77,6 @@ export class SolutionResourceItem {
         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 = {};
     //--------------------------------------------------------------------------
     //