@arcgis/common-components 5.2.0-next.98 → 6.0.0-next.0

package/dist/components/arcgis-slider-field/customElement.js

@@ -1,307 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as O } from "../../chunks/runtime.js";
-import { LitElement as F, createEvent as c } from "@arcgis/lumina";
-import { css as w, html as D } from "lit";
-import { u as L } from "../../chunks/useT9n.js";
-import { a as d } from "../../chunks/locale.js";
-import { createRef as $, ref as M } from "lit/directives/ref.js";
-const E = w`:host{display:block;width:100%;height:100%}`, o = 1440 * 60 * 1e3, N = /^(\d{4})-(\d{2})-(\d{2})$/u, R = /^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/u;
-class h {
-  constructor({
-    type: e,
-    editable: t,
-    precision: s,
-    steps: i
-  }) {
-    this.type = e, this.editable = t, this.precision = s, this.steps = i;
-  }
-  toDateOnly(e) {
-    return null;
-  }
-  toTimeOnly(e) {
-    return null;
-  }
-  toTimestampOffset(e) {
-    return null;
-  }
-  toFieldType(e) {
-    return e;
-  }
-}
-class m extends h {
-  constructor({ type: e, precision: t, integer: s = !1, minimum: i, maximum: a }) {
-    super({
-      type: e,
-      editable: !0,
-      precision: t
-    }), this._integer = s, this._minimum = i, this._maximum = a;
-  }
-  resolveRange(e, t, s) {
-    return {
-      min: t ?? Math.min(0, ...e),
-      max: s ?? Math.max(100, ...e)
-    };
-  }
-  parse(e) {
-    const t = Number.parseFloat(e.trim());
-    if (!Number.isFinite(t))
-      return;
-    const s = this._integer ? Math.trunc(t) : t;
-    return Math.min(this._maximum, Math.max(this._minimum, s));
-  }
-  serialize(e) {
-    return this._integer ? `${Math.trunc(e)}` : `${e}`;
-  }
-  format(e, t, s, i) {
-    return i(t);
-  }
-}
-class I extends h {
-  constructor() {
-    super({
-      type: "date",
-      editable: !1,
-      precision: 0,
-      steps: 1e3
-    }), this._dateTimeFormatOptions = {
-      dateStyle: "short"
-    };
-  }
-  resolveRange(e, t, s) {
-    return p(e, t, s, Date.now());
-  }
-  parse(e) {
-    const t = Number.parseFloat(e.trim());
-    return Number.isFinite(t) ? Math.trunc(t) : void 0;
-  }
-  serialize(e) {
-    return `${Math.trunc(e)}`;
-  }
-  toDateOnly(e) {
-    return new Date(e).toISOString().slice(0, 10);
-  }
-  toTimeOnly(e) {
-    return new Date(e).toISOString().slice(11, 19);
-  }
-  toTimestampOffset(e) {
-    return new Date(e).toISOString();
-  }
-  format(e, t) {
-    return d(e, this._dateTimeFormatOptions).format(new Date(t));
-  }
-}
-class z extends h {
+import { c as m } from "../../chunks/runtime.js";
+import { LitElement as u, createEvent as n } from "@arcgis/lumina";
+import { css as g, html as c } from "lit";
+import { u as d } from "../../chunks/useT9n.js";
+import { g as h } from "../../chunks/strategies.js";
+import { createRef as p, ref as v } from "lit/directives/ref.js";
+const b = g`:host{display:block;width:100%;height:100%}`, o = "double";
+class f extends u {
   constructor() {
-    super({
-      type: "timestamp-offset",
-      editable: !1,
-      precision: 0,
-      steps: 1e3
-    }), this._dateTimeFormatOptions = {
-      dateStyle: "short"
-    };
-  }
-  resolveRange(e, t, s) {
-    return p(e, t, s, Date.now());
-  }
-  parse(e) {
-    const t = Date.parse(e.trim());
-    return Number.isFinite(t) ? t : void 0;
-  }
-  serialize(e) {
-    return new Date(e).toISOString();
-  }
-  toDateOnly(e) {
-    return new Date(e).toISOString().slice(0, 10);
-  }
-  toTimeOnly(e) {
-    return new Date(e).toISOString().slice(11, 19);
-  }
-  toTimestampOffset(e) {
-    return new Date(e).toISOString();
-  }
-  toFieldType(e) {
-    return this.serialize(e);
-  }
-  format(e, t) {
-    return d(e, this._dateTimeFormatOptions).format(new Date(t));
-  }
-}
-class A extends h {
-  constructor() {
-    super({
-      type: "date-only",
-      editable: !1,
-      precision: 0,
-      steps: o
-    }), this._dateFormatOptions = {
-      dateStyle: "short",
-      timeZone: "UTC"
-    };
-  }
-  resolveRange(e, t, s) {
-    return p(e, t, s, Math.trunc(Date.now() / o) * o);
-  }
-  parse(e) {
-    const t = N.exec(e.trim());
-    if (!t)
-      return;
-    const s = Number.parseInt(t[1], 10), i = Number.parseInt(t[2], 10), a = Number.parseInt(t[3], 10), r = Date.UTC(s, i - 1, a), l = new Date(r);
-    if (!(l.getUTCFullYear() !== s || l.getUTCMonth() !== i - 1 || l.getUTCDate() !== a))
-      return r;
-  }
-  serialize(e) {
-    return new Date(e).toISOString().slice(0, 10);
-  }
-  toDateOnly(e) {
-    return this.serialize(e);
-  }
-  toTimestampOffset(e) {
-    return new Date(e).toISOString();
-  }
-  toFieldType(e) {
-    return this.serialize(e);
-  }
-  format(e, t) {
-    return d(e, this._dateFormatOptions).format(new Date(t));
-  }
-}
-class C extends h {
-  constructor() {
-    super({
-      type: "time-only",
-      editable: !1,
-      precision: 0,
-      steps: 1e3
-    }), this._timeFormatOptions = {
-      timeStyle: "medium",
-      timeZone: "UTC"
-    };
-  }
-  resolveRange(e, t, s) {
-    return { min: t ?? 0, max: s ?? o - 1 };
-  }
-  parse(e) {
-    const t = R.exec(e.trim());
-    if (!t)
-      return;
-    const s = Number.parseInt(t[1], 10), i = Number.parseInt(t[2], 10), a = t[3] ? Number.parseInt(t[3], 10) : 0, r = t[4] ? Number.parseInt(t[4].padEnd(3, "0").slice(0, 3), 10) : 0;
-    if (!(s > 23 || i > 59 || a > 59))
-      return ((s * 60 + i) * 60 + a) * 1e3 + r;
-  }
-  serialize(e) {
-    const t = Math.max(0, Math.min(o - 1, Math.floor(e))), s = Math.floor(t / 36e5), i = Math.floor(t % 36e5 / 6e4), a = Math.floor(t % 6e4 / 1e3), r = t % 1e3, l = `${g(s)}:${g(i)}:${g(a)}`;
-    return r > 0 ? `${l}.${r.toString().padStart(3, "0")}` : l;
-  }
-  toTimeOnly(e) {
-    return this.serialize(e);
-  }
-  toFieldType(e) {
-    return this.serialize(e);
-  }
-  format(e, t) {
-    return d(e, this._timeFormatOptions).format(new Date(t));
-  }
-}
-function g(n) {
-  return n.toString().padStart(2, "0");
-}
-function p(n, e, t, s) {
-  const i = t ?? (n.length > 0 ? Math.max(...n) : s);
-  return {
-    min: e ?? Math.min(i - 30 * o, ...n),
-    max: i
-  };
-}
-const y = {
-  min: -32768,
-  max: 32767
-}, u = {
-  min: -2147483648,
-  max: 2147483647
-}, b = {
-  min: -Number.MAX_SAFE_INTEGER,
-  max: Number.MAX_SAFE_INTEGER
-}, f = (2 - 2 ** -23) * 2 ** 127, v = {
-  min: -f,
-  max: f
-}, x = {
-  min: -Number.MAX_VALUE,
-  max: Number.MAX_VALUE
-}, S = {
-  min: 0,
-  max: u.max
-}, V = {
-  "small-integer": () => new m({
-    type: "small-integer",
-    precision: 0,
-    integer: !0,
-    minimum: y.min,
-    maximum: y.max
-  }),
-  integer: () => new m({
-    type: "integer",
-    precision: 0,
-    integer: !0,
-    minimum: u.min,
-    maximum: u.max
-  }),
-  "big-integer": () => new m({
-    type: "big-integer",
-    precision: 0,
-    integer: !0,
-    minimum: b.min,
-    maximum: b.max
-  }),
-  single: () => new m({
-    type: "single",
-    precision: 4,
-    minimum: v.min,
-    maximum: v.max
-  }),
-  double: () => new m({
-    type: "double",
-    precision: 4,
-    minimum: x.min,
-    maximum: x.max
-  }),
-  long: () => new m({
-    type: "long",
-    precision: 0,
-    integer: !0,
-    minimum: u.min,
-    maximum: u.max
-  }),
-  oid: () => new m({
-    type: "oid",
-    precision: 0,
-    integer: !0,
-    minimum: S.min,
-    maximum: S.max
-  }),
-  date: () => new I(),
-  "date-only": () => new A(),
-  "time-only": () => new C(),
-  "timestamp-offset": () => new z()
-};
-function T(n) {
-  return V[n]();
-}
-const _ = "double";
-class U extends F {
-  constructor() {
-    super(...arguments), this.#t = $(), this.#s = void 0, this.messages = L({}), this._strategy = T(_), this.disabled = !1, this.fieldType = _, this.fillPlacement = "start", this.layout = "horizontal", this.max = "", this.min = "", this.mirrored = !1, this.popoverLabel = "", this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.showRangeLabels = !1, this.values = "", this.valueLabelsEditingEnabled = !1, this.valueLabelsDisplay = "always", this.valueLabelsPlacement = "start", this.arcgisActiveValueChange = c({ cancelable: !1 }), this.arcgisChange = c({ cancelable: !1 }), this.arcgisInput = c({ cancelable: !1 }), this.arcgisRangeChange = c({ cancelable: !1 });
+    super(...arguments), this.#s = p(), this.#t = void 0, this.messages = d({}), this._strategy = h(o), this.disabled = !1, this.fieldType = o, this.fillPlacement = "start", this.layout = "horizontal", this.max = "", this.min = "", this.mirrored = !1, this.popoverLabel = "", this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.showRangeLabels = !1, this.values = "", this.valueLabelsEditingEnabled = !1, this.valueLabelsDisplay = "always", this.valueLabelsPlacement = "start", this.arcgisActiveValueChange = n({ cancelable: !1 }), this.arcgisChange = n({ cancelable: !1 }), this.arcgisInput = n({ cancelable: !1 }), this.arcgisRangeChange = n({ cancelable: !1 });
   }
   static {
     this.properties = { _strategy: 16, activeValue: 32, disabled: 5, fieldType: 1, fillPlacement: 1, label: 1, labelFormatter: 0, layout: 1, max: 1, messageOverrides: 0, min: 1, mirrored: 5, popoverLabel: 1, rangeLabelsEditingEnabled: 5, rangeLabelsPlacement: 1, showRangeLabels: 5, values: 1, valueLabelsEditingEnabled: 5, valueLabelsDisplay: 1, valueLabelsPlacement: 1, valuesAsNumbers: 32, valuesAsDateOnly: 32, valuesAsTimeOnly: 32, valuesAsTimestampOffset: 32, valuesAsFieldType: 32 };
   }
   static {
-    this.styles = E;
+    this.styles = b;
   }
-  #t;
   #s;
+  #t;
   get activeValue() {
-    const e = this.#t.value?.activeValue;
+    const e = this.#s.value?.activeValue;
     return typeof e == "number" ? this._strategy.serialize(e) : e;
   }
   get valuesAsNumbers() {
@@ -320,59 +38,59 @@ class U extends F {
     return this.#e(this.values).map((e) => e === void 0 ? NaN : this._strategy.toFieldType(e));
   }
   willUpdate(e) {
-    super.willUpdate(e), e.has("fieldType") && (this._strategy = T(this.fieldType)), (e.has("messages") || e.has("fieldType") || e.has("labelFormatter")) && (this.#s = this.#u(this.messages._lang)), (e.has("values") || e.has("min") || e.has("max") || e.has("fieldType")) && this.#c();
+    super.willUpdate(e), e.has("fieldType") && (this._strategy = h(this.fieldType)), (e.has("messages") || e.has("fieldType") || e.has("labelFormatter")) && (this.#t = this.#m(this.messages._lang)), (e.has("values") || e.has("min") || e.has("max") || e.has("fieldType")) && this.#g();
   }
-  #n(e) {
-    e.stopPropagation(), this.#i(e.currentTarget.values), this.arcgisInput.emit();
+  #r(e) {
+    e.stopPropagation(), this.#a(e.currentTarget.values), this.arcgisInput.emit();
   }
-  #l(e) {
-    e.stopPropagation(), this.#i(e.currentTarget.values), this.arcgisChange.emit();
+  #n(e) {
+    e.stopPropagation(), this.#a(e.currentTarget.values), this.arcgisChange.emit();
   }
-  #m(e) {
+  #h(e) {
     e.stopPropagation(), this.arcgisActiveValueChange.emit();
   }
   #o(e) {
     e.stopPropagation();
-    const t = e.currentTarget;
-    this.min = this._strategy.serialize(t.min), this.max = this._strategy.serialize(t.max), this.#i(t.values), this.arcgisRangeChange.emit();
+    const s = e.currentTarget;
+    this.min = this._strategy.serialize(s.min), this.max = this._strategy.serialize(s.max), this.#a(s.values), this.arcgisRangeChange.emit();
   }
-  #u(e) {
-    return (t, s, i) => {
-      const a = (r) => this._strategy.format(e, r, s, i) ?? i(r);
-      return this.labelFormatter?.(t, s, a) ?? a(t);
+  #m(e) {
+    return (s, a, t) => {
+      const i = (l) => this._strategy.format(e, l, a, t) ?? t(l);
+      return this.labelFormatter?.(s, a, i) ?? i(s);
     };
   }
-  #i(e) {
-    this.values = e.map((t) => this._strategy.serialize(t)).join(",");
+  #a(e) {
+    this.values = e.map((s) => this._strategy.serialize(s)).join(",");
   }
   #e(e) {
-    return e.split(",").map((t) => t.trim()).filter((t) => t.length > 0).map((t) => this._strategy.parse(t));
+    return e.split(",").map((s) => s.trim()).filter((s) => s.length > 0).map((s) => this._strategy.parse(s));
   }
-  #a(e) {
-    return this.#e(e).filter((t) => Number.isFinite(t));
+  #i(e) {
+    return this.#e(e).filter((s) => Number.isFinite(s));
   }
-  #r(e) {
-    const t = this._strategy, s = t.parse(this.min), i = t.parse(this.max);
-    let a = Number.isFinite(s) ? s : void 0, r = Number.isFinite(i) ? i : void 0;
-    a != null && r != null && a >= r && (a = void 0, r = void 0);
-    const l = t.resolveRange(e, a, r);
-    return l.min >= l.max ? t.resolveRange(e, void 0, void 0) : l;
+  #l(e) {
+    const s = this._strategy, a = s.parse(this.min), t = s.parse(this.max);
+    let i = Number.isFinite(a) ? a : void 0, l = Number.isFinite(t) ? t : void 0;
+    i != null && l != null && i >= l && (i = void 0, l = void 0);
+    const r = s.resolveRange(e, i, l);
+    return r.min >= r.max ? s.resolveRange(e, void 0, void 0) : r;
   }
-  #h(e, t, s) {
-    return e.map((i) => Math.min(s, Math.max(t, i))).sort((i, a) => i - a);
+  #u(e, s, a) {
+    return e.map((t) => Math.min(a, Math.max(s, t))).sort((t, i) => t - i);
   }
-  #c() {
-    const e = this.#a(this.values), t = this.#r(e), s = this._strategy.serialize(t.min), i = this._strategy.serialize(t.max);
-    s !== this.min && (this.min = s), i !== this.max && (this.max = i);
-    const r = this.#h(e, t.min, t.max).map((l) => this._strategy.serialize(l)).join(",");
-    r !== this.values && (this.values = r);
+  #g() {
+    const e = this.#i(this.values), s = this.#l(e), a = this._strategy.serialize(s.min), t = this._strategy.serialize(s.max);
+    a !== this.min && (this.min = a), t !== this.max && (this.max = t);
+    const l = this.#u(e, s.min, s.max).map((r) => this._strategy.serialize(r)).join(",");
+    l !== this.values && (this.values = l);
   }
   render() {
-    const e = this.#a(this.values), t = this.#r(e), s = this._strategy.editable, i = this._strategy.steps;
-    return D`<arcgis-slider .ariaLabel=${this.label} .disabled=${this.disabled} .labelFormatter=${this.#s} .layout=${this.layout} .max=${t.max} .min=${t.min} .mirrored=${this.mirrored} .popoverLabel=${this.popoverLabel} .precision=${this._strategy.precision} .fillPlacement=${this.fillPlacement} .steps=${i} .rangeLabelsEditingEnabled=${s && this.rangeLabelsEditingEnabled} .rangeLabelsPlacement=${this.rangeLabelsPlacement} .showRangeLabels=${this.showRangeLabels} .valueLabelsDisplay=${this.valueLabelsDisplay} .valueLabelsEditingEnabled=${s && this.valueLabelsEditingEnabled} .valueLabelsPlacement=${this.valueLabelsPlacement} .values=${e} @arcgisChange=${this.#l} @arcgisInput=${this.#n} @arcgisActiveValueChange=${this.#m} @arcgisRangeChange=${this.#o} ${M(this.#t)}><slot name=content-start slot=content-start></slot><slot name=content-end slot=content-end></slot><slot name=popover slot=popover></slot></arcgis-slider>`;
+    const e = this.#i(this.values), s = this.#l(e), a = this._strategy.editable, t = this._strategy.steps;
+    return c`<arcgis-slider .ariaLabel=${this.label} .disabled=${this.disabled} .labelFormatter=${this.#t} .layout=${this.layout} .max=${s.max} .min=${s.min} .mirrored=${this.mirrored} .popoverLabel=${this.popoverLabel} .precision=${this._strategy.precision} .fillPlacement=${this.fillPlacement} .steps=${t} .rangeLabelsEditingEnabled=${a && this.rangeLabelsEditingEnabled} .rangeLabelsPlacement=${this.rangeLabelsPlacement} .showRangeLabels=${this.showRangeLabels} .valueLabelsDisplay=${this.valueLabelsDisplay} .valueLabelsEditingEnabled=${a && this.valueLabelsEditingEnabled} .valueLabelsPlacement=${this.valueLabelsPlacement} .values=${e} @arcgisChange=${this.#n} @arcgisInput=${this.#r} @arcgisActiveValueChange=${this.#h} @arcgisRangeChange=${this.#o} ${v(this.#s)}><slot name=content-start slot=content-start></slot><slot name=content-end slot=content-end></slot><slot name=popover slot=popover></slot></arcgis-slider>`;
   }
 }
-O("arcgis-slider-field", U);
+m("arcgis-slider-field", f);
 export {
-  U as ArcgisSliderField
+  f as ArcgisSliderField
 };