@arcgis/map-components 4.29.0-beta.7 → 4.29.0-beta.72

package/dist/cjs/arcgis-map.cjs.entry.js

@@ -0,0 +1,543 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+
+const mapCss = ".arcgis-map{padding:0;margin:0;height:100%;width:100%}";
+
+const ArcgisMap = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.arcgisViewReadyChange = index.createEvent(this, "arcgisViewReadyChange", 7);
+        this.arcgisViewChange = index.createEvent(this, "arcgisViewChange", 7);
+        this.arcgisViewClick = index.createEvent(this, "arcgisViewClick", 7);
+        this.arcgisViewDoubleClick = index.createEvent(this, "arcgisViewDoubleClick", 7);
+        this.arcgisViewDrag = index.createEvent(this, "arcgisViewDrag", 7);
+        this.arcgisViewHold = index.createEvent(this, "arcgisViewHold", 7);
+        this.arcgisViewImmediateClick = index.createEvent(this, "arcgisViewImmediateClick", 7);
+        this.arcgisViewImmediateDoubleClick = index.createEvent(this, "arcgisViewImmediateDoubleClick", 7);
+        this.arcgisViewKeyDown = index.createEvent(this, "arcgisViewKeyDown", 7);
+        this.arcgisViewKeyUp = index.createEvent(this, "arcgisViewKeyUp", 7);
+        this.arcgisViewLayerviewCreate = index.createEvent(this, "arcgisViewLayerviewCreate", 7);
+        this.arcgisViewLayerviewCreateError = index.createEvent(this, "arcgisViewLayerviewCreateError", 7);
+        this.arcgisViewLayerviewDestroy = index.createEvent(this, "arcgisViewLayerviewDestroy", 7);
+        this.arcgisViewMouseWheel = index.createEvent(this, "arcgisViewMouseWheel", 7);
+        this.arcgisViewPointerDown = index.createEvent(this, "arcgisViewPointerDown", 7);
+        this.arcgisViewPointerEnter = index.createEvent(this, "arcgisViewPointerEnter", 7);
+        this.arcgisViewPointerLeave = index.createEvent(this, "arcgisViewPointerLeave", 7);
+        this.arcgisViewPointerMove = index.createEvent(this, "arcgisViewPointerMove", 7);
+        this.arcgisViewPointerUp = index.createEvent(this, "arcgisViewPointerUp", 7);
+        this._watchHandles = [];
+        this.allLayerViews = undefined;
+        this.background = undefined;
+        this.basemapView = undefined;
+        this.basemap = undefined;
+        this.center = undefined;
+        this.constraints = undefined;
+        this.destroyDisabled = false;
+        this.extent = undefined;
+        this.fatalError = undefined;
+        this.floors = undefined;
+        this.graphics = undefined;
+        this.highlightOptions = undefined;
+        this.interacting = undefined;
+        this.itemId = undefined;
+        this.layerViews = undefined;
+        this.magnifier = undefined;
+        this.map = undefined;
+        this.navigating = undefined;
+        this.navigation = undefined;
+        this.padding = undefined;
+        this.popup = undefined;
+        this.popupEnabled = undefined;
+        this.ready = undefined;
+        this.resizeAlign = undefined;
+        this.resolution = undefined;
+        this.rotation = undefined;
+        this.scale = undefined;
+        this.spatialReference = undefined;
+        this.stationary = undefined;
+        this.suspended = undefined;
+        this.theme = undefined;
+        this.timeExtent = undefined;
+        this.timeZone = undefined;
+        this.toMap = undefined;
+        this.toScreen = undefined;
+        this.updating = undefined;
+        this.viewpoint = undefined;
+        this.zoom = undefined;
+        this.view = undefined;
+    }
+    backgroundWatcher(value) {
+        if (this.view) {
+            this.background = value;
+        }
+    }
+    basemapWatcher(value) {
+        if (this.view?.map && componentUtils.isNullOrEmptyString(value)) {
+            this.view.map.basemap = value;
+        }
+    }
+    centerWatcher(value) {
+        if (this.view && value && !this.view.center.equals(value)) {
+            this.view.center = value;
+        }
+    }
+    constraintsWatcher(value) {
+        if (this.view) {
+            this.view.constraints = value;
+        }
+    }
+    extentWatcher(value) {
+        if (this.view && value && !this.view.extent.equals(value)) {
+            this.view.extent = value;
+        }
+    }
+    floorsWatcher(value) {
+        if (this.view) {
+            this.view.floors = value;
+        }
+    }
+    graphicsWatcher(value) {
+        if (this.view) {
+            this.view.graphics = value;
+        }
+    }
+    highlightOptionsWatcher(value) {
+        if (this.view) {
+            this.view.highlightOptions = value;
+        }
+    }
+    itemIdWatcher(value, old) {
+        // NOTE: there is an issue when users set the value to undefined.
+        // https://github.com/ionic-team/stencil/issues/2814
+        // If user sets `itemid` to `undefined`, Stencil 2 will log the following warning:
+        // `The state/prop "${propName}" changed during rendering.`
+        // `This can potentially lead to infinite-loops and other bugs.`
+        //
+        // It appears consumer setting the value to null does not cause this warning.
+        // In Stencil 4, if a user sets property to undefined, will trigger change, but
+        // will not remove attribute from DOM.
+        if (value !== old) {
+            if (this.view?.map) {
+                this._updateMap();
+            }
+            else {
+                this._loadMap();
+            }
+        }
+    }
+    mapWatcher(value) {
+        if (this.view) {
+            this.view.map = value;
+        }
+    }
+    navigationWatcher(value) {
+        if (this.view) {
+            this.view.navigation = value;
+        }
+    }
+    paddingWatcher(value) {
+        if (this.view) {
+            this.view.padding = value;
+        }
+    }
+    popupEnabledWatcher(value) {
+        if (value !== undefined && this.view) {
+            this.view.popupEnabled = value;
+        }
+    }
+    resizeAlignWatcher(value) {
+        if (this.view) {
+            this.view.resizeAlign = value;
+        }
+    }
+    rotationWatcher(value) {
+        if (this.view && this.view.rotation !== value) {
+            this.view.rotation = value;
+        }
+    }
+    scaleWatcher(value, old) {
+        if (!this.view?.interacting && value != null && value !== old) {
+            this.view.scale = value;
+        }
+    }
+    spatialReferenceWatcher(value) {
+        if (this.view && value && !this.view.spatialReference.equals(value)) {
+            this.view.spatialReference = value;
+        }
+    }
+    themeWatcher(value) {
+        if (this.view) {
+            this.view.theme = value;
+        }
+    }
+    timeExtentWatcher(value) {
+        if (this.view) {
+            this.view.timeExtent = value;
+        }
+    }
+    timeZoneWatcher(value) {
+        if (this.view) {
+            this.view.timeZone = value;
+        }
+    }
+    viewpointWatcher(value) {
+        if (this.view && componentUtils.isNotSameViewpoint(this.view.viewpoint, value)) {
+            this.view.viewpoint = value;
+        }
+    }
+    zoomWatcher(value, old) {
+        if (!this.view?.interacting && value != null && value !== old) {
+            this.view.zoom = value;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async closePopup() {
+        this.view?.closePopup();
+    }
+    async destroy() {
+        if (this.destroyDisabled) {
+            this._clearWatchHandles();
+            this.view.destroy();
+        }
+    }
+    async goTo(target, options) {
+        return await this.view?.goTo(target, options);
+    }
+    async hitTest(screenPoint, options) {
+        return await this.view?.hitTest(screenPoint, options);
+    }
+    async openPopup(options) {
+        return await this.view?.openPopup(options);
+    }
+    async takeScreenshot(options) {
+        return await this.view?.takeScreenshot(options);
+    }
+    async tryFatalErrorRecovery() {
+        this.view?.tryFatalErrorRecovery();
+    }
+    async whenLayerView(layer) {
+        return await this.view?.whenLayerView(layer);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async connectedCallback() {
+        this.view = await index$1.newViewsMapView({});
+    }
+    async componentWillLoad() {
+        await this._loadMap();
+    }
+    componentDidRender() {
+        if (this.view && !this.view.container) {
+            this.view.container = this.el;
+        }
+    }
+    componentDidLoad() {
+        this._proxyEvents();
+    }
+    disconnectedCallback() {
+        this.destroy();
+    }
+    render() {
+        return index.h("div", { class: "arcgis-map", ref: (el) => (this.el = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _clearWatchHandles() {
+        this._watchHandles.forEach((handle) => handle.remove());
+        this._watchHandles = [];
+    }
+    async _addWatchers() {
+        const { watch, when } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, [
+            // watch for ready and emit arcgisViewReadyChange event
+            watch(() => this.view.ready, () => {
+                this.ready = this.view.ready;
+                this.arcgisViewReadyChange.emit();
+            }, {
+                initial: true
+            }),
+            // watch for stationary and emit arcgisViewChange event
+            watch(() => this.view.stationary, () => {
+                this.stationary = this.view.stationary;
+                this.interacting = this.view.interacting;
+                this.navigating = this.view.navigating;
+                this.arcgisViewChange.emit();
+            }, {
+                initial: true
+            }),
+            // when view stationary is true, update these props:
+            // zoom, scale, center, rotation, extent, camera, viewpoint
+            when(() => this.view.stationary, () => {
+                this.center = this.view.center;
+                this.extent = this.view.extent;
+                this.scale = this.view.scale;
+                this.viewpoint = this.view.viewpoint;
+                this.zoom = this.view.zoom;
+                this.spatialReference = this.view.spatialReference;
+            }),
+            // watchers for other props to update component
+            watch(() => this.view.allLayerViews, () => {
+                this.allLayerViews = this.view.allLayerViews;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.map?.basemap, () => {
+                this.basemap = this.view.map?.basemap;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.fatalError, () => {
+                this.fatalError = this.view.fatalError;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.graphics, () => {
+                this.graphics = this.view.graphics;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.layerViews, () => {
+                this.layerViews = this.view.layerViews;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.navigation, () => {
+                this.navigation = this.view.navigation;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.map, () => {
+                this.map = this.view.map;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.popup, () => {
+                this.popup = this.view.popup;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.resolution, () => {
+                this.resolution = this.view.resolution;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.rotation, () => {
+                this.rotation = this.view.rotation;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.suspended, () => {
+                this.suspended = this.view.suspended;
+            }, {
+                initial: true
+            }),
+            watch(() => this.view.updating, () => {
+                this.updating = this.view.updating;
+            }, {
+                initial: true
+            })
+        ]);
+    }
+    async _createMap() {
+        const mapParams = {};
+        if (this.itemId) {
+            mapParams.portalItem = this._createPortalItem();
+        }
+        if (this.basemap) {
+            mapParams.basemap = this.basemap;
+        }
+        else if (componentUtils.isNullOrEmptyString(this.itemId)) {
+            mapParams.basemap = "topo-vector";
+        }
+        const map = await index$1.newWebMap(mapParams);
+        return map;
+    }
+    _createPortalItem() {
+        const item = {};
+        if (this.itemId) {
+            item.id = this.itemId;
+        }
+        return item;
+    }
+    _createViewParams() {
+        const params = {};
+        if (this.background) {
+            params.background = this.background;
+        }
+        if (this.center) {
+            if (typeof this.center === "string") {
+                params.center = this.center.split(",").map((x) => Number(x));
+            }
+            else {
+                params.center = this.center;
+            }
+        }
+        if (this.constraints) {
+            params.constraints = this.constraints;
+        }
+        if (this.extent) {
+            params.extent = this.extent;
+        }
+        if (this.floors) {
+            params.floors = this.floors;
+        }
+        if (this.highlightOptions) {
+            params.highlightOptions = this.highlightOptions;
+        }
+        if (this.map) {
+            params.map = this.map;
+        }
+        if (this.navigation) {
+            params.navigation = this.navigation;
+        }
+        if (this.popupEnabled !== undefined) {
+            params.popupEnabled = this.popupEnabled;
+        }
+        if (this.rotation !== undefined) {
+            params.rotation = this.rotation;
+        }
+        if (this.scale !== undefined) {
+            params.scale = this.scale;
+        }
+        if (this.spatialReference) {
+            params.spatialReference = this.spatialReference;
+        }
+        if (this.theme) {
+            params.theme = this.theme;
+        }
+        if (this.timeExtent) {
+            params.timeExtent = this.timeExtent;
+        }
+        if (this.timeZone) {
+            params.timeZone = this.timeZone;
+        }
+        if (this.viewpoint) {
+            params.viewpoint = this.viewpoint;
+        }
+        if (this.zoom !== undefined) {
+            params.zoom = this.zoom;
+        }
+        return params;
+    }
+    async _loadMap() {
+        this.map || (this.map = await this._createMap());
+        const params = this._createViewParams();
+        const view = await index$1.newViewsMapView({
+            ...params
+        });
+        this.view = view;
+        view.when(async () => {
+            // proxy view functions
+            this.toMap = view.toMap.bind(view);
+            this.toScreen = view.toScreen.bind(view);
+            await this._addWatchers();
+        });
+    }
+    _proxyEvents() {
+        componentUtils.addHandles(this, [
+            this.view.on("click", (event) => {
+                this.arcgisViewClick.emit(event);
+            }),
+            this.view.on("double-click", (event) => {
+                this.arcgisViewDoubleClick.emit(event);
+            }),
+            this.view.on("drag", (event) => {
+                this.arcgisViewDrag.emit(event);
+            }),
+            this.view.on("hold", (event) => {
+                this.arcgisViewHold.emit(event);
+            }),
+            this.view.on("immediate-click", (event) => {
+                this.arcgisViewImmediateClick.emit(event);
+            }),
+            this.view.on("immediate-double-click", (event) => {
+                this.arcgisViewImmediateDoubleClick.emit(event);
+            }),
+            this.view.on("key-down", (event) => {
+                this.arcgisViewKeyDown.emit(event);
+            }),
+            this.view.on("key-up", (event) => {
+                this.arcgisViewKeyUp.emit(event);
+            }),
+            this.view.on("layerview-create", (event) => {
+                this.arcgisViewLayerviewCreate.emit(event);
+            }),
+            this.view.on("layerview-create-error", (event) => {
+                this.arcgisViewLayerviewCreateError.emit(event);
+            }),
+            this.view.on("layerview-destroy", (event) => {
+                this.arcgisViewLayerviewDestroy.emit(event);
+            }),
+            this.view.on("mouse-wheel", (event) => {
+                this.arcgisViewMouseWheel.emit(event);
+            }),
+            this.view.on("pointer-down", (event) => {
+                this.arcgisViewPointerDown.emit(event);
+            }),
+            this.view.on("pointer-enter", (event) => {
+                this.arcgisViewPointerEnter.emit(event);
+            }),
+            this.view.on("pointer-leave", (event) => {
+                this.arcgisViewPointerLeave.emit(event);
+            }),
+            this.view.on("pointer-move", (event) => {
+                this.arcgisViewPointerMove.emit(event);
+            }),
+            this.view.on("pointer-up", (event) => {
+                this.arcgisViewPointerUp.emit(event);
+            })
+        ]);
+    }
+    async _updateMap() {
+        if (this.view?.map) {
+            this.view.map.destroy();
+            const map = await this._createMap();
+            this.view.map = map;
+        }
+    }
+    get _hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "background": ["backgroundWatcher"],
+        "basemap": ["basemapWatcher"],
+        "center": ["centerWatcher"],
+        "constraints": ["constraintsWatcher"],
+        "extent": ["extentWatcher"],
+        "floors": ["floorsWatcher"],
+        "graphics": ["graphicsWatcher"],
+        "highlightOptions": ["highlightOptionsWatcher"],
+        "itemId": ["itemIdWatcher"],
+        "map": ["mapWatcher"],
+        "navigation": ["navigationWatcher"],
+        "padding": ["paddingWatcher"],
+        "popupEnabled": ["popupEnabledWatcher"],
+        "resizeAlign": ["resizeAlignWatcher"],
+        "rotation": ["rotationWatcher"],
+        "scale": ["scaleWatcher"],
+        "spatialReference": ["spatialReferenceWatcher"],
+        "theme": ["themeWatcher"],
+        "timeExtent": ["timeExtentWatcher"],
+        "timeZone": ["timeZoneWatcher"],
+        "viewpoint": ["viewpointWatcher"],
+        "zoom": ["zoomWatcher"]
+    }; }
+};
+ArcgisMap.style = mapCss;
+
+exports.arcgis_map = ArcgisMap;
+
+//# sourceMappingURL=arcgis-map.cjs.entry.js.map

package/dist/cjs/arcgis-map.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-map.entry.cjs.js","mappings":"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","names":["isNullOrEmptyString","isNotSameViewpoint","newViewsMapView","h","importCoreReactiveUtils","addHandles","newWebMap"],"sources":["src/components/map/map.css?tag=arcgis-map","src/components/map/map.tsx"],"sourcesContent":[".arcgis-map {\n  padding: 0;\n  margin: 0;\n  height: 100%;\n  width: 100%;\n}\n","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, h, Method, Prop, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newViewsMapView, newWebMap } from \"@arcgis/core-adapter\";\nimport type WebMap from \"@arcgis/core/WebMap\";\nimport type { ViewElement } from \"../../utils/component-utils\";\nimport { addHandles, isNotSameViewpoint, isNullOrEmptyString } from \"../../utils/component-utils\";\nimport type { ArcGISMapView } from \"../types\";\n\nexport type ArcGISWebMap = InstanceType<typeof WebMap>;\n\n@Component({\n  tag: \"arcgis-map\",\n  styleUrl: \"map.css\",\n  shadow: false\n})\nexport class ArcgisMap implements ViewElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  el: HTMLDivElement;\n\n  @Element() _hostElement!: HTMLArcgisMapElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n  @Prop({ mutable: true }) allLayerViews: ArcGISMapView[\"allLayerViews\"];\n\n  @Prop({ mutable: true }) background: ArcGISMapView[\"background\"];\n\n  @Watch(\"background\")\n  backgroundWatcher(value: ArcGISMapView[\"background\"]): void {\n    if (this.view) {\n      this.background = value;\n    }\n  }\n\n  @Prop({ mutable: true }) basemapView: ArcGISMapView[\"basemapView\"];\n\n  @Prop({ mutable: true }) basemap: ArcGISWebMap[\"basemap\"];\n\n  @Watch(\"basemap\")\n  basemapWatcher(value: string): void {\n    if (this.view?.map && isNullOrEmptyString(value)) {\n      this.view.map.basemap = value as any;\n    }\n  }\n\n  @Prop({ mutable: true }) center: ArcGISMapView[\"center\"] | string;\n\n  @Watch(\"center\")\n  centerWatcher(value: ArcGISMapView[\"center\"]): void {\n    if (this.view && value && !this.view.center.equals(value)) {\n      this.view.center = value;\n    }\n  }\n\n  @Prop() constraints: ArcGISMapView[\"constraints\"];\n\n  @Watch(\"constraints\")\n  constraintsWatcher(value: ArcGISMapView[\"constraints\"]): void {\n    if (this.view) {\n      this.view.constraints = value;\n    }\n  }\n\n  @Prop() destroyDisabled = false;\n\n  @Prop({ mutable: true }) extent: ArcGISMapView[\"extent\"];\n\n  @Watch(\"extent\")\n  extentWatcher(value: ArcGISMapView[\"extent\"]): void {\n    if (this.view && value && !this.view.extent.equals(value)) {\n      this.view.extent = value;\n    }\n  }\n\n  @Prop({ mutable: true }) fatalError: ArcGISMapView[\"fatalError\"];\n\n  @Prop() floors: ArcGISMapView[\"floors\"];\n\n  @Watch(\"floors\")\n  floorsWatcher(value: ArcGISMapView[\"floors\"]): void {\n    if (this.view) {\n      this.view.floors = value;\n    }\n  }\n\n  @Prop({ mutable: true }) graphics: ArcGISMapView[\"graphics\"];\n\n  @Watch(\"graphics\")\n  graphicsWatcher(value: ArcGISMapView[\"graphics\"]): void {\n    if (this.view) {\n      this.view.graphics = value;\n    }\n  }\n\n  @Prop() highlightOptions: ArcGISMapView[\"highlightOptions\"];\n\n  @Watch(\"highlightOptions\")\n  highlightOptionsWatcher(value: ArcGISMapView[\"highlightOptions\"]): void {\n    if (this.view) {\n      this.view.highlightOptions = value;\n    }\n  }\n\n  @Prop({ mutable: true }) interacting: ArcGISMapView[\"interacting\"];\n\n  @Prop({ mutable: true, reflect: true }) itemId: string;\n\n  @Watch(\"itemId\")\n  itemIdWatcher(value: string, old: string): void {\n    // NOTE: there is an issue when users set the value to undefined.\n    // https://github.com/ionic-team/stencil/issues/2814\n    // If user sets `itemid` to `undefined`, Stencil 2 will log the following warning:\n    // `The state/prop \"${propName}\" changed during rendering.`\n    // `This can potentially lead to infinite-loops and other bugs.`\n    //\n    // It appears consumer setting the value to null does not cause this warning.\n    // In Stencil 4, if a user sets property to undefined, will trigger change, but\n    // will not remove attribute from DOM.\n    if (value !== old) {\n      if (this.view?.map) {\n        this._updateMap();\n      } else {\n        this._loadMap();\n      }\n    }\n  }\n\n  @Prop({ mutable: true }) layerViews: ArcGISMapView[\"layerViews\"];\n\n  @Prop({ mutable: true }) magnifier: ArcGISMapView[\"magnifier\"];\n\n  @Prop({ mutable: true }) map: ArcGISWebMap;\n\n  @Watch(\"map\")\n  mapWatcher(value: ArcGISWebMap): void {\n    if (this.view) {\n      this.view.map = value;\n    }\n  }\n\n  @Prop({ mutable: true }) navigating: ArcGISMapView[\"navigating\"];\n\n  @Prop({ mutable: true }) navigation: ArcGISMapView[\"navigation\"];\n\n  @Watch(\"navigation\")\n  navigationWatcher(value: ArcGISMapView[\"navigation\"]): void {\n    if (this.view) {\n      this.view.navigation = value;\n    }\n  }\n\n  @Prop() padding: ArcGISMapView[\"padding\"];\n\n  @Watch(\"padding\")\n  paddingWatcher(value: ArcGISMapView[\"padding\"]): void {\n    if (this.view) {\n      this.view.padding = value;\n    }\n  }\n\n  @Prop({ mutable: true }) popup: ArcGISMapView[\"popup\"];\n\n  @Prop() popupEnabled: ArcGISMapView[\"popupEnabled\"];\n\n  @Watch(\"popupEnabled\")\n  popupEnabledWatcher(value: ArcGISMapView[\"popupEnabled\"]): void {\n    if (value !== undefined && this.view) {\n      this.view.popupEnabled = value;\n    }\n  }\n\n  @Prop({ mutable: true }) ready: ArcGISMapView[\"ready\"];\n\n  @Prop() resizeAlign: ArcGISMapView[\"resizeAlign\"];\n\n  @Watch(\"resizeAlign\")\n  resizeAlignWatcher(value: ArcGISMapView[\"resizeAlign\"]): void {\n    if (this.view) {\n      this.view.resizeAlign = value;\n    }\n  }\n\n  @Prop({ mutable: true }) resolution: ArcGISMapView[\"resolution\"];\n\n  @Prop({ mutable: true }) rotation: ArcGISMapView[\"rotation\"];\n\n  @Watch(\"rotation\")\n  rotationWatcher(value: ArcGISMapView[\"rotation\"]): void {\n    if (this.view && this.view.rotation !== value) {\n      this.view.rotation = value;\n    }\n  }\n\n  @Prop({ mutable: true }) scale: number;\n\n  @Watch(\"scale\")\n  scaleWatcher(value: number, old: number): void {\n    if (!this.view?.interacting && value != null && value !== old) {\n      this.view.scale = value;\n    }\n  }\n\n  @Prop({ mutable: true }) spatialReference: ArcGISMapView[\"spatialReference\"];\n\n  @Watch(\"spatialReference\")\n  spatialReferenceWatcher(value: ArcGISMapView[\"spatialReference\"]): void {\n    if (this.view && value && !this.view.spatialReference.equals(value)) {\n      this.view.spatialReference = value;\n    }\n  }\n\n  @Prop({ mutable: true }) stationary: ArcGISMapView[\"stationary\"];\n\n  @Prop({ mutable: true, reflect: true }) suspended: ArcGISMapView[\"suspended\"];\n\n  @Prop() theme: ArcGISMapView[\"theme\"];\n\n  @Watch(\"theme\")\n  themeWatcher(value: ArcGISMapView[\"theme\"]): void {\n    if (this.view) {\n      this.view.theme = value;\n    }\n  }\n\n  @Prop() timeExtent: ArcGISMapView[\"timeExtent\"];\n\n  @Watch(\"timeExtent\")\n  timeExtentWatcher(value: ArcGISMapView[\"timeExtent\"]): void {\n    if (this.view) {\n      this.view.timeExtent = value;\n    }\n  }\n\n  @Prop() timeZone: ArcGISMapView[\"timeZone\"];\n\n  @Watch(\"timeZone\")\n  timeZoneWatcher(value: ArcGISMapView[\"timeZone\"]): void {\n    if (this.view) {\n      this.view.timeZone = value;\n    }\n  }\n\n  // Start functions as properties\n\n  @Prop({ mutable: true }) toMap: ArcGISMapView[\"toMap\"];\n\n  @Prop({ mutable: true }) toScreen: ArcGISMapView[\"toScreen\"];\n\n  // End functions as properties\n\n  @Prop({ mutable: true, reflect: true }) updating: ArcGISMapView[\"updating\"];\n\n  @Prop({ mutable: true }) viewpoint: ArcGISMapView[\"viewpoint\"];\n\n  @Watch(\"viewpoint\")\n  viewpointWatcher(value: ArcGISMapView[\"viewpoint\"]): void {\n    if (this.view && isNotSameViewpoint(this.view.viewpoint, value)) {\n      this.view.viewpoint = value;\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) zoom: number;\n\n  @Watch(\"zoom\")\n  zoomWatcher(value: number, old: number): void {\n    if (!this.view?.interacting && value != null && value !== old) {\n      this.view.zoom = value;\n    }\n  }\n\n  /**\n   * Internal view of the component.\n   */\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) arcgisViewReadyChange!: EventEmitter;\n  @Event({ cancelable: true }) arcgisViewChange!: EventEmitter;\n\n  // proxy view events\n  @Event({ cancelable: true }) arcgisViewClick!: EventEmitter<__esri.ViewClickEvent>;\n  @Event({ cancelable: true }) arcgisViewDoubleClick!: EventEmitter<__esri.ViewDoubleClickEvent>;\n  @Event({ cancelable: true }) arcgisViewDrag!: EventEmitter<__esri.ViewDragEvent>;\n  @Event({ cancelable: true }) arcgisViewHold!: EventEmitter<__esri.ViewHoldEvent>;\n  @Event({ cancelable: true }) arcgisViewImmediateClick!: EventEmitter<__esri.ViewImmediateClickEvent>;\n  @Event({ cancelable: true }) arcgisViewImmediateDoubleClick!: EventEmitter<__esri.ViewImmediateDoubleClickEvent>;\n  @Event({ cancelable: true }) arcgisViewKeyDown!: EventEmitter<__esri.ViewKeyDownEvent>;\n  @Event({ cancelable: true }) arcgisViewKeyUp!: EventEmitter<__esri.ViewKeyUpEvent>;\n  @Event({ cancelable: true }) arcgisViewLayerviewCreate!: EventEmitter<__esri.ViewLayerviewCreateEvent>;\n  @Event({ cancelable: true }) arcgisViewLayerviewCreateError!: EventEmitter<__esri.ViewLayerviewCreateErrorEvent>;\n  @Event({ cancelable: true }) arcgisViewLayerviewDestroy!: EventEmitter<__esri.ViewLayerviewDestroyEvent>;\n  @Event({ cancelable: true }) arcgisViewMouseWheel!: EventEmitter<__esri.ViewMouseWheelEvent>;\n  @Event({ cancelable: true }) arcgisViewPointerDown!: EventEmitter<__esri.ViewPointerDownEvent>;\n  @Event({ cancelable: true }) arcgisViewPointerEnter!: EventEmitter<__esri.ViewPointerEnterEvent>;\n  @Event({ cancelable: true }) arcgisViewPointerLeave!: EventEmitter<__esri.ViewPointerLeaveEvent>;\n  @Event({ cancelable: true }) arcgisViewPointerMove!: EventEmitter<__esri.ViewPointerMoveEvent>;\n  @Event({ cancelable: true }) arcgisViewPointerUp!: EventEmitter<__esri.ViewPointerUpEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async closePopup(): Promise<void> {\n    this.view?.closePopup();\n  }\n\n  @Method()\n  async destroy(): Promise<void> {\n    if (this.destroyDisabled) {\n      this._clearWatchHandles();\n      this.view.destroy();\n    }\n  }\n\n  @Method()\n  async goTo(target: __esri.GoToTarget2D, options?: __esri.GoToOptions2D): Promise<void> {\n    return await this.view?.goTo(target, options);\n  }\n\n  @Method()\n  async hitTest(screenPoint: __esri.ScreenPoint, options?: Record<string, any>): Promise<__esri.HitTestResult> {\n    return await this.view?.hitTest(screenPoint, options);\n  }\n\n  @Method()\n  async openPopup(options?: Record<string, any>): Promise<void> {\n    return await this.view?.openPopup(options);\n  }\n\n  @Method()\n  async takeScreenshot(options?: Record<string, any>): Promise<__esri.Screenshot> {\n    return await this.view?.takeScreenshot(options);\n  }\n\n  @Method()\n  async tryFatalErrorRecovery(): Promise<void> {\n    this.view?.tryFatalErrorRecovery();\n  }\n\n  @Method()\n  async whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView> {\n    return await this.view?.whenLayerView(layer);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    this.view = await newViewsMapView({});\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await this._loadMap();\n  }\n\n  componentDidRender(): void {\n    if (this.view && !this.view.container) {\n      this.view.container = this.el;\n    }\n  }\n\n  componentDidLoad(): void {\n    this._proxyEvents();\n  }\n\n  disconnectedCallback(): void {\n    this.destroy();\n  }\n\n  render(): VNode {\n    return <div class=\"arcgis-map\" ref={(el) => (this.el = el!)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _clearWatchHandles(): void {\n    this._watchHandles.forEach((handle) => handle.remove());\n    this._watchHandles = [];\n  }\n\n  private async _addWatchers() {\n    const { watch, when } = await importCoreReactiveUtils();\n    addHandles(this, [\n      // watch for ready and emit arcgisViewReadyChange event\n      watch(\n        () => this.view.ready,\n        () => {\n          this.ready = this.view.ready;\n          this.arcgisViewReadyChange.emit();\n        },\n        {\n          initial: true\n        }\n      ),\n      // watch for stationary and emit arcgisViewChange event\n      watch(\n        () => this.view.stationary,\n        () => {\n          this.stationary = this.view.stationary;\n          this.interacting = this.view.interacting;\n          this.navigating = this.view.navigating;\n          this.arcgisViewChange.emit();\n        },\n        {\n          initial: true\n        }\n      ),\n      // when view stationary is true, update these props:\n      // zoom, scale, center, rotation, extent, camera, viewpoint\n      when(\n        () => this.view.stationary,\n        () => {\n          this.center = this.view.center;\n          this.extent = this.view.extent;\n          this.scale = this.view.scale;\n          this.viewpoint = this.view.viewpoint;\n          this.zoom = this.view.zoom;\n          this.spatialReference = this.view.spatialReference;\n        }\n      ),\n      // watchers for other props to update component\n      watch(\n        () => this.view.allLayerViews,\n        () => {\n          this.allLayerViews = this.view.allLayerViews;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.map?.basemap,\n        () => {\n          this.basemap = this.view.map?.basemap as any;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.fatalError,\n        () => {\n          this.fatalError = this.view.fatalError;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.graphics,\n        () => {\n          this.graphics = this.view.graphics;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.layerViews,\n        () => {\n          this.layerViews = this.view.layerViews;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.navigation,\n        () => {\n          this.navigation = this.view.navigation;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.map,\n        () => {\n          this.map = this.view.map as __esri.WebMap;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.popup,\n        () => {\n          this.popup = this.view.popup;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.resolution,\n        () => {\n          this.resolution = this.view.resolution;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.rotation,\n        () => {\n          this.rotation = this.view.rotation;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.suspended,\n        () => {\n          this.suspended = this.view.suspended;\n        },\n        {\n          initial: true\n        }\n      ),\n      watch(\n        () => this.view.updating,\n        () => {\n          this.updating = this.view.updating;\n        },\n        {\n          initial: true\n        }\n      )\n    ]);\n  }\n\n  private async _createMap(): Promise<__esri.WebMap> {\n    const mapParams: __esri.WebMapProperties = {};\n\n    if (this.itemId) {\n      mapParams.portalItem = this._createPortalItem() as any;\n    }\n\n    if (this.basemap) {\n      mapParams.basemap = this.basemap as any;\n    } else if (isNullOrEmptyString(this.itemId)) {\n      mapParams.basemap = \"topo-vector\" as any;\n    }\n\n    const map = await newWebMap(mapParams);\n    return map;\n  }\n\n  private _createPortalItem(): Partial<__esri.PortalItemProperties> {\n    const item: Partial<__esri.PortalItemProperties> = {};\n\n    if (this.itemId) {\n      item.id = this.itemId;\n    }\n\n    return item;\n  }\n\n  private _createViewParams(): Partial<__esri.MapViewProperties> {\n    const params: Partial<__esri.MapViewProperties> = {};\n\n    if (this.background) {\n      params.background = this.background;\n    }\n\n    if (this.center) {\n      if (typeof this.center === \"string\") {\n        params.center = this.center.split(\",\").map((x) => Number(x));\n      } else {\n        params.center = this.center;\n      }\n    }\n\n    if (this.constraints) {\n      params.constraints = this.constraints;\n    }\n\n    if (this.extent) {\n      params.extent = this.extent;\n    }\n\n    if (this.floors) {\n      params.floors = this.floors;\n    }\n\n    if (this.highlightOptions) {\n      params.highlightOptions = this.highlightOptions;\n    }\n\n    if (this.map) {\n      params.map = this.map;\n    }\n\n    if (this.navigation) {\n      params.navigation = this.navigation;\n    }\n\n    if (this.popupEnabled !== undefined) {\n      params.popupEnabled = this.popupEnabled;\n    }\n\n    if (this.rotation !== undefined) {\n      params.rotation = this.rotation;\n    }\n\n    if (this.scale !== undefined) {\n      params.scale = this.scale;\n    }\n\n    if (this.spatialReference) {\n      params.spatialReference = this.spatialReference;\n    }\n\n    if (this.theme) {\n      params.theme = this.theme;\n    }\n\n    if (this.timeExtent) {\n      params.timeExtent = this.timeExtent;\n    }\n\n    if (this.timeZone) {\n      params.timeZone = this.timeZone;\n    }\n\n    if (this.viewpoint) {\n      params.viewpoint = this.viewpoint;\n    }\n\n    if (this.zoom !== undefined) {\n      params.zoom = this.zoom;\n    }\n\n    return params;\n  }\n\n  private async _loadMap(): Promise<void> {\n    this.map ||= await this._createMap();\n\n    const params = this._createViewParams();\n\n    const view = await newViewsMapView({\n      ...params\n    });\n\n    this.view = view;\n\n    view.when(async () => {\n      // proxy view functions\n      this.toMap = view.toMap.bind(view);\n      this.toScreen = view.toScreen.bind(view);\n      await this._addWatchers();\n    });\n  }\n\n  private _proxyEvents(): void {\n    addHandles(this, [\n      this.view.on(\"click\", (event) => {\n        this.arcgisViewClick.emit(event);\n      }),\n      this.view.on(\"double-click\", (event) => {\n        this.arcgisViewDoubleClick.emit(event);\n      }),\n      this.view.on(\"drag\", (event) => {\n        this.arcgisViewDrag.emit(event);\n      }),\n      this.view.on(\"hold\", (event) => {\n        this.arcgisViewHold.emit(event);\n      }),\n      this.view.on(\"immediate-click\", (event) => {\n        this.arcgisViewImmediateClick.emit(event);\n      }),\n      this.view.on(\"immediate-double-click\", (event) => {\n        this.arcgisViewImmediateDoubleClick.emit(event);\n      }),\n      this.view.on(\"key-down\", (event) => {\n        this.arcgisViewKeyDown.emit(event);\n      }),\n      this.view.on(\"key-up\", (event) => {\n        this.arcgisViewKeyUp.emit(event);\n      }),\n      this.view.on(\"layerview-create\", (event) => {\n        this.arcgisViewLayerviewCreate.emit(event);\n      }),\n      this.view.on(\"layerview-create-error\", (event) => {\n        this.arcgisViewLayerviewCreateError.emit(event);\n      }),\n      this.view.on(\"layerview-destroy\", (event) => {\n        this.arcgisViewLayerviewDestroy.emit(event);\n      }),\n      this.view.on(\"mouse-wheel\", (event) => {\n        this.arcgisViewMouseWheel.emit(event);\n      }),\n      this.view.on(\"pointer-down\", (event) => {\n        this.arcgisViewPointerDown.emit(event);\n      }),\n      this.view.on(\"pointer-enter\", (event) => {\n        this.arcgisViewPointerEnter.emit(event);\n      }),\n      this.view.on(\"pointer-leave\", (event) => {\n        this.arcgisViewPointerLeave.emit(event);\n      }),\n      this.view.on(\"pointer-move\", (event) => {\n        this.arcgisViewPointerMove.emit(event);\n      }),\n      this.view.on(\"pointer-up\", (event) => {\n        this.arcgisViewPointerUp.emit(event);\n      })\n    ]);\n  }\n\n  private async _updateMap(): Promise<void> {\n    if (this.view?.map) {\n      this.view.map.destroy();\n      const map = await this._createMap();\n      this.view.map = map;\n    }\n  }\n}\n"],"version":3}