@esri/solutions-components 0.11.11 → 0.11.13

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

@@ -25,19 +25,6 @@ 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
@@ -46,6 +33,65 @@ 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,12 +30,34 @@ 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
@@ -55,19 +77,6 @@ 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);
         }
@@ -107,6 +116,32 @@ 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,16 +20,25 @@
  */
 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,25 +22,41 @@ 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
@@ -73,6 +89,17 @@ 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.css

@@ -22,10 +22,6 @@
   padding-inline-start: 1rem;
 }
 
-.font-size-override {
-  --calcite-font-size--2: var(--calcite-font-size--1);
-}
-
 .border-override {
   --calcite-accordion-border-color: var(--calcite-color-border-1) !important;
 }

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

@@ -21,13 +21,6 @@
 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
@@ -36,6 +29,41 @@ 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)
     //
     //--------------------------------------------------------------------------
@@ -206,7 +234,7 @@ export class SolutionItemAccordion {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => { 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
+        return (h("calcite-list-item", { description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => { 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) })
             : null));
     }

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

@@ -22,22 +22,6 @@ 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
@@ -46,6 +30,19 @@ 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
     //
     //--------------------------------------------------------------------------
@@ -94,11 +91,33 @@ 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,11 +20,6 @@
  */
 import { getAssetPath, h } from "@stencil/core";
 export class SolutionItemIcon {
-    constructor() {
-        this.isPortal = false;
-        this.type = "";
-        this.typeKeywords = [];
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -33,6 +28,23 @@ 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,12 +22,6 @@ 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
@@ -36,6 +30,19 @@ 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
     //
     //--------------------------------------------------------------------------
@@ -70,6 +77,20 @@ 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,12 +21,6 @@
 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
@@ -35,6 +29,19 @@ 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
     //
     //--------------------------------------------------------------------------
@@ -68,6 +75,17 @@ 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,14 +24,6 @@ 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
@@ -40,6 +32,24 @@ 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
     //
     //--------------------------------------------------------------------------
@@ -77,6 +87,24 @@ export class SolutionResourceItem {
         const hasValidResources = this._hasValidResources();
         return (h(Host, { key: '36017a54e5f8fafda593af2b727f1fbda80c7455' }, h("div", { key: 'eb9f53c9b4161c09e0b00d9a4d90a814d944819c', class: "resource-item" }, h("div", { key: '504dfa5fb623ed27a0829f60ebbf5de17b6d467f', class: "margin-bottom-1" }, h("calcite-button", { key: 'e578443e1ef409917c5946c77e660c04d273cb6c', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'e4c11326d7c5d96de1d0983eb0beb3cf726177c8', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), 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 = {};
     //--------------------------------------------------------------------------
     //