@arcgis/map-components 4.29.0-beta.4 → 4.29.0-beta.41

package/dist/cjs/arcgis-basemap-gallery_3.cjs.entry.js

@@ -0,0 +1,509 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
+const mappingUtils = require('./mapping-utils-2c2f871e.js');
+
+const basemapGalleryCss = "";
+
+const ArcgisBasemapGallery = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
+    this.referenceElement = undefined;
+    this.activeBasemap = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.source = undefined;
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  sourceWatcher(newValue) {
+    if (this.widget) {
+      this.widget.source = newValue;
+    }
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsBasemapGallery(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit({ widget: this.widget });
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.importCoreReactiveUtils();
+    componentUtils.addHandles(this, watch(() => this.widget.source, () => (this.source = this.widget.source), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap), {
+      initial: true
+    }));
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "source": ["sourceWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisBasemapGallery.style = basemapGalleryCss;
+
+const expandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-ui-background)}";
+
+const ArcgisExpand = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
+    this.autoCollapse = false;
+    this.closeOnEsc = true;
+    this.collapseIcon = undefined;
+    this.collapseTooltip = undefined;
+    this.expanded = false;
+    this.expandIcon = undefined;
+    this.expandTooltip = undefined;
+    this.group = undefined;
+    this.iconNumber = undefined;
+    this.mode = "auto";
+    this.referenceElement = undefined;
+    this.position = "top-right";
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  autoCollapseWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.autoCollapse = newValue;
+    }
+  }
+  closeOnEscWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.closeOnEsc = newValue;
+    }
+  }
+  collapseIconWatcher(newValue) {
+    if (this.widget) {
+      this.widget.collapseIcon = newValue;
+      this.widget.collapseIconClass = newValue;
+    }
+  }
+  collapseTooltipWatcher(newValue) {
+    if (this.widget) {
+      this.widget.collapseTooltip = newValue;
+    }
+  }
+  expandedWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.expanded = newValue;
+    }
+  }
+  expandIconWatcher(newValue) {
+    if (this.widget) {
+      this.widget.expandIcon = newValue;
+      this.widget.expandIconClass = newValue;
+    }
+  }
+  expandTooltipWatcher(newValue) {
+    if (this.widget) {
+      this.widget.expandTooltip = newValue;
+    }
+  }
+  groupWatcher(newValue) {
+    if (this.widget) {
+      this.widget.group = newValue;
+    }
+  }
+  iconNumberWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.iconNumber = newValue;
+    }
+  }
+  modeWatcher(newValue) {
+    if (this.widget) {
+      this.widget.mode = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async collapse() {
+    return this.widget?.collapse();
+  }
+  async expand() {
+    return this.widget?.expand();
+  }
+  async toggle() {
+    return this.widget?.toggle();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsExpand(params);
+    this.widget = widget;
+    this._checkForView();
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Internal Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.autoCollapse !== undefined) {
+      params.autoCollapse = this.autoCollapse;
+    }
+    if (this.closeOnEsc !== undefined) {
+      params.closeOnEsc = this.closeOnEsc;
+    }
+    if (this.collapseIcon) {
+      params.collapseIcon = this.collapseIcon;
+      params.collapseIconClass = this.collapseIcon;
+    }
+    if (this.collapseTooltip) {
+      params.collapseTooltip = this.collapseTooltip;
+    }
+    if (this.expanded !== undefined) {
+      params.expanded = this.expanded;
+    }
+    if (this.expandIcon) {
+      console.log("expandIcon", this.expandIcon);
+      params.expandIcon = this.expandIcon;
+      params.expandIconClass = this.expandIcon;
+    }
+    if (this.expandTooltip) {
+      params.expandTooltip = this.expandTooltip;
+    }
+    if (this.group) {
+      params.group = this.group;
+    }
+    if (this.iconNumber !== undefined) {
+      params.iconNumber = this.iconNumber;
+    }
+    if (this.mode) {
+      params.mode = this.mode;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  _checkForView() {
+    const viewRef = this.el.closest("arcgis-map") || this.el.closest("arcgis-scene");
+    if (viewRef?.view) {
+      this.view = viewRef.view;
+      this.view.ui.add(this.childElem, this.position);
+      this.widgetReady.emit({ widget: this.widget });
+    }
+    else if (viewRef) {
+      const handler = () => {
+        viewRef.removeEventListener("viewReady", handler, false);
+        this.view = viewRef.view;
+        this.view.ui.add(this.childElem, this.position);
+        this.widgetReady.emit({ widget: this.widget });
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "autoCollapse": ["autoCollapseWatcher"],
+    "closeOnEsc": ["closeOnEscWatcher"],
+    "collapseIcon": ["collapseIconWatcher"],
+    "collapseTooltip": ["collapseTooltipWatcher"],
+    "expanded": ["expandedWatcher"],
+    "expandIcon": ["expandIconWatcher"],
+    "expandTooltip": ["expandTooltipWatcher"],
+    "group": ["groupWatcher"],
+    "iconNumber": ["iconNumberWatcher"],
+    "mode": ["modeWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
+  }; }
+};
+ArcgisExpand.style = expandCss;
+
+const mapCss = ".arcgis-map{padding:0;margin:0;height:100%;width:100%}";
+
+const ArcgisMap = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.viewReady = index.createEvent(this, "viewReady", 7);
+    this._watchHandles = [];
+    this.apiKey = undefined;
+    this.basemap = undefined;
+    this.backgroundColor = undefined;
+    this.disableNavigation = false;
+    this.itemId = undefined;
+    this.portalUrl = undefined;
+    this.scale = undefined;
+    this.zoom = undefined;
+    this.center = undefined;
+    this.view = undefined;
+  }
+  apiKeyWatcher(value) {
+    this.config.apiKey = value;
+  }
+  basemapWatcher(value) {
+    if (this.view?.map) {
+      this.view.map.basemap = value;
+    }
+  }
+  backgroundColorWatcher(value) {
+    this.view.background = {
+      color: 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();
+      }
+    }
+  }
+  portalUrlWatcher(value, old) {
+    if (value !== old) {
+      if (this.view?.map) {
+        this._updateMap();
+      }
+      else {
+        this._loadMap();
+      }
+    }
+  }
+  scaleWatcher(value, old) {
+    if (value != null && value !== old) {
+      this.view.scale = value;
+    }
+  }
+  zoomWatcher(value, old) {
+    if (value != null && value !== old) {
+      this.view.zoom = value;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentWillLoad() {
+    this.config = await index$1.importConfig();
+    if (this.apiKey) {
+      this.config.apiKey = this.apiKey;
+    }
+    this._loadMap();
+  }
+  componentDidRender() {
+    if (this.view) {
+      this.view.container = this.el;
+    }
+  }
+  disconnectedCallback() {
+    this._clearWatchHandles();
+    this.view.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();
+    this._watchHandles.push(watch(() => this.view.center, (center) => {
+      const value = `${center.longitude},${center.latitude}`;
+      this.center = value;
+    }));
+    this._watchHandles.push(when(() => this.view.updating, () => {
+      when(() => !this.view.updating, () => {
+        if (this.zoom !== this.view.zoom) {
+          this.zoom = this.view.zoom;
+        }
+        if (this.scale !== this.view.scale) {
+          this.scale = this.view.scale;
+        }
+      }, { once: 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;
+    }
+    if (this.portalUrl) {
+      item.portal = {
+        url: this.portalUrl
+      };
+    }
+    return item;
+  }
+  _createViewParams() {
+    const params = {};
+    if (this.backgroundColor) {
+      params.background = {
+        color: this.backgroundColor
+      };
+    }
+    if (this.zoom !== undefined) {
+      params.zoom = this.zoom;
+    }
+    if (this.scale !== undefined) {
+      params.scale = this.scale;
+    }
+    if (this.center) {
+      if (typeof this.center === "string") {
+        params.center = this.center.split(",").map((x) => Number(x));
+      }
+      else {
+        params.center = this.center;
+      }
+    }
+    return params;
+  }
+  async _loadMap() {
+    const map = await this._createMap();
+    const params = this._createViewParams();
+    const view = await index$1.newViewsMapView({
+      map,
+      ...params
+    });
+    this.view = view;
+    this._addWatchers();
+    if (this.disableNavigation) {
+      mappingUtils.disableNavigation(this.view);
+    }
+    this.view.when(() => {
+      this.viewReady.emit({ view: this.view });
+    });
+  }
+  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 {
+    "apiKey": ["apiKeyWatcher"],
+    "basemap": ["basemapWatcher"],
+    "backgroundColor": ["backgroundColorWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "portalUrl": ["portalUrlWatcher"],
+    "scale": ["scaleWatcher"],
+    "zoom": ["zoomWatcher"]
+  }; }
+};
+ArcgisMap.style = mapCss;
+
+exports.arcgis_basemap_gallery = ArcgisBasemapGallery;
+exports.arcgis_expand = ArcgisExpand;
+exports.arcgis_map = ArcgisMap;
+
+//# sourceMappingURL=arcgis-basemap-gallery_3.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-basemap-gallery.arcgis-expand.arcgis-map.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsBasemapGallery","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles","newWidgetsExpand","importConfig","isNullOrEmptyString","newWebMap","newViewsMapView","disableNavigation"],"sources":["src/components/basemap-gallery/basemap-gallery.css?tag=arcgis-basemap-gallery","src/components/basemap-gallery/basemap-gallery.tsx","src/components/expand/expand.css?tag=arcgis-expand","src/components/expand/expand.tsx","src/components/map/map.css?tag=arcgis-map","src/components/map/map.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsBasemapGallery } from \"@arcgis/core-adapter\";\nimport type BasemapGallery from \"@arcgis/core/widgets/BasemapGallery\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type BasemapGalleryWidget = InstanceType<typeof BasemapGallery>;\n\n@Component({\n  tag: \"arcgis-basemap-gallery\",\n  styleUrl: \"basemap-gallery.css\",\n  shadow: false\n})\nexport class ArcgisBasemapGallery implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop({ mutable: true }) activeBasemap: BasemapGalleryWidget[\"activeBasemap\"];\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) source: BasemapGalleryWidget[\"source\"];\n\n  @Watch(\"source\")\n  sourceWatcher(newValue: BasemapGalleryWidget[\"source\"]): void {\n    if (this.widget) {\n      this.widget.source = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: BasemapGalleryWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.BasemapGallery }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n    const widget = await newWidgetsBasemapGallery(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Interal Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.source,\n        () => (this.source = this.widget.source),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeBasemap,\n        (basemap) => (this.activeBasemap = basemap),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<InstanceType<typeof BasemapGallery>> {\n    const params: Partial<InstanceType<typeof BasemapGallery>> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n","arcgis-expand > .esri-expand__content--expanded {\n  background-color: var(--calcite-ui-background);\n}\n","import { newWidgetsExpand } from \"@arcgis/core-adapter\";\nimport type Expand from \"@arcgis/core/widgets/Expand\";\nimport { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\nimport { ArcgisReferenceElement, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\n\n// arcgis imports\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type ExpandWidget = InstanceType<typeof Expand>;\n\n@Component({\n  tag: \"arcgis-expand\",\n  styleUrl: \"expand.css\",\n  shadow: false\n})\nexport class ArcgisExpand {\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() autoCollapse: ExpandWidget[\"autoCollapse\"] = false;\n\n  @Watch(\"autoCollapse\")\n  autoCollapseWatcher(newValue: boolean): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.autoCollapse = newValue;\n    }\n  }\n\n  @Prop() closeOnEsc: ExpandWidget[\"closeOnEsc\"] = true;\n\n  @Watch(\"closeOnEsc\")\n  closeOnEscWatcher(newValue: boolean): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.closeOnEsc = newValue;\n    }\n  }\n\n  @Prop() collapseIcon: ExpandWidget[\"collapseIcon\"];\n\n  @Watch(\"collapseIcon\")\n  collapseIconWatcher(newValue: string): void {\n    if (this.widget) {\n      this.widget.collapseIcon = newValue;\n      this.widget.collapseIconClass = newValue;\n    }\n  }\n\n  @Prop() collapseTooltip: ExpandWidget[\"collapseTooltip\"];\n\n  @Watch(\"collapseTooltip\")\n  collapseTooltipWatcher(newValue: string): void {\n    if (this.widget) {\n      this.widget.collapseTooltip = newValue;\n    }\n  }\n\n  @Prop() expanded: ExpandWidget[\"expanded\"] = false;\n\n  @Watch(\"expanded\")\n  expandedWatcher(newValue: boolean): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.expanded = newValue;\n    }\n  }\n\n  @Prop() expandIcon: ExpandWidget[\"expandIcon\"];\n\n  @Watch(\"expandIcon\")\n  expandIconWatcher(newValue: string): void {\n    if (this.widget) {\n      this.widget.expandIcon = newValue;\n      this.widget.expandIconClass = newValue;\n    }\n  }\n\n  @Prop() expandTooltip: ExpandWidget[\"expandTooltip\"];\n\n  @Watch(\"expandTooltip\")\n  expandTooltipWatcher(newValue: string): void {\n    if (this.widget) {\n      this.widget.expandTooltip = newValue;\n    }\n  }\n\n  @Prop() group: ExpandWidget[\"group\"];\n\n  @Watch(\"group\")\n  groupWatcher(newValue: string): void {\n    if (this.widget) {\n      this.widget.group = newValue;\n    }\n  }\n\n  @Prop() iconNumber: ExpandWidget[\"iconNumber\"];\n\n  @Watch(\"iconNumber\")\n  iconNumberWatcher(newValue: number): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.iconNumber = newValue;\n    }\n  }\n\n  @Prop() mode: ExpandWidget[\"mode\"] = \"auto\";\n\n  @Watch(\"mode\")\n  modeWatcher(newValue: ExpandWidget[\"mode\"]): void {\n    if (this.widget) {\n      this.widget.mode = newValue;\n    }\n  }\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() position = \"top-right\";\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop({ mutable: true }) widget: ExpandWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Expand }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async collapse(): Promise<void> {\n    return this.widget?.collapse();\n  }\n\n  @Method()\n  async expand(): Promise<void> {\n    return this.widget?.expand();\n  }\n\n  @Method()\n  async toggle(): Promise<void> {\n    return this.widget?.toggle();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsExpand(params);\n\n    this.widget = widget;\n\n    this._checkForView();\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Internal Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): __esri.ExpandProperties {\n    const params: __esri.ExpandProperties = {\n      container: this.childElem\n    };\n\n    if (this.autoCollapse !== undefined) {\n      params.autoCollapse = this.autoCollapse;\n    }\n\n    if (this.closeOnEsc !== undefined) {\n      params.closeOnEsc = this.closeOnEsc;\n    }\n\n    if (this.collapseIcon) {\n      params.collapseIcon = this.collapseIcon;\n      params.collapseIconClass = this.collapseIcon;\n    }\n\n    if (this.collapseTooltip) {\n      params.collapseTooltip = this.collapseTooltip;\n    }\n\n    if (this.expanded !== undefined) {\n      params.expanded = this.expanded;\n    }\n\n    if (this.expandIcon) {\n      console.log(\"expandIcon\", this.expandIcon);\n      params.expandIcon = this.expandIcon;\n      params.expandIconClass = this.expandIcon;\n    }\n\n    if (this.expandTooltip) {\n      params.expandTooltip = this.expandTooltip;\n    }\n\n    if (this.group) {\n      params.group = this.group;\n    }\n\n    if (this.iconNumber !== undefined) {\n      params.iconNumber = this.iconNumber;\n    }\n\n    if (this.mode) {\n      params.mode = this.mode;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private _checkForView(): void {\n    const viewRef = this.el.closest(\"arcgis-map\") || this.el.closest(\"arcgis-scene\");\n    if (viewRef?.view) {\n      this.view = viewRef.view as ArcGISMapView | ArcGISSceneView;\n      this.view.ui.add(this.childElem, this.position);\n      this.widgetReady.emit({ widget: this.widget });\n    } else if (viewRef) {\n      const handler = () => {\n        viewRef.removeEventListener(\"viewReady\", handler, false);\n        this.view = viewRef.view as ArcGISMapView | ArcGISSceneView;\n        this.view.ui.add(this.childElem, this.position);\n        this.widgetReady.emit({ widget: this.widget });\n      };\n      viewRef.addEventListener(\"viewReady\", handler, false);\n    }\n  }\n}\n",".arcgis-map {\n  padding: 0;\n  margin: 0;\n  height: 100%;\n  width: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { importConfig, importCoreReactiveUtils, newViewsMapView, newWebMap } from \"@arcgis/core-adapter\";\nimport type WebMap from \"@arcgis/core/WebMap\";\nimport { isNullOrEmptyString, ViewElement } from \"../../utils/component-utils\";\nimport { disableNavigation } from \"../../utils/mapping-utils\";\nimport { 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\n  @Prop() apiKey: string;\n\n  @Watch(\"apiKey\")\n  apiKeyWatcher(value: string): void {\n    this.config.apiKey = value;\n  }\n\n  @Prop({ mutable: true }) basemap: string;\n\n  @Watch(\"basemap\")\n  basemapWatcher(value: string): void {\n    if (this.view?.map) {\n      this.view.map.basemap = value as any;\n    }\n  }\n\n  @Prop({ mutable: true }) backgroundColor: string;\n\n  @Watch(\"backgroundColor\")\n  backgroundColorWatcher(value: string): void {\n    this.view.background = {\n      color: value\n    } as any;\n  }\n\n  @Prop() disableNavigation = false;\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() portalUrl: string;\n\n  @Watch(\"portalUrl\")\n  portalUrlWatcher(value: string, old: string): void {\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, reflect: true }) scale: number;\n\n  @Watch(\"scale\")\n  scaleWatcher(value: number, old: number): void {\n    if (value != null && value !== old) {\n      this.view.scale = 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 (value != null && value !== old) {\n      this.view.zoom = value;\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) center: number[] | string;\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  config: __esri.config;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) viewReady: EventEmitter<{ view: __esri.MapView }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    this.config = await importConfig();\n    if (this.apiKey) {\n      this.config.apiKey = this.apiKey;\n    }\n\n    this._loadMap();\n  }\n\n  componentDidRender(): void {\n    if (this.view) {\n      this.view.container = this.el;\n    }\n  }\n\n  disconnectedCallback(): void {\n    this._clearWatchHandles();\n    this.view.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\n    this._watchHandles.push(\n      watch(\n        () => this.view.center,\n        (center) => {\n          const value = `${center.longitude},${center.latitude}`;\n          this.center = value;\n        }\n      )\n    );\n\n    this._watchHandles.push(\n      when(\n        () => this.view.updating,\n        () => {\n          when(\n            () => !this.view.updating,\n            () => {\n              if (this.zoom !== this.view.zoom) {\n                this.zoom = this.view.zoom;\n              }\n              if (this.scale !== this.view.scale) {\n                this.scale = this.view.scale;\n              }\n            },\n            { once: true }\n          );\n        }\n      )\n    );\n  }\n\n  private async _createMap(): Promise<__esri.WebMap> {\n    const mapParams: Partial<InstanceType<typeof WebMap>> = {};\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    if (this.portalUrl) {\n      item.portal = {\n        url: this.portalUrl\n      } as Partial<__esri.PortalProperties>;\n    }\n\n    return item;\n  }\n\n  private _createViewParams(): Partial<__esri.MapViewProperties> {\n    const params: Partial<__esri.MapViewProperties> = {};\n\n    if (this.backgroundColor) {\n      params.background = {\n        color: this.backgroundColor\n      };\n    }\n\n    if (this.zoom !== undefined) {\n      params.zoom = this.zoom;\n    }\n\n    if (this.scale !== undefined) {\n      params.scale = this.scale;\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    return params;\n  }\n\n  private async _loadMap(): Promise<void> {\n    const map = await this._createMap();\n\n    const params = this._createViewParams();\n\n    const view = await newViewsMapView({\n      map,\n      ...params\n    });\n\n    this.view = view;\n\n    this._addWatchers();\n\n    if (this.disableNavigation) {\n      disableNavigation(this.view);\n    }\n\n    this.view.when(() => {\n      this.viewReady.emit({ view: this.view });\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}