@esri/solutions-components 0.11.11 → 0.11.13

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

@@ -16,12 +16,50 @@ const SolutionTemplateDataStyle0 = solutionTemplateDataCss;
 
 const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemplateData extends HTMLElement {
     get el() { return 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
@@ -43,14 +81,6 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
     constructor() {
         super();
         this.__registerHost();
-        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;
@@ -83,6 +113,17 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
     render() {
         return (h(Host, { key: 'db99cf57229d7d8b9fe6315e180d95de0b20fc8d' }, h("div", { key: '83473f420d1417c85ebb4119be9f359cab878c54', class: "solution-data-container" }, h("calcite-shell", { key: '013754ef962c2e5c112f6a8cc6c5d1b8e768078e', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '11ab2a07fe4af542d8cefc1c131246deef43dd9a', class: "json-editor" }, h("div", { key: 'ba0460977eb0375acaf5b11ce951986a08ece39b', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '53251c1583aa7e8cf2a4e9a1f22e4c72430d3928', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), h("calcite-shell-panel", { key: '30c47797a35ff7228c4318a5633aec57de05b8cf', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '028b16654835744f0735b880ca85a3d174963414', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, 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 }), h("div", { key: 'c2a30a7c27db181e0dfe0e201d9d3b2742247080', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '178c4301c8558c4fe7114c8f6cf5bc0df10883a0', locale: this.locale, value: this.organizationVariables })), h("div", { key: 'f85375bac946cff856b6915f340bf926498265ea', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, 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;
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-variables2.js

@@ -16,14 +16,23 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
         this.__registerHost();
         this.__attachShadow();
         this.solutionVariableSelected = createEvent(this, "solutionVariableSelected", 7);
-        this.value = "";
-        this.locale = undefined;
-        this._solutionVariables = [];
-        this._translations = undefined;
     }
     get el() { return 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
     //
     //--------------------------------------------------------------------------
@@ -57,6 +66,17 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
     }
     //--------------------------------------------------------------------------
     //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    _solutionVariables = [];
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------

package/dist/components/spatial-ref.js

@@ -21056,6 +21056,27 @@ const SpatialRef$1 = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends H
     get el() { return this; }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+    * The wkid that will be used as the default when no user selection has been made.
+    */
+    defaultWkid = 102100;
+    /**
+    * When true, all are disabled to prevent interaction.
+    */
+    disabled = false;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * Contains the public value for this component, which is a wkid or a wkt.
+     */
+    value = this.defaultWkid.toString();
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
@@ -21091,14 +21112,6 @@ const SpatialRef$1 = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends H
         super();
         this.__registerHost();
         this.spatialReferenceChange = createEvent(this, "spatialReferenceChange", 7);
-        this.defaultWkid = 102100;
-        this.disabled = false;
-        this.locale = undefined;
-        this.value = this.defaultWkid.toString();
-        this._cachedValue = this.defaultWkid.toString();
-        this._spatialRef = undefined;
-        this._srSearchText = undefined;
-        this._translations = undefined;
         this._spatialRef = this._createSpatialRefDisplay(this.value);
     }
     /**
@@ -21113,6 +21126,28 @@ const SpatialRef$1 = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends H
     render() {
         return (h(Host, { key: '16bd7d2278e69fd6f79c3906ee3cb8866cf026e6' }, h("div", { key: '5db2ed6520f135149117b857d78e53fae48b2502' }, h("calcite-input", { key: '6a4803ea39e61df9bbc21516ab208a778437218e', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '7032668245ac6c2f240d05f9df8488fdcc75a87a', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Holds a pre-change value of the wkid so that an event can be posted with the cached and new values.
+     */
+    _cachedValue = this.defaultWkid.toString();
+    /**
+     * Internal representation of component's value for display purposes.
+     */
+    _spatialRef;
+    /**
+     * Current text that is being used to filter the list of spatial references.
+     */
+    _srSearchText;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
     _lastHighlightedSref;
     //--------------------------------------------------------------------------
     //

package/dist/components/store-manager.js

@@ -12,13 +12,28 @@ const StoreManager$1 = /*@__PURE__*/ proxyCustomElement(class StoreManager exten
         super();
         this.__registerHost();
         this.stateLoaded = createEvent(this, "stateLoaded", 7);
-        this.value = "";
-        this.templates = [];
-        this.authentication = undefined;
     }
     get el() { return this; }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains source json as a string
+     *
+     */
+    value = "";
+    /**
+     * Templates for the current solution
+     */
+    templates = [];
+    /**
+     * Credentials for requests
+     */
+    authentication;
+    //--------------------------------------------------------------------------
+    //
     //  Lifecycle
     //
     //--------------------------------------------------------------------------

package/dist/esm/basemap-gallery_7.entry.js

@@ -3,8 +3,8 @@
  * 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-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-b49a8ff6.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-2b4fcfe1.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 
@@ -14,13 +14,29 @@ const BasemapGalleryStyle0 = basemapGalleryCss;
 const BasemapGallery = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.mapView = undefined;
-        this.basemapConfig = undefined;
-        this.basemapWidget = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * IBasemapConfig: List of any basemaps to filter out from the basemap widget
+     */
+    basemapConfig;
+    /**
+     * esri/widgets/BasemapGallery: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html
+     *
+     * BasemapGallery instance
+     */
+    basemapWidget;
+    //--------------------------------------------------------------------------
+    //
     //  State (internal)
     //
     //--------------------------------------------------------------------------
@@ -157,13 +173,29 @@ const FloorFilter = class {
         this.facilityChanged = createEvent(this, "facilityChanged", 7);
         this.levelChanged = createEvent(this, "levelChanged", 7);
         this.siteChanged = createEvent(this, "siteChanged", 7);
-        this.enabled = undefined;
-        this.floorFilterWidget = undefined;
-        this.mapView = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: when true the Floor Filter widget will be available
+     */
+    enabled;
+    /**
+     * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
+     *
+     * FloorFilter instance
+     */
+    floorFilterWidget;
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    //--------------------------------------------------------------------------
+    //
     //  State (internal)
     //
     //--------------------------------------------------------------------------
@@ -351,11 +383,27 @@ const MapFullscreen = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.fullscreenStateChange = createEvent(this, "fullscreenStateChange", 7);
-        this.mapView = undefined;
-        this.fullscreenWidget = undefined;
     }
     //--------------------------------------------------------------------------
     //
+    //  Host element access
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * esri/widgets/Fullscreen: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html
+     */
+    fullscreenWidget;
+    //--------------------------------------------------------------------------
+    //
     //  State (internal)
     //
     //--------------------------------------------------------------------------
@@ -492,12 +540,25 @@ const MapLegendStyle0 = mapLegendCss;
 const MapLegend = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.mapView = undefined;
-        this.legendWidget = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * esri/widgets/Legend: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html
+     *
+     * Legend instance
+     */
+    legendWidget;
+    //--------------------------------------------------------------------------
+    //
     //  State (internal)
     //
     //--------------------------------------------------------------------------
@@ -610,16 +671,45 @@ const MapPicker = class {
         registerInstance(this, hostRef);
         this.beforeMapInfoChange = createEvent(this, "beforeMapInfoChange", 7);
         this.mapInfoChange = createEvent(this, "mapInfoChange", 7);
-        this.locale = undefined;
-        this.mapInfos = [];
-        this.isMapLayout = undefined;
-        this._mapListExpanded = false;
-        this._translations = undefined;
-        this._webMapInfo = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * IMapInfo[]: array of map infos (name and id)
+     */
+    mapInfos = [];
+    /**
+     * boolean: when true map list will shown in half width.
+     */
+    isMapLayout;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: controls the state of the map list
+     */
+    _mapListExpanded = false;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    /**
+     * IMapInfo: id and name of the map to display
+     */
+    _webMapInfo;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -834,15 +924,44 @@ const MapSearchStyle0 = mapSearchCss;
 const MapSearch = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.mapView = undefined;
-        this.popupEnabled = false;
-        this.resultGraphicEnabled = false;
-        this.searchConfiguration = undefined;
-        this.searchTerm = undefined;
-        this.searchWidget = undefined;
     }
     //--------------------------------------------------------------------------
     //
+    //  Host element access
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * boolean: When true the selected feature popup will be shown when serach result is found
+     */
+    popupEnabled = false;
+    /**
+     * boolean: When true a graphic will be added for the search result
+     */
+    resultGraphicEnabled = false;
+    /**
+     * ISearchConfiguration: Configuration details for the Search widget
+     */
+    searchConfiguration;
+    /**
+     * string: Text entered by the end user.
+     * Used to search against the locator.
+     */
+    searchTerm;
+    /**
+     * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
+     */
+    searchWidget;
+    //--------------------------------------------------------------------------
+    //
     //  State (internal)
     //
     //--------------------------------------------------------------------------
@@ -1034,35 +1153,125 @@ const MapToolsStyle0 = mapToolsCss;
 const MapTools = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.basemapConfig = undefined;
-        this.enableLegend = undefined;
-        this.enableFloorFilter = undefined;
-        this.enableFullscreen = undefined;
-        this.enableSearch = undefined;
-        this.enableBasemap = undefined;
-        this.enableHome = undefined;
-        this.enableSingleExpand = undefined;
-        this.homeZoomToolsSize = "m";
-        this.layout = "vertical";
-        this.locale = undefined;
-        this.mapView = undefined;
-        this.mapWidgetsSize = "m";
-        this.position = "top-right";
-        this.searchConfiguration = undefined;
-        this.stackTools = true;
-        this.toolOrder = undefined;
-        this._hasFloorInfo = false;
-        this._translations = undefined;
-        this._showTools = true;
-        this._showBasemapWidget = false;
-        this._showFloorFilter = false;
-        this._showFullscreen = false;
-        this._showLegendWidget = false;
-        this._showSearchWidget = false;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * IBasemapConfig: List of any basemaps to filter out from the basemap widget
+     */
+    basemapConfig;
+    /**
+     * boolean: when true the legend widget will be available
+     */
+    enableLegend;
+    /**
+     * boolean: when true the floor filter widget will be available
+     */
+    enableFloorFilter;
+    /**
+     * boolean: when true the fullscreen widget will be available
+     */
+    enableFullscreen;
+    /**
+     * boolean: when true the search widget will be available
+     */
+    enableSearch;
+    /**
+     * boolean: when true the basemap widget will be available
+     */
+    enableBasemap;
+    /**
+     * boolean: when true the home widget will be available
+     */
+    enableHome;
+    /**
+     * boolean: when true map tools will be displayed within a single expand/collapse widget
+     * when false widgets will be loaded individually into expand widgets
+     */
+    enableSingleExpand;
+    /**
+     * "s" | "m" | "l": Used for Zoom and Home tools
+     */
+    homeZoomToolsSize = "m";
+    /**
+     * "horizontal" | "vertical": used to control the orientation of the tools
+     */
+    layout = "vertical";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * "s" | "m" | "l": Used for optional map tool widget
+     */
+    mapWidgetsSize = "m";
+    /**
+     * __esri.UIPosition: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
+     * The position details for the tools
+     */
+    position = "top-right";
+    /**
+     * ISearchConfiguration: Configuration details for the Search widget
+     */
+    searchConfiguration;
+    /**
+     * boolean: When true the map widget tools will have no margin between them.
+     * When false the map widget tools will have a margin between them.
+     */
+    stackTools = true;
+    /**
+     *
+     * Valid tools: "legend", "search", "fullscreen", "basemap", "floorfilter"
+     */
+    toolOrder;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * When true the map supports floor awareness
+     */
+    _hasFloorInfo = false;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    /**
+     * When true the tool action bar will be displayed
+     */
+    _showTools = true;
+    /**
+     * When true the basemap picker will be displayed
+     */
+    _showBasemapWidget = false;
+    /**
+     * When true the floor filter widget will be displayed
+     */
+    _showFloorFilter = false;
+    /**
+     * When true the map will be displayed in fullscreen mode
+     */
+    _showFullscreen = false;
+    /**
+     * When true the legend widget will be displayed
+     */
+    _showLegendWidget = false;
+    /**
+     * When true the search widget will be displayed
+     */
+    _showSearchWidget = false;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------