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

package/dist/components/arcgis-shadow-cast.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-shadow-cast.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,sBAAsB;;MCgB/BA,kBAAgB;;;;;IAyD3B,kBAAa,GAAyB,EAAE,CAAC;;;;oBAbtB,aAAa;sBASX,KAAK;;;EA/B1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,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,KAA0C;IAC/D,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;KACrC;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,MAAM,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAElD,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,GAA8B;MACxC,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":["ArcgisShadowCast"],"sources":["src/components/shadow-cast/shadow-cast.css?tag=arcgis-shadow-cast","src/components/shadow-cast/shadow-cast.tsx"],"sourcesContent":["arcgis-shadow-cast {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsShadowCast } from \"@arcgis/core-adapter\";\nimport type ShadowCast from \"@arcgis/core/widgets/ShadowCast\";\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 ShadowCastWidget = InstanceType<typeof ShadowCast>;\n\n@Component({\n  tag: \"arcgis-shadow-cast\",\n  styleUrl: \"shadow-cast.css\"\n})\nexport class ArcgisShadowCast implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop({ mutable: true }) 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: ShadowCastWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: ShadowCastWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\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: ShadowCastWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ShadowCast }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsShadowCast(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<ShadowCastWidget> {\n    const params: Partial<ShadowCastWidget> = {\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-sketch.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { T as newWidgetsSketch, i as importCoreReactiveUtils, U as newLayersGraphicsLayer } 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 { U as newWidgetsSketch, i as importCoreReactiveUtils, V as newLayersGraphicsLayer } from './index2.js';
+import { r as referenceElementHelper, 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 arcgisSketchCss = "arcgis-sketch{}";
+const sketchCss = "arcgis-sketch{}";
 
-const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisSketch extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -15,6 +16,7 @@ const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.sketchUndo = createEvent(this, "sketchUndo", 7);
     this.sketchUpdate = createEvent(this, "sketchUpdate", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeTool = undefined;
     this.availableCreateTools = undefined;
@@ -28,77 +30,76 @@ const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.snappingOptions = undefined;
     this.tooltipOptions = undefined;
     this.updateGraphics = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   availableCreateToolsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.availableCreateTools = newValue;
     }
   }
   creationModeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.creationMode = newValue;
     }
   }
   defaultCreateOptionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.defaultCreateOptions = newValue;
     }
   }
   defaultUpdateOptionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.defaultUpdateOptions = newValue;
     }
   }
   labelOptionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.labelOptions = newValue;
     }
   }
   layerWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.layer = newValue;
     }
   }
   layoutWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.layout = newValue;
     }
   }
   snappingOptionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.snappingOptions = newValue;
     }
   }
   tooltipOptionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.tooltipOptions = newValue;
     }
   }
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
       this.widget.view.map?.add(this.layer);
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -128,15 +129,15 @@ const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
+    addHandles(this, watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
       initial: true
-    });
-    watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
+    }));
+    addHandles(this, watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
       initial: true
-    });
-    watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
+    }));
+    addHandles(this, watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
       initial: true
-    });
+    }));
   }
   async _createParams() {
     const graphicsLayerProps = {
@@ -175,10 +176,14 @@ const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     if (this.tooltipOptions) {
       params.tooltipOptions = this.tooltipOptions;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return this; }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "availableCreateTools": ["availableCreateToolsWatcher"],
     "creationMode": ["creationModeWatcher"],
     "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
@@ -188,11 +193,11 @@ const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "layout": ["layoutWatcher"],
     "snappingOptions": ["snappingOptionsWatcher"],
     "tooltipOptions": ["tooltipOptionsWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisSketchCss; }
+  static get style() { return sketchCss; }
 }, [0, "arcgis-sketch", {
     "referenceElement": [1, "reference-element"],
     "activeTool": [1537, "active-tool"],
@@ -207,10 +212,25 @@ const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "snappingOptions": [16],
     "tooltipOptions": [16],
     "updateGraphics": [1040],
+    "visibleElements": [16],
     "view": [1040],
     "position": [1],
     "expandable": [4],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "availableCreateTools": ["availableCreateToolsWatcher"],
+    "creationMode": ["creationModeWatcher"],
+    "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
+    "defaultUpdateOptions": ["defaultUpdateOptionsWatcher"],
+    "labelOptions": ["labelOptionsWatcher"],
+    "layer": ["layerWatcher"],
+    "layout": ["layoutWatcher"],
+    "snappingOptions": ["snappingOptionsWatcher"],
+    "tooltipOptions": ["tooltipOptionsWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -236,3 +256,5 @@ const ArcgisSketch = ArcgisSketch$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisSketch, defineCustomElement };
+
+//# sourceMappingURL=arcgis-sketch.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-sketch.js","mappings":"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","names":["ArcgisSketch"],"sources":["src/components/sketch/sketch.css?tag=arcgis-sketch","src/components/sketch/sketch.tsx"],"sourcesContent":["arcgis-sketch {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newLayersGraphicsLayer, newWidgetsSketch } from \"@arcgis/core-adapter\";\nimport type Sketch from \"@arcgis/core/widgets/Sketch\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type SketchWidget = InstanceType<typeof Sketch>;\n\n@Component({\n  tag: \"arcgis-sketch\",\n  styleUrl: \"sketch.css\"\n})\nexport class ArcgisSketch implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop({ mutable: true, reflect: true }) activeTool: SketchWidget[\"activeTool\"];\n\n  @Prop() availableCreateTools: SketchWidget[\"availableCreateTools\"];\n\n  @Watch(\"availableCreateTools\")\n  availableCreateToolsWatcher(newValue: SketchWidget[\"availableCreateTools\"]): void {\n    if (this.widget) {\n      this.widget.availableCreateTools = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) createGraphic: SketchWidget[\"createGraphic\"];\n\n  @Prop() creationMode: SketchWidget[\"creationMode\"];\n\n  @Watch(\"creationMode\")\n  creationModeWatcher(newValue: SketchWidget[\"creationMode\"]): void {\n    if (this.widget) {\n      this.widget.creationMode = newValue;\n    }\n  }\n\n  @Prop() defaultCreateOptions: SketchWidget[\"defaultCreateOptions\"];\n\n  @Watch(\"defaultCreateOptions\")\n  defaultCreateOptionsWatcher(newValue: SketchWidget[\"defaultCreateOptions\"]): void {\n    if (this.widget) {\n      this.widget.defaultCreateOptions = newValue;\n    }\n  }\n\n  @Prop() defaultUpdateOptions: SketchWidget[\"defaultUpdateOptions\"];\n\n  @Watch(\"defaultUpdateOptions\")\n  defaultUpdateOptionsWatcher(newValue: SketchWidget[\"defaultUpdateOptions\"]): void {\n    if (this.widget) {\n      this.widget.defaultUpdateOptions = newValue;\n    }\n  }\n\n  @Prop() labelOptions: SketchWidget[\"labelOptions\"];\n\n  @Watch(\"labelOptions\")\n  labelOptionsWatcher(newValue: SketchWidget[\"labelOptions\"]): void {\n    if (this.widget) {\n      this.widget.labelOptions = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) layer: SketchWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(newValue: SketchWidget[\"layer\"]): void {\n    if (this.widget) {\n      this.widget.layer = newValue;\n    }\n  }\n\n  @Prop() layout: SketchWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: SketchWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = newValue;\n    }\n  }\n\n  @Prop() snappingOptions: SketchWidget[\"snappingOptions\"];\n\n  @Watch(\"snappingOptions\")\n  snappingOptionsWatcher(newValue: SketchWidget[\"snappingOptions\"]): void {\n    if (this.widget) {\n      this.widget.snappingOptions = newValue;\n    }\n  }\n\n  @Prop() tooltipOptions: SketchWidget[\"tooltipOptions\"];\n\n  @Watch(\"tooltipOptions\")\n  tooltipOptionsWatcher(newValue: SketchWidget[\"tooltipOptions\"]): void {\n    if (this.widget) {\n      this.widget.tooltipOptions = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) updateGraphics: SketchWidget[\"updateGraphics\"];\n\n  @Prop() visibleElements: SketchWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: SketchWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n      this.widget.view.map?.add(this.layer);\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: SketchWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) sketchCreate: EventEmitter<__esri.SketchCreateEvent>;\n  @Event({ cancelable: true }) sketchDelete: EventEmitter<__esri.SketchDeleteEvent>;\n  @Event({ cancelable: true }) sketchRedo: EventEmitter<__esri.SketchRedoEvent>;\n  @Event({ cancelable: true }) sketchUndo: EventEmitter<__esri.SketchUndoEvent>;\n  @Event({ cancelable: true }) sketchUpdate: EventEmitter<__esri.SketchUpdateEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Sketch }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = await this._createParams();\n\n    const widget = await newWidgetsSketch(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeTool,\n        (value) => (this.activeTool = value),\n        {\n          initial: true\n        }\n      )\n    );\n    addHandles(\n      this,\n      watch(\n        () => this.widget.createGraphic,\n        (value) => (this.createGraphic = value),\n        {\n          initial: true\n        }\n      )\n    );\n    addHandles(\n      this,\n      watch(\n        () => this.widget.updateGraphics,\n        (value) => (this.updateGraphics = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private async _createParams(): Promise<Partial<SketchWidget>> {\n    const graphicsLayerProps = {\n      title: \"Sketch Layer\",\n      creationMode: \"update\"\n    };\n\n    this.layer = await newLayersGraphicsLayer(graphicsLayerProps);\n\n    const params: Partial<SketchWidget> = {\n      container: this.childElem,\n      layer: this.layer\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.availableCreateTools) {\n      params.availableCreateTools = this.availableCreateTools;\n    }\n\n    if (this.creationMode) {\n      params.creationMode = this.creationMode;\n    }\n\n    if (this.defaultCreateOptions) {\n      params.defaultCreateOptions = this.defaultCreateOptions;\n    }\n\n    if (this.defaultUpdateOptions) {\n      params.defaultUpdateOptions = this.defaultUpdateOptions;\n    }\n\n    if (this.labelOptions) {\n      params.labelOptions = this.labelOptions;\n    }\n\n    if (this.layout) {\n      params.layout = this.layout;\n    }\n\n    if (this.snappingOptions) {\n      params.snappingOptions = this.snappingOptions;\n    }\n\n    if (this.tooltipOptions) {\n      params.tooltipOptions = this.tooltipOptions;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-slice.js

@@ -1,41 +1,23 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { V as newWidgetsSlice, i as importCoreReactiveUtils } 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 { W as newWidgetsSlice, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, 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 arcgisSliceCss = "arcgis-slice{}";
+const sliceCss = "arcgis-slice{}";
 
-const ArcgisSlice$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisSlice$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisSlice extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.analysis = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
-    this.headingLevel = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  headingLevelWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (this.widget.headingLevel !== newValue) {
-        this.widget.headingLevel = newValue;
-      }
-    }
   }
   referenceElementWatcher(newValue) {
     referenceElementHelper(this, newValue);
@@ -45,6 +27,11 @@ const ArcgisSlice$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.widget.view = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -74,9 +61,9 @@ const ArcgisSlice$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+    addHandles(this, watch(() => this.widget.analysis, (value) => (this.analysis = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -89,20 +76,22 @@ const ArcgisSlice$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
-    "headingLevel": ["headingLevelWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisSliceCss; }
+  static get style() { return sliceCss; }
 }, [0, "arcgis-slice", {
     "referenceElement": [1, "reference-element"],
     "analysis": [1040],
     "view": [1040],
     "position": [1],
     "expandable": [4],
-    "widget": [1040],
-    "headingLevel": [2, "heading-level"]
+    "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -128,3 +117,5 @@ const ArcgisSlice = ArcgisSlice$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisSlice, defineCustomElement };
+
+//# sourceMappingURL=arcgis-slice.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-slice.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,gBAAgB;;MCgBpBA,aAAW;;;;;IAkDtB,kBAAa,GAAyB,EAAE,CAAC;;;;oBAbtB,aAAa;sBASX,KAAK;;;EAxB1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;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,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,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1B,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,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAC1B,CAAC,KAAK,MAAM,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,EAClC;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,aAAa;IACnB,MAAM,MAAM,GAAyB;MACnC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisSlice"],"sources":["src/components/slice/slice.css?tag=arcgis-slice","src/components/slice/slice.tsx"],"sourcesContent":["arcgis-slice {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsSlice } from \"@arcgis/core-adapter\";\nimport Slice from \"@arcgis/core/widgets/Slice\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type SliceWidget = InstanceType<typeof Slice>;\n\n@Component({\n  tag: \"arcgis-slice\",\n  styleUrl: \"slice.css\"\n})\nexport class ArcgisSlice 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({ mutable: true }) analysis: SliceWidget[\"analysis\"];\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() 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: SliceWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Slice }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsSlice(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.analysis,\n        (value) => (this.analysis = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<SliceWidget> {\n    const params: Partial<SliceWidget> = {\n      container: this.childElem\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-slider.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { W as newWidgetsSlider, 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 { X as newWidgetsSlider, 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 arcgisSliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
+const sliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
 
-const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisSlider extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -21,6 +22,7 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.sliderTickClick = createEvent(this, "sliderTickClick", 7);
     this.sliderTrackClick = createEvent(this, "sliderTrackClick", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.draggableSegmentsEnabled = undefined;
     this.effectiveMax = undefined;
@@ -50,23 +52,18 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
   draggableSegmentsEnabledWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.draggableSegmentsEnabled = newValue;
     }
   }
   effectiveMaxWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.effectiveMax = newValue;
     }
   }
   effectiveMinWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.effectiveMin = newValue;
     }
   }
@@ -76,42 +73,37 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }
   }
   minWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.min = newValue;
     }
   }
   maxWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.max = newValue;
     }
   }
   precisionWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.precision = newValue;
     }
   }
   rangeLabelInputsEnabledWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.rangeLabelInputsEnabled = newValue;
     }
   }
   snapOnClickEnabledWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.snapOnClickEnabled = newValue;
     }
   }
-  stepsWatcher(newValue) {
-    if (this.widget) {
-      this.widget.steps = newValue;
-    }
-  }
   syncedSegmentsEnabledWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.syncedSegmentsEnabled = newValue;
     }
   }
   thumbsConstrainedWatcher(newValue) {
-    if (this.widget) {
+    if (newValue !== undefined && this.widget) {
       this.widget.thumbsConstrained = newValue;
     }
   }
@@ -120,6 +112,11 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.widget.tickConfigs = newValue;
     }
   }
+  stepsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.steps = newValue;
+    }
+  }
   valuesWatcher(newValue) {
     if (typeof newValue === "string") {
       this.values = newValue.split(",").map((n) => Number(n));
@@ -157,30 +154,30 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
+    addHandles(this, watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
+    }));
+    addHandles(this, watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
       initial: true
-    });
-    watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
+    }));
+    addHandles(this, watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
+    }));
+    addHandles(this, watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
+    }));
+    addHandles(this, watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
+    }));
+    addHandles(this, watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
       initial: true
-    });
-    watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
+    }));
+    addHandles(this, watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
       initial: true
-    });
-    watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
+    }));
+    addHandles(this, watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -218,13 +215,13 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "precision": ["precisionWatcher"],
     "rangeLabelInputsEnabled": ["rangeLabelInputsEnabledWatcher"],
     "snapOnClickEnabled": ["snapOnClickEnabledWatcher"],
-    "steps": ["stepsWatcher"],
     "syncedSegmentsEnabled": ["syncedSegmentsEnabledWatcher"],
     "thumbsConstrained": ["thumbsConstrainedWatcher"],
     "tickConfigs": ["tickConfigsWatcher"],
+    "steps": ["stepsWatcher"],
     "values": ["valuesWatcher"]
   }; }
-  static get style() { return arcgisSliderCss; }
+  static get style() { return sliderCss; }
 }, [0, "arcgis-slider", {
     "referenceElement": [1, "reference-element"],
     "draggableSegmentsEnabled": [4, "draggable-segments-enabled"],
@@ -254,6 +251,21 @@ const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "position": [1],
     "expandable": [4],
     "widget": [1040]
+  }, undefined, {
+    "draggableSegmentsEnabled": ["draggableSegmentsEnabledWatcher"],
+    "effectiveMax": ["effectiveMaxWatcher"],
+    "effectiveMin": ["effectiveMinWatcher"],
+    "layout": ["layoutWatcher"],
+    "min": ["minWatcher"],
+    "max": ["maxWatcher"],
+    "precision": ["precisionWatcher"],
+    "rangeLabelInputsEnabled": ["rangeLabelInputsEnabledWatcher"],
+    "snapOnClickEnabled": ["snapOnClickEnabledWatcher"],
+    "syncedSegmentsEnabled": ["syncedSegmentsEnabledWatcher"],
+    "thumbsConstrained": ["thumbsConstrainedWatcher"],
+    "tickConfigs": ["tickConfigsWatcher"],
+    "steps": ["stepsWatcher"],
+    "values": ["valuesWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -279,3 +291,5 @@ const ArcgisSlider = ArcgisSlider$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisSlider, defineCustomElement };
+
+//# sourceMappingURL=arcgis-slider.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-slider.js","mappings":"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","names":["ArcgisSlider"],"sources":["src/components/slider/slider.css?tag=arcgis-slider","src/components/slider/slider.tsx"],"sourcesContent":["arcgis-slider {\n  /* Component styles go here */\n  min-width: 200px;\n  min-height: 25px;\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsSlider } from \"@arcgis/core-adapter\";\nimport type Slider from \"@arcgis/core/widgets/Slider\";\nimport { ArcgisReferenceElement, addHandles, checkForView } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\n\nexport type SliderWidget = InstanceType<typeof Slider>;\n\n@Component({\n  tag: \"arcgis-slider\",\n  styleUrl: \"slider.css\"\n})\nexport class ArcgisSlider 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  @Prop() draggableSegmentsEnabled: SliderWidget[\"draggableSegmentsEnabled\"];\n\n  @Watch(\"draggableSegmentsEnabled\")\n  draggableSegmentsEnabledWatcher(newValue: SliderWidget[\"draggableSegmentsEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.draggableSegmentsEnabled = newValue;\n    }\n  }\n\n  @Prop() effectiveMax: SliderWidget[\"effectiveMax\"];\n\n  @Watch(\"effectiveMax\")\n  effectiveMaxWatcher(newValue: SliderWidget[\"effectiveMax\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.effectiveMax = newValue;\n    }\n  }\n\n  @Prop() effectiveMin: SliderWidget[\"effectiveMin\"];\n\n  @Watch(\"effectiveMin\")\n  effectiveMinWatcher(newValue: SliderWidget[\"effectiveMin\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.effectiveMin = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) effectiveSegmentElements: SliderWidget[\"effectiveSegmentElements\"];\n\n  @Prop({ mutable: true }) labelElements: SliderWidget[\"labelElements\"];\n\n  @Prop() labelInputsEnabled: SliderWidget[\"labelInputsEnabled\"];\n\n  @Prop() labels: SliderWidget[\"labels\"];\n\n  @Prop() layout: SliderWidget[\"layout\"] = \"horizontal\";\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: SliderWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = newValue;\n    }\n  }\n\n  @Prop() min: SliderWidget[\"min\"];\n\n  @Watch(\"min\")\n  minWatcher(newValue: SliderWidget[\"min\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.min = newValue;\n    }\n  }\n\n  @Prop() max: SliderWidget[\"max\"];\n\n  @Watch(\"max\")\n  maxWatcher(newValue: SliderWidget[\"max\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.max = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) maxLabelElement: SliderWidget[\"maxLabelElement\"];\n\n  @Prop({ mutable: true }) minLabelElement: SliderWidget[\"minLabelElement\"];\n\n  @Prop() precision: SliderWidget[\"precision\"];\n\n  @Watch(\"precision\")\n  precisionWatcher(newValue: SliderWidget[\"precision\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.precision = newValue;\n    }\n  }\n\n  @Prop() rangeLabelInputsEnabled: SliderWidget[\"rangeLabelInputsEnabled\"];\n\n  @Watch(\"rangeLabelInputsEnabled\")\n  rangeLabelInputsEnabledWatcher(newValue: SliderWidget[\"rangeLabelInputsEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.rangeLabelInputsEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) segmentElements: SliderWidget[\"segmentElements\"];\n\n  @Prop() snapOnClickEnabled: SliderWidget[\"snapOnClickEnabled\"];\n\n  @Watch(\"snapOnClickEnabled\")\n  snapOnClickEnabledWatcher(newValue: SliderWidget[\"snapOnClickEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.snapOnClickEnabled = newValue;\n    }\n  }\n\n  @Prop() syncedSegmentsEnabled: SliderWidget[\"syncedSegmentsEnabled\"];\n\n  @Watch(\"syncedSegmentsEnabled\")\n  syncedSegmentsEnabledWatcher(newValue: SliderWidget[\"syncedSegmentsEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.syncedSegmentsEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) thumbElements: SliderWidget[\"thumbElements\"];\n\n  @Prop() thumbsConstrained: SliderWidget[\"thumbsConstrained\"];\n\n  @Watch(\"thumbsConstrained\")\n  thumbsConstrainedWatcher(newValue: SliderWidget[\"thumbsConstrained\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.thumbsConstrained = newValue;\n    }\n  }\n\n  @Prop() tickConfigs: SliderWidget[\"tickConfigs\"];\n\n  @Watch(\"tickConfigs\")\n  tickConfigsWatcher(newValue: SliderWidget[\"tickConfigs\"]): void {\n    if (this.widget) {\n      this.widget.tickConfigs = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) tickElements: SliderWidget[\"tickElements\"];\n\n  @Prop({ mutable: true }) trackElement: SliderWidget[\"trackElement\"];\n\n  @Prop() steps: SliderWidget[\"steps\"] | string;\n\n  @Watch(\"steps\")\n  stepsWatcher(newValue: SliderWidget[\"steps\"]): void {\n    if (this.widget) {\n      this.widget.steps = newValue;\n    }\n  }\n\n  @Prop() values: SliderWidget[\"values\"] | string;\n\n  @Watch(\"values\")\n  valuesWatcher(newValue: SliderWidget[\"values\"] | string): void {\n    if (typeof newValue === \"string\") {\n      this.values = newValue.split(\",\").map((n: string) => Number(n));\n    }\n    if (this.widget) {\n      this.widget.values = this.values as number[];\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: SliderWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) sliderMaxChange: EventEmitter<__esri.SliderMaxChangeEvent>;\n  @Event({ cancelable: true }) sliderMaxClick: EventEmitter<__esri.SliderMaxClickEvent>;\n  @Event({ cancelable: true }) sliderMinChange: EventEmitter<__esri.SliderMinChangeEvent>;\n  @Event({ cancelable: true }) sliderMinClick: EventEmitter<__esri.SliderMinClickEvent>;\n  @Event({ cancelable: true }) sliderSegmentClick: EventEmitter<__esri.SliderSegmentClickEvent>;\n  @Event({ cancelable: true }) sliderSegmentDrag: EventEmitter<__esri.SliderSegmentDragEvent>;\n  @Event({ cancelable: true }) sliderThumbChange: EventEmitter<__esri.SliderThumbChangeEvent>;\n  @Event({ cancelable: true }) sliderThumbClick: EventEmitter<__esri.SliderThumbClickEvent>;\n  @Event({ cancelable: true }) sliderThumbDrag: EventEmitter<__esri.SliderThumbDragEvent>;\n  @Event({ cancelable: true }) sliderTickClick: EventEmitter<__esri.SliderTickClickEvent>;\n  @Event({ cancelable: true }) sliderTrackClick: EventEmitter<__esri.SliderTrackClickEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Slider }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsSlider(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.effectiveSegmentElements,\n        (value) => (this.effectiveSegmentElements = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.labelElements,\n        (value) => (this.labelElements = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.maxLabelElement,\n        (value) => (this.maxLabelElement = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.minLabelElement,\n        (value) => (this.minLabelElement = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.segmentElements,\n        (value) => (this.segmentElements = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.thumbElements,\n        (value) => (this.thumbElements = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.tickElements,\n        (value) => (this.tickElements = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.trackElement,\n        (value) => (this.trackElement = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<SliderWidget> {\n    const params: Partial<SliderWidget> = {\n      container: this.childElem,\n      layout: this.layout\n    };\n\n    if (this.min !== undefined) {\n      params.min = this.min;\n    }\n\n    if (this.max !== undefined) {\n      params.max = this.max;\n    }\n\n    if (this.steps) {\n      if (typeof this.steps === \"string\") {\n        this.steps = this.steps.split(\",\").map((n: string) => Number(n));\n      }\n      params.steps = this.steps;\n    }\n\n    if (this.values) {\n      if (typeof this.values === \"string\") {\n        this.values = this.values.split(\",\").map((n: string) => Number(n));\n      }\n      params.values = this.values;\n    }\n\n    return params;\n  }\n}\n"],"version":3}