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

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

@@ -0,0 +1 @@
+{"file":"arcgis-sketch.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsSketch","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles","newLayersGraphicsLayer"],"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/cjs/arcgis-slice.cjs.entry.js

@@ -2,43 +2,24 @@
 
 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 arcgisSliceCss = "arcgis-slice{}";
+const sliceCss = "arcgis-slice{}";
 
 const ArcgisSlice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.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) {
     componentUtils.referenceElementHelper(this, newValue);
@@ -48,6 +29,11 @@ const ArcgisSlice = class {
       this.widget.view = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -77,9 +63,9 @@ const ArcgisSlice = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.analysis, (value) => (this.analysis = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -92,12 +78,13 @@ const ArcgisSlice = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
-    "headingLevel": ["headingLevelWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
 };
-ArcgisSlice.style = arcgisSliceCss;
+ArcgisSlice.style = sliceCss;
 
 exports.arcgis_slice = ArcgisSlice;
+
+//# sourceMappingURL=arcgis-slice.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-slice.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,gBAAgB;;MCgBpB,WAAW;;;;IAkDtB,kBAAa,GAAyB,EAAE,CAAC;;;;oBAbtB,aAAa;sBASX,KAAK;;;EAxB1B,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,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,MAAMC,uBAAe,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/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,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAMC,+BAAuB,EAAE,CAAC;IAElDC,yBAAU,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":["referenceElementHelper","newWidgetsSlice","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"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/cjs/arcgis-slider.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 arcgisSliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
+const sliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
 
 const ArcgisSlider = class {
   constructor(hostRef) {
@@ -24,6 +24,7 @@ const ArcgisSlider = class {
     this.sliderTickClick = index.createEvent(this, "sliderTickClick", 7);
     this.sliderTrackClick = index.createEvent(this, "sliderTrackClick", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.draggableSegmentsEnabled = undefined;
     this.effectiveMax = undefined;
@@ -53,23 +54,18 @@ const ArcgisSlider = class {
     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;
     }
   }
@@ -79,42 +75,37 @@ const ArcgisSlider = class {
     }
   }
   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;
     }
   }
@@ -123,6 +114,11 @@ const ArcgisSlider = class {
       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));
@@ -160,30 +156,30 @@ const ArcgisSlider = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
       initial: true
-    });
-    watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
       initial: true
-    });
-    watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
       initial: true
-    });
-    watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -221,13 +217,15 @@ const ArcgisSlider = class {
     "precision": ["precisionWatcher"],
     "rangeLabelInputsEnabled": ["rangeLabelInputsEnabledWatcher"],
     "snapOnClickEnabled": ["snapOnClickEnabledWatcher"],
-    "steps": ["stepsWatcher"],
     "syncedSegmentsEnabled": ["syncedSegmentsEnabledWatcher"],
     "thumbsConstrained": ["thumbsConstrainedWatcher"],
     "tickConfigs": ["tickConfigsWatcher"],
+    "steps": ["stepsWatcher"],
     "values": ["valuesWatcher"]
   }; }
 };
-ArcgisSlider.style = arcgisSliderCss;
+ArcgisSlider.style = sliderCss;
 
 exports.arcgis_slider = ArcgisSlider;
+
+//# sourceMappingURL=arcgis-slider.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-slider.entry.cjs.js","mappings":"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","names":["newWidgetsSlider","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"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}

package/dist/cjs/arcgis-swipe.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 arcgisSwipeCss = "arcgis-swipe{}";
+const swipeCss = "arcgis-swipe{}";
 
 const ArcgisSwipe = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.direction = undefined;
     this.dragLabel = undefined;
@@ -112,6 +113,8 @@ const ArcgisSwipe = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSwipe.style = arcgisSwipeCss;
+ArcgisSwipe.style = swipeCss;
 
 exports.arcgis_swipe = ArcgisSwipe;
+
+//# sourceMappingURL=arcgis-swipe.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-swipe.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,gBAAgB;;MCoBpB,WAAW;;;;IAmCtB,kBAAa,GAAyB,EAAE,CAAC;;;;;;;;oBAJtB,aAAa;;;;;;;;EAqBhC,gBAAgB,CAAC,QAAkC;IACjD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;KAClC;GACF;EAGD,gBAAgB,CAAC,QAAkC;IACjD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;KAClC;GACF;EAGD,oBAAoB,CAAC,QAAsC;IACzD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;KACtC;GACF;EAGD,oBAAoB,CAAC,QAAiC;IACpD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;KACjC;GACF;EAGD,qBAAqB,CAAC,QAAuC;IAC3D,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,QAAQ,CAAC;KACvC;GACF;EAGD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;QACjC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;OAC7C;KACF;GACF;EAGD,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAGD,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAMC,uBAAe,CAAC,MAAM,CAAC,CAAC;IAE7C,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,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":["referenceElementHelper","newWidgetsSwipe","checkForView","onDisconnectedHelper","h"],"sources":["src/components/swipe/swipe.css?tag=arcgis-swipe","src/components/swipe/swipe.tsx"],"sourcesContent":["arcgis-swipe {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, Watch, VNode } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsSwipe } from \"@arcgis/core-adapter\";\nimport type Swipe from \"@arcgis/core/widgets/Swipe\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type SwipeWidget = InstanceType<typeof Swipe>;\n\n@Component({\n  tag: \"arcgis-swipe\",\n  styleUrl: \"swipe.css\"\n})\nexport class ArcgisSwipe 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  @Prop() direction: SwipeWidget[\"direction\"];\n\n  @Prop() dragLabel: SwipeWidget[\"dragLabel\"];\n\n  @Prop() leadingLayers: SwipeWidget[\"leadingLayers\"];\n\n  @Prop() swipePosition: SwipeWidget[\"position\"];\n\n  @Prop() trailingLayers: SwipeWidget[\"trailingLayers\"];\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop({ mutable: true }) widget: SwipeWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Swipe }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Watchers\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"direction\")\n  directionWatcher(newValue: SwipeWidget[\"direction\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.direction = newValue;\n    }\n  }\n\n  @Watch(\"dragLabel\")\n  dragLabelWatcher(newValue: SwipeWidget[\"dragLabel\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.dragLabel = newValue;\n    }\n  }\n\n  @Watch(\"leadingLayers\")\n  leadingLayersWatcher(newValue: SwipeWidget[\"leadingLayers\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.leadingLayers = newValue;\n    }\n  }\n\n  @Watch(\"swipePosition\")\n  swipePositionWatcher(newValue: SwipeWidget[\"position\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.position = newValue;\n    }\n  }\n\n  @Watch(\"trailingLayers\")\n  trailingLayersWatcher(newValue: SwipeWidget[\"trailingLayers\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.trailingLayers = newValue;\n    }\n  }\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      if (typeof this.view !== \"string\") {\n        this.view.ui.move(this.childElem, newValue);\n      }\n    }\n  }\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsSwipe(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<SwipeWidget> {\n    const params: Partial<SwipeWidget> = {\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/cjs/arcgis-table-list.cjs.entry.js

@@ -2,33 +2,39 @@
 
 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 arcgisTableListCss = "arcgis-table-list{}";
+const tableListCss = "arcgis-table-list{}";
 
 const ArcgisTableList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.triggerAction = index.createEvent(this, "triggerAction", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
+    this.listItemCreatedFunction = undefined;
     this.multipleSelectionEnabled = false;
     this.selectionEnabled = true;
     this.selectedItems = undefined;
     this.tableItems = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  listItemCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.listItemCreatedFunction = newValue;
+    }
+  }
   multipleSelectionEnabledWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.multipleSelectionEnabled = newValue;
@@ -39,21 +45,21 @@ const ArcgisTableList = class {
       this.widget.selectionEnabled = newValue;
     }
   }
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.map = newValue.map;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -84,15 +90,25 @@ const ArcgisTableList = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value));
-    watch(() => this.widget.tableItems, (value) => (this.tableItems = value));
+    componentUtils.addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value)));
+    componentUtils.addHandles(this, watch(() => this.widget.tableItems, (value) => (this.tableItems = value)));
   }
   _createParams() {
     const params = {
-      container: this.childElem,
-      multipleSelectionEnabled: this.multipleSelectionEnabled,
-      selectionEnabled: this.selectionEnabled
+      container: this.childElem
     };
+    if (this.listItemCreatedFunction) {
+      params.listItemCreatedFunction = this.listItemCreatedFunction;
+    }
+    if (this.multipleSelectionEnabled !== undefined) {
+      params.multipleSelectionEnabled = this.multipleSelectionEnabled;
+    }
+    if (this.selectionEnabled !== undefined) {
+      params.selectionEnabled = this.selectionEnabled;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.map = this.view.map;
     }
@@ -106,13 +122,17 @@ const ArcgisTableList = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
     "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
     "selectionEnabled": ["selectionEnabledWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
 };
-ArcgisTableList.style = arcgisTableListCss;
+ArcgisTableList.style = tableListCss;
 
 exports.arcgis_table_list = ArcgisTableList;
+
+//# sourceMappingURL=arcgis-table-list.cjs.entry.js.map

package/dist/cjs/arcgis-table-list.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-table-list.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsTableList","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"sources":["src/components/table-list/table-list.css?tag=arcgis-table-list","src/components/table-list/table-list.tsx"],"sourcesContent":["arcgis-table-list {\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, newWidgetsTableList } from \"@arcgis/core-adapter\";\nimport type TableList from \"@arcgis/core/widgets/TableList\";\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 TableListWidget = InstanceType<typeof TableList>;\n\n@Component({\n  tag: \"arcgis-table-list\",\n  styleUrl: \"table-list.css\"\n})\nexport class ArcgisTableList 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() listItemCreatedFunction: TableListWidget[\"listItemCreatedFunction\"];\n\n  @Watch(\"listItemCreatedFunction\")\n  listItemCreatedFunctionWatcher(newValue: TableListWidget[\"listItemCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.listItemCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() multipleSelectionEnabled: TableListWidget[\"multipleSelectionEnabled\"] = false;\n\n  @Watch(\"multipleSelectionEnabled\")\n  multipleSelectionEnabledWatcher(newValue: TableListWidget[\"multipleSelectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.multipleSelectionEnabled = newValue;\n    }\n  }\n\n  @Prop() selectionEnabled: TableListWidget[\"selectionEnabled\"] = true;\n\n  @Watch(\"selectionEnabled\")\n  selectionEnabledWatcher(newValue: TableListWidget[\"selectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectionEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) selectedItems: TableListWidget[\"selectedItems\"];\n\n  @Prop({ mutable: true }) tableItems: TableListWidget[\"tableItems\"];\n\n  @Prop() visibleElements: TableListWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: TableListWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\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.map = newValue.map;\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: TableListWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) triggerAction: EventEmitter<__esri.TableListTriggerActionEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.TableList }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsTableList(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    this._hookEvents(this.widget);\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.selectedItems,\n        (value) => (this.selectedItems = value)\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.tableItems,\n        (value) => (this.tableItems = value)\n      )\n    );\n  }\n\n  private _createParams(): Partial<TableListWidget> {\n    const params: Partial<TableListWidget> = {\n      container: this.childElem\n    };\n\n    if (this.listItemCreatedFunction) {\n      params.listItemCreatedFunction = this.listItemCreatedFunction;\n    }\n\n    if (this.multipleSelectionEnabled !== undefined) {\n      params.multipleSelectionEnabled = this.multipleSelectionEnabled;\n    }\n\n    if (this.selectionEnabled !== undefined) {\n      params.selectionEnabled = this.selectionEnabled;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.map = this.view.map;\n    }\n\n    return params;\n  }\n\n  private _hookEvents(widget: TableListWidget): void {\n    const triggerHandle = widget.on(\"trigger-action\", (e) => {\n      this.triggerAction.emit(e);\n    });\n    widget.own(triggerHandle);\n  }\n}\n"],"version":3}