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

package/dist/components/arcgis-slider.js

@@ -1,277 +1,289 @@
 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 { 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 {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.sliderMaxChange = createEvent(this, "sliderMaxChange", 7);
-    this.sliderMaxClick = createEvent(this, "sliderMaxClick", 7);
-    this.sliderMinChange = createEvent(this, "sliderMinChange", 7);
-    this.sliderMinClick = createEvent(this, "sliderMinClick", 7);
-    this.sliderSegmentClick = createEvent(this, "sliderSegmentClick", 7);
-    this.sliderSegmentDrag = createEvent(this, "sliderSegmentDrag", 7);
-    this.sliderThumbChange = createEvent(this, "sliderThumbChange", 7);
-    this.sliderThumbClick = createEvent(this, "sliderThumbClick", 7);
-    this.sliderThumbDrag = createEvent(this, "sliderThumbDrag", 7);
-    this.sliderTickClick = createEvent(this, "sliderTickClick", 7);
-    this.sliderTrackClick = createEvent(this, "sliderTrackClick", 7);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.draggableSegmentsEnabled = undefined;
-    this.effectiveMax = undefined;
-    this.effectiveMin = undefined;
-    this.effectiveSegmentElements = undefined;
-    this.labelElements = undefined;
-    this.labelInputsEnabled = undefined;
-    this.labels = undefined;
-    this.layout = "horizontal";
-    this.min = undefined;
-    this.max = undefined;
-    this.maxLabelElement = undefined;
-    this.minLabelElement = undefined;
-    this.precision = undefined;
-    this.rangeLabelInputsEnabled = undefined;
-    this.segmentElements = undefined;
-    this.snapOnClickEnabled = undefined;
-    this.syncedSegmentsEnabled = undefined;
-    this.thumbElements = undefined;
-    this.thumbsConstrained = undefined;
-    this.tickConfigs = undefined;
-    this.tickElements = undefined;
-    this.trackElement = undefined;
-    this.steps = undefined;
-    this.values = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  draggableSegmentsEnabledWatcher(newValue) {
-    if (this.widget) {
-      this.widget.draggableSegmentsEnabled = newValue;
+const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisSlider extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.sliderMaxChange = createEvent(this, "sliderMaxChange", 7);
+        this.sliderMaxClick = createEvent(this, "sliderMaxClick", 7);
+        this.sliderMinChange = createEvent(this, "sliderMinChange", 7);
+        this.sliderMinClick = createEvent(this, "sliderMinClick", 7);
+        this.sliderSegmentClick = createEvent(this, "sliderSegmentClick", 7);
+        this.sliderSegmentDrag = createEvent(this, "sliderSegmentDrag", 7);
+        this.sliderThumbChange = createEvent(this, "sliderThumbChange", 7);
+        this.sliderThumbClick = createEvent(this, "sliderThumbClick", 7);
+        this.sliderThumbDrag = createEvent(this, "sliderThumbDrag", 7);
+        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;
+        this.effectiveMin = undefined;
+        this.effectiveSegmentElements = undefined;
+        this.labelElements = undefined;
+        this.labelInputsEnabled = undefined;
+        this.labels = undefined;
+        this.layout = "horizontal";
+        this.min = undefined;
+        this.max = undefined;
+        this.maxLabelElement = undefined;
+        this.minLabelElement = undefined;
+        this.precision = undefined;
+        this.rangeLabelInputsEnabled = undefined;
+        this.segmentElements = undefined;
+        this.snapOnClickEnabled = undefined;
+        this.syncedSegmentsEnabled = undefined;
+        this.thumbElements = undefined;
+        this.thumbsConstrained = undefined;
+        this.tickConfigs = undefined;
+        this.tickElements = undefined;
+        this.trackElement = undefined;
+        this.steps = undefined;
+        this.values = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.widget = undefined;
     }
-  }
-  effectiveMaxWatcher(newValue) {
-    if (this.widget) {
-      this.widget.effectiveMax = newValue;
+    draggableSegmentsEnabledWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.draggableSegmentsEnabled = newValue;
+        }
     }
-  }
-  effectiveMinWatcher(newValue) {
-    if (this.widget) {
-      this.widget.effectiveMin = newValue;
+    effectiveMaxWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.effectiveMax = newValue;
+        }
     }
-  }
-  layoutWatcher(newValue) {
-    if (this.widget) {
-      this.widget.layout = newValue;
+    effectiveMinWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.effectiveMin = newValue;
+        }
     }
-  }
-  minWatcher(newValue) {
-    if (this.widget) {
-      this.widget.min = newValue;
+    layoutWatcher(newValue) {
+        if (this.widget) {
+            this.widget.layout = newValue;
+        }
     }
-  }
-  maxWatcher(newValue) {
-    if (this.widget) {
-      this.widget.max = newValue;
+    minWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.min = newValue;
+        }
     }
-  }
-  precisionWatcher(newValue) {
-    if (this.widget) {
-      this.widget.precision = newValue;
+    maxWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.max = newValue;
+        }
     }
-  }
-  rangeLabelInputsEnabledWatcher(newValue) {
-    if (this.widget) {
-      this.widget.rangeLabelInputsEnabled = newValue;
+    precisionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.precision = newValue;
+        }
     }
-  }
-  snapOnClickEnabledWatcher(newValue) {
-    if (this.widget) {
-      this.widget.snapOnClickEnabled = newValue;
+    rangeLabelInputsEnabledWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.rangeLabelInputsEnabled = newValue;
+        }
     }
-  }
-  stepsWatcher(newValue) {
-    if (this.widget) {
-      this.widget.steps = newValue;
+    snapOnClickEnabledWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.snapOnClickEnabled = newValue;
+        }
     }
-  }
-  syncedSegmentsEnabledWatcher(newValue) {
-    if (this.widget) {
-      this.widget.syncedSegmentsEnabled = newValue;
+    syncedSegmentsEnabledWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.syncedSegmentsEnabled = newValue;
+        }
     }
-  }
-  thumbsConstrainedWatcher(newValue) {
-    if (this.widget) {
-      this.widget.thumbsConstrained = newValue;
+    thumbsConstrainedWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.thumbsConstrained = newValue;
+        }
     }
-  }
-  tickConfigsWatcher(newValue) {
-    if (this.widget) {
-      this.widget.tickConfigs = newValue;
+    tickConfigsWatcher(newValue) {
+        if (this.widget) {
+            this.widget.tickConfigs = newValue;
+        }
     }
-  }
-  valuesWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this.values = newValue.split(",").map((n) => Number(n));
+    stepsWatcher(newValue) {
+        if (this.widget) {
+            this.widget.steps = newValue;
+        }
     }
-    if (this.widget) {
-      this.widget.values = this.values;
+    valuesWatcher(newValue) {
+        if (typeof newValue === "string") {
+            this.values = newValue.split(",").map((n) => Number(n));
+        }
+        if (this.widget) {
+            this.widget.values = this.values;
+        }
     }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsSlider(params);
-    this.widget = widget;
-    await this._addWatchers();
-    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) })));
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsSlider(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this.widgetReady.emit({ widget: this.widget });
+        checkForView(this);
     }
-    return h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
-      initial: true
-    });
-    watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
-      initial: true
-    });
-    watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
-      initial: true
-    });
-    watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
-      initial: true
-    });
-    watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
-      initial: true
-    });
-    watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
-      initial: true
-    });
-    watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
-      initial: true
-    });
-    watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
-      initial: true
-    });
-  }
-  _createParams() {
-    const params = {
-      container: this.childElem,
-      layout: this.layout
-    };
-    if (this.min !== undefined) {
-      params.min = this.min;
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
     }
-    if (this.max !== undefined) {
-      params.max = this.max;
+    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.steps) {
-      if (typeof this.steps === "string") {
-        this.steps = this.steps.split(",").map((n) => Number(n));
-      }
-      params.steps = this.steps;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await importCoreReactiveUtils();
+        addHandles(this, watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
+            initial: true
+        }));
+        addHandles(this, watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
+            initial: true
+        }));
     }
-    if (this.values) {
-      if (typeof this.values === "string") {
-        this.values = this.values.split(",").map((n) => Number(n));
-      }
-      params.values = this.values;
+    _createParams() {
+        const params = {
+            container: this.childElem,
+            layout: this.layout
+        };
+        if (this.min !== undefined) {
+            params.min = this.min;
+        }
+        if (this.max !== undefined) {
+            params.max = this.max;
+        }
+        if (this.steps) {
+            if (typeof this.steps === "string") {
+                this.steps = this.steps.split(",").map((n) => Number(n));
+            }
+            params.steps = this.steps;
+        }
+        if (this.values) {
+            if (typeof this.values === "string") {
+                this.values = this.values.split(",").map((n) => Number(n));
+            }
+            params.values = this.values;
+        }
+        return params;
     }
-    return params;
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "draggableSegmentsEnabled": ["draggableSegmentsEnabledWatcher"],
-    "effectiveMax": ["effectiveMaxWatcher"],
-    "effectiveMin": ["effectiveMinWatcher"],
-    "layout": ["layoutWatcher"],
-    "min": ["minWatcher"],
-    "max": ["maxWatcher"],
-    "precision": ["precisionWatcher"],
-    "rangeLabelInputsEnabled": ["rangeLabelInputsEnabledWatcher"],
-    "snapOnClickEnabled": ["snapOnClickEnabledWatcher"],
-    "steps": ["stepsWatcher"],
-    "syncedSegmentsEnabled": ["syncedSegmentsEnabledWatcher"],
-    "thumbsConstrained": ["thumbsConstrainedWatcher"],
-    "tickConfigs": ["tickConfigsWatcher"],
-    "values": ["valuesWatcher"]
-  }; }
-  static get style() { return arcgisSliderCss; }
+    get el() { return this; }
+    static get watchers() { return {
+        "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"]
+    }; }
+    static get style() { return sliderCss; }
 }, [0, "arcgis-slider", {
-    "referenceElement": [1, "reference-element"],
-    "draggableSegmentsEnabled": [4, "draggable-segments-enabled"],
-    "effectiveMax": [2, "effective-max"],
-    "effectiveMin": [2, "effective-min"],
-    "effectiveSegmentElements": [1040],
-    "labelElements": [1040],
-    "labelInputsEnabled": [4, "label-inputs-enabled"],
-    "labels": [16],
-    "layout": [1],
-    "min": [2],
-    "max": [2],
-    "maxLabelElement": [1040],
-    "minLabelElement": [1040],
-    "precision": [2],
-    "rangeLabelInputsEnabled": [4, "range-label-inputs-enabled"],
-    "segmentElements": [1040],
-    "snapOnClickEnabled": [4, "snap-on-click-enabled"],
-    "syncedSegmentsEnabled": [4, "synced-segments-enabled"],
-    "thumbElements": [1040],
-    "thumbsConstrained": [4, "thumbs-constrained"],
-    "tickConfigs": [16],
-    "tickElements": [1040],
-    "trackElement": [1040],
-    "steps": [8],
-    "values": [1],
-    "position": [1],
-    "expandable": [4],
-    "widget": [1040]
-  }]);
+        "referenceElement": [1, "reference-element"],
+        "draggableSegmentsEnabled": [4, "draggable-segments-enabled"],
+        "effectiveMax": [2, "effective-max"],
+        "effectiveMin": [2, "effective-min"],
+        "effectiveSegmentElements": [1040],
+        "labelElements": [1040],
+        "labelInputsEnabled": [4, "label-inputs-enabled"],
+        "labels": [16],
+        "layout": [1],
+        "min": [2],
+        "max": [2],
+        "maxLabelElement": [1040],
+        "minLabelElement": [1040],
+        "precision": [2],
+        "rangeLabelInputsEnabled": [4, "range-label-inputs-enabled"],
+        "segmentElements": [1040],
+        "snapOnClickEnabled": [4, "snap-on-click-enabled"],
+        "syncedSegmentsEnabled": [4, "synced-segments-enabled"],
+        "thumbElements": [1040],
+        "thumbsConstrained": [4, "thumbs-constrained"],
+        "tickConfigs": [16],
+        "tickElements": [1040],
+        "trackElement": [1040],
+        "steps": [8],
+        "values": [1],
+        "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") {
-    return;
-  }
-  const components = ["arcgis-slider", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-slider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisSlider$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-slider", "arcgis-expand"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-slider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisSlider$1);
+            }
+            break;
+        case "arcgis-expand":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 
@@ -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":";;;;;;AAAA,MAAM,SAAS,GAAG,gDAAgD;;MCiBrDA,cAAY;;;;;;;;;;;;;;;;QA0KvB,kBAAa,GAAyB,EAAE,CAAC;;;;;;;;;sBAxHA,YAAY;;;;;;;;;;;;;;;;;wBAkHlC,aAAa;0BAEX,KAAK;;;IApJ1B,+BAA+B,CAAC,QAAkD;QAChF,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,wBAAwB,GAAG,QAAQ,CAAC;SACjD;KACF;IAKD,mBAAmB,CAAC,QAAsC;QACxD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,QAAQ,CAAC;SACrC;KACF;IAKD,mBAAmB,CAAC,QAAsC;QACxD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,QAAQ,CAAC;SACrC;KACF;IAaD,aAAa,CAAC,QAAgC;QAC5C,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;SAC/B;KACF;IAKD,UAAU,CAAC,QAA6B;QACtC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC;SAC5B;KACF;IAKD,UAAU,CAAC,QAA6B;QACtC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC;SAC5B;KACF;IASD,gBAAgB,CAAC,QAAmC;QAClD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;SAClC;KACF;IAKD,8BAA8B,CAAC,QAAiD;QAC9E,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,uBAAuB,GAAG,QAAQ,CAAC;SAChD;KACF;IAOD,yBAAyB,CAAC,QAA4C;QACpE,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,kBAAkB,GAAG,QAAQ,CAAC;SAC3C;KACF;IAKD,4BAA4B,CAAC,QAA+C;QAC1E,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,qBAAqB,GAAG,QAAQ,CAAC;SAC9C;KACF;IAOD,wBAAwB,CAAC,QAA2C;QAClE,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAC;SAC1C;KACF;IAKD,kBAAkB,CAAC,QAAqC;QACtD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;SACpC;KACF;IASD,YAAY,CAAC,QAA+B;QAC1C,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;SAC9B;KACF;IAKD,aAAa,CAAC,QAAyC;QACrD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SACjE;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAkB,CAAC;SAC9C;KACF;;;;;;IAoCD,MAAM,gBAAgB;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAEpC,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAE9C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;KACpB;IAED,oBAAoB;QAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAAG,CAAC,IAC1E,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAClC,EAChB;SACH;QACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAAC;KACzD;;;;;;IAOO,MAAM,YAAY;QACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;QAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,wBAAwB,EAC1C,CAAC,KAAK,MAAM,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC,EAClD;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAC/B,CAAC,KAAK,MAAM,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,EACvC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,eAAe,EACjC,CAAC,KAAK,MAAM,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EACzC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,eAAe,EACjC,CAAC,KAAK,MAAM,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EACzC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,eAAe,EACjC,CAAC,KAAK,MAAM,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EACzC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAC/B,CAAC,KAAK,MAAM,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,EACvC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY,EAC9B,CAAC,KAAK,MAAM,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,EACtC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;QAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY,EAC9B,CAAC,KAAK,MAAM,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,EACtC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;KACH;IAEO,aAAa;QACnB,MAAM,MAAM,GAA0B;YACpC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;QAEF,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;YAC1B,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SACvB;QAED,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;YAC1B,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SACvB;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;aAClE;YACD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAC3B;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;gBACnC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;aACpE;YACD,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SAC7B;QAED,OAAO,MAAM,CAAC;KACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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 type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, Prop, 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 type { ArcgisReferenceElement } from \"../../utils/component-utils\";\nimport { addHandles, checkForView } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { 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!)}>\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.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/components/arcgis-swipe.d.ts

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