@hybridcore/ui 1.6.22 → 1.6.23

package/dist/components/charts/logaritmic-scale/logic.js

@@ -1,45 +1,211 @@
-import { R as T, A as Y } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as R, useTheme as E } from "@mui/material";
-import I from "lodash";
-import { useId as G, useRef as O, useEffect as P } from "react";
-import { humanizeLabel as V } from "../_common/format.js";
+import { R as O, A as L } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as X, useTheme as S } from "@mui/material";
+import j from "lodash";
+import { useId as E, useRef as Y, useEffect as z } from "react";
+import { humanizeLabel as I } from "../_common/format.js";
 import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
-import { colorSetFromPalette as z, applyDateAxisLabelFormat as B, applyValueFormat as H } from "../_common/utils.js";
-import { c as i } from "../../../Entity-BJCuhdq_.js";
-import { X as N, V as U } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as W } from "../../../XYCursor-CVUSpqb9.js";
-import { A as F, a as Z } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as _ } from "../../../CategoryAxis-B6NqW8qd.js";
-import { L as $ } from "../../../LineSeries-D_IL2qGF.js";
-import { D as j, G as J } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { S as K } from "../../../Scrollbar-CTI7_8Qw.js";
-import { D as M } from "../../../DateAxis-DEXKps1S.js";
-const xe = (X) => {
-  const f = R({ props: X, name: "HCLogaritmicScale" }), {
-    dimensions: t,
-    values: s,
-    data: p,
-    initDelay: k = 0,
-    baseInterval: h,
-    colors: A,
-    skipEmptyDates: x = !1,
-    sx: L,
-    ...S
-  } = f, a = E(), g = `hc-logaritmic-scale-${G().replace(/:/g, "")}`, c = O(null);
-  let n = null;
-  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (n = "LogaritmicScale requires at least 1 value"), P(() => {
-    if (n) return;
-    let d;
-    return d = setTimeout(() => {
-      var w, v, D, b;
-      const e = T.new(g);
-      c.current = e, e.setThemes([Y.new(e)]), e.interfaceColors.setAll({
-        text: i(a.palette.text.primary),
-        grid: i(a.palette.divider),
-        stroke: i(a.palette.divider)
+import { colorSetFromPalette as H, applyDateAxisLabelFormat as U, applyValueFormat as W } from "../_common/utils.js";
+import { m as R, q as Z, f as x, c as f } from "../../../Entity-BJCuhdq_.js";
+import { X as $, V as J } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as K } from "../../../XYCursor-CVUSpqb9.js";
+import { A as N, a as Q } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as tt } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as et } from "../../../LineSeries-D_IL2qGF.js";
+import { D as st, G as it } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { R as V } from "../../../RoundedRectangle-BKLX1LKM.js";
+import { C, G as rt } from "../../../Tooltip-vyZRZWih.js";
+import { B as at } from "../../../Button-BLY4PVJC.js";
+import { D as nt } from "../../../DateAxis-DEXKps1S.js";
+class D extends C {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "thumb", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeThumb()
+    }), Object.defineProperty(this, "startGrip", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeButton()
+    }), Object.defineProperty(this, "endGrip", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeButton()
+    }), Object.defineProperty(this, "_thumbBusy", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_startDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_endDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_thumbDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_gripDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    });
+  }
+  _addOrientationClass() {
+    this._settings.themeTags = R(this._settings.themeTags, ["scrollbar", this._settings.orientation]), this._settings.background || (this._settings.background = V.new(this._root, {
+      themeTags: R(this._settings.themeTags, ["main", "background"])
+    }));
+  }
+  _makeButton() {
+    return this.children.push(at.new(this._root, {
+      themeTags: ["resize", "button", this.get("orientation")],
+      icon: rt.new(this._root, {
+        themeTags: ["icon"]
+      })
+    }));
+  }
+  _makeThumb() {
+    return this.children.push(V.new(this._root, {
+      themeTags: ["thumb", this.get("orientation")]
+    }));
+  }
+  _handleAnimation(t) {
+    t && this._disposers.push(t.events.on("stopped", () => {
+      this.setPrivateRaw("isBusy", !1), this._thumbBusy = !1;
+    }));
+  }
+  _afterNew() {
+    this._addOrientationClass(), super._afterNew();
+    const t = this.startGrip, e = this.endGrip, i = this.thumb, o = this.get("background");
+    o && this._disposers.push(o.events.on("click", (s) => {
+      this.setPrivateRaw("isBusy", !0);
+      const n = this._display.toLocal(s.point), h = this.width(), l = this.height(), d = this.get("orientation");
+      let u;
+      d == "vertical" ? u = (n.y - i.height() / 2) / l : u = (n.x - i.width() / 2) / h;
+      let a, p;
+      d == "vertical" ? (a = u * l, p = "y") : (a = u * h, p = "x");
+      const m = this.get("animationDuration", 0);
+      m > 0 ? (this._thumbBusy = !0, this._handleAnimation(this.thumb.animate({ key: p, to: a, duration: m, easing: this.get("animationEasing") }))) : (this.thumb.set(p, a), this._root.events.once("frameended", () => {
+        this.setPrivateRaw("isBusy", !1);
+      }));
+    })), this._disposers.push(i.events.on("dblclick", (s) => {
+      if (!Z(s.originalEvent, this))
+        return;
+      const n = this.get("animationDuration", 0), h = this.get("animationEasing");
+      this.animate({ key: "start", to: 0, duration: n, easing: h }), this.animate({ key: "end", to: 1, duration: n, easing: h });
+    })), this._disposers.push(t.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._startDown = !0, this._gripDown = "start";
+    })), this._disposers.push(e.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._endDown = !0, this._gripDown = "end";
+    })), this._disposers.push(i.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._thumbDown = !0, this._gripDown = void 0;
+    })), this._disposers.push(t.events.on("globalpointerup", () => {
+      this._startDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._startDown = !1;
+    })), this._disposers.push(e.events.on("globalpointerup", () => {
+      this._endDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._endDown = !1;
+    })), this._disposers.push(i.events.on("globalpointerup", () => {
+      this._thumbDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._thumbDown = !1;
+    })), this._disposers.push(t.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(e.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(t.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(e.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(i.events.on("positionchanged", () => {
+      this._updateGripsByThumb();
+    })), this.get("orientation") == "vertical" ? (t.set("x", 0), e.set("x", 0), this._disposers.push(i.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height() - i.height()), 0))), this._disposers.push(i.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(t.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(e.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(t.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height()), 0))), this._disposers.push(e.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height()), 0)))) : (t.set("y", 0), e.set("y", 0), this._disposers.push(i.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width() - i.width()), 0))), this._disposers.push(i.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(t.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(e.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(t.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width()), 0))), this._disposers.push(e.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width()), 0))));
+  }
+  _updateChildren() {
+    super._updateChildren(), (this.isDirty("end") || this.isDirty("start") || this._sizeDirty) && this.updateGrips();
+  }
+  _changed() {
+    if (super._changed(), this.isDirty("start") || this.isDirty("end")) {
+      const t = "rangechanged";
+      this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this, start: this.get("start", 0), end: this.get("end", 1), grip: this._gripDown });
+    }
+  }
+  _released() {
+    const t = "released";
+    this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this });
+  }
+  /**
+   * @ignore
+   */
+  updateGrips() {
+    const t = this.startGrip, e = this.endGrip, i = this.get("orientation"), o = this.height(), s = this.width();
+    i == "vertical" ? (t.set("y", o * this.get("start", 0)), e.set("y", o * this.get("end", 1))) : (t.set("x", s * this.get("start", 0)), e.set("x", s * this.get("end", 1)));
+    const n = this.getPrivate("positionTextFunction"), h = Math.round(this.get("start", 0) * 100), l = Math.round(this.get("end", 0) * 100);
+    let d, u;
+    n ? (d = n.call(this, this.get("start", 0)), u = n.call(this, this.get("end", 0))) : (d = h + "%", u = l + "%"), t.set("ariaLabel", this._t("From %1", void 0, d)), t.set("ariaValueNow", "" + h), t.set("ariaValueText", h + "%"), t.set("ariaValueMin", "0"), t.set("ariaValueMax", "100"), e.set("ariaLabel", this._t("To %1", void 0, u)), e.set("ariaValueNow", "" + l), e.set("ariaValueText", l + "%"), e.set("ariaValueMin", "0"), e.set("ariaValueMax", "100");
+  }
+  _updateThumb() {
+    const t = this.thumb, e = this.startGrip, i = this.endGrip, o = this.height(), s = this.width();
+    let n = e.x(), h = i.x(), l = e.y(), d = i.y(), u = 0, a = 1;
+    this.get("orientation") == "vertical" ? x(l) && x(d) && (!this._thumbBusy && !t.isDragging() && (t.set("height", d - l), t.set("y", l)), u = l / o, a = d / o) : x(n) && x(h) && (!this._thumbBusy && !t.isDragging() && (t.set("width", h - n), t.set("x", n)), u = n / s, a = h / s), this.getPrivate("isBusy") && (this.get("start") != u || this.get("end") != a) && (this.set("start", u), this.set("end", a));
+    const p = this.getPrivate("positionTextFunction"), m = Math.round(this.get("start", 0) * 100), _ = Math.round(this.get("end", 0) * 100);
+    let g, w;
+    p ? (g = p.call(this, this.get("start", 0)), w = p.call(this, this.get("end", 0))) : (g = m + "%", w = _ + "%"), t.set("ariaLabel", this._t("From %1 to %2", void 0, g, w)), t.set("ariaValueNow", "" + m), t.set("ariaValueText", m + "%");
+  }
+  _updateGripsByThumb() {
+    const t = this.thumb, e = this.startGrip, i = this.endGrip;
+    if (this.get("orientation") == "vertical") {
+      const o = t.height();
+      e.set("y", t.y()), i.set("y", t.y() + o);
+    } else {
+      const o = t.width();
+      e.set("x", t.x()), i.set("x", t.x() + o);
+    }
+  }
+}
+Object.defineProperty(D, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Scrollbar"
+});
+Object.defineProperty(D, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: C.classNames.concat([D.className])
+});
+const Gt = (G) => {
+  const t = X({ props: G, name: "HCLogaritmicScale" }), {
+    dimensions: e,
+    values: i,
+    data: o,
+    initDelay: s = 0,
+    baseInterval: n,
+    colors: h,
+    skipEmptyDates: l = !1,
+    sx: d,
+    ...u
+  } = t, a = S(), m = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, _ = Y(null);
+  let g = null;
+  e.length < 1 ? g = "LogaritmicScale requires at least 1 dimension" : i.length < 1 && (g = "LogaritmicScale requires at least 1 value"), z(() => {
+    if (g) return;
+    let T;
+    return T = setTimeout(() => {
+      var P, B, M, F;
+      const r = O.new(m);
+      _.current = r, r.setThemes([L.new(r)]), r.interfaceColors.setAll({
+        text: f(a.palette.text.primary),
+        grid: f(a.palette.divider),
+        stroke: f(a.palette.divider)
       });
-      const r = e.container.children.push(
-        N.new(e, {
+      const c = r.container.children.push(
+        $.new(r, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -48,81 +214,81 @@ const xe = (X) => {
           pinchZoomX: !0
         })
       );
-      r.set("colors", z(e, A)), r.set(
+      c.set("colors", H(r, h)), c.set(
         "cursor",
-        W.new(e, { behavior: "none" })
+        K.new(r, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let o, u = p;
-      if (t[0].type === "date") {
-        u = I.orderBy(p, [t[0].value]);
-        const l = x ? J : M;
-        o = r.xAxes.push(
-          l.new(e, {
+      let b, A = o;
+      if (e[0].type === "date") {
+        A = j.orderBy(o, [e[0].value]);
+        const y = l ? it : nt;
+        b = c.xAxes.push(
+          y.new(r, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: h || { timeUnit: "day", count: 1 },
-            renderer: F.new(e, {})
+            baseInterval: n || { timeUnit: "day", count: 1 },
+            renderer: N.new(r, {})
           })
-        ), (w = o.get("renderer")) == null || w.grid.template.setAll({
-          stroke: i(a.palette.divider),
+        ), (P = b.get("renderer")) == null || P.grid.template.setAll({
+          stroke: f(a.palette.divider),
           strokeOpacity: 1
-        }), B(o, t[0]);
+        }), U(b, e[0]);
       } else
-        o = r.xAxes.push(
-          _.new(e, {
-            categoryField: t[0].value,
-            renderer: F.new(e, {})
+        b = c.xAxes.push(
+          tt.new(r, {
+            categoryField: e[0].value,
+            renderer: N.new(r, {})
           })
-        ), e.numberFormatter.setAll({
+        ), r.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), o.data.setAll(u), (v = o.get("renderer")) == null || v.grid.template.setAll({
-          stroke: i(a.palette.divider),
+        }), b.data.setAll(A), (B = b.get("renderer")) == null || B.grid.template.setAll({
+          stroke: f(a.palette.divider),
           strokeOpacity: 1
         });
-      const y = r.yAxes.push(
-        U.new(e, {
+      const k = c.yAxes.push(
+        J.new(r, {
           logarithmic: !0,
-          renderer: Z.new(e, { minorGridEnabled: !0 })
+          renderer: Q.new(r, { minorGridEnabled: !0 })
         })
       );
-      (D = y.get("renderer")) == null || D.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      (M = k.get("renderer")) == null || M.grid.template.setAll({
+        stroke: f(a.palette.divider),
         strokeOpacity: 1
-      }), s.forEach((l) => {
-        const m = r.series.push(
-          $.new(e, {
-            name: l.label ?? V(l.name),
-            xAxis: o,
-            yAxis: y,
-            valueYField: l.dataFieldName,
-            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
+      }), i.forEach((y) => {
+        const v = c.series.push(
+          et.new(r, {
+            name: y.label ?? I(y.name),
+            xAxis: b,
+            yAxis: k,
+            valueYField: y.dataFieldName,
+            ...e[0].type === "date" ? { valueXField: e[0].value } : { categoryXField: e[0].value }
           })
         );
-        m.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (m.data.processor = j.new(e, {
+        v.strokes.template.setAll({ strokeWidth: 3 }), e[0].type === "date" && (v.data.processor = st.new(r, {
           dateFormat: "i",
-          dateFields: [t[0].value]
-        })), m.data.setAll(u), m.appear(1e3);
+          dateFields: [e[0].value]
+        })), v.data.setAll(A), v.appear(1e3);
       }), q({
-        root: e,
-        chart: r,
-        xAxis: o,
+        root: r,
+        chart: c,
+        xAxis: b,
         theme: a,
-        isDateAxis: t[0].type === "date",
-        baseInterval: h,
+        isDateAxis: e[0].type === "date",
+        baseInterval: n,
         follow: !0
-      }), r.set(
+      }), c.set(
         "scrollbarX",
-        K.new(e, { orientation: "horizontal" })
-      ), H(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
-    }, k), () => {
-      var e;
-      d && clearTimeout(d), (e = c.current) == null || e.dispose(), c.current = null;
+        D.new(r, { orientation: "horizontal" })
+      ), W(r, (F = i == null ? void 0 : i[0]) == null ? void 0 : F.format), c.appear(1e3, 100);
+    }, s), () => {
+      var r;
+      T && clearTimeout(T), (r = _.current) == null || r.dispose(), _.current = null;
     };
-  }, [p, t, s, a.palette.mode, A, x]);
-  const C = { ...f };
-  return { chartId: g, ownerState: C, sx: L, error: n, other: S };
+  }, [o, e, i, a.palette.mode, h, l]);
+  const w = { ...t };
+  return { chartId: m, ownerState: w, sx: d, error: g, other: u };
 };
 export {
-  xe as useLogaritmicScaleLogic
+  Gt as useLogaritmicScaleLogic
 };

package/dist/main.d.ts

@@ -787,21 +787,31 @@ export declare interface ForecastConeChartProps {
      * Omit for the single-cone behaviour (cone extracted from `data`).
      */
     forecasts?: ForecastSnapshot[];
+    /**
+     * Multi-cone mode only. When `true` (default) each forecast origin gets a
+     * bullet on the history line: hovering one previews that run's cone, clicking
+     * it selects the run. When `false` the origins are marked with faint dashed
+     * ticks instead and only the pager switches cones.
+     */
+    showOriginMarkers?: boolean;
     /** Vertical "now" marker; defaults to the last history timestamp. */
     nowValue?: number | string;
     /** Band/centre hue (theme token or CSS color). Defaults to a theme token. */
     color?: string;
     /**
-     * History line behaviour across missing dates. `true` (default) bridges gaps
-     * (and connects the history end to the cone apex); `false` breaks the line
-     * wherever a history point is missing and drops the bridge to the forecast.
-     * Affects the history series only — the bands/centre are contiguous.
+     * Line behaviour across missing dates. `true` (default) bridges gaps (and, in
+     * single-cone mode, connects the history end to the cone apex); `false` breaks
+     * the line wherever a point is missing and drops the bridge to the forecast.
+     * Applies to the history line and to the cone (bands + centre) alike, so a
+     * horizon row missing its bounds splits the cone instead of bridging it.
      */
     connectMissingData?: boolean;
     /**
-     * When `true`, the date axis drops intervals with no data (`GaplessDateAxis`),
-     * so only dates with values are shown. Default `false` keeps the continuous
-     * timeline.
+     * When `true` (default), the date axis drops intervals with no data
+     * (`GaplessDateAxis`), so only dates with values are shown — closed hours and
+     * weekends collapse instead of rendering as flat gaps. `false` keeps the
+     * continuous timeline. In multi-cone mode the axis is fed the union of every
+     * snapshot's dates, so the frame stays fixed while scrubbing.
      */
     skipEmptyDates?: boolean;
     baseInterval?: BaseInterval;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.22",
+  "version": "1.6.23",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",

package/dist/Scrollbar-CTI7_8Qw.js

@@ -1,171 +0,0 @@
-import { R as b } from "./RoundedRectangle-BKLX1LKM.js";
-import { C as w, G as v } from "./Tooltip-vyZRZWih.js";
-import { B as x } from "./Button-BLY4PVJC.js";
-import { m as f, q as D, f as g } from "./Entity-BJCuhdq_.js";
-class _ extends w {
-  constructor() {
-    super(...arguments), Object.defineProperty(this, "thumb", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: this._makeThumb()
-    }), Object.defineProperty(this, "startGrip", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: this._makeButton()
-    }), Object.defineProperty(this, "endGrip", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: this._makeButton()
-    }), Object.defineProperty(this, "_thumbBusy", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_startDown", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_endDown", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_thumbDown", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(this, "_gripDown", {
-      enumerable: !0,
-      configurable: !0,
-      writable: !0,
-      value: void 0
-    });
-  }
-  _addOrientationClass() {
-    this._settings.themeTags = f(this._settings.themeTags, ["scrollbar", this._settings.orientation]), this._settings.background || (this._settings.background = b.new(this._root, {
-      themeTags: f(this._settings.themeTags, ["main", "background"])
-    }));
-  }
-  _makeButton() {
-    return this.children.push(x.new(this._root, {
-      themeTags: ["resize", "button", this.get("orientation")],
-      icon: v.new(this._root, {
-        themeTags: ["icon"]
-      })
-    }));
-  }
-  _makeThumb() {
-    return this.children.push(b.new(this._root, {
-      themeTags: ["thumb", this.get("orientation")]
-    }));
-  }
-  _handleAnimation(t) {
-    t && this._disposers.push(t.events.on("stopped", () => {
-      this.setPrivateRaw("isBusy", !1), this._thumbBusy = !1;
-    }));
-  }
-  _afterNew() {
-    this._addOrientationClass(), super._afterNew();
-    const t = this.startGrip, s = this.endGrip, i = this.thumb, n = this.get("background");
-    n && this._disposers.push(n.events.on("click", (e) => {
-      this.setPrivateRaw("isBusy", !0);
-      const a = this._display.toLocal(e.point), r = this.width(), o = this.height(), u = this.get("orientation");
-      let h;
-      u == "vertical" ? h = (a.y - i.height() / 2) / o : h = (a.x - i.width() / 2) / r;
-      let d, l;
-      u == "vertical" ? (d = h * o, l = "y") : (d = h * r, l = "x");
-      const p = this.get("animationDuration", 0);
-      p > 0 ? (this._thumbBusy = !0, this._handleAnimation(this.thumb.animate({ key: l, to: d, duration: p, easing: this.get("animationEasing") }))) : (this.thumb.set(l, d), this._root.events.once("frameended", () => {
-        this.setPrivateRaw("isBusy", !1);
-      }));
-    })), this._disposers.push(i.events.on("dblclick", (e) => {
-      if (!D(e.originalEvent, this))
-        return;
-      const a = this.get("animationDuration", 0), r = this.get("animationEasing");
-      this.animate({ key: "start", to: 0, duration: a, easing: r }), this.animate({ key: "end", to: 1, duration: a, easing: r });
-    })), this._disposers.push(t.events.on("pointerdown", () => {
-      this.setPrivateRaw("isBusy", !0), this._startDown = !0, this._gripDown = "start";
-    })), this._disposers.push(s.events.on("pointerdown", () => {
-      this.setPrivateRaw("isBusy", !0), this._endDown = !0, this._gripDown = "end";
-    })), this._disposers.push(i.events.on("pointerdown", () => {
-      this.setPrivateRaw("isBusy", !0), this._thumbDown = !0, this._gripDown = void 0;
-    })), this._disposers.push(t.events.on("globalpointerup", () => {
-      this._startDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._startDown = !1;
-    })), this._disposers.push(s.events.on("globalpointerup", () => {
-      this._endDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._endDown = !1;
-    })), this._disposers.push(i.events.on("globalpointerup", () => {
-      this._thumbDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._thumbDown = !1;
-    })), this._disposers.push(t.on("x", () => {
-      this._updateThumb();
-    })), this._disposers.push(s.on("x", () => {
-      this._updateThumb();
-    })), this._disposers.push(t.on("y", () => {
-      this._updateThumb();
-    })), this._disposers.push(s.on("y", () => {
-      this._updateThumb();
-    })), this._disposers.push(i.events.on("positionchanged", () => {
-      this._updateGripsByThumb();
-    })), this.get("orientation") == "vertical" ? (t.set("x", 0), s.set("x", 0), this._disposers.push(i.adapters.add("y", (e) => Math.max(Math.min(Number(e), this.height() - i.height()), 0))), this._disposers.push(i.adapters.add("x", (e) => this.width() / 2)), this._disposers.push(t.adapters.add("x", (e) => this.width() / 2)), this._disposers.push(s.adapters.add("x", (e) => this.width() / 2)), this._disposers.push(t.adapters.add("y", (e) => Math.max(Math.min(Number(e), this.height()), 0))), this._disposers.push(s.adapters.add("y", (e) => Math.max(Math.min(Number(e), this.height()), 0)))) : (t.set("y", 0), s.set("y", 0), this._disposers.push(i.adapters.add("x", (e) => Math.max(Math.min(Number(e), this.width() - i.width()), 0))), this._disposers.push(i.adapters.add("y", (e) => this.height() / 2)), this._disposers.push(t.adapters.add("y", (e) => this.height() / 2)), this._disposers.push(s.adapters.add("y", (e) => this.height() / 2)), this._disposers.push(t.adapters.add("x", (e) => Math.max(Math.min(Number(e), this.width()), 0))), this._disposers.push(s.adapters.add("x", (e) => Math.max(Math.min(Number(e), this.width()), 0))));
-  }
-  _updateChildren() {
-    super._updateChildren(), (this.isDirty("end") || this.isDirty("start") || this._sizeDirty) && this.updateGrips();
-  }
-  _changed() {
-    if (super._changed(), this.isDirty("start") || this.isDirty("end")) {
-      const t = "rangechanged";
-      this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this, start: this.get("start", 0), end: this.get("end", 1), grip: this._gripDown });
-    }
-  }
-  _released() {
-    const t = "released";
-    this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this });
-  }
-  /**
-   * @ignore
-   */
-  updateGrips() {
-    const t = this.startGrip, s = this.endGrip, i = this.get("orientation"), n = this.height(), e = this.width();
-    i == "vertical" ? (t.set("y", n * this.get("start", 0)), s.set("y", n * this.get("end", 1))) : (t.set("x", e * this.get("start", 0)), s.set("x", e * this.get("end", 1)));
-    const a = this.getPrivate("positionTextFunction"), r = Math.round(this.get("start", 0) * 100), o = Math.round(this.get("end", 0) * 100);
-    let u, h;
-    a ? (u = a.call(this, this.get("start", 0)), h = a.call(this, this.get("end", 0))) : (u = r + "%", h = o + "%"), t.set("ariaLabel", this._t("From %1", void 0, u)), t.set("ariaValueNow", "" + r), t.set("ariaValueText", r + "%"), t.set("ariaValueMin", "0"), t.set("ariaValueMax", "100"), s.set("ariaLabel", this._t("To %1", void 0, h)), s.set("ariaValueNow", "" + o), s.set("ariaValueText", o + "%"), s.set("ariaValueMin", "0"), s.set("ariaValueMax", "100");
-  }
-  _updateThumb() {
-    const t = this.thumb, s = this.startGrip, i = this.endGrip, n = this.height(), e = this.width();
-    let a = s.x(), r = i.x(), o = s.y(), u = i.y(), h = 0, d = 1;
-    this.get("orientation") == "vertical" ? g(o) && g(u) && (!this._thumbBusy && !t.isDragging() && (t.set("height", u - o), t.set("y", o)), h = o / n, d = u / n) : g(a) && g(r) && (!this._thumbBusy && !t.isDragging() && (t.set("width", r - a), t.set("x", a)), h = a / e, d = r / e), this.getPrivate("isBusy") && (this.get("start") != h || this.get("end") != d) && (this.set("start", h), this.set("end", d));
-    const l = this.getPrivate("positionTextFunction"), p = Math.round(this.get("start", 0) * 100), y = Math.round(this.get("end", 0) * 100);
-    let c, m;
-    l ? (c = l.call(this, this.get("start", 0)), m = l.call(this, this.get("end", 0))) : (c = p + "%", m = y + "%"), t.set("ariaLabel", this._t("From %1 to %2", void 0, c, m)), t.set("ariaValueNow", "" + p), t.set("ariaValueText", p + "%");
-  }
-  _updateGripsByThumb() {
-    const t = this.thumb, s = this.startGrip, i = this.endGrip;
-    if (this.get("orientation") == "vertical") {
-      const n = t.height();
-      s.set("y", t.y()), i.set("y", t.y() + n);
-    } else {
-      const n = t.width();
-      s.set("x", t.x()), i.set("x", t.x() + n);
-    }
-  }
-}
-Object.defineProperty(_, "className", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: "Scrollbar"
-});
-Object.defineProperty(_, "classNames", {
-  enumerable: !0,
-  configurable: !0,
-  writable: !0,
-  value: w.classNames.concat([_.className])
-});
-export {
-  _ as S
-};