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

package/dist/components/arcgis-value-picker.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a2 as newWidgetsValuePicker, i as importCoreReactiveUtils } from './index2.js';
-import { c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { a3 as newWidgetsValuePicker, i as importCoreReactiveUtils } from './index2.js';
+import { c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisValuePickerCss = "arcgis-value-picker{}";
+const valuePickerCss = "arcgis-value-picker{}";
 
-const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisValuePicker extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -15,6 +16,7 @@ const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.valuePickerPause = createEvent(this, "valuePickerPause", 7);
     this.valuePickerPlay = createEvent(this, "valuePickerPlay", 7);
     this.valuePickerPrevious = createEvent(this, "valuePickerPrevious", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -28,34 +30,41 @@ const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.layout = undefined;
     this.loop = undefined;
     this.playRate = undefined;
+    this.visibleElements = undefined;
     this.values = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
   captionWatcher(newValue) {
     this.widget.caption = newValue;
   }
   componentWatcher(newValue) {
-    this.widget.component = newValue;
+    if (this.widget) {
+      this.widget.component = newValue;
+    }
   }
   layoutWatcher(newValue) {
-    this.widget.layout = newValue;
+    if (this.widget) {
+      this.widget.layout = newValue;
+    }
   }
   loopWatcher(newValue) {
-    this.widget.loop = newValue;
+    if (newValue !== undefined && this.widget) {
+      this.widget.loop = newValue;
+    }
   }
   playRateWatcher(newValue) {
-    this.widget.playRate = newValue;
+    if (newValue !== undefined && this.widget) {
+      this.widget.playRate = newValue;
+    }
+  }
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -104,15 +113,18 @@ const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.canNext, (value) => (this.canNext = value), {
+    addHandles(this, watch(() => this.widget.canNext, (value) => (this.canNext = value), {
+      initial: true
+    }));
+    addHandles(this, watch(() => this.widget.canPlay, (value) => (this.canPlay = value), {
       initial: true
-    });
-    watch(() => this.widget.canPlay, (value) => (this.canPlay = value), {
+    }));
+    addHandles(this, watch(() => this.widget.canPrevious, (value) => (this.canPrevious = value), {
       initial: true
-    });
-    watch(() => this.widget.canPrevious, (value) => (this.canPrevious = value), {
+    }));
+    addHandles(this, watch(() => this.widget.values, (value) => (this.values = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -127,12 +139,15 @@ const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     if (this.layout) {
       params.layout = this.layout;
     }
-    if (this.loop) {
+    if (this.loop !== undefined) {
       params.loop = this.loop;
     }
-    if (this.playRate) {
+    if (this.playRate !== undefined) {
       params.playRate = this.playRate;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   _proxyEvents() {
@@ -149,9 +164,10 @@ const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     "component": ["componentWatcher"],
     "layout": ["layoutWatcher"],
     "loop": ["loopWatcher"],
-    "playRate": ["playRateWatcher"]
+    "playRate": ["playRateWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
-  static get style() { return arcgisValuePickerCss; }
+  static get style() { return valuePickerCss; }
 }, [0, "arcgis-value-picker", {
     "referenceElement": [1, "reference-element"],
     "view": [1040],
@@ -166,11 +182,20 @@ const ArcgisValuePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     "layout": [1],
     "loop": [4],
     "playRate": [2, "play-rate"],
+    "visibleElements": [16],
     "values": [1040],
     "next": [64],
     "pause": [64],
     "play": [64],
     "previous": [64]
+  }, undefined, {
+    "position": ["positionWatcher"],
+    "caption": ["captionWatcher"],
+    "component": ["componentWatcher"],
+    "layout": ["layoutWatcher"],
+    "loop": ["loopWatcher"],
+    "playRate": ["playRateWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -196,3 +221,5 @@ const ArcgisValuePicker = ArcgisValuePicker$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisValuePicker, defineCustomElement };
+
+//# sourceMappingURL=arcgis-value-picker.js.map

package/dist/components/arcgis-value-picker.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-value-picker.js","mappings":"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","names":["ArcgisValuePicker"],"sources":["src/components/value-picker/value-picker.css?tag=arcgis-value-picker","src/components/value-picker/value-picker.tsx"],"sourcesContent":["arcgis-value-picker {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsValuePicker } from \"@arcgis/core-adapter\";\nimport type ValuePicker from \"@arcgis/core/widgets/ValuePicker\";\nimport { ArcgisReferenceElement, addHandles, checkForView } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type ValuePickerWidget = InstanceType<typeof ValuePicker>;\n\n@Component({\n  tag: \"arcgis-value-picker\",\n  styleUrl: \"value-picker.css\"\n})\nexport class ArcgisValuePicker {\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  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\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 }) widget: ValuePickerWidget;\n\n  @Prop({ reflect: true }) canNext: ValuePickerWidget[\"canNext\"];\n\n  @Prop({ reflect: true }) canPlay: ValuePickerWidget[\"canPlay\"];\n\n  @Prop({ reflect: true }) canPrevious: ValuePickerWidget[\"canPrevious\"];\n\n  @Prop() caption: ValuePickerWidget[\"caption\"];\n\n  @Watch(\"caption\")\n  captionWatcher(newValue: ValuePickerWidget[\"caption\"]): void {\n    this.widget.caption = newValue;\n  }\n\n  @Prop() component: ValuePickerWidget[\"component\"];\n\n  @Watch(\"component\")\n  componentWatcher(newValue: ValuePickerWidget[\"component\"]): void {\n    if (this.widget) {\n      this.widget.component = newValue;\n    }\n  }\n\n  @Prop() layout: ValuePickerWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: ValuePickerWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = newValue;\n    }\n  }\n\n  @Prop() loop: ValuePickerWidget[\"loop\"];\n\n  @Watch(\"loop\")\n  loopWatcher(newValue: ValuePickerWidget[\"loop\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.loop = newValue;\n    }\n  }\n\n  @Prop() playRate: ValuePickerWidget[\"playRate\"];\n\n  @Watch(\"playRate\")\n  playRateWatcher(newValue: ValuePickerWidget[\"playRate\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.playRate = newValue;\n    }\n  }\n\n  @Prop() visibleElements: ValuePickerWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: ValuePickerWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) values: ValuePickerWidget[\"values\"];\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ValuePicker }>;\n\n  @Event({ cancelable: true }) valuePickerAnimate: EventEmitter<__esri.ValuePickerAnimateEvent>;\n  @Event({ cancelable: true }) valuePickerNext: EventEmitter<__esri.ValuePickerNextEvent>;\n  @Event({ cancelable: true }) valuePickerPause: EventEmitter<__esri.ValuePickerPauseEvent>;\n  @Event({ cancelable: true }) valuePickerPlay: EventEmitter<__esri.ValuePickerPlayEvent>;\n  @Event({ cancelable: true }) valuePickerPrevious: EventEmitter<__esri.ValuePickerPreviousEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async next(): Promise<void> {\n    return this.widget?.next();\n  }\n\n  @Method()\n  async pause(): Promise<void> {\n    return this.widget?.pause();\n  }\n\n  @Method()\n  async play(): Promise<void> {\n    return this.widget?.play();\n  }\n\n  @Method()\n  async previous(): Promise<void> {\n    return this.widget?.previous();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsValuePicker(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\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  //  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.canNext,\n        (value) => (this.canNext = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.canPlay,\n        (value) => (this.canPlay = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.canPrevious,\n        (value) => (this.canPrevious = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.values,\n        (value) => (this.values = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<InstanceType<typeof ValuePicker>> {\n    const params: __esri.ValuePickerProperties = {\n      container: this.childElem\n    };\n\n    if (this.caption) {\n      params.caption = this.caption;\n    }\n\n    if (this.component) {\n      params.component = this.component;\n    }\n\n    if (this.layout) {\n      params.layout = this.layout;\n    }\n\n    if (this.loop !== undefined) {\n      params.loop = this.loop;\n    }\n\n    if (this.playRate !== undefined) {\n      params.playRate = this.playRate;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"animate\", (e) => this.valuePickerAnimate.emit(e));\n    this.widget.on(\"next\", (e) => this.valuePickerNext.emit(e));\n    this.widget.on(\"pause\", (e) => this.valuePickerPause.emit(e));\n    this.widget.on(\"play\", (e) => this.valuePickerPlay.emit(e));\n    this.widget.on(\"previous\", (e) => this.valuePickerPrevious.emit(e));\n  }\n}\n"],"version":3}

package/dist/components/arcgis-weather.js

@@ -1,41 +1,42 @@
 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 { a4 as newWidgetsWeather } from './index2.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 {
+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;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -66,6 +67,9 @@ const ArcgisWeather$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     const params = {
       container: this.childElem
     };
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -73,17 +77,24 @@ const ArcgisWeather$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
-  static get style() { return arcgisWeatherCss; }
+  static get style() { return weatherCss; }
 }, [0, "arcgis-weather", {
     "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") {
@@ -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;;MCiBRA,eAAa;;;;;IAyDxB,kBAAa,GAAyB,EAAE,CAAC;;oBA/BtB,aAAa;sBASX,KAAK;;;;;EAb1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;EAOD,WAAW,CAAC,QAAyB;IACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;EAKD,sBAAsB,CAAC,KAAuC;IAC5D,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;KACrC;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAA2B;MACrC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisWeather"],"sources":["src/components/weather/weather.css?tag=arcgis-weather","src/components/weather/weather.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsWeather } from \"@arcgis/core-adapter\";\nimport type Weather from \"@arcgis/core/widgets/Weather\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { 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 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  //  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.js

@@ -1,43 +1,38 @@
 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 { a5 as newWidgetsZoom } from './index2.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 {
+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;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   layoutWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.layout = newValue;
     }
   }
-  positionWatcher(newValue) {
+  viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.widget.view = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
+  positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+      this.view.ui.move(this.childElem, newValue);
     }
   }
   //--------------------------------------------------------------------------
@@ -78,6 +73,9 @@ const ArcgisZoom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const params = {
       container: this.childElem
     };
+    if (this.layout) {
+      params.layout = this.layout;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -85,12 +83,12 @@ const ArcgisZoom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   get el() { return this; }
   static get watchers() { return {
-    "layout": ["layoutWatcher"],
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "layout": ["layoutWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisZoomCss; }
+  static get style() { return zoomCss; }
 }, [0, "arcgis-zoom", {
     "referenceElement": [1, "reference-element"],
     "layout": [1],
@@ -99,6 +97,11 @@ const ArcgisZoom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "widget": [1040],
     "zoomIn": [64],
     "zoomOut": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "layout": ["layoutWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -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;;MCoBlBA,YAAU;;;;;IAqDrB,kBAAa,GAAyB,EAAE,CAAC;;;;oBAXtB,aAAa;;;EAtBhC,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,aAAa,CAAC,QAA8B;IAC1C,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;KAC/B;GACF;EAKD,WAAW,CAAC,QAAyC;IACnD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;EAKD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;;;;;;EAqBD,MAAM,MAAM;IACV,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;GAC9B;EAGD,MAAM,OAAO;IACX,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;GAC/B;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAAwB;MAClC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAC7B;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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 { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsZoom } from \"@arcgis/core-adapter\";\nimport type Zoom from \"@arcgis/core/widgets/Zoom\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { 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?.zoomIn();\n  }\n\n  @Method()\n  async zoomOut(): Promise<void> {\n    return this.widget?.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 as HTMLDivElement)}></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/{esm/component-utils-2ebdae59.js → components/component-utils.js}

@@ -1,10 +1,44 @@
-import { c as checkForExpand } from './disconnected-bc5fc8bc.js';
+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)) {
@@ -13,7 +47,7 @@ function checkForView(element) {
       viewRef = document.querySelector(element.referenceElement);
       isDetached = true;
     }
-    if (viewRef?.view && typeof viewRef?.view !== "string") {
+    if (viewRef?.view) {
       element.view = viewRef.view;
       const el = element.childElem || element.el;
       if (!isDetached) {
@@ -24,6 +58,22 @@ function checkForView(element) {
       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 = () => {
+        viewRef?.removeEventListener("viewReady", handler, false);
+        element.view = viewRef?.view;
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  }
+}
+function isNullOrEmptyString(value) {
+  return value === undefined || value === null || value === "";
 }
 async function updateForView(viewStr) {
   const viewRef = document.querySelector(viewStr);
@@ -58,7 +108,7 @@ function waitForViewHandler(viewRef, element, isDetached) {
   const handler = () => {
     viewRef?.removeEventListener("viewReady", handler, false);
     element.view = viewRef?.view;
-    if (!isDetached && typeof element.view !== "string") {
+    if (!isDetached) {
       if (element.childElem) {
         element.view?.ui.add(element.childElem, element.position);
       }
@@ -70,4 +120,6 @@ function waitForViewHandler(viewRef, element, isDetached) {
   viewRef.addEventListener("viewReady", handler, false);
 }
 
-export { checkForView as c, referenceElementHelper as r, updateForView as u };
+export { addHandles as a, checkForExpand as b, checkForView as c, isNullOrEmptyString as i, referenceElementHelper as r };
+
+//# sourceMappingURL=component-utils.js.map

package/dist/components/component-utils.js.map

@@ -0,0 +1 @@
+{"file":"component-utils.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 { 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  apiKey?: string;\n  basemap?: string;\n  itemId?: string;\n  view?: ArcGISMapView | ArcGISSceneView;\n}\n\n//--------------------------------------------------------------------------\n//\n//  Public Methods\n//\n//--------------------------------------------------------------------------\n\nexport function addHandles(element: WidgetElement, handle: __esri.WatchHandle | __esri.WatchHandle[]): 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        viewRef?.removeEventListener(\"viewReady\", handler, false);\n        element.view = viewRef?.view;\n      };\n      viewRef.addEventListener(\"viewReady\", handler, false);\n    }\n  }\n}\n\nexport function isNullOrEmptyString(value: string): boolean {\n  return value === undefined || value === null || value === \"\";\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(\"viewReady\", handler, false);\n        resolve(viewRef.view);\n      };\n      viewRef.addEventListener(\"viewReady\", 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  return;\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(\"viewReady\", 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(\"viewReady\", handler, false);\n}\n"],"version":3}