@esri/solutions-components 0.11.17 → 0.11.19

package/dist/collection/components/buffer-tools/buffer-tools.js

@@ -22,6 +22,19 @@ import { Host, h } from "@stencil/core";
 import { loadModules } from "../../utils/loadModules";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class BufferTools {
+    constructor() {
+        this.appearance = "text";
+        this.distance = 0;
+        this.geometries = [];
+        this.locale = undefined;
+        this.max = undefined;
+        this.min = 0;
+        this.sliderTicks = 10;
+        this.unionResults = true;
+        this.unit = "meters";
+        this.disabled = false;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -30,58 +43,6 @@ export class BufferTools {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: The appearance of display. Can be a "slider" or "text" inputs for distance/value
-     */
-    appearance = "text";
-    /**
-     * number: The distance used for buffer
-     */
-    distance = 0;
-    /**
-     * esri/geometry/Geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html
-     */
-    geometries = [];
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * number: The component's maximum selectable value.
-     */
-    max;
-    /**
-     * number: The component's minimum selectable value.
-     */
-    min = 0;
-    /**
-     * number: Displays tick marks on the number line at a specified interval.
-     */
-    sliderTicks = 10;
-    /**
-     * boolean: option to control if buffer results should be unioned
-     */
-    unionResults = true;
-    /**
-     * DistanceUnit: "feet"|"meters"|"miles"|"kilometers"
-     */
-    unit = "meters";
-    disabled = false;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/card-manager/card-manager.js

@@ -23,83 +23,29 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { queryFeaturesByID } from "../../utils/queryUtils";
 import { getLayerOrTable } from "../../utils/mapViewUtils";
 export class CardManager {
+    constructor() {
+        this.customInfoText = undefined;
+        this.enableEditGeometry = false;
+        this.isMobile = undefined;
+        this.layer = undefined;
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.zoomAndScrollToSelected = undefined;
+        this.selectedFeaturesIds = undefined;
+        this.enableCreateFeatures = true;
+        this.selectingFeatureFromMap = undefined;
+        this._cardLoading = false;
+        this._graphics = undefined;
+        this._showCreateFeatureComponent = false;
+        this._showSubmitBtn = false;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
     //
     //--------------------------------------------------------------------------
     el;
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: custom notice text to display
-     */
-    customInfoText;
-    /**
-     * When true the geometry of the current feature will be editable
-     */
-    enableEditGeometry = false;
-    /**
-     * When true the component will render an optimized view for mobile devices
-     */
-    isMobile;
-    /**
-     * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     */
-    layer;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-     * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
-     */
-    zoomAndScrollToSelected;
-    /**
-     * A list of ids that are currently selected
-     */
-    selectedFeaturesIds;
-    /**
-     * boolean: when true the users can have the option to create features
-     */
-    enableCreateFeatures = true;
-    /**
-     * boolean: When select feature from map message will shown
-     */
-    selectingFeatureFromMap;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When true a loading indicator will be shown in the current card
-     */
-    _cardLoading = false;
-    /**
-     * The current selected graphics
-     */
-    _graphics;
-    /**
-     * When true feature component is shown
-     */
-    _showCreateFeatureComponent = false;
-    /**
-     * boolean: When true show the create button
-     */
-    _showSubmitBtn = false;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
     /**
      * boolean: Flag to maintain if recently any feature has been created
      */
@@ -195,7 +141,7 @@ export class CardManager {
         const heading = isTable ? this._translations.createRecord : this._translations.createFeature;
         const guideMsg = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
         const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layer?.capabilities?.operations?.supportsAdd;
-        return (h(Host, { key: '5557aa4d80b859335e38db3f4255f4a61d00560f' }, h("div", { key: '6756e3314fc3444a982010a3cfa702d77f05f316', class: "overflow-auto height-full" }, h("calcite-shell", { key: '715eb7ed692a1d00347d44f20df370cf9a91ded5', class: "position-relative " + featuresClass }, h("div", { key: 'baf4e97c1884f477e4077a6dc8e59d98c77593a4', class: "position-static z-index-500" }, h("info-card", { key: 'e2ed262e2ebdf9b79ddd725f073f13d6a17909d2', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView }))), h("calcite-shell", { key: '536b1dec2a539191f30b648f70a6bdcd447a6d6c', class: "position-relative " + messageClass }, h("calcite-panel", { key: '285eb9f07fcaf53c23ccecb44d68ec5bb85c9528' }, h("div", { key: 'dd180d0c21823d5cb3007c6078c9daa81a487101', class: "padding-1" }, h("calcite-notice", { key: 'b7d4ffb57b912c0424bef1c828608fd41d12d561', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, h("div", { key: '642339477aa8b9e1cba106dcb410ef293363311f', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && h("calcite-button", { key: '835562b5a083e7fc6f558d19787d5fa2680c2938', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature))), h("calcite-shell", { key: '5aeb16a8b0e6e693b7fddd64bf1ec2fe6553f133', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: '20487f672aa32832c3b6a576976ad1bb12116814' }, h("calcite-panel", { key: '9cc5d827a20afbf3381be0739cc3cc6713af8d66', heading: heading }, h("calcite-action", { key: 'c441e24039efd9ec28471e6b66bfea2a4b5a8454', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: 'a858b7a2fb25e257b6c92ca5719fb3a7cc8aedbb', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
+        return (h(Host, { key: '5557aa4d80b859335e38db3f4255f4a61d00560f' }, h("div", { key: '6756e3314fc3444a982010a3cfa702d77f05f316', class: "overflow-auto height-full" }, h("calcite-shell", { key: '715eb7ed692a1d00347d44f20df370cf9a91ded5', class: "position-relative " + featuresClass }, h("div", { key: 'baf4e97c1884f477e4077a6dc8e59d98c77593a4', class: "position-static z-index-500" }, h("info-card", { key: '0b9b30182fbc3482e9edf49b79f68aec8cf86adc', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, showCloseBtn: true }))), h("calcite-shell", { key: '94b646061956a78dec4f96d9d1d9dedc5ad6aee7', class: "position-relative " + messageClass }, h("calcite-panel", { key: '00b660d474234f8156f3d4c627626f5891754051' }, h("div", { key: 'adb0732ff59c4fdedb19367a32ad9e3e060ddb60', class: "padding-1" }, h("calcite-notice", { key: 'a2c88bd4a0827111b0d1f3056ae571b47e5b380b', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, h("div", { key: 'bffc2630de3f0376b6ea5827c89f65dc605a5356', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && h("calcite-button", { key: '08bef5c20d6b60e17abcfc9fc19d7d1eb5d04b1c', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature))), h("calcite-shell", { key: '833a8de60b491008006034c1696fcb29f1bb6a08', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: 'dd2ae4509e4bec5a90f33484f8a28f422c0eeee4' }, h("calcite-panel", { key: '8fa68650f1933a88cdaf1fee8391cf433b7b54e9', heading: heading }, h("calcite-action", { key: '2b205887ff8703e01ef356cae09ce5d15dbec7c6', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: '0977a3974583266f6d90e18c8fbbc3e18f803983', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
     }
     /**
    * Returns the editor component for adding feature

package/dist/collection/components/consent-manager/consent-manager.js

@@ -24,6 +24,18 @@ import { Telemetry } from "@esri/telemetry";
 import { GoogleAnalytics } from "@esri/telemetry-google-analytics";
 import { Amazon } from "@esri/telemetry-amazon";
 export class ConsentManager {
+    constructor() {
+        this.amazonAppId = undefined;
+        this.amazonAppName = undefined;
+        this.amazonUserPoolID = undefined;
+        this.amazonVersion = undefined;
+        this.firstUseVar = undefined;
+        this.locale = undefined;
+        this.measurementIds = undefined;
+        this.portal = undefined;
+        this._open = undefined;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -32,58 +44,6 @@ export class ConsentManager {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: The app id for the amazon tracking instance
-     */
-    amazonAppId;
-    /**
-     * string: The app name for the amazon tracking instance
-     */
-    amazonAppName;
-    /**
-     * string: The user pool id for the amazon tracking instance
-     */
-    amazonUserPoolID;
-    /**
-     * string: The version for the amazon tracking instance
-     */
-    amazonVersion;
-    /**
-     * string: The name to use for the variable stored in the browsers local storge that
-     * will keep track of the users choice for consent
-     */
-    firstUseVar;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * string[]: Any ids for the analytics configured to receive events from the telemety instance
-     */
-    measurementIds;
-    /**
-     * esri/portal/Portal: https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html
-     */
-    portal;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true the alert should be opened
-     */
-    _open;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/create-feature/create-feature.js

@@ -23,6 +23,22 @@ import { loadModules } from "../../utils/loadModules";
 import { getAllLayers, getLayerOrTable } from "../../utils/mapViewUtils";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class CreateFeature {
+    constructor() {
+        this.mapView = undefined;
+        this.selectedLayerId = undefined;
+        this.customizeSubmit = false;
+        this.locale = undefined;
+        this.searchConfiguration = undefined;
+        this.isMobile = undefined;
+        this.floorLevel = undefined;
+        this.formElements = undefined;
+        this.enableSearch = false;
+        this.showGuidingMsg = true;
+        this.showGuidingMsgWhileDrawing = true;
+        this._editorLoading = false;
+        this._currentPage = "templatePicker";
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -31,74 +47,6 @@ export class CreateFeature {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-     * string: Layer id of the feature layer in which the new feature is to be created
-     */
-    selectedLayerId;
-    /**
-     * boolean: Set this to true when have a custom submit button in the app.
-     * This will hide the header and footer elements of the editor and user needs to execute the submit method manually.
-     */
-    customizeSubmit = false;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * ISearchConfiguration: Configuration details for the Search widget
-     */
-    searchConfiguration;
-    /**
-     * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
-     */
-    isMobile;
-    /**
-     * string: selected floor level
-     */
-    floorLevel;
-    /**
-     * string: selected floor level
-     */
-    formElements;
-    /**
-     * boolean: When true the Search box will be displayed
-     */
-    enableSearch = false;
-    /**
-     * boolean: When true the notice message with the current state should be shown
-     */
-    showGuidingMsg = true;
-    /**
-     * boolean: When false the notice message at drawing page will be hidden
-     */
-    showGuidingMsgWhileDrawing = true;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true a loading indicator will be shown while the editor loads
-     */
-    _editorLoading = false;
-    /**
-     * ICurrentPage: specifies the current page
-     */
-    _currentPage = "templatePicker";
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/create-related-feature/create-related-feature.js

@@ -22,6 +22,16 @@ import { h, Fragment } from "@stencil/core";
 import { loadModules } from "../../utils/loadModules";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class CreateRelatedFeature {
+    constructor() {
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.table = undefined;
+        this.selectedFeature = undefined;
+        this.customizeSubmit = false;
+        this.showGuidingMsg = true;
+        this._editorLoading = false;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -30,50 +40,6 @@ export class CreateRelatedFeature {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-   *  __esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-   */
-    table;
-    /**
-   *  __esri.Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
-   */
-    selectedFeature;
-    /**
-     * boolean: Set this to true when have a custom submit button in the app.
-     * This will hide the header and footer elements of the editor and user needs to execute the submit method manually.
-     */
-    customizeSubmit = false;
-    /**
-     * boolean: When true the notice message should be shown
-     */
-    showGuidingMsg = true;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true a loading indicator will be shown while the editor loads
-     */
-    _editorLoading = false;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/crowdsource-manager/crowdsource-manager.css

@@ -228,4 +228,27 @@
 
 .filter-content-space {
   --calcite-dialog-content-space: 0px;
+}
+
+.background-dark {
+  background: var(--calcite-color-background);
+}
+
+.filter-extent-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+}
+
+.filter-modal-buttons {
+  display: flex;
+  padding: 12px;
+  gap: 10px;
+}
+
+.filter-extent-message {
+  align-items: center;
+  display: flex;
+  gap: 5px;
 }