@esri/solutions-components 0.7.22 → 0.7.24

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

@@ -0,0 +1,565 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-7183ce4a.js';
+import { l as loadModules } from './loadModules-cea493da.js';
+import './esri-loader-eda07632.js';
+import './_commonjsHelpers-d5f9d613.js';
+
+const basemapGalleryCss = ":host{display:block}";
+
+const BasemapGallery = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.mapView = undefined;
+        this.basemapConfig = undefined;
+        this.basemapWidget = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    async mapViewWatchHandler() {
+        await this.mapView.when(() => {
+            void this._initBaseMapGallery(this.mapView);
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        return this._initModules();
+    }
+    /**
+     * StencilJS: Renders the component.
+     */
+    render() {
+        return (h(Host, null, h("div", { ref: (el) => { this._basemapElement = el; } })));
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        if (this.mapView) {
+            await this.mapViewWatchHandler();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [BasemapGallery, PortalBasemapsSource] = await loadModules([
+            "esri/widgets/BasemapGallery",
+            "esri/widgets/BasemapGallery/support/PortalBasemapsSource"
+        ]);
+        this.BasemapGallery = BasemapGallery;
+        this.PortalBasemapsSource = PortalBasemapsSource;
+    }
+    /**
+     * Initialize the basemap gallery or reset the current view if it already exists
+     *
+     * @protected
+     */
+    async _initBaseMapGallery(view) {
+        var _a;
+        if (this.BasemapGallery) {
+            if (this.basemapWidget) {
+                this.basemapWidget.destroy();
+            }
+            const source = new this.PortalBasemapsSource({
+                query: ((_a = this.basemapConfig) === null || _a === void 0 ? void 0 : _a.basemapGroupId) ? `id:${this.basemapConfig.basemapGroupId}` : null,
+                filterFunction: this.basemapConfig ? (basemap) => {
+                    return !this.basemapConfig.basemapIdsToFilter.includes(basemap.portalItem.id);
+                } : () => true
+            });
+            await source.refresh();
+            this.basemapWidget = new this.BasemapGallery({
+                container: this._basemapElement,
+                view,
+                source
+            });
+        }
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+BasemapGallery.style = basemapGalleryCss;
+
+const floorFilterCss = ":host{display:block}";
+
+const FloorFilter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.levelChanged = createEvent(this, "levelChanged", 7);
+        this.enabled = undefined;
+        this.floorFilterWidget = undefined;
+        this.mapView = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    async mapViewWatchHandler() {
+        await this.mapView.when(() => {
+            this._initFloorFilter(this.mapView);
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        return this._initModules();
+    }
+    render() {
+        return (h(Host, null, h("div", { ref: (el) => { this._floorFilterElement = el; } })));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [FloorFilter, reactiveUtils] = await loadModules([
+            "esri/widgets/FloorFilter",
+            "esri/core/reactiveUtils"
+        ]);
+        this.FloorFilter = FloorFilter;
+        this.reactiveUtils = reactiveUtils;
+    }
+    /**
+     * Initialize the floor filter or reset the current view if it already exists
+     */
+    _initFloorFilter(view) {
+        var _a;
+        if (view && this.enabled && this.FloorFilter && ((_a = view === null || view === void 0 ? void 0 : view.map) === null || _a === void 0 ? void 0 : _a.floorInfo)) {
+            if (!this.floorFilterWidget) {
+                this.floorFilterWidget = new this.FloorFilter({
+                    container: this._floorFilterElement,
+                    view
+                });
+                if (this._levelHandle) {
+                    this._levelHandle.remove();
+                }
+                this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
+                    this.levelChanged.emit(level);
+                });
+            }
+            else {
+                this.floorFilterWidget.view = view;
+            }
+        }
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+FloorFilter.style = floorFilterCss;
+
+const mapFullscreenCss = ":host{display:block}";
+
+const MapFullscreen = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.fullscreenStateChange = createEvent(this, "fullscreenStateChange", 7);
+        this.mapView = undefined;
+        this.fullscreenWidget = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Called each time the mapView prop is changed.
+     *
+     * @returns Promise when complete
+     */
+    async mapViewWatchHandler() {
+        await this.mapView.when(async () => {
+            await this._initFullscreenWidget();
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        await this._initModules();
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (h(Host, null, h("div", { class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+    }
+    /**
+     * StencilJS: Called just after the component updates.
+     * It's never called during the first render().
+     */
+    async componentDidUpdate() {
+        await this._initFullscreenWidget();
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        await this._initFullscreenWidget();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [Fullscreen, reactiveUtils] = await loadModules([
+            "esri/widgets/Fullscreen",
+            "esri/core/reactiveUtils"
+        ]);
+        this.Fullscreen = Fullscreen;
+        this.reactiveUtils = reactiveUtils;
+    }
+    /**
+     * Initialize the search widget
+     *
+     * @protected
+     */
+    async _initFullscreenWidget() {
+        if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
+            this.fullscreenWidget = new this.Fullscreen({
+                view: this.mapView
+            });
+            await this.fullscreenWidget.when(() => {
+                if (this._fullscreenStateChangeHandle) {
+                    this._fullscreenStateChangeHandle.remove();
+                }
+                this._fullscreenStateChangeHandle = this.reactiveUtils.watch(() => this.fullscreenWidget.viewModel.state, (state) => this.fullscreenStateChange.emit(state));
+            });
+        }
+        else if (this.fullscreenWidget) {
+            this.fullscreenWidget.view = this.mapView;
+        }
+    }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+MapFullscreen.style = mapFullscreenCss;
+
+const mapLegendCss = ":host{display:block}";
+
+const MapLegend = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.mapView = undefined;
+        this.legendWidget = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    async mapViewWatchHandler() {
+        await this.mapView.when(() => {
+            this._initLegend(this.mapView);
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        return this._initModules();
+    }
+    /**
+     * StencilJS: Renders the component.
+     */
+    render() {
+        return (h(Host, null, h("div", { ref: (el) => { this._legendElement = el; } })));
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        if (this.mapView) {
+            await this.mapViewWatchHandler();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [Legend] = await loadModules([
+            "esri/widgets/Legend"
+        ]);
+        this.Legend = Legend;
+    }
+    /**
+     * Initialize the basemap gallery or reset the current view if it already exists
+     */
+    _initLegend(view) {
+        if (view && this.Legend) {
+            if (!this.legendWidget) {
+                this.legendWidget = new this.Legend({
+                    container: this._legendElement,
+                    view
+                });
+            }
+            else {
+                this.legendWidget.view = view;
+            }
+        }
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+MapLegend.style = mapLegendCss;
+
+const mapSearchCss = ":host{display:block}.search-widget{width:100% !important;border:1px solid var(--calcite-color-border-input)}";
+
+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;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Called each time the searchConfiguration prop is changed.
+     *
+     * @returns Promise when complete
+     */
+    async watchSearchConfigurationHandler() {
+        this._initSearchWidget();
+    }
+    /**
+     * Called each time the mapView prop is changed.
+     *
+     * @returns Promise when complete
+     */
+    async mapViewWatchHandler() {
+        await this.mapView.when(() => {
+            this._initSearchWidget();
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        await this._initModules();
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        return this._initSearchWidget();
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (h(Host, null, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [Search, FeatureLayer] = await loadModules([
+            "esri/widgets/Search",
+            "esri/layers/FeatureLayer"
+        ]);
+        this.Search = Search;
+        this.FeatureLayer = FeatureLayer;
+    }
+    /**
+     * Initialize the search widget
+     *
+     * @protected
+     */
+    _initSearchWidget() {
+        if (this.mapView && this._searchElement && !this.searchWidget) {
+            let searchOptions = {
+                view: this.mapView,
+                container: this._searchElement,
+                searchTerm: this.searchTerm
+            };
+            if (this.searchConfiguration) {
+                const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
+                searchOptions = Object.assign({}, searchConfiguration);
+            }
+            this.searchWidget = new this.Search(searchOptions);
+            this.searchWidget.popupEnabled = this.popupEnabled;
+            this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled;
+        }
+        else {
+            if (this.searchWidget) {
+                this.searchWidget.view = this.mapView;
+            }
+        }
+    }
+    /**
+     * Initialize the search widget based on user defined configuration
+     *
+     * @param searchConfiguration search configuration defined by the user
+     * @param view the current map view
+     *
+     * @protected
+     */
+    _getSearchConfig(searchConfiguration, view) {
+        const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
+        const sources = searchConfiguration.sources;
+        if ((sources === null || sources === void 0 ? void 0 : sources.length) > 0) {
+            searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
+            sources.forEach((source) => {
+                var _a, _b;
+                const isLayerSource = source.hasOwnProperty("layer");
+                if (isLayerSource) {
+                    const layerSource = source;
+                    const layerId = (_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id;
+                    const layerFromMap = layerId ? view.map.findLayerById(layerId) : null;
+                    const layerUrl = (_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url;
+                    if (layerFromMap) {
+                        layerSource.layer = layerFromMap;
+                    }
+                    else if (layerUrl) {
+                        layerSource.layer = new this.FeatureLayer(layerUrl);
+                    }
+                }
+            });
+            sources === null || sources === void 0 ? void 0 : sources.forEach((source) => {
+                const isLocatorSource = source.hasOwnProperty("locator");
+                if (isLocatorSource) {
+                    const locatorSource = source;
+                    if ((locatorSource === null || locatorSource === void 0 ? void 0 : locatorSource.name) === "ArcGIS World Geocoding Service") {
+                        const outFields = locatorSource.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+                        locatorSource.outFields = outFields;
+                        locatorSource.singleLineFieldName = "SingleLine";
+                    }
+                    locatorSource.url = locatorSource.url;
+                    delete locatorSource.url;
+                }
+            });
+        }
+        else {
+            searchConfiguration = Object.assign(Object.assign({}, searchConfiguration), { includeDefaultSources: true });
+        }
+        return searchConfiguration;
+    }
+    static get watchers() { return {
+        "searchConfiguration": ["watchSearchConfigurationHandler"],
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+MapSearch.style = mapSearchCss;
+
+export { BasemapGallery as basemap_gallery, FloorFilter as floor_filter, MapFullscreen as map_fullscreen, MapLegend as map_legend, MapSearch as map_search };

package/dist/esm/{bg-c289978f.js → bg-c0f5033b.js}

@@ -3,24 +3,24 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-63439178.js';
+import { d as dayjs } from './calcite-input-time-picker-2e1b2157.js';
 import './index-7183ce4a.js';
-import './form-9bccaf85.js';
-import './dom-492b1b24.js';
+import './form-133b00c7.js';
+import './dom-8f926f33.js';
 import './guid-36c6c6a5.js';
 import './resources-cdc36705.js';
 import './interactive-20bb1dc4.js';
 import './browser-b4c16201.js';
 import './key-af303047.js';
-import './label-14301f4d.js';
+import './label-cd393c81.js';
 import './component-98bae46b.js';
 import './loadable-c3685e51.js';
-import './locale-8cfa3086.js';
+import './locale-6107ef11.js';
 import './observers-8ce200f2.js';
-import './focusTrapComponent-2e7de651.js';
-import './time-d956a7c8.js';
+import './focusTrapComponent-14368766.js';
+import './time-855b3426.js';
 import './math-cdaf4dc0.js';
-import './t9n-3c5e55ab.js';
+import './t9n-f16911e7.js';
 import './openCloseComponent-982c6b9e.js';
 
 // Bulgarian [bg]

package/dist/esm/{bs-6f9fb44a.js → bs-60479ce5.js}

@@ -3,24 +3,24 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-63439178.js';
+import { d as dayjs } from './calcite-input-time-picker-2e1b2157.js';
 import './index-7183ce4a.js';
-import './form-9bccaf85.js';
-import './dom-492b1b24.js';
+import './form-133b00c7.js';
+import './dom-8f926f33.js';
 import './guid-36c6c6a5.js';
 import './resources-cdc36705.js';
 import './interactive-20bb1dc4.js';
 import './browser-b4c16201.js';
 import './key-af303047.js';
-import './label-14301f4d.js';
+import './label-cd393c81.js';
 import './component-98bae46b.js';
 import './loadable-c3685e51.js';
-import './locale-8cfa3086.js';
+import './locale-6107ef11.js';
 import './observers-8ce200f2.js';
-import './focusTrapComponent-2e7de651.js';
-import './time-d956a7c8.js';
+import './focusTrapComponent-14368766.js';
+import './time-855b3426.js';
 import './math-cdaf4dc0.js';
-import './t9n-3c5e55ab.js';
+import './t9n-f16911e7.js';
 import './openCloseComponent-982c6b9e.js';
 
 // Bosnian [bs]

package/dist/esm/buffer-tools_3.entry.js

@@ -5,9 +5,9 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7183ce4a.js';
 import { l as loadModules } from './loadModules-cea493da.js';
-import { g as getLocaleComponentStrings } from './locale-834c52c6.js';
-import { x as setRequestedIcon } from './dom-492b1b24.js';
-import { f as EDrawMode } from './interfaces-341e3ab3.js';
+import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { x as setRequestedIcon } from './dom-8f926f33.js';
+import { f as EDrawMode } from './interfaces-586e863c.js';
 import { s as state } from './publicNotificationStore-9362d7ae.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';

package/dist/esm/{ca-7962c8b7.js → ca-4317b986.js}

@@ -3,24 +3,24 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-63439178.js';
+import { d as dayjs } from './calcite-input-time-picker-2e1b2157.js';
 import './index-7183ce4a.js';
-import './form-9bccaf85.js';
-import './dom-492b1b24.js';
+import './form-133b00c7.js';
+import './dom-8f926f33.js';
 import './guid-36c6c6a5.js';
 import './resources-cdc36705.js';
 import './interactive-20bb1dc4.js';
 import './browser-b4c16201.js';
 import './key-af303047.js';
-import './label-14301f4d.js';
+import './label-cd393c81.js';
 import './component-98bae46b.js';
 import './loadable-c3685e51.js';
-import './locale-8cfa3086.js';
+import './locale-6107ef11.js';
 import './observers-8ce200f2.js';
-import './focusTrapComponent-2e7de651.js';
-import './time-d956a7c8.js';
+import './focusTrapComponent-14368766.js';
+import './time-855b3426.js';
 import './math-cdaf4dc0.js';
-import './t9n-3c5e55ab.js';
+import './t9n-f16911e7.js';
 import './openCloseComponent-982c6b9e.js';
 
 // Catalan [ca]

package/dist/esm/calcite-accordion-item.entry.js

@@ -5,7 +5,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7183ce4a.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1149b5cb.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-492b1b24.js';
+import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-8f926f33.js';
 import { C as CSS_UTILITY } from './resources-cdc36705.js';
 import { g as getIconScale } from './component-98bae46b.js';
 import './observers-8ce200f2.js';