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

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

@@ -1,252 +1,273 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { Z as newWidgetsTimeSlider, 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 { 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 arcgisTimeSliderCss = "arcgis-time-slider{}";
+const timeSliderCss = "arcgis-time-slider{}";
 
-const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.triggerAction = createEvent(this, "triggerAction", 7);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.actions = undefined;
-    this.effectiveStops = undefined;
-    this.fullTimeExtent = undefined;
-    this.layout = undefined;
-    this.loop = undefined;
-    this.mode = undefined;
-    this.playRate = undefined;
-    this.stops = undefined;
-    this.tickConfigs = undefined;
-    this.timeExtent = undefined;
-    this.timeVisible = undefined;
-    this.view = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  actionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.actions = newValue;
+const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisTimeSlider extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.triggerAction = createEvent(this, "triggerAction", 7);
+        this.widgetReady = createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.actions = undefined;
+        this.effectiveStops = undefined;
+        this.fullTimeExtent = undefined;
+        this.layout = undefined;
+        this.loop = undefined;
+        this.mode = undefined;
+        this.playRate = undefined;
+        this.stops = undefined;
+        this.tickConfigs = undefined;
+        this.timeExtent = undefined;
+        this.timeVisible = undefined;
+        this.timeZone = undefined;
+        this.view = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.widget = undefined;
     }
-  }
-  fullTimeExtentWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.fullTimeExtent = newValue;
+    referenceElementWatcher(newValue) {
+        referenceElementHelper(this, newValue);
     }
-  }
-  layoutWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.layout = newValue;
+    actionsWatcher(newValue) {
+        if (this.widget) {
+            this.widget.actions = newValue;
+        }
     }
-  }
-  loopWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.loop = newValue;
+    fullTimeExtentWatcher(newValue) {
+        if (this.widget) {
+            this.widget.fullTimeExtent = newValue;
+        }
     }
-  }
-  modeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.mode = newValue;
+    layoutWatcher(newValue) {
+        if (this.widget) {
+            this.widget.layout = newValue;
+        }
     }
-  }
-  playRateWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.playRate = newValue;
+    loopWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.loop = newValue;
+        }
     }
-  }
-  stopsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.stops = newValue;
+    modeWatcher(newValue) {
+        if (this.widget) {
+            this.widget.mode = newValue;
+        }
     }
-  }
-  tickConfigsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.tickConfigs = newValue;
+    playRateWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.playRate = newValue;
+        }
     }
-  }
-  timeExtentWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.timeExtent = newValue;
+    stopsWatcher(newValue) {
+        if (this.widget) {
+            this.widget.stops = newValue;
+        }
     }
-  }
-  timeVisibleWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.timeVisible = newValue;
+    tickConfigsWatcher(newValue) {
+        if (this.widget) {
+            this.widget.tickConfigs = newValue;
+        }
     }
-  }
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+    timeExtentWatcher(newValue) {
+        if (this.widget) {
+            this.widget.timeExtent = newValue;
+        }
     }
-  }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+    timeVisibleWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.timeVisible = newValue;
+        }
     }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  //--------------------------------------------------------------------------
-  async next() {
-    return this.widget?.next();
-  }
-  async play() {
-    return this.widget?.play();
-  }
-  async previous() {
-    return this.widget?.previous();
-  }
-  async stop() {
-    return this.widget?.stop();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsTimeSlider(params);
-    this.widget = widget;
-    await this._addWatchers();
-    this._proxyEvents();
-    this.widgetReady.emit({ widget: this.widget });
-    checkForView(this);
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    timeZoneWatcher(newValue) {
+        if (this.widget) {
+            this.widget.timeZone = newValue;
+        }
     }
-    return h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
-      initial: true
-    });
-  }
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.actions !== undefined) {
-      params.actions = this.actions;
+    viewWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.view = newValue;
+        }
     }
-    if (this.fullTimeExtent !== undefined) {
-      params.fullTimeExtent = this.fullTimeExtent;
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
     }
-    if (this.layout !== undefined) {
-      params.layout = this.layout;
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async next() {
+        return this.widget?.next();
     }
-    if (this.loop !== undefined) {
-      params.loop = this.loop;
+    async play() {
+        return this.widget?.play();
     }
-    if (this.mode !== undefined) {
-      params.mode = this.mode;
+    async previous() {
+        return this.widget?.previous();
     }
-    if (this.playRate !== undefined) {
-      params.playRate = this.playRate;
+    async stop() {
+        return this.widget?.stop();
     }
-    if (this.stops !== undefined) {
-      params.stops = this.stops;
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsTimeSlider(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._proxyEvents();
+        this.widgetReady.emit({ widget: this.widget });
+        checkForView(this);
     }
-    if (this.tickConfigs !== undefined) {
-      params.tickConfigs = this.tickConfigs;
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
     }
-    if (this.timeExtent !== undefined) {
-      params.timeExtent = this.timeExtent;
+    render() {
+        if (this.expandable) {
+            return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return h("div", { ref: (el) => (this.childElem = el) });
     }
-    if (this.timeVisible !== undefined) {
-      params.timeVisible = this.timeVisible;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await importCoreReactiveUtils();
+        addHandles(this, watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
+            initial: true
+        }));
     }
-    if (this.view) {
-      params.view = this.view;
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.actions !== undefined) {
+            params.actions = this.actions;
+        }
+        if (this.fullTimeExtent !== undefined) {
+            params.fullTimeExtent = this.fullTimeExtent;
+        }
+        if (this.layout !== undefined) {
+            params.layout = this.layout;
+        }
+        if (this.loop !== undefined) {
+            params.loop = this.loop;
+        }
+        if (this.mode !== undefined) {
+            params.mode = this.mode;
+        }
+        if (this.playRate !== undefined) {
+            params.playRate = this.playRate;
+        }
+        if (this.stops !== undefined) {
+            params.stops = this.stops;
+        }
+        if (this.tickConfigs !== undefined) {
+            params.tickConfigs = this.tickConfigs;
+        }
+        if (this.timeExtent !== undefined) {
+            params.timeExtent = this.timeExtent;
+        }
+        if (this.timeVisible !== undefined) {
+            params.timeVisible = this.timeVisible;
+        }
+        if (this.timeZone) {
+            params.timeZone = this.timeZone;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
     }
-    return params;
-  }
-  async _proxyEvents() {
-    this.widget?.on("trigger-action", (e) => this.triggerAction.emit(e));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "actions": ["actionsWatcher"],
-    "fullTimeExtent": ["fullTimeExtentWatcher"],
-    "layout": ["layoutWatcher"],
-    "loop": ["loopWatcher"],
-    "mode": ["modeWatcher"],
-    "playRate": ["playRateWatcher"],
-    "stops": ["stopsWatcher"],
-    "tickConfigs": ["tickConfigsWatcher"],
-    "timeExtent": ["timeExtentWatcher"],
-    "timeVisible": ["timeVisibleWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisTimeSliderCss; }
+    async _proxyEvents() {
+        this.widget?.on("trigger-action", (e) => this.triggerAction.emit(e));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "actions": ["actionsWatcher"],
+        "fullTimeExtent": ["fullTimeExtentWatcher"],
+        "layout": ["layoutWatcher"],
+        "loop": ["loopWatcher"],
+        "mode": ["modeWatcher"],
+        "playRate": ["playRateWatcher"],
+        "stops": ["stopsWatcher"],
+        "tickConfigs": ["tickConfigsWatcher"],
+        "timeExtent": ["timeExtentWatcher"],
+        "timeVisible": ["timeVisibleWatcher"],
+        "timeZone": ["timeZoneWatcher"],
+        "view": ["viewWatcher"],
+        "position": ["positionWatcher"]
+    }; }
+    static get style() { return timeSliderCss; }
 }, [0, "arcgis-time-slider", {
-    "referenceElement": [1, "reference-element"],
-    "actions": [16],
-    "effectiveStops": [1040],
-    "fullTimeExtent": [16],
-    "layout": [1],
-    "loop": [4],
-    "mode": [1],
-    "playRate": [2, "play-rate"],
-    "stops": [16],
-    "tickConfigs": [16],
-    "timeExtent": [16],
-    "timeVisible": [4, "time-visible"],
-    "view": [1040],
-    "position": [1],
-    "expandable": [4],
-    "widget": [1040],
-    "next": [64],
-    "play": [64],
-    "previous": [64],
-    "stop": [64]
-  }]);
+        "referenceElement": [1, "reference-element"],
+        "actions": [16],
+        "effectiveStops": [1040],
+        "fullTimeExtent": [16],
+        "layout": [1],
+        "loop": [4],
+        "mode": [1],
+        "playRate": [2, "play-rate"],
+        "stops": [16],
+        "tickConfigs": [16],
+        "timeExtent": [16],
+        "timeVisible": [4, "time-visible"],
+        "timeZone": [1, "time-zone"],
+        "view": [1040],
+        "position": [1],
+        "expandable": [4],
+        "widget": [1040],
+        "next": [64],
+        "play": [64],
+        "previous": [64],
+        "stop": [64]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "actions": ["actionsWatcher"],
+        "fullTimeExtent": ["fullTimeExtentWatcher"],
+        "layout": ["layoutWatcher"],
+        "loop": ["loopWatcher"],
+        "mode": ["modeWatcher"],
+        "playRate": ["playRateWatcher"],
+        "stops": ["stopsWatcher"],
+        "tickConfigs": ["tickConfigsWatcher"],
+        "timeExtent": ["timeExtentWatcher"],
+        "timeVisible": ["timeVisibleWatcher"],
+        "timeZone": ["timeZoneWatcher"],
+        "view": ["viewWatcher"],
+        "position": ["positionWatcher"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-time-slider", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-time-slider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisTimeSlider$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-time-slider", "arcgis-expand"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-time-slider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisTimeSlider$1);
+            }
+            break;
+        case "arcgis-expand":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 
@@ -254,3 +275,5 @@ const ArcgisTimeSlider = ArcgisTimeSlider$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisTimeSlider, defineCustomElement };
+
+//# sourceMappingURL=arcgis-time-slider.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-time-slider.js","mappings":"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","names":["ArcgisTimeSlider"],"sources":["src/components/time-slider/time-slider.css?tag=arcgis-time-slider","src/components/time-slider/time-slider.tsx"],"sourcesContent":["arcgis-time-slider {\n  /* Component styles go here */\n}\n","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, Method, Prop, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsTimeSlider } from \"@arcgis/core-adapter\";\nimport type TimeSlider from \"@arcgis/core/widgets/TimeSlider\";\nimport type { ArcgisReferenceElement } from \"../../utils/component-utils\";\nimport { addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { ExpandableComponent } from \"../../utils/expandable\";\nimport type { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type TimeSliderWidget = InstanceType<typeof TimeSlider>;\n\n@Component({\n  tag: \"arcgis-time-slider\",\n  styleUrl: \"time-slider.css\"\n})\nexport class ArcgisTimeSlider 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() actions: TimeSliderWidget[\"actions\"];\n\n  @Watch(\"actions\")\n  actionsWatcher(newValue: TimeSliderWidget[\"actions\"]): void {\n    if (this.widget) {\n      this.widget.actions = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) effectiveStops: TimeSliderWidget[\"effectiveStops\"];\n\n  @Prop() fullTimeExtent: TimeSliderWidget[\"fullTimeExtent\"];\n\n  @Watch(\"fullTimeExtent\")\n  fullTimeExtentWatcher(newValue: TimeSliderWidget[\"fullTimeExtent\"]): void {\n    if (this.widget) {\n      this.widget.fullTimeExtent = newValue;\n    }\n  }\n\n  @Prop() layout: TimeSliderWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: TimeSliderWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = newValue;\n    }\n  }\n\n  @Prop() loop: TimeSliderWidget[\"loop\"];\n\n  @Watch(\"loop\")\n  loopWatcher(newValue: TimeSliderWidget[\"loop\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.loop = newValue;\n    }\n  }\n\n  @Prop() mode: TimeSliderWidget[\"mode\"];\n\n  @Watch(\"mode\")\n  modeWatcher(newValue: TimeSliderWidget[\"mode\"]): void {\n    if (this.widget) {\n      this.widget.mode = newValue;\n    }\n  }\n\n  @Prop() playRate: TimeSliderWidget[\"playRate\"];\n\n  @Watch(\"playRate\")\n  playRateWatcher(newValue: TimeSliderWidget[\"playRate\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.playRate = newValue;\n    }\n  }\n\n  @Prop() stops: TimeSliderWidget[\"stops\"];\n\n  @Watch(\"stops\")\n  stopsWatcher(newValue: TimeSliderWidget[\"stops\"]): void {\n    if (this.widget) {\n      this.widget.stops = newValue;\n    }\n  }\n\n  @Prop() tickConfigs: TimeSliderWidget[\"tickConfigs\"];\n\n  @Watch(\"tickConfigs\")\n  tickConfigsWatcher(newValue: TimeSliderWidget[\"tickConfigs\"]): void {\n    if (this.widget) {\n      this.widget.tickConfigs = newValue;\n    }\n  }\n\n  @Prop() timeExtent: TimeSliderWidget[\"timeExtent\"];\n\n  @Watch(\"timeExtent\")\n  timeExtentWatcher(newValue: TimeSliderWidget[\"timeExtent\"]): void {\n    if (this.widget) {\n      this.widget.timeExtent = newValue;\n    }\n  }\n\n  @Prop() timeVisible: TimeSliderWidget[\"timeVisible\"];\n\n  @Watch(\"timeVisible\")\n  timeVisibleWatcher(newValue: TimeSliderWidget[\"timeVisible\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.timeVisible = newValue;\n    }\n  }\n\n  @Prop() timeZone: TimeSliderWidget[\"timeZone\"];\n\n  @Watch(\"timeZone\")\n  timeZoneWatcher(newValue: TimeSliderWidget[\"timeZone\"]): void {\n    if (this.widget) {\n      this.widget.timeZone = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: TimeSliderWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) triggerAction!: EventEmitter<__esri.TimeSliderTriggerActionEvent>;\n\n  @Event({ cancelable: true }) widgetReady!: EventEmitter<{ widget: __esri.TimeSlider }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async next(): Promise<void> {\n    return this.widget?.next();\n  }\n\n  @Method()\n  async play(): Promise<void> {\n    return this.widget?.play();\n  }\n\n  @Method()\n  async previous(): Promise<void> {\n    return this.widget?.previous();\n  }\n\n  @Method()\n  async stop(): Promise<void> {\n    return this.widget?.stop();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsTimeSlider(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el!)}>\n          <div ref={(el) => (this.childElem = el!)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el!)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.effectiveStops,\n        (value) => (this.effectiveStops = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<TimeSliderWidget> {\n    const params: Partial<TimeSliderWidget> = {\n      container: this.childElem\n    };\n\n    if (this.actions !== undefined) {\n      params.actions = this.actions;\n    }\n\n    if (this.fullTimeExtent !== undefined) {\n      params.fullTimeExtent = this.fullTimeExtent;\n    }\n\n    if (this.layout !== undefined) {\n      params.layout = this.layout;\n    }\n\n    if (this.loop !== undefined) {\n      params.loop = this.loop;\n    }\n\n    if (this.mode !== undefined) {\n      params.mode = this.mode;\n    }\n\n    if (this.playRate !== undefined) {\n      params.playRate = this.playRate;\n    }\n\n    if (this.stops !== undefined) {\n      params.stops = this.stops;\n    }\n\n    if (this.tickConfigs !== undefined) {\n      params.tickConfigs = this.tickConfigs;\n    }\n\n    if (this.timeExtent !== undefined) {\n      params.timeExtent = this.timeExtent;\n    }\n\n    if (this.timeVisible !== undefined) {\n      params.timeVisible = this.timeVisible;\n    }\n\n    if (this.timeZone) {\n      params.timeZone = this.timeZone;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private async _proxyEvents() {\n    this.widget?.on(\"trigger-action\", (e) => this.triggerAction.emit(e));\n  }\n}\n"],"version":3}

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

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