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

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

@@ -2,99 +2,98 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+const disconnected = require('./disconnected-4490368b.js');
 
-const arcgisZoomCss = "arcgis-zoom{}";
+const zoomCss = "arcgis-zoom{}";
 
 const ArcgisZoom = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.layout = undefined;
-    this.view = undefined;
-    this.position = "bottom-left";
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  layoutWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.layout = newValue;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.widgetReady = index.createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.layout = undefined;
+        this.view = undefined;
+        this.position = "bottom-left";
+        this.widget = undefined;
     }
-  }
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+    referenceElementWatcher(newValue) {
+        componentUtils.referenceElementHelper(this, newValue);
     }
-  }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+    layoutWatcher(newValue) {
+        if (this.widget) {
+            this.widget.layout = newValue;
+        }
     }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  //--------------------------------------------------------------------------
-  async zoomIn() {
-    return this.widget?.zoomIn();
-  }
-  async zoomOut() {
-    return this.widget?.zoomOut();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await index$1.newWidgetsZoom(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-    componentUtils.checkForView(this);
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    return index.h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
+    viewWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.view = newValue;
+        }
     }
-    return params;
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "layout": ["layoutWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async zoomIn() {
+        return this.widget?.viewModel.zoomIn();
+    }
+    async zoomOut() {
+        return this.widget?.viewModel.zoomOut();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await index$1.newWidgetsZoom(params);
+        this.widget = widget;
+        this.widgetReady.emit({ widget: this.widget });
+        componentUtils.checkForView(this);
+    }
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
+    }
+    render() {
+        return index.h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.layout) {
+            params.layout = this.layout;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "layout": ["layoutWatcher"],
+        "view": ["viewWatcher"],
+        "position": ["positionWatcher"]
+    }; }
 };
-ArcgisZoom.style = arcgisZoomCss;
+ArcgisZoom.style = zoomCss;
 
 exports.arcgis_zoom = ArcgisZoom;
+
+//# sourceMappingURL=arcgis-zoom.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-zoom.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,OAAO,GAAG,eAAe;;MCiBlB,UAAU;;;;QAqDrB,kBAAa,GAAyB,EAAE,CAAC;;;;wBAXtB,aAAa;;;IAtBhC,uBAAuB,CAAC,QAAyC;QAC/DA,qCAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACxC;IAKD,aAAa,CAAC,QAA8B;QAC1C,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;SAC/B;KACF;IAKD,WAAW,CAAC,QAAyC;QACnD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;SAC7B;KACF;IAKD,eAAe,CAAC,QAAgB;QAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;SAC7C;KACF;;;;;;IAqBD,MAAM,MAAM;QACV,OAAO,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC;KACxC;IAGD,MAAM,OAAO;QACX,OAAO,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC;KACzC;;;;;;IAQD,MAAM,gBAAgB;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAEpC,MAAM,MAAM,GAAG,MAAMC,sBAAc,CAAC,MAAM,CAAC,CAAC;QAE5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;KACpB;IAED,oBAAoB;QAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,OAAOC,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAAC;KACzD;;;;;;IAOO,aAAa;QACnB,MAAM,MAAM,GAAwB;YAClC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACzB;QAED,OAAO,MAAM,CAAC;KACf;;;;;;;;;;;;;","names":["referenceElementHelper","newWidgetsZoom","checkForView","onDisconnectedHelper","h"],"sources":["src/components/zoom/zoom.css?tag=arcgis-zoom","src/components/zoom/zoom.tsx"],"sourcesContent":["arcgis-zoom {\n  /* Component styles go here */\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 { newWidgetsZoom } from \"@arcgis/core-adapter\";\nimport type Zoom from \"@arcgis/core/widgets/Zoom\";\nimport type { ArcgisReferenceElement, WidgetElement } from \"../../utils/component-utils\";\nimport { checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type ZoomWidget = InstanceType<typeof Zoom>;\n\n@Component({\n  tag: \"arcgis-zoom\",\n  styleUrl: \"zoom.css\"\n})\nexport class ArcgisZoom implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el!: HTMLDivElement;\n\n  childElem: HTMLDivElement;\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() layout: ZoomWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: ZoomWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = 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() 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({ mutable: true }) widget: ZoomWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady!: EventEmitter<{ widget: __esri.Zoom }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async zoomIn(): Promise<void> {\n    return this.widget?.viewModel.zoomIn();\n  }\n\n  @Method()\n  async zoomOut(): Promise<void> {\n    return this.widget?.viewModel.zoomOut();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsZoom(params);\n\n    this.widget = widget;\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    return <div ref={(el) => (this.childElem = el!)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<ZoomWidget> {\n    const params: Partial<ZoomWidget> = {\n      container: this.childElem\n    };\n\n    if (this.layout) {\n      params.layout = this.layout;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/cjs/component-utils-48cee518.js

@@ -0,0 +1,163 @@
+'use strict';
+
+function checkForExpand(element) {
+    const expandRef = element.el.closest("arcgis-expand") || element.expandElem;
+    if (expandRef?.widget) {
+        element.view = expandRef.view;
+        expandRef.widget.content = element.childElem;
+        // TODO: Update to be expandIcon = widget.icon, not ready yet in 4.27next
+        if (!expandRef.expandIcon) {
+            expandRef.widget.expandIcon = element.widget.icon;
+            expandRef.widget.expandIconClass = element.widget.iconClass;
+        }
+        return true;
+    }
+    if (expandRef) {
+        const widgetHandler = () => {
+            expandRef.removeEventListener("widgetReady", widgetHandler, false);
+            element.view = expandRef.view;
+            expandRef.widget.content = element.childElem;
+            if (!expandRef.expandIcon) {
+                expandRef.widget.expandIcon = element.widget.icon;
+                expandRef.widget.expandIconClass = element.widget.iconClass;
+            }
+        };
+        expandRef.addEventListener("widgetReady", widgetHandler, false);
+        return true;
+    }
+    return false;
+}
+
+//--------------------------------------------------------------------------
+//
+//  Public Methods
+//
+//--------------------------------------------------------------------------
+function addHandles(element, handle) {
+    if (Array.isArray(handle)) {
+        element._watchHandles = [...element._watchHandles, ...handle];
+    }
+    else {
+        element._watchHandles.push(handle);
+    }
+}
+function checkForView(element) {
+    let isDetached = false;
+    if (!checkForExpand(element)) {
+        let viewRef = element.el.closest("arcgis-map") ?? element.el.closest("arcgis-scene");
+        if (!viewRef && typeof element.referenceElement === "string") {
+            viewRef = document.querySelector(element.referenceElement);
+            isDetached = true;
+        }
+        if (viewRef?.view) {
+            element.view = viewRef.view;
+            const el = element.childElem ?? element.el;
+            if (!isDetached) {
+                element.view.ui.add(el, element.position);
+            }
+        }
+        else if (viewRef) {
+            waitForViewHandler(viewRef, element, isDetached);
+        }
+    }
+    else {
+        const viewRef = element.el.closest("arcgis-map") ?? element.el.closest("arcgis-scene");
+        if (viewRef?.view) {
+            element.view = viewRef.view;
+        }
+        else if (viewRef) {
+            const handler = () => {
+                if (viewRef.ready) {
+                    viewRef.removeEventListener("arcgisViewReadyChange", handler, false);
+                    element.view = viewRef.view;
+                }
+            };
+            viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+        }
+    }
+}
+function isNullOrEmptyString(value) {
+    return value === undefined || value === null || value === "";
+}
+function isValidInteger(value) {
+    return value != null && value % 1 === 0;
+}
+function isNotSameCamera(camera, camera2) {
+    return (camera2 === undefined ||
+        camera.position !== camera2.position ||
+        camera.heading !== camera2.heading ||
+        camera.tilt !== camera2.tilt);
+}
+function isNotSameEnvironment(environment, environment2) {
+    return (environment2 === undefined ||
+        environment2.atmosphereEnabled !== environment.atmosphereEnabled ||
+        environment2.lighting.date !== environment.lighting.date ||
+        environment2.lighting.directShadowsEnabled !==
+            environment.lighting.directShadowsEnabled ||
+        environment2.lighting.cameraTrackingEnabled !==
+            environment.lighting.cameraTrackingEnabled ||
+        environment2.lighting.date !== environment.lighting.date ||
+        environment2.lighting.displayUTCOffset !==
+            environment.lighting.displayUTCOffset);
+}
+function isNotSameViewpoint(viewpoint, viewpoint2) {
+    return (viewpoint2 === undefined ||
+        viewpoint.targetGeometry !== viewpoint2.targetGeometry ||
+        viewpoint.rotation !== viewpoint2.rotation ||
+        viewpoint.scale !== viewpoint2.scale);
+}
+async function updateForView(viewStr) {
+    const viewRef = document.querySelector(viewStr);
+    return await new Promise((resolve) => {
+        if (viewRef?.view !== undefined) {
+            resolve(viewRef.view);
+        }
+        else if (viewRef) {
+            const handler = () => {
+                viewRef.removeEventListener("arcgisViewReadyChange", handler, false);
+                resolve(viewRef.view);
+            };
+            viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+        }
+    });
+}
+async function referenceElementHelper(element, refElement) {
+    if (typeof refElement === "string") {
+        element.view = await updateForView(refElement);
+    }
+    else if (element.widget) {
+        element.view = refElement.view;
+    }
+}
+//--------------------------------------------------------------------------
+//
+//  Private Methods
+//
+//--------------------------------------------------------------------------
+function waitForViewHandler(viewRef, element, isDetached) {
+    const handler = () => {
+        viewRef.removeEventListener("arcgisViewReadyChange", handler, false);
+        element.view = viewRef.view;
+        if (!isDetached) {
+            if (element.childElem) {
+                element.view.ui.add(element.childElem, element.position);
+            }
+            else {
+                element.view.ui.add(element.el, element.position);
+            }
+        }
+    };
+    viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+}
+
+exports.addHandles = addHandles;
+exports.checkForExpand = checkForExpand;
+exports.checkForView = checkForView;
+exports.isNotSameCamera = isNotSameCamera;
+exports.isNotSameEnvironment = isNotSameEnvironment;
+exports.isNotSameViewpoint = isNotSameViewpoint;
+exports.isNullOrEmptyString = isNullOrEmptyString;
+exports.isValidInteger = isValidInteger;
+exports.referenceElementHelper = referenceElementHelper;
+
+//# sourceMappingURL=component-utils-48cee518.js.map

package/dist/cjs/component-utils-48cee518.js.map

@@ -0,0 +1 @@
+{"file":"component-utils-48cee518.js","mappings":"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","names":[],"sources":["src/utils/expandable.ts","src/utils/component-utils.ts"],"sourcesContent":["import type { WidgetElement } from \"./component-utils\";\n\nexport interface ExpandableComponent extends WidgetElement {\n  expandable: boolean;\n  expandIcon?: string;\n  expandElem?: HTMLArcgisExpandElement;\n}\n\nexport function checkForExpand(element: ExpandableComponent | WidgetElement): boolean {\n  const expandRef = element.el.closest(\"arcgis-expand\") || (element as ExpandableComponent).expandElem;\n  if (expandRef?.widget) {\n    element.view = expandRef.view;\n    expandRef.widget.content = element.childElem;\n    // TODO: Update to be expandIcon = widget.icon, not ready yet in 4.27next\n    if (!expandRef.expandIcon) {\n      expandRef.widget.expandIcon = element.widget.icon;\n      expandRef.widget.expandIconClass = element.widget.iconClass;\n    }\n    return true;\n  }\n  if (expandRef) {\n    const widgetHandler = () => {\n      expandRef.removeEventListener(\"widgetReady\", widgetHandler, false);\n      element.view = expandRef.view;\n      expandRef.widget.content = element.childElem;\n      if (!expandRef.expandIcon) {\n        expandRef.widget.expandIcon = element.widget.icon;\n        expandRef.widget.expandIconClass = element.widget.iconClass;\n      }\n    };\n\n    expandRef.addEventListener(\"widgetReady\", widgetHandler, false);\n    return true;\n  }\n  return false;\n}\n","import type { ArcGISWebMap } from \"../components\";\nimport type { ArcGISMapView, ArcGISSceneView } from \"../components/types\";\nimport type { ExpandableComponent } from \"./expandable\";\nimport { checkForExpand } from \"./expandable\";\n\nexport type ArcgisReferenceElement = HTMLArcgisMapElement | HTMLArcgisSceneElement;\n\nexport interface BaseComponentElement extends Partial<HTMLElement> {\n  childElem: HTMLDivElement;\n  referenceElement?: ArcgisReferenceElement | string;\n  view?: ArcGISMapView | ArcGISSceneView;\n  position: string;\n}\n\nexport interface WidgetElement extends BaseComponentElement {\n  el: HTMLDivElement;\n  widget: any;\n  _watchHandles: __esri.WatchHandle[];\n}\n\nexport interface ViewElement extends Partial<HTMLElement> {\n  el: HTMLDivElement;\n  _hostElement?: HTMLArcgisMapElement | HTMLArcgisSceneElement;\n  basemap?: ArcGISWebMap[\"basemap\"];\n  itemId?: string;\n  view?: ArcGISMapView | ArcGISSceneView;\n  _watchHandles: __esri.WatchHandle[];\n}\n\n//--------------------------------------------------------------------------\n//\n//  Public Methods\n//\n//--------------------------------------------------------------------------\n\nexport function addHandles(\n  element: ViewElement | WidgetElement,\n  handle: __esri.WatchHandle | __esri.WatchHandle[]\n): void {\n  if (Array.isArray(handle)) {\n    element._watchHandles = [...element._watchHandles, ...handle];\n  } else {\n    element._watchHandles.push(handle);\n  }\n}\n\nexport function checkForView(element: ExpandableComponent | WidgetElement): void {\n  let isDetached = false;\n  if (!checkForExpand(element)) {\n    let viewRef: HTMLArcgisMapElement | HTMLArcgisSceneElement | null =\n      element.el.closest(\"arcgis-map\") ?? element.el.closest(\"arcgis-scene\");\n\n    if (!viewRef && typeof element.referenceElement === \"string\") {\n      viewRef = document.querySelector(element.referenceElement);\n      isDetached = true;\n    }\n\n    if (viewRef?.view) {\n      element.view = viewRef.view;\n      const el = element.childElem ?? element.el;\n      if (!isDetached) {\n        element.view.ui.add(el, element.position);\n      }\n    } else if (viewRef) {\n      waitForViewHandler(viewRef, element, isDetached);\n    }\n  } else {\n    const viewRef: HTMLArcgisMapElement | HTMLArcgisSceneElement | null =\n      element.el.closest(\"arcgis-map\") ?? element.el.closest(\"arcgis-scene\");\n\n    if (viewRef?.view) {\n      element.view = viewRef.view;\n    } else if (viewRef) {\n      const handler = (): void => {\n        if (viewRef.ready) {\n          viewRef.removeEventListener(\"arcgisViewReadyChange\", handler, false);\n          element.view = viewRef.view;\n        }\n      };\n      viewRef.addEventListener(\"arcgisViewReadyChange\", handler, false);\n    }\n  }\n}\n\nexport function isNullOrEmptyString(value: string | null | undefined): boolean {\n  return value === undefined || value === null || value === \"\";\n}\n\nexport function isValidInteger(value: number | null | undefined): boolean {\n  return value != null && value % 1 === 0;\n}\n\nexport function isNotSameCamera(camera: __esri.Camera, camera2: __esri.Camera): boolean {\n  return (\n    camera2 === undefined ||\n    camera.position !== camera2.position ||\n    camera.heading !== camera2.heading ||\n    camera.tilt !== camera2.tilt\n  );\n}\n\nexport function isNotSameEnvironment(environment: __esri.Environment, environment2: __esri.Environment): boolean {\n  return (\n    environment2 === undefined ||\n    environment2.atmosphereEnabled !== environment.atmosphereEnabled ||\n    (environment2.lighting as __esri.SunLighting).date !== (environment.lighting as __esri.SunLighting).date ||\n    (environment2.lighting as __esri.SunLighting).directShadowsEnabled !==\n      (environment.lighting as __esri.SunLighting).directShadowsEnabled ||\n    (environment2.lighting as __esri.SunLighting).cameraTrackingEnabled !==\n      (environment.lighting as __esri.SunLighting).cameraTrackingEnabled ||\n    (environment2.lighting as __esri.SunLighting).date !== (environment.lighting as __esri.SunLighting).date ||\n    (environment2.lighting as __esri.SunLighting).displayUTCOffset !==\n      (environment.lighting as __esri.SunLighting).displayUTCOffset\n  );\n}\n\nexport function isNotSameViewpoint(viewpoint: __esri.Viewpoint, viewpoint2: __esri.Viewpoint): boolean {\n  return (\n    viewpoint2 === undefined ||\n    viewpoint.targetGeometry !== viewpoint2.targetGeometry ||\n    viewpoint.rotation !== viewpoint2.rotation ||\n    viewpoint.scale !== viewpoint2.scale\n  );\n}\n\nexport async function updateForView(viewStr: string): Promise<__esri.MapView | __esri.SceneView> {\n  const viewRef = document.querySelector<ArcgisReferenceElement>(viewStr);\n  return await new Promise((resolve) => {\n    if (viewRef?.view !== undefined) {\n      resolve(viewRef.view);\n    } else if (viewRef) {\n      const handler = (): void => {\n        viewRef.removeEventListener(\"arcgisViewReadyChange\", handler, false);\n        resolve(viewRef.view);\n      };\n      viewRef.addEventListener(\"arcgisViewReadyChange\", handler, false);\n    }\n  });\n}\n\nexport async function referenceElementHelper(\n  element: ExpandableComponent | WidgetElement,\n  refElement: ArcgisReferenceElement | string\n): Promise<void> {\n  if (typeof refElement === \"string\") {\n    element.view = await updateForView(refElement);\n  } else if (element.widget) {\n    element.view = refElement.view;\n  }\n}\n\n//--------------------------------------------------------------------------\n//\n//  Private Methods\n//\n//--------------------------------------------------------------------------\n\nfunction waitForViewHandler(\n  viewRef: ArcgisReferenceElement,\n  element: ExpandableComponent | WidgetElement,\n  isDetached: boolean\n): void {\n  const handler = (): void => {\n    viewRef.removeEventListener(\"arcgisViewReadyChange\", handler, false);\n    element.view = viewRef.view;\n    if (!isDetached) {\n      if (element.childElem) {\n        element.view.ui.add(element.childElem, element.position);\n      } else {\n        element.view.ui.add(element.el, element.position);\n      }\n    }\n  };\n  viewRef.addEventListener(\"arcgisViewReadyChange\", handler, false);\n}\n"],"version":3}

package/dist/cjs/component-utils-fe0f22b0.js

@@ -0,0 +1,163 @@
+'use strict';
+
+function checkForExpand(element) {
+    const expandRef = element.el.closest("arcgis-expand") || element.expandElem;
+    if (expandRef?.widget) {
+        element.view = expandRef.view;
+        expandRef.widget.content = element.childElem;
+        // TODO: Update to be expandIcon = widget.icon, not ready yet in 4.27next
+        if (!expandRef.expandIcon) {
+            expandRef.widget.expandIcon = element.widget.icon;
+            expandRef.widget.expandIconClass = element.widget.iconClass;
+        }
+        return true;
+    }
+    if (expandRef) {
+        const widgetHandler = () => {
+            expandRef.removeEventListener("widgetReady", widgetHandler, false);
+            element.view = expandRef.view;
+            expandRef.widget.content = element.childElem;
+            if (!expandRef.expandIcon) {
+                expandRef.widget.expandIcon = element.widget.icon;
+                expandRef.widget.expandIconClass = element.widget.iconClass;
+            }
+        };
+        expandRef.addEventListener("widgetReady", widgetHandler, false);
+        return true;
+    }
+    return false;
+}
+
+//--------------------------------------------------------------------------
+//
+//  Public Methods
+//
+//--------------------------------------------------------------------------
+function addHandles(element, handle) {
+    if (Array.isArray(handle)) {
+        element._watchHandles = [...element._watchHandles, ...handle];
+    }
+    else {
+        element._watchHandles.push(handle);
+    }
+}
+function checkForView(element) {
+    let isDetached = false;
+    if (!checkForExpand(element)) {
+        let viewRef = element.el.closest("arcgis-map") || element.el.closest("arcgis-scene");
+        if (!viewRef && typeof element.referenceElement === "string") {
+            viewRef = document.querySelector(element.referenceElement);
+            isDetached = true;
+        }
+        if (viewRef?.view) {
+            element.view = viewRef.view;
+            const el = element.childElem || element.el;
+            if (!isDetached) {
+                element.view.ui.add(el, element.position);
+            }
+        }
+        else if (viewRef) {
+            waitForViewHandler(viewRef, element, isDetached);
+        }
+    }
+    else {
+        const viewRef = element.el.closest("arcgis-map") || element.el.closest("arcgis-scene");
+        if (viewRef?.view) {
+            element.view = viewRef.view;
+        }
+        else if (viewRef) {
+            const handler = () => {
+                if (viewRef.ready) {
+                    viewRef?.removeEventListener("arcgisViewReadyChange", handler, false);
+                    element.view = viewRef?.view;
+                }
+            };
+            viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+        }
+    }
+}
+function isNullOrEmptyString(value) {
+    return value === undefined || value === null || value === "";
+}
+function isValidInteger(value) {
+    return value != null && value % 1 === 0;
+}
+function isNotSameCamera(camera, camera2) {
+    return (camera2 === undefined ||
+        camera.position !== camera2.position ||
+        camera.heading !== camera2.heading ||
+        camera.tilt !== camera2.tilt);
+}
+function isNotSameEnvironment(environment, environment2) {
+    return (environment2 === undefined ||
+        environment2.atmosphereEnabled !== environment.atmosphereEnabled ||
+        environment2.lighting.date !== environment.lighting.date ||
+        environment2.lighting.directShadowsEnabled !==
+            environment.lighting.directShadowsEnabled ||
+        environment2.lighting.cameraTrackingEnabled !==
+            environment.lighting.cameraTrackingEnabled ||
+        environment2.lighting.date !== environment.lighting.date ||
+        environment2.lighting.displayUTCOffset !==
+            environment.lighting.displayUTCOffset);
+}
+function isNotSameViewpoint(viewpoint, viewpoint2) {
+    return (viewpoint2 === undefined ||
+        viewpoint.targetGeometry !== viewpoint2.targetGeometry ||
+        viewpoint.rotation !== viewpoint2.rotation ||
+        viewpoint.scale !== viewpoint2.scale);
+}
+async function updateForView(viewStr) {
+    const viewRef = document.querySelector(viewStr);
+    return new Promise((resolve) => {
+        if (viewRef?.view !== undefined) {
+            resolve(viewRef.view);
+        }
+        else if (viewRef) {
+            const handler = () => {
+                viewRef.removeEventListener("arcgisViewReadyChange", handler, false);
+                resolve(viewRef.view);
+            };
+            viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+        }
+    });
+}
+async function referenceElementHelper(element, refElement) {
+    if (typeof refElement === "string") {
+        element.view = await updateForView(refElement);
+    }
+    else if (refElement !== undefined && element.widget) {
+        element.view = refElement.view;
+    }
+}
+//--------------------------------------------------------------------------
+//
+//  Private Methods
+//
+//--------------------------------------------------------------------------
+function waitForViewHandler(viewRef, element, isDetached) {
+    const handler = () => {
+        viewRef?.removeEventListener("arcgisViewReadyChange", handler, false);
+        element.view = viewRef?.view;
+        if (!isDetached) {
+            if (element.childElem) {
+                element.view?.ui.add(element.childElem, element.position);
+            }
+            else {
+                element.view?.ui.add(element.el, element.position);
+            }
+        }
+    };
+    viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+}
+
+exports.addHandles = addHandles;
+exports.checkForExpand = checkForExpand;
+exports.checkForView = checkForView;
+exports.isNotSameCamera = isNotSameCamera;
+exports.isNotSameEnvironment = isNotSameEnvironment;
+exports.isNotSameViewpoint = isNotSameViewpoint;
+exports.isNullOrEmptyString = isNullOrEmptyString;
+exports.isValidInteger = isValidInteger;
+exports.referenceElementHelper = referenceElementHelper;
+
+//# sourceMappingURL=component-utils-fe0f22b0.js.map

package/dist/cjs/component-utils-fe0f22b0.js.map

@@ -0,0 +1 @@
+{"file":"component-utils-fe0f22b0.js","mappings":"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","names":[],"sources":["src/utils/expandable.ts","src/utils/component-utils.ts"],"sourcesContent":["import { WidgetElement } from \"./component-utils\";\n\nexport interface ExpandableComponent extends WidgetElement {\n  expandable: boolean;\n  expandIcon?: string;\n  expandElem?: HTMLArcgisExpandElement;\n}\n\nexport function checkForExpand(element: WidgetElement | ExpandableComponent): boolean {\n  const expandRef = element.el.closest(\"arcgis-expand\") || (element as ExpandableComponent).expandElem;\n  if (expandRef?.widget) {\n    element.view = expandRef.view;\n    expandRef.widget.content = element.childElem as HTMLDivElement;\n    // TODO: Update to be expandIcon = widget.icon, not ready yet in 4.27next\n    if (!expandRef.expandIcon) {\n      expandRef.widget.expandIcon = element.widget.icon;\n      expandRef.widget.expandIconClass = element.widget.iconClass;\n    }\n    return true;\n  }\n  if (expandRef) {\n    const widgetHandler = () => {\n      expandRef.removeEventListener(\"widgetReady\", widgetHandler, false);\n      element.view = expandRef.view;\n      expandRef.widget.content = element.childElem as HTMLDivElement;\n      if (!expandRef.expandIcon) {\n        expandRef.widget.expandIcon = element.widget.icon;\n        expandRef.widget.expandIconClass = element.widget.iconClass;\n      }\n    };\n\n    expandRef.addEventListener(\"widgetReady\", widgetHandler, false);\n    return true;\n  }\n  return false;\n}\n","import { ArcGISWebMap } from \"../components\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../components/types\";\nimport { checkForExpand, ExpandableComponent } from \"./expandable\";\n\nexport type ArcgisReferenceElement = HTMLArcgisMapElement | HTMLArcgisSceneElement;\n\nexport interface BaseComponentElement extends Partial<HTMLElement> {\n  childElem: HTMLDivElement;\n  referenceElement?: ArcgisReferenceElement | string;\n  view?: ArcGISMapView | ArcGISSceneView;\n  position: string;\n}\n\nexport interface WidgetElement extends BaseComponentElement {\n  el: HTMLDivElement;\n  widget: any;\n  _watchHandles: __esri.WatchHandle[];\n}\n\nexport interface ViewElement extends Partial<HTMLElement> {\n  el: HTMLDivElement;\n  _hostElement?: HTMLArcgisMapElement | HTMLArcgisSceneElement;\n  basemap?: ArcGISWebMap[\"basemap\"];\n  itemId?: string;\n  view?: ArcGISMapView | ArcGISSceneView;\n  _watchHandles: __esri.WatchHandle[];\n}\n\n//--------------------------------------------------------------------------\n//\n//  Public Methods\n//\n//--------------------------------------------------------------------------\n\nexport function addHandles(\n  element: ViewElement | WidgetElement,\n  handle: __esri.WatchHandle | __esri.WatchHandle[]\n): void {\n  if (Array.isArray(handle)) {\n    element._watchHandles = [...element._watchHandles, ...handle];\n  } else {\n    element._watchHandles.push(handle);\n  }\n}\n\nexport function checkForView(element: WidgetElement | ExpandableComponent): void {\n  let isDetached = false;\n  if (!checkForExpand(element)) {\n    let viewRef: HTMLArcgisMapElement | HTMLArcgisSceneElement | null =\n      element.el.closest(\"arcgis-map\") || element.el.closest(\"arcgis-scene\");\n\n    if (!viewRef && typeof element.referenceElement === \"string\") {\n      viewRef = document.querySelector(element.referenceElement) as\n        | HTMLArcgisMapElement\n        | HTMLArcgisSceneElement\n        | null;\n      isDetached = true;\n    }\n\n    if (viewRef?.view) {\n      element.view = viewRef.view;\n      const el = element.childElem || element.el;\n      if (!isDetached) {\n        element.view.ui.add(el, element.position);\n      }\n    } else if (viewRef) {\n      waitForViewHandler(viewRef, element, isDetached);\n    }\n  } else {\n    const viewRef: HTMLArcgisMapElement | HTMLArcgisSceneElement | null =\n      element.el.closest(\"arcgis-map\") || element.el.closest(\"arcgis-scene\");\n\n    if (viewRef?.view) {\n      element.view = viewRef.view;\n    } else if (viewRef) {\n      const handler = () => {\n        if (viewRef.ready) {\n          viewRef?.removeEventListener(\"arcgisViewReadyChange\", handler, false);\n          element.view = viewRef?.view;\n        }\n      };\n      viewRef.addEventListener(\"arcgisViewReadyChange\", handler, false);\n    }\n  }\n}\n\nexport function isNullOrEmptyString(value: string): boolean {\n  return value === undefined || value === null || value === \"\";\n}\n\nexport function isValidInteger(value: number): boolean {\n  return value != null && value % 1 === 0;\n}\n\nexport function isNotSameCamera(camera: __esri.Camera, camera2: __esri.Camera): boolean {\n  return (\n    camera2 === undefined ||\n    camera.position !== camera2.position ||\n    camera.heading !== camera2.heading ||\n    camera.tilt !== camera2.tilt\n  );\n}\n\nexport function isNotSameEnvironment(environment: __esri.Environment, environment2: __esri.Environment): boolean {\n  return (\n    environment2 === undefined ||\n    environment2.atmosphereEnabled !== environment.atmosphereEnabled ||\n    (environment2.lighting as __esri.SunLighting).date !== (environment.lighting as __esri.SunLighting).date ||\n    (environment2.lighting as __esri.SunLighting).directShadowsEnabled !==\n      (environment.lighting as __esri.SunLighting).directShadowsEnabled ||\n    (environment2.lighting as __esri.SunLighting).cameraTrackingEnabled !==\n      (environment.lighting as __esri.SunLighting).cameraTrackingEnabled ||\n    (environment2.lighting as __esri.SunLighting).date !== (environment.lighting as __esri.SunLighting).date ||\n    (environment2.lighting as __esri.SunLighting).displayUTCOffset !==\n      (environment.lighting as __esri.SunLighting).displayUTCOffset\n  );\n}\n\nexport function isNotSameViewpoint(viewpoint: __esri.Viewpoint, viewpoint2: __esri.Viewpoint): boolean {\n  return (\n    viewpoint2 === undefined ||\n    viewpoint.targetGeometry !== viewpoint2.targetGeometry ||\n    viewpoint.rotation !== viewpoint2.rotation ||\n    viewpoint.scale !== viewpoint2.scale\n  );\n}\n\nexport async function updateForView(viewStr: string): Promise<any> {\n  const viewRef = document.querySelector(viewStr) as HTMLArcgisMapElement | HTMLArcgisSceneElement | null;\n  return new Promise((resolve) => {\n    if (viewRef?.view !== undefined) {\n      resolve(viewRef.view);\n    } else if (viewRef) {\n      const handler = () => {\n        viewRef.removeEventListener(\"arcgisViewReadyChange\", handler, false);\n        resolve(viewRef.view);\n      };\n      viewRef.addEventListener(\"arcgisViewReadyChange\", handler, false);\n    }\n  });\n}\n\nexport async function referenceElementHelper(\n  element: WidgetElement | ExpandableComponent,\n  refElement: ArcgisReferenceElement | string\n): Promise<void> {\n  if (typeof refElement === \"string\") {\n    element.view = await updateForView(refElement);\n  } else if (refElement !== undefined && element.widget) {\n    element.view = refElement.view;\n  }\n}\n\n//--------------------------------------------------------------------------\n//\n//  Private Methods\n//\n//--------------------------------------------------------------------------\n\nfunction waitForViewHandler(\n  viewRef: ArcgisReferenceElement,\n  element: WidgetElement | ExpandableComponent,\n  isDetached: boolean\n) {\n  const handler = () => {\n    viewRef?.removeEventListener(\"arcgisViewReadyChange\", handler, false);\n    element.view = viewRef?.view;\n    if (!isDetached) {\n      if (element.childElem) {\n        element.view?.ui.add(element.childElem, element.position);\n      } else {\n        element.view?.ui.add(element.el, element.position);\n      }\n    }\n  };\n  viewRef.addEventListener(\"arcgisViewReadyChange\", handler, false);\n}\n"],"version":3}

package/dist/cjs/disconnected-4490368b.js

@@ -0,0 +1,40 @@
+'use strict';
+
+function onDisconnectedHelper(element) {
+    if (element.childElem) {
+        if (!element.el.isConnected) {
+            if (element.view) {
+                element.view.ui.remove(element.childElem);
+            }
+            else if (element.widget?.view) {
+                element.widget.view.ui.remove(element.childElem);
+            }
+            element._watchHandles.forEach((handle) => {
+                handle.remove();
+            });
+            element._watchHandles = [];
+            element.widget?.destroy();
+        }
+    }
+    else {
+        setTimeout(() => {
+            if (!element.el.isConnected) {
+                if (element.view) {
+                    element.view.ui.remove(element.el);
+                }
+                else if (element.widget?.view) {
+                    element.widget.view.ui.remove(element.el);
+                }
+                element._watchHandles.forEach((handle) => {
+                    handle.remove();
+                });
+                element._watchHandles = [];
+                element.widget?.destroy();
+            }
+        }, 1000);
+    }
+}
+
+exports.onDisconnectedHelper = onDisconnectedHelper;
+
+//# sourceMappingURL=disconnected-4490368b.js.map

package/dist/cjs/disconnected-4490368b.js.map

@@ -0,0 +1 @@
+{"file":"disconnected-4490368b.js","mappings":";;SAEgB,oBAAoB,CAAC,OAAsB;IACzD,IAAI,OAAO,CAAC,SAAS,EAAE;QACrB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE;YAC3B,IAAI,OAAO,CAAC,IAAI,EAAE;gBAChB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;aAC3C;iBAAM,IAAI,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE;gBAC/B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;aAClD;YACD,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,MAAW;gBACxC,MAAM,CAAC,MAAM,EAAE,CAAC;aACjB,CAAC,CAAC;YACH,OAAO,CAAC,aAAa,GAAG,EAAE,CAAC;YAC3B,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;SAC3B;KACF;SAAM;QACL,UAAU,CAAC;YACT,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE;gBAC3B,IAAI,OAAO,CAAC,IAAI,EAAE;oBAChB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;iBACpC;qBAAM,IAAI,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE;oBAC/B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;iBAC3C;gBACD,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,MAAW;oBACxC,MAAM,CAAC,MAAM,EAAE,CAAC;iBACjB,CAAC,CAAC;gBACH,OAAO,CAAC,aAAa,GAAG,EAAE,CAAC;gBAC3B,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;aAC3B;SACF,EAAE,IAAI,CAAC,CAAC;KACV;AACH;;;;","names":[],"sources":["src/utils/disconnected.ts"],"sourcesContent":["import type { WidgetElement } from \"./component-utils\";\n\nexport function onDisconnectedHelper(element: WidgetElement): void {\n  if (element.childElem) {\n    if (!element.el.isConnected) {\n      if (element.view) {\n        element.view.ui.remove(element.childElem);\n      } else if (element.widget?.view) {\n        element.widget.view.ui.remove(element.childElem);\n      }\n      element._watchHandles.forEach((handle: any) => {\n        handle.remove();\n      });\n      element._watchHandles = [];\n      element.widget?.destroy();\n    }\n  } else {\n    setTimeout(() => {\n      if (!element.el.isConnected) {\n        if (element.view) {\n          element.view.ui.remove(element.el);\n        } else if (element.widget?.view) {\n          element.widget.view.ui.remove(element.el);\n        }\n        element._watchHandles.forEach((handle: any) => {\n          handle.remove();\n        });\n        element._watchHandles = [];\n        element.widget?.destroy();\n      }\n    }, 1000);\n  }\n}\n"],"version":3}

package/dist/cjs/{index-bfda1cdc.js → index-048e90f4.js}

@@ -664,13 +664,6 @@ async function newWidgetsZoom(properties) {
     const ModConstructor = await importWidgetsZoom();
     return new ModConstructor(properties);
 }
-async function importConfig() {
-    if (amd) {
-        return requireModule("esri/config");
-    }
-    const module = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@arcgis/core/config.js')); });
-    return module.default;
-}
 async function importCoreReactiveUtils() {
     if (amd) {
         return requireModule("esri/core/reactiveUtils");
@@ -679,7 +672,6 @@ async function importCoreReactiveUtils() {
     return module;
 }
 
-exports.importConfig = importConfig;
 exports.importCoreReactiveUtils = importCoreReactiveUtils;
 exports.newLayersFeatureLayer = newLayersFeatureLayer;
 exports.newLayersGraphicsLayer = newLayersGraphicsLayer;
@@ -739,3 +731,5 @@ exports.newWidgetsUtilityNetworkValidateTopology = newWidgetsUtilityNetworkValid
 exports.newWidgetsValuePicker = newWidgetsValuePicker;
 exports.newWidgetsWeather = newWidgetsWeather;
 exports.newWidgetsZoom = newWidgetsZoom;
+
+//# sourceMappingURL=index-048e90f4.js.map