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

package/dist/components/arcgis-weather.js

@@ -1,107 +1,118 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a3 as newWidgetsWeather } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisWeatherCss = "";
+const weatherCss = "";
 
-const ArcgisWeather$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+const ArcgisWeather$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisWeather extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.widgetReady = createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.view = undefined;
+        this.visibleElements = undefined;
+        this.widget = undefined;
     }
-  }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+    referenceElementWatcher(newValue) {
+        referenceElementHelper(this, newValue);
     }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsWeather(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-    checkForView(this);
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
     }
-    return 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 this; }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisWeatherCss; }
+    visibleElementsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = value;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsWeather(params);
+        this.widget = widget;
+        this.widgetReady.emit({ widget: this.widget });
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        if (this.expandable) {
+            return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.visibleElements) {
+            params.visibleElements = this.visibleElements;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"],
+        "visibleElements": ["visibleElementsWatcher"]
+    }; }
+    static get style() { return weatherCss; }
 }, [0, "arcgis-weather", {
-    "referenceElement": [1, "reference-element"],
-    "position": [1],
-    "expandable": [4],
-    "view": [1040],
-    "widget": [1040]
-  }]);
+        "referenceElement": [1, "reference-element"],
+        "position": [1],
+        "expandable": [4],
+        "view": [1040],
+        "visibleElements": [16],
+        "widget": [1040]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"],
+        "visibleElements": ["visibleElementsWatcher"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-weather", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-weather":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisWeather$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-weather", "arcgis-expand"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-weather":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisWeather$1);
+            }
+            break;
+        case "arcgis-expand":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 
@@ -109,3 +120,5 @@ const ArcgisWeather = ArcgisWeather$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisWeather, defineCustomElement };
+
+//# sourceMappingURL=arcgis-weather.js.map

package/dist/components/arcgis-weather.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-weather.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,EAAE;;MCmBRA,eAAa;;;;;QAyDxB,kBAAa,GAAyB,EAAE,CAAC;;wBA/BtB,aAAa;0BASX,KAAK;;;;;IAb1B,uBAAuB,CAAC,QAAyC;QAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACxC;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;IAOD,WAAW,CAAC,QAAyB;QACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;SAC7B;KACF;IAKD,sBAAsB,CAAC,KAAuC;QAC5D,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;SACrC;KACF;;;;;;IAoBD,MAAM,gBAAgB;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAEpC,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAE/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;KACpB;IAED,oBAAoB;QAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAAG,CAAC,IAC1E,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAClC,EAChB;SACH;QACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAAC;KACzD;;;;;;IAOO,aAAa;QACnB,MAAM,MAAM,GAA2B;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QAEF,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;SAC/C;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACzB;QAED,OAAO,MAAM,CAAC;KACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisWeather"],"sources":["src/components/weather/weather.css?tag=arcgis-weather","src/components/weather/weather.tsx"],"sourcesContent":["","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, Prop, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsWeather } from \"@arcgis/core-adapter\";\nimport type Weather from \"@arcgis/core/widgets/Weather\";\nimport type { ArcgisReferenceElement } from \"../../utils/component-utils\";\nimport { checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { ExpandableComponent } from \"../../utils/expandable\";\nimport type { ArcGISSceneView } from \"../types\";\n\nexport type WeatherWidget = InstanceType<typeof Weather>;\n\n@Component({\n  tag: \"arcgis-weather\",\n  styleUrl: \"weather.css\",\n  shadow: false\n})\nexport class ArcgisWeather implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\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() 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 }) view: ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop() visibleElements: WeatherWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: WeatherWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: WeatherWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady!: EventEmitter<{ widget: __esri.Weather }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsWeather(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    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el!)}>\n          <div ref={(el) => (this.childElem = el!)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el!)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<WeatherWidget> {\n    const params: Partial<WeatherWidget> = {\n      container: this.childElem\n    };\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-zoom.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface ArcgisZoom extends Components.ArcgisZoom, HTMLElement {}
 export const ArcgisZoom: {
-  prototype: ArcgisZoom;
-  new (): ArcgisZoom;
+    prototype: ArcgisZoom;
+    new (): ArcgisZoom;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/arcgis-zoom.js

@@ -1,117 +1,120 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a4 as newWidgetsZoom } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
 
-const arcgisZoomCss = "arcgis-zoom{}";
+const zoomCss = "arcgis-zoom{}";
 
-const ArcgisZoom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.widgetReady = 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;
+const ArcgisZoom$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisZoom extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.widgetReady = 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) {
+        referenceElementHelper(this, newValue);
     }
-  }
-  referenceElementWatcher(newValue) {
-    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 newWidgetsZoom(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-    checkForView(this);
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    return 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 this; }
-  static get watchers() { return {
-    "layout": ["layoutWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisZoomCss; }
+    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 newWidgetsZoom(params);
+        this.widget = widget;
+        this.widgetReady.emit({ widget: this.widget });
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return 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 this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "layout": ["layoutWatcher"],
+        "view": ["viewWatcher"],
+        "position": ["positionWatcher"]
+    }; }
+    static get style() { return zoomCss; }
 }, [0, "arcgis-zoom", {
-    "referenceElement": [1, "reference-element"],
-    "layout": [1],
-    "view": [1040],
-    "position": [1],
-    "widget": [1040],
-    "zoomIn": [64],
-    "zoomOut": [64]
-  }]);
+        "referenceElement": [1, "reference-element"],
+        "layout": [1],
+        "view": [1040],
+        "position": [1],
+        "widget": [1040],
+        "zoomIn": [64],
+        "zoomOut": [64]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "layout": ["layoutWatcher"],
+        "view": ["viewWatcher"],
+        "position": ["positionWatcher"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-zoom"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-zoom":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisZoom$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-zoom"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-zoom":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisZoom$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 
@@ -119,3 +122,5 @@ const ArcgisZoom = ArcgisZoom$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisZoom, defineCustomElement };
+
+//# sourceMappingURL=arcgis-zoom.js.map

package/dist/components/arcgis-zoom.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-zoom.js","mappings":";;;;;AAAA,MAAM,OAAO,GAAG,eAAe;;MCiBlBA,YAAU;;;;;QAqDrB,kBAAa,GAAyB,EAAE,CAAC;;;;wBAXtB,aAAa;;;IAtBhC,uBAAuB,CAAC,QAAyC;QAC/D,sBAAsB,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,MAAM,cAAc,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/C,YAAY,CAAC,IAAI,CAAC,CAAC;KACpB;IAED,oBAAoB;QAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,OAAO,WAAK,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":["ArcgisZoom"],"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/components/component-utils.js

@@ -0,0 +1,153 @@
+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);
+}
+
+export { addHandles as a, checkForExpand as b, checkForView as c, isNotSameViewpoint as d, isNotSameCamera as e, isNotSameEnvironment as f, isValidInteger as g, isNullOrEmptyString as i, referenceElementHelper as r };
+
+//# sourceMappingURL=component-utils.js.map