@esri/solutions-components 0.7.22 → 0.7.24

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

@@ -0,0 +1,573 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b8a649fc.js');
+const loadModules = require('./loadModules-46d14e81.js');
+require('./esri-loader-a91c0ec1.js');
+require('./_commonjsHelpers-384729db.js');
+
+const basemapGalleryCss = ":host{display:block}";
+
+const BasemapGallery = class {
+    constructor(hostRef) {
+        index.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 (index.h(index.Host, null, index.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.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 index.getElement(this); }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+BasemapGallery.style = basemapGalleryCss;
+
+const floorFilterCss = ":host{display:block}";
+
+const FloorFilter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.levelChanged = index.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 (index.h(index.Host, null, index.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.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 index.getElement(this); }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+};
+FloorFilter.style = floorFilterCss;
+
+const mapFullscreenCss = ":host{display:block}";
+
+const MapFullscreen = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.fullscreenStateChange = index.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 (index.h(index.Host, null, index.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.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) {
+        index.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 (index.h(index.Host, null, index.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.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 index.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) {
+        index.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 (index.h(index.Host, null, index.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.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;
+
+exports.basemap_gallery = BasemapGallery;
+exports.floor_filter = FloorFilter;
+exports.map_fullscreen = MapFullscreen;
+exports.map_legend = MapLegend;
+exports.map_search = MapSearch;

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b8a649fc.js');
 const loadModules = require('./loadModules-46d14e81.js');
-const locale = require('./locale-9db09b63.js');
+const locale = require('./locale-1ff119f5.js');
 const dom = require('./dom-e111eaa6.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
 const publicNotificationStore = require('./publicNotificationStore-3a17c2f4.js');