@arcgis/common-components 5.2.0-next.59 → 5.2.0-next.60

package/dist/components/arcgis-histogram/customElement.js

@@ -2,59 +2,61 @@
 import { c as M } from "../../chunks/runtime.js";
 import { u as k } from "../../chunks/useT9n.js";
 import { substitute as E } from "@arcgis/core/intl.js";
-import { LitElement as I, nothing as h, safeStyleMap as v, safeClassMap as O } from "@arcgis/lumina";
-import { css as R, html as y, svg as d } from "lit";
-import { g as z } from "../../chunks/locale.js";
-const F = R`:host{display:block;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:block;direction:ltr;width:100%;height:100%}.svg{display:block;width:100%;height:100%}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;
-function S(t, r, n, e, i) {
-  const [s, a] = i;
-  if (!t || a === 0 || s === 0 || n == null || r == null)
+import { LitElement as F, nothing as h, safeStyleMap as x, safeClassMap as I } from "@arcgis/lumina";
+import { css as O, html as y, svg as d } from "lit";
+import { g as R } from "../../chunks/locale.js";
+const z = O`:host{display:block;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:block;direction:ltr;width:100%;height:100%}.svg{display:block;width:100%;height:100%}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;
+function S(t, i, n, e, r) {
+  const [s, a] = r;
+  if (!t || a === 0 || s === 0 || n == null || i == null)
     return null;
-  const o = n - r, c = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * c, s] : [a, s * c], b = t ? t.map((m) => m.count) : [], f = Math.max(...b);
+  const o = n - i, l = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * l, s] : [a, s * l], p = t ? t.map((m) => m.count) : [], f = Math.max(...p);
   return t.map((m) => {
-    const [p, $] = e === "vertical" ? [u / t.length, f !== 0 ? m.count / f * g : 0] : [f !== 0 ? m.count / f * u : 0, g / t.length], { maxValue: D } = m, x = n - D, [_, C] = e === "vertical" ? [0, x * (a / o)] : [s - $ - x * (s / o), a - p];
-    return [_, C, $, p];
+    const [b, $] = e === "vertical" ? [u / t.length, f !== 0 ? m.count / f * g : 0] : [f !== 0 ? m.count / f * u : 0, g / t.length], { maxValue: C } = m, v = n - C, [L, _] = e === "vertical" ? [0, v * (a / o)] : [s - $ - v * (s / o), a - b];
+    return [L, _, $, b];
   });
 }
-function B(t, r, n, e, i) {
-  const s = [];
-  return t != null && s.push({
+function B(t, i, n, e, r, s) {
+  const a = [];
+  return t != null && a.push({
     value: t,
     symbol: "x̄",
     lineClass: "average-data-line"
-  }), r != null && n != null && e != null && s.push(...G(n, e, r, t)), i && s.push(...i), s;
+  }), i != null && e != null && r != null && a.push(
+    ...G(e, r, i, n, t)
+  ), s && a.push(...s), a;
 }
-function N(t, r, n, e, i) {
+function N(t, i, n, e, r) {
   if (n == null)
     return [0, 0, 0, 0];
-  const s = Math.round((i - n) / e * 100) / 100, [a, o] = t;
-  if (r === "vertical") {
-    let c = o - s * o || 1;
-    return c = Math.round(c) + 0.5, [0, "100%", c, c];
+  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
+  if (i === "vertical") {
+    let l = o - s * o || 1;
+    return l = Math.round(l) + 0.5, [0, "100%", l, l];
   }
-  let l = s * a || 1;
-  return l = Math.round(l) + 0.5, [l, l, "100%", 0];
+  let c = s * a || 1;
+  return c = Math.round(c) + 0.5, [c, c, "100%", 0];
 }
-function P(t, r, n, e, i) {
+function P(t, i, n, e, r) {
   if (n == null)
     return [0, 0];
-  const s = Math.round((i - n) / e * 100) / 100, [a, o] = t;
-  return r === "vertical" ? [a, o - s * o] : [0, s * a];
+  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
+  return i === "vertical" ? [a, o - s * o] : [0, s * a];
 }
-function T(t, r, n) {
+function T(t, i, n) {
   if (!t || t.length === 0)
     return null;
-  if (L(t)) {
-    const e = t.map((i) => ({
-      ...i,
-      color: w(i.color ?? n)
+  if (V(t)) {
+    const e = t.map((r) => ({
+      ...r,
+      color: w(r.color ?? n)
     }));
     return e.unshift({
-      color: r,
+      color: i,
       minValue: Number.NEGATIVE_INFINITY,
       maxValue: e[0].minValue
     }), e.push({
-      color: r,
+      color: i,
       minValue: e[e.length - 1].maxValue,
       maxValue: Number.POSITIVE_INFINITY
     }), e;
@@ -64,45 +66,45 @@ function T(t, r, n) {
       color: w(e.color ?? n)
     }));
 }
-function A(t, r, n, e) {
+function A(t, i, n, e) {
   if (!t || t.length === 0)
     return n;
-  if (L(t)) {
-    const i = H(t, r);
-    if (i.length === 0)
+  if (V(t)) {
+    const r = H(t, i);
+    if (r.length === 0)
       return n;
     if (e) {
-      const { color: s = n, weight: a } = i[0], { color: o = n, weight: l } = i[1] ?? i[0], c = a + l;
-      return `color-mix(in srgb, ${s} ${a / c * 100}%, ${o} ${l / c * 100}%)`;
+      const { color: s = n, weight: a } = r[0], { color: o = n, weight: c } = r[1] ?? r[0], l = a + c;
+      return `color-mix(in srgb, ${s} ${a / l * 100}%, ${o} ${c / l * 100}%)`;
     }
-    return i[0].color ?? n;
+    return r[0].color ?? n;
   }
-  return W(t, r);
+  return W(t, i);
 }
-function H(t, r) {
+function H(t, i) {
   const n = [];
   for (const e of t) {
-    const i = Math.max(0, Math.min(r.maxValue, e.maxValue) - Math.max(r.minValue, e.minValue));
-    i > 0 && n.push({ color: e.color, weight: i });
+    const r = Math.max(0, Math.min(i.maxValue, e.maxValue) - Math.max(i.minValue, e.minValue));
+    r > 0 && n.push({ color: e.color, weight: r });
   }
-  return n.sort((e, i) => i.weight - e.weight);
+  return n.sort((e, r) => r.weight - e.weight);
 }
-function W(t, r) {
-  const n = (r.maxValue - r.minValue) / 2 + r.minValue;
+function W(t, i) {
+  const n = (i.maxValue - i.minValue) / 2 + i.minValue;
   if (n > t[t.length - 1].value)
     return t[t.length - 1].color;
   for (let e = 0; e < t.length - 1; e++) {
-    const i = t[e], s = t[e + 1];
-    if (n <= i.value)
-      return i.color;
+    const r = t[e], s = t[e + 1];
+    if (n <= r.value)
+      return r.color;
     if (n < s.value) {
-      const a = (n - i.value) / (s.value - i.value) * 100;
-      return `color-mix(in srgb, ${i.color}, ${s.color} ${a}%)`;
+      const a = (n - r.value) / (s.value - r.value) * 100;
+      return `color-mix(in srgb, ${r.color}, ${s.color} ${a}%)`;
     }
   }
   return t[t.length - 1].color;
 }
-function L(t) {
+function V(t) {
   return t[0] != null && "minValue" in t[0];
 }
 function w(t) {
@@ -110,80 +112,87 @@ function w(t) {
     return t;
   if (Array.isArray(t))
     return `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3] ?? 1})`;
-  const { r, g: n, b: e, a: i = 1 } = t;
-  return `rgba(${r}, ${n}, ${e}, ${i})`;
+  const { r: i, g: n, b: e, a: r = 1 } = t;
+  return `rgba(${i}, ${n}, ${e}, ${r})`;
 }
-function G(t, r, n, e) {
-  const i = 0.06 * (r - t);
-  return Y(n, e).filter((s) => Math.abs(e - s) > i).map((s, a, o) => {
-    const l = o.length / 2, c = s > e ? "+" : "-", u = a >= l ? a - l + 1 : l - a;
+function G(t, i, n, e, r) {
+  const s = 0.06 * (i - t);
+  return Y(n, e, r).map((a, o, c) => {
+    const l = c.length / 2, u = a > r ? "+" : "-", g = o >= l ? o - l + 1 : l - o;
     return {
-      symbol: `${c}${u === 1 ? "" : u}σ`,
-      value: s
+      symbol: `${u}${g === 1 ? "" : g}σ`,
+      value: a
     };
-  });
+  }).filter(({ value: a }) => Math.abs(r - a) > s);
 }
-function Y(t, r) {
-  if (r == null || t == null)
+function Y(t, i, n) {
+  if (n == null || t == null)
     return [];
-  const n = 1, e = [];
-  for (let i = n * -1; i <= n; i++)
-    i !== 0 && e.push(r + i * t);
-  return e;
+  const e = i, r = [];
+  for (let s = e * -1; s <= e; s++)
+    s !== 0 && r.push(n + s * t);
+  return r;
 }
-const V = "var(--arcgis-histogram-bar-color)", U = "var(--arcgis-histogram-stop-color)";
-class j extends I {
+const D = "var(--arcgis-histogram-bar-color)", U = "var(--arcgis-histogram-stop-color)";
+class j extends F {
   constructor() {
-    super(...arguments), this._messages = k(), this._normalizedStops = null, this._formatLabel = (r) => z(this._messages._lang, this._numberFormatterOptions).format(r), this._numberFormatterOptions = {
+    super(...arguments), this._messages = k(), this._normalizedStops = null, this.#t = (i, n) => {
+      const e = (r) => R(this._messages._lang, this._numberFormatterOptions).format(r);
+      return this.labelFormatter?.(i, n, e) ?? e(i);
+    }, this._numberFormatterOptions = {
       maximumFractionDigits: 2
-    }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.colorBlendingEnabled = !1;
+    }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.colorBlendingEnabled = !1, this.standardDeviationCount = 1;
   }
   static {
-    this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, colorBlendingEnabled: 5 };
+    this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, labelFormatter: 0, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, colorBlendingEnabled: 5, standardDeviationCount: 9 };
   }
   static {
-    this.styles = F;
+    this.styles = z;
   }
+  #t;
   loaded() {
-    const r = new ResizeObserver((i) => {
-      for (const s of i) {
+    const i = new ResizeObserver((r) => {
+      for (const s of r) {
         const { width: a, height: o } = s.contentRect;
         this.containerDimensions = [a, o];
       }
     }), { width: n, height: e } = this.el.getBoundingClientRect();
-    this.containerDimensions = [n, e], r.observe(this.el);
+    this.containerDimensions = [n, e], i.observe(this.el);
   }
-  willUpdate(r) {
-    r.has("colorStops") && (this._normalizedStops = T(this.colorStops, V, U));
+  willUpdate(i) {
+    i.has("colorStops") && (this._normalizedStops = T(this.colorStops, D, U));
   }
   render() {
-    const { label: r } = this;
-    return y`<div role=img .ariaLabel=${r ?? void 0} class="content">${this._renderContent()}</div>`;
+    const { label: i } = this;
+    return y`<div role=img .ariaLabel=${i ?? void 0} class="content">${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { containerDimensions: [r, n] } = this, e = "bg-fill", i = r ? [
-      d`<defs><clipPath id=${e}><rect height=${n ?? h} width=${r ?? h} x=0 y=0 /></clipPath></defs>`,
-      d`<g style=${v({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g>`,
+    const { containerDimensions: [i, n] } = this, e = "bg-fill", r = i ? [
+      d`<defs><clipPath id=${e}><rect height=${n ?? h} width=${i ?? h} x=0 y=0 /></clipPath></defs>`,
+      d`<g style=${x({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g>`,
       d`<g>${this._renderLines()}</g>`
     ] : [];
-    return y`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${i}</svg>`;
+    return y`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${r}</svg>`;
   }
   _renderBars() {
-    const { bins: r, _messages: n } = this, e = S(this.bins, this.min, this.max, this.layout, this.containerDimensions);
-    return !e || !r ? null : e.map((i, s) => {
-      const [a, o, l, c] = i, u = r[s], g = n?.barLabel ? E(n.barLabel, u) : "";
-      return d`<rect style=${v({
-        fill: A(this._normalizedStops, u, V, this.colorBlendingEnabled)
-      })} .ariaLabel=${g} data-index=${s ?? h} height=${c ?? h} role=img shape-rendering=crispEdges stroke-width=0 width=${l ?? h} x=${a ?? h} y=${o ?? h} />`;
+    const { bins: i, _messages: n } = this, e = S(this.bins, this.min, this.max, this.layout, this.containerDimensions);
+    return !e || !i ? null : e.map((r, s) => {
+      const [a, o, c, l] = r, u = i[s], g = n?.barLabel ? E(n.barLabel, u) : "";
+      return d`<rect style=${x({
+        fill: A(this._normalizedStops, u, D, this.colorBlendingEnabled)
+      })} .ariaLabel=${g} data-index=${s ?? h} height=${l ?? h} role=img shape-rendering=crispEdges stroke-width=0 width=${c ?? h} x=${a ?? h} y=${o ?? h} />`;
     });
   }
   _renderLines() {
-    return B(this.average, this.standardDeviation, this.min, this.max, this.dataLines)?.map((n) => q({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this._formatLabel }));
+    return B(this.average, this.standardDeviation, this.standardDeviationCount, this.min, this.max, this.dataLines)?.map((n) => q({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this.#t }));
   }
 }
 const q = (t) => {
-  const { containerDimensions: r, layout: n, min: e, max: i, dataLine: s, labelFormatter: a } = t, o = i != null && e != null ? i - e : 0, [l, c, u, g] = N(r, n, e, o, s.value), [b, f] = P(r, n, e, o, s.value), m = "symbol" in s ? [d`<tspan class="data-line-symbol">${s.symbol}</tspan>`, d`<tspan>${a(s.value)}</tspan>`] : s.label, p = "lineClass" in s && s.lineClass ? s.lineClass : "data-line";
-  return d`<g><title>${s.value}</title><line class=${O(p)} shape-rendering=crispEdges x1=${l ?? h} x2=${c ?? h} y1=${u ?? h} y2=${g ?? h} /><text class="label" text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${b ?? h} y=${f - 2}>${m}</text></g>`;
+  const { containerDimensions: i, layout: n, min: e, max: r, dataLine: s, labelFormatter: a } = t, o = r != null && e != null ? r - e : 0, [c, l, u, g] = N(i, n, e, o, s.value), [p, f] = P(i, n, e, o, s.value), m = "symbol" in s ? [
+    d`<tspan class="data-line-symbol">${s.symbol}</tspan>`,
+    d`<tspan>${a(s.value, s.lineClass === "average-data-line" ? "average" : "standard-deviation")}</tspan>`
+  ] : s.label, b = "lineClass" in s && s.lineClass ? s.lineClass : "data-line";
+  return d`<g><title>${s.value}</title><line class=${I(b)} shape-rendering=crispEdges x1=${c ?? h} x2=${l ?? h} y1=${u ?? h} y2=${g ?? h} /><text class="label" text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${p ?? h} y=${f - 2}>${m}</text></g>`;
 };
 M("arcgis-histogram", j);
 export {

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

@@ -51,7 +51,7 @@ function ge(a) {
   const e = Number.isFinite(a) ? Math.floor(a) : 1;
   return Math.max(1, e);
 }
-const me = re`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range-interactive{&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-border-2)}&.filled.active{outline-color:var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}.track-range{background-color:var(--calcite-color-brand);pointer-events:none}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range-interactive.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range-interactive.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range-interactive.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`;
+const me = re`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-internal-slider-show-range-labels: 0;--arcgis-internal-slider-show-value-labels: 0;--arcgis-internal-slider-value-labels-placement-start: 0;--arcgis-internal-slider-value-labels-placement-end: 0;--arcgis-internal-slider-range-labels-placement-center: 0;--arcgis-internal-slider-range-labels-placement-end: 0;--arcgis-internal-slider-handle-color: var(--calcite-color-text-3);--arcgis-internal-slider-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-internal-slider-label-input-margin: calc(var(--arcgis-internal-slider-handle-offset) + 4px);--arcgis-internal-slider-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-brand);--arcgis-internal-slider-track-size: 2px}:host([show-range-labels]){--arcgis-internal-slider-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-internal-slider-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-internal-slider-value-labels-placement-start: var(--arcgis-internal-slider-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-internal-slider-value-labels-placement-end: var(--arcgis-internal-slider-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-internal-slider-range-labels-placement-center: var(--arcgis-internal-slider-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-internal-slider-range-labels-placement-end: var(--arcgis-internal-slider-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-internal-slider-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range-interactive{&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-border-2)}&.filled.active{outline-color:var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}.track-range{background-color:var(--arcgis-internal-slider-track-range-background-color);pointer-events:none}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range-interactive.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range-interactive.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-internal-slider-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range-interactive.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-internal-slider-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--arcgis-internal-slider-handle-color) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-internal-slider-handle-offset) * -1);left:calc(var(--arcgis-internal-slider-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:dir(rtl){.popover{direction:rtl}}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-internal-slider-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-internal-slider-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-internal-slider-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-internal-slider-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-internal-slider-content-start-min-height: calc( ((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset)) + (var(--arcgis-internal-slider-value-labels-placement-start) * var(--arcgis-internal-slider-label-input-height)) );--arcgis-internal-slider-content-end-min-height: calc( ((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset)) + (var(--arcgis-internal-slider-value-labels-placement-end) * var(--arcgis-internal-slider-label-input-height)) );column-gap:calc(var(--arcgis-internal-slider-show-range-labels) * var(--arcgis-internal-slider-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-internal-slider-content-start-min-height),auto) calc(var(--arcgis-internal-slider-show-range-labels) * calc(calc(var(--arcgis-internal-slider-label-input-height) / 2) - calc(var(--arcgis-internal-slider-track-size) / 2))) var(--arcgis-internal-slider-track-size) calc(var(--arcgis-internal-slider-show-range-labels) * calc(calc(var(--arcgis-internal-slider-label-input-height) / 2) - calc(var(--arcgis-internal-slider-track-size) / 2))) minmax(var(--arcgis-internal-slider-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-internal-slider-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-internal-slider-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-internal-slider-content-start-min-height: calc( var(--arcgis-internal-slider-handle-offset) + var(--arcgis-internal-slider-value-labels-placement-start) * var(--arcgis-internal-slider-label-input-height) );--arcgis-internal-slider-content-end-min-height: calc( var(--arcgis-internal-slider-value-labels-placement-end) * var(--arcgis-internal-slider-label-input-height) );padding-inline:var(--arcgis-internal-slider-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-internal-slider-content-start-min-height),auto) var(--arcgis-internal-slider-track-size) var(--arcgis-internal-slider-handle-offset) calc(var(--arcgis-internal-slider-range-labels-placement-end) * var(--arcgis-internal-slider-label-input-height)) minmax(var(--arcgis-internal-slider-content-end-min-height),auto);column-gap:var(--arcgis-internal-slider-handle-offset)}.track{flex:1;height:var(--arcgis-internal-slider-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-internal-slider-label-input-margin) + var(--arcgis-internal-slider-range-labels-placement-end) * (var(--arcgis-internal-slider-label-input-height)))}}.min,.max{--arcgis-internal-slider-range-translation: calc(var(--arcgis-internal-slider-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-internal-slider-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-internal-slider-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-internal-slider-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-internal-slider-range-translation) * -1))}}}`;
 var fe = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, W = (a) => {
   throw TypeError(a);
 }, D = (a, e, t, n) => {
@@ -66,7 +66,7 @@ function xe() {
     values: []
   };
 }
-let y = class extends oe {
+let k = class extends oe {
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -181,28 +181,28 @@ let y = class extends oe {
 F = /* @__PURE__ */ new WeakMap();
 D([
   I()
-], y.prototype, "_entries", 2);
+], k.prototype, "_entries", 2);
 D([
   I({ readOnly: !0 })
-], y.prototype, "entries", 1);
+], k.prototype, "entries", 1);
 D([
   I()
-], y.prototype, "max", 1);
+], k.prototype, "max", 1);
 D([
   I()
-], y.prototype, "min", 1);
+], k.prototype, "min", 1);
 D([
   I({ cast: (a) => T(a, 0, 20) })
-], y.prototype, "precision", 2);
+], k.prototype, "precision", 2);
 D([
   I({ readOnly: !0 })
-], y.prototype, "ready", 2);
+], k.prototype, "ready", 2);
 D([
   I()
-], y.prototype, "values", 1);
-y = D([
+], k.prototype, "values", 1);
+k = D([
   ce("esri.widgets.Slider.SliderData")
-], y);
+], k);
 function T(a, e, t) {
   return Math.min(Math.max(a, e), t);
 }
@@ -214,7 +214,7 @@ class we {
     this.steps = e, this.minIndex = 0, this.maxIndex = this.steps.length - 1;
   }
   indexToValue(e) {
-    return this.steps[k(e, this.minIndex, this.maxIndex)];
+    return this.steps[y(e, this.minIndex, this.maxIndex)];
   }
   valueToIndex(e) {
     const t = this.steps.indexOf(e);
@@ -240,20 +240,20 @@ class we {
     return n;
   }
 }
-class ye {
+class ke {
   constructor(e, t, n) {
     this.min = e, this.max = t, this.stepSize = n, this.minIndex = 0, this.maxIndex = Math.round((this.max - this.min) / this.stepSize);
   }
   indexToValue(e) {
-    return this.min + k(e, this.minIndex, this.maxIndex) * this.stepSize;
+    return this.min + y(e, this.minIndex, this.maxIndex) * this.stepSize;
   }
   valueToIndex(e) {
-    return e = k(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
+    return e = y(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
   }
   getClosestStepDistances(e, t) {
     if (t <= 0)
       return [];
-    const n = [], i = this.minIndex, r = this.maxIndex, s = (k(e, this.min, this.max) - this.min) / this.stepSize;
+    const n = [], i = this.minIndex, r = this.maxIndex, s = (y(e, this.min, this.max) - this.min) / this.stepSize;
     let l = Math.floor(s), c = l + 1;
     for (; n.length < t && (l >= i || c <= r); ) {
       if (l < i) {
@@ -272,11 +272,11 @@ class ye {
     return n;
   }
 }
-function ke(a) {
+function ye(a) {
   if (a.steps == null)
     return null;
   const e = a.steps;
-  return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ye(a.min, a.max, e);
+  return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ke(a.min, a.max, e);
 }
 function De(a, e, t) {
   if (a == null) {
@@ -304,7 +304,7 @@ function X(a, e, t, n, i) {
   if (!i)
     for (const [g, v] of e.entries())
       g !== t && c.add(a.valueToIndex(v));
-  const d = k(a.valueToIndex(o), s, l);
+  const d = y(a.valueToIndex(o), s, l);
   if (!c.has(d))
     return a.indexToValue(d);
   let h = null, u = 1 / 0;
@@ -366,21 +366,21 @@ function Ve(a, e, t) {
 function H(a, e, t, n) {
   const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = a, c = e.get(t);
   if (n = n > 0 ? 1 : -1, !r) {
-    let m = k(c + n * o, s, l);
+    let m = y(c + n * o, s, l);
     if (i)
       return m;
     const b = /* @__PURE__ */ new Set();
     for (const [P, S] of e)
       P !== t && b.add(S);
     for (; b.has(m) && m <= l && m >= s; )
-      m = k(m + n * o, s, l);
+      m = y(m + n * o, s, l);
     return b.has(m) || m > l || m < s ? c : m;
   }
   const d = r.valueToIndex(c);
   if (d === -1)
     return c;
   if (i) {
-    const m = k(d + n, r.minIndex, r.maxIndex);
+    const m = y(d + n, r.minIndex, r.maxIndex);
     return r.indexToValue(m);
   }
   const h = /* @__PURE__ */ new Set();
@@ -468,10 +468,10 @@ function Y(a, e) {
 function Se(a, e) {
   return e - a;
 }
-function k(a, e, t) {
+function y(a, e, t) {
   return Math.max(e, Math.min(t, a));
 }
-const Ce = te(y);
+const Ce = te(k);
 class Me extends ee {
   constructor() {
     super(...arguments), this._stepsProvider = null, this._popoverElement = B(), this._trackElement = B(), this.messages = se({}), this._onPointerMoveDragUpdate = (e) => {
@@ -548,7 +548,7 @@ class Me extends ee {
     this._sliderData.startup();
   }
   willUpdate(e) {
-    if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = ke(this)), e.has("messages") || e.has("min") || e.has("max") || e.has("precision") || e.has("labelFormatter")) {
+    if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = ye(this)), e.has("messages") || e.has("min") || e.has("max") || e.has("precision") || e.has("labelFormatter")) {
       const t = this.max != null && this.min != null && this.max - this.min > 10 ? 2 : this.precision;
       this._numberFormatOptions = { maximumFractionDigits: t }, this._minFormatter = this._createFormatter("min", this._numberFormatOptions), this._maxFormatter = this._createFormatter("max", this._numberFormatOptions), this._valueFormatter = this._createFormatter("value", this._numberFormatOptions);
     }
@@ -810,7 +810,7 @@ class Me extends ee {
   _renderPopover() {
     const { _activePart: e, layout: t, popoverPlacement: n, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: o } = this, s = e ? ze(e) ? e : "track-range" : "", l = this._hasPopoverContent && !!s, c = t === "horizontal" ? n === "start" ? "top" : "bottom" : n === "start" ? "left" : "right";
     let d = 14;
-    return r !== "hidden" && n === i && (d += 24), w`<calcite-popover focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${d} .placement=${c} .referenceElement=${s} scale=s trigger-disabled ${O(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
+    return r !== "hidden" && n === i && (d += 24), w`<calcite-popover class="popover" focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${d} .placement=${c} .referenceElement=${s} scale=s trigger-disabled ${O(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
   }
   _renderContentStart() {
     return w`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;