@esri/solutions-components 0.7.24 → 0.7.25

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

@@ -1,573 +0,0 @@
-/*!
- * 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/loadModules-46d14e81.js

@@ -1,30 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const esriLoader = require('./esri-loader-a91c0ec1.js');
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const loadModules = async (moduleNames, options) => {
-    const mods = await esriLoader.esriLoader.loadModules(moduleNames, options);
-    return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));
-};
-
-exports.loadModules = loadModules;