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

package/dist/cjs/arcgis-utility-network-trace.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-utility-network-trace.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsUtilityNetworkTrace","checkForView","onDisconnectedHelper","h"],"sources":["src/components/utility-network-trace/utility-network-trace.css?tag=arcgis-utility-network-trace","src/components/utility-network-trace/utility-network-trace.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsUtilityNetworkTrace } from \"@arcgis/core-adapter\";\nimport type UtilityNetworkTrace from \"@arcgis/core/widgets/UtilityNetworkTrace\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type UtilityNetworkTraceWidget = InstanceType<typeof UtilityNetworkTrace>;\n\n@Component({\n  tag: \"arcgis-utility-network-trace\",\n  styleUrl: \"utility-network-trace.css\",\n  shadow: false\n})\nexport class ArcgisUtilityNetworkTrace implements ExpandableComponent {\n  //--------------------------------------------------------------------------\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() defaultGraphicColor: UtilityNetworkTraceWidget[\"defaultGraphicColor\"];\n\n  @Watch(\"defaultGraphicColor\")\n  defaultGraphicColorWatcher(newValue: UtilityNetworkTraceWidget[\"defaultGraphicColor\"]): void {\n    if (this.widget) {\n      this.widget.defaultGraphicColor = newValue;\n    }\n  }\n\n  @Prop() flags: UtilityNetworkTraceWidget[\"flags\"];\n\n  @Watch(\"flags\")\n  flagsWatcher(newValue: UtilityNetworkTraceWidget[\"flags\"]): void {\n    if (this.widget) {\n      this.widget.flags = newValue;\n    }\n  }\n\n  @Prop() gdbVersion: UtilityNetworkTraceWidget[\"gdbVersion\"];\n\n  @Watch(\"gdbVersion\")\n  gdbVersionWatcher(newValue: UtilityNetworkTraceWidget[\"gdbVersion\"]): void {\n    if (this.widget) {\n      this.widget.gdbVersion = newValue;\n    }\n  }\n\n  @Prop() inputSettings: UtilityNetworkTraceWidget[\"inputSettings\"];\n\n  @Watch(\"inputSettings\")\n  inputSettingsWatcher(newValue: UtilityNetworkTraceWidget[\"inputSettings\"]): void {\n    if (this.widget) {\n      this.widget.inputSettings = newValue;\n    }\n  }\n\n  @Prop() selectedTraces: UtilityNetworkTraceWidget[\"selectedTraces\"];\n\n  @Watch(\"selectedTraces\")\n  selectedTracesWatcher(newValue: UtilityNetworkTraceWidget[\"selectedTraces\"]): void {\n    if (this.widget) {\n      this.widget.selectedTraces = newValue;\n    }\n  }\n\n  @Prop() selectOnComplete: UtilityNetworkTraceWidget[\"selectOnComplete\"];\n\n  @Watch(\"selectOnComplete\")\n  selectOnCompleteWatcher(newValue: UtilityNetworkTraceWidget[\"selectOnComplete\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectOnComplete = newValue;\n    }\n  }\n\n  @Prop() showGraphicsOnComplete: UtilityNetworkTraceWidget[\"showGraphicsOnComplete\"];\n\n  @Watch(\"showGraphicsOnComplete\")\n  showGraphicsOnCompleteWatcher(newValue: UtilityNetworkTraceWidget[\"showGraphicsOnComplete\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.showGraphicsOnComplete = newValue;\n    }\n  }\n\n  @Prop() showSelectionAttributes: UtilityNetworkTraceWidget[\"showSelectionAttributes\"];\n\n  @Watch(\"showSelectionAttributes\")\n  showSelectionAttributesWatcher(newValue: UtilityNetworkTraceWidget[\"showSelectionAttributes\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.showSelectionAttributes = 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() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: UtilityNetworkTraceWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) traceAddFlag: EventEmitter<__esri.UtilityNetworkTraceAddFlagEvent>;\n  @Event({ cancelable: true }) traceAddFlagComplete: EventEmitter<__esri.UtilityNetworkTraceAddFlagCompleteEvent>;\n  @Event({ cancelable: true }) traceAddFlagError: EventEmitter<__esri.UtilityNetworkTraceAddFlagErrorEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.UtilityNetworkTrace }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async checkCanTrace(): Promise<void> {\n    return this.widget?.checkCanTrace();\n  }\n\n  @Method()\n  async confirmReset(): Promise<void> {\n    return this.widget?.confirmReset();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsUtilityNetworkTrace(params);\n\n    this.widget = widget;\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 Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<UtilityNetworkTraceWidget> {\n    const params: Partial<UtilityNetworkTraceWidget> = {\n      container: this.childElem\n    };\n\n    if (this.defaultGraphicColor) {\n      params.defaultGraphicColor = this.defaultGraphicColor;\n    }\n\n    if (this.flags) {\n      params.flags = this.flags;\n    }\n\n    if (this.gdbVersion) {\n      params.gdbVersion = this.gdbVersion;\n    }\n\n    if (this.inputSettings) {\n      params.inputSettings = this.inputSettings;\n    }\n\n    if (this.selectedTraces) {\n      params.selectedTraces = this.selectedTraces;\n    }\n\n    if (this.selectOnComplete !== undefined) {\n      params.selectOnComplete = this.selectOnComplete;\n    }\n\n    if (this.showGraphicsOnComplete !== undefined) {\n      params.showGraphicsOnComplete = this.showGraphicsOnComplete;\n    }\n\n    if (this.showSelectionAttributes !== undefined) {\n      params.showSelectionAttributes = this.showSelectionAttributes;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"add-flag\", (e) => this.traceAddFlag.emit(e));\n    this.widget.on(\"add-flag-complete\", (e) => this.traceAddFlagComplete.emit(e));\n    this.widget.on(\"add-flag-error\", (e) => this.traceAddFlagError.emit(e));\n  }\n}\n"],"version":3}

package/dist/cjs/arcgis-utility-network-validate-topology.cjs.entry.js

@@ -2,17 +2,18 @@
 
 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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisUtilityNetworkValidateTopologyCss = "arcgis-utility-network-validate-topology{}";
+const utilityNetworkValidateTopologyCss = "arcgis-utility-network-validate-topology{}";
 
 const ArcgisUtilityNetworkValidateTopology = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.extentToValidate = undefined;
     this.utilityNetwork = undefined;
@@ -21,43 +22,29 @@ const ArcgisUtilityNetworkValidateTopology = class {
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  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);
   }
   extentToValidateWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.extentToValidate = newValue;
     }
   }
   utilityNetworkWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.utilityNetwork = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    if (typeof newValue === "string") {
-      componentUtils.updateForView(newValue).then((view) => {
-        this.widget.view = view;
-      });
-    }
-    else if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue.view;
-    }
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -98,13 +85,15 @@ const ArcgisUtilityNetworkValidateTopology = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "extentToValidate": ["extentToValidateWatcher"],
     "utilityNetwork": ["utilityNetworkWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
 };
-ArcgisUtilityNetworkValidateTopology.style = arcgisUtilityNetworkValidateTopologyCss;
+ArcgisUtilityNetworkValidateTopology.style = utilityNetworkValidateTopologyCss;
 
 exports.arcgis_utility_network_validate_topology = ArcgisUtilityNetworkValidateTopology;
+
+//# sourceMappingURL=arcgis-utility-network-validate-topology.cjs.entry.js.map

package/dist/cjs/arcgis-utility-network-validate-topology.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-utility-network-validate-topology.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,iCAAiC,GAAG,4CAA4C;;MCgBzE,oCAAoC;;;;IA4D/C,kBAAa,GAAyB,EAAE,CAAC;;;;;oBAbtB,aAAa;sBASX,KAAK;;;EAxC1B,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,uBAAuB,CAAC,QAAkE;IACxF,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,gBAAgB,GAAG,QAAQ,CAAC;KACzC;GACF;EAKD,qBAAqB,CAAC,QAAgE;IACpF,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,QAAQ,CAAC;KACvC;GACF;EAKD,WAAW,CAAC,QAAuB;IACjC,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;;;;;;EAsBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAMC,gDAAwC,CAAC,MAAM,CAAC,CAAC;IAEtE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACEC,2BAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpGA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAOA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAQO,aAAa;IACnB,MAAM,MAAM,GAAkD;MAC5D,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;MACvC,MAAM,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;KACjD;IAED,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE;MACrC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;KAC7C;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;","names":["referenceElementHelper","newWidgetsUtilityNetworkValidateTopology","checkForView","onDisconnectedHelper","h"],"sources":["src/components/utility-network-validate-topology/utility-network-validate-topology.css?tag=arcgis-utility-network-validate-topology","src/components/utility-network-validate-topology/utility-network-validate-topology.tsx"],"sourcesContent":["arcgis-utility-network-validate-topology {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsUtilityNetworkValidateTopology } from \"@arcgis/core-adapter\";\nimport type UtilityNetworkValidateTopology from \"@arcgis/core/widgets/UtilityNetworkValidateTopology\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type UtilityNetworkValidateTopologyWidget = InstanceType<typeof UtilityNetworkValidateTopology>;\n\n@Component({\n  tag: \"arcgis-utility-network-validate-topology\",\n  styleUrl: \"utility-network-validate-topology.css\"\n})\nexport class ArcgisUtilityNetworkValidateTopology implements ExpandableComponent {\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() extentToValidate: UtilityNetworkValidateTopologyWidget[\"extentToValidate\"];\n\n  @Watch(\"extentToValidate\")\n  extentToValidateWatcher(newValue: UtilityNetworkValidateTopologyWidget[\"extentToValidate\"]): void {\n    if (this.widget) {\n      this.widget.extentToValidate = newValue;\n    }\n  }\n\n  @Prop() utilityNetwork: UtilityNetworkValidateTopologyWidget[\"utilityNetwork\"];\n\n  @Watch(\"utilityNetwork\")\n  utilityNetworkWatcher(newValue: UtilityNetworkValidateTopologyWidget[\"utilityNetwork\"]): void {\n    if (this.widget) {\n      this.widget.utilityNetwork = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): 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() expandable = false;\n\n  @Prop({ mutable: true }) widget: UtilityNetworkValidateTopologyWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.UtilityNetworkValidateTopology }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsUtilityNetworkValidateTopology(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  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<UtilityNetworkValidateTopologyWidget> {\n    const params: Partial<UtilityNetworkValidateTopologyWidget> = {\n      container: this.childElem\n    };\n\n    if (this.extentToValidate !== undefined) {\n      params.extentToValidate = this.extentToValidate;\n    }\n\n    if (this.utilityNetwork !== undefined) {\n      params.utilityNetwork = this.utilityNetwork;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/cjs/arcgis-value-picker.cjs.entry.js

@@ -2,12 +2,12 @@
 
 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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisValuePickerCss = "arcgis-value-picker{}";
+const valuePickerCss = "arcgis-value-picker{}";
 
 const ArcgisValuePicker = class {
   constructor(hostRef) {
@@ -18,6 +18,7 @@ const ArcgisValuePicker = class {
     this.valuePickerPause = index.createEvent(this, "valuePickerPause", 7);
     this.valuePickerPlay = index.createEvent(this, "valuePickerPlay", 7);
     this.valuePickerPrevious = index.createEvent(this, "valuePickerPrevious", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -31,34 +32,41 @@ const ArcgisValuePicker = class {
     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;
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -107,15 +115,18 @@ const ArcgisValuePicker = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.canNext, (value) => (this.canNext = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.canNext, (value) => (this.canNext = value), {
       initial: true
-    });
-    watch(() => this.widget.canPlay, (value) => (this.canPlay = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.canPlay, (value) => (this.canPlay = value), {
       initial: true
-    });
-    watch(() => this.widget.canPrevious, (value) => (this.canPrevious = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.canPrevious, (value) => (this.canPrevious = value), {
       initial: true
-    });
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.values, (value) => (this.values = value), {
+      initial: true
+    }));
   }
   _createParams() {
     const params = {
@@ -130,12 +141,15 @@ const ArcgisValuePicker = class {
     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() {
@@ -152,9 +166,12 @@ const ArcgisValuePicker = class {
     "component": ["componentWatcher"],
     "layout": ["layoutWatcher"],
     "loop": ["loopWatcher"],
-    "playRate": ["playRateWatcher"]
+    "playRate": ["playRateWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
 };
-ArcgisValuePicker.style = arcgisValuePickerCss;
+ArcgisValuePicker.style = valuePickerCss;
 
 exports.arcgis_value_picker = ArcgisValuePicker;
+
+//# sourceMappingURL=arcgis-value-picker.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-value-picker.entry.cjs.js","mappings":"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","names":["newWidgetsValuePicker","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"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/cjs/arcgis-weather.cjs.entry.js

@@ -2,43 +2,43 @@
 
 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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisWeatherCss = "";
+const weatherCss = "";
 
 const ArcgisWeather = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.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) {
+    componentUtils.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) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -69,6 +69,9 @@ const ArcgisWeather = class {
     const params = {
       container: this.childElem
     };
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -76,11 +79,14 @@ const ArcgisWeather = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
 };
-ArcgisWeather.style = arcgisWeatherCss;
+ArcgisWeather.style = weatherCss;
 
 exports.arcgis_weather = ArcgisWeather;
+
+//# sourceMappingURL=arcgis-weather.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-weather.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,UAAU,GAAG,EAAE;;MCiBR,aAAa;;;;IAyDxB,kBAAa,GAAyB,EAAE,CAAC;;oBA/BtB,aAAa;sBASX,KAAK;;;;;EAb1B,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,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,MAAMC,yBAAiB,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/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACEC,2BAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpGA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAOA,iBAAK,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":["referenceElementHelper","newWidgetsWeather","checkForView","onDisconnectedHelper","h"],"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/cjs/arcgis-zoom.cjs.entry.js

@@ -2,46 +2,40 @@
 
 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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.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._watchHandles = [];
     this.referenceElement = undefined;
     this.layout = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    componentUtils.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) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
+  positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+      this.view.ui.move(this.childElem, newValue);
     }
   }
   //--------------------------------------------------------------------------
@@ -82,6 +76,9 @@ const ArcgisZoom = class {
     const params = {
       container: this.childElem
     };
+    if (this.layout) {
+      params.layout = this.layout;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -89,12 +86,14 @@ const ArcgisZoom = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "layout": ["layoutWatcher"],
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "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;;MCoBlB,UAAU;;;;IAqDrB,kBAAa,GAAyB,EAAE,CAAC;;;;oBAXtB,aAAa;;;EAtBhC,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,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,MAAMC,sBAAc,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/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,OAAOC,iBAAK,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":["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 { 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/cjs/{component-utils-cbd20e88.js → component-utils-70169d9c.js}

@@ -1,21 +1,55 @@
 'use strict';
 
-const disconnected = require('./disconnected-306cb220.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 (!disconnected.checkForExpand(element)) {
+  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 && typeof viewRef?.view !== "string") {
+    if (viewRef?.view) {
       element.view = viewRef.view;
       const el = element.childElem || element.el;
       if (!isDetached) {
@@ -26,6 +60,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);
@@ -60,7 +110,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);
       }
@@ -72,6 +122,10 @@ function waitForViewHandler(viewRef, element, isDetached) {
   viewRef.addEventListener("viewReady", handler, false);
 }
 
+exports.addHandles = addHandles;
+exports.checkForExpand = checkForExpand;
 exports.checkForView = checkForView;
+exports.isNullOrEmptyString = isNullOrEmptyString;
 exports.referenceElementHelper = referenceElementHelper;
-exports.updateForView = updateForView;
+
+//# sourceMappingURL=component-utils-70169d9c.js.map

package/dist/cjs/component-utils-70169d9c.js.map

@@ -0,0 +1 @@
+{"file":"component-utils-70169d9c.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}