@byomakase/omakase-react-components 1.2.1 → 1.2.3

package/dist/index.es.js

@@ -513,28 +513,28 @@ var D = /* @__PURE__ */ function() {
     for (; !r[0] && r.length > 1; ) r.shift();
   }
   return function(r, i, o, s, u, c) {
-    var a, l, f, d, m, h, p, b, w, I, L, N, R, A, G, re, Y, we, K, oe, se = r.constructor, Ee = r.s == i.s ? 1 : -1, F = r.d, _ = i.d;
-    if (!F || !F[0] || !_ || !_[0])
+    var a, l, f, d, m, h, p, b, w, I, L, N, R, A, G, re, Y, we, K, oe, se = r.constructor, Ee = r.s == i.s ? 1 : -1, V = r.d, _ = i.d;
+    if (!V || !V[0] || !_ || !_[0])
       return new se(
         // Return NaN if either NaN, or both Infinity or 0.
-        !r.s || !i.s || (F ? _ && F[0] == _[0] : !_) ? NaN : (
+        !r.s || !i.s || (V ? _ && V[0] == _[0] : !_) ? NaN : (
           // Return ±0 if x is 0 or y is ±Infinity, or return ±Infinity as y is 0.
-          F && F[0] == 0 || !_ ? Ee * 0 : Ee / 0
+          V && V[0] == 0 || !_ ? Ee * 0 : Ee / 0
         )
       );
-    for (c ? (m = 1, l = r.e - i.e) : (c = ne, m = C, l = X(r.e / m) - X(i.e / m)), K = _.length, Y = F.length, w = new se(Ee), I = w.d = [], f = 0; _[f] == (F[f] || 0); f++) ;
-    if (_[f] > (F[f] || 0) && l--, o == null ? (A = o = se.precision, s = se.rounding) : u ? A = o + (r.e - i.e) + 1 : A = o, A < 0)
+    for (c ? (m = 1, l = r.e - i.e) : (c = ne, m = C, l = X(r.e / m) - X(i.e / m)), K = _.length, Y = V.length, w = new se(Ee), I = w.d = [], f = 0; _[f] == (V[f] || 0); f++) ;
+    if (_[f] > (V[f] || 0) && l--, o == null ? (A = o = se.precision, s = se.rounding) : u ? A = o + (r.e - i.e) + 1 : A = o, A < 0)
       I.push(1), h = !0;
     else {
       if (A = A / m + 2 | 0, f = 0, K == 1) {
         for (d = 0, _ = _[0], A++; (f < Y || d) && A--; f++)
-          G = d * c + (F[f] || 0), I[f] = G / _ | 0, d = G % _ | 0;
+          G = d * c + (V[f] || 0), I[f] = G / _ | 0, d = G % _ | 0;
         h = d || f < Y;
       } else {
-        for (d = c / (_[0] + 1) | 0, d > 1 && (_ = t(_, d, c), F = t(F, d, c), K = _.length, Y = F.length), re = K, L = F.slice(0, K), N = L.length; N < K; ) L[N++] = 0;
+        for (d = c / (_[0] + 1) | 0, d > 1 && (_ = t(_, d, c), V = t(V, d, c), K = _.length, Y = V.length), re = K, L = V.slice(0, K), N = L.length; N < K; ) L[N++] = 0;
         oe = _.slice(), oe.unshift(0), we = _[0], _[1] >= c / 2 && ++we;
         do
-          d = 0, a = e(_, L, K, N), a < 0 ? (R = L[0], K != N && (R = R * c + (L[1] || 0)), d = R / we | 0, d > 1 ? (d >= c && (d = c - 1), p = t(_, d, c), b = p.length, N = L.length, a = e(p, L, b, N), a == 1 && (d--, n(p, K < b ? oe : _, b, c))) : (d == 0 && (a = d = 1), p = _.slice()), b = p.length, b < N && p.unshift(0), n(L, p, N, c), a == -1 && (N = L.length, a = e(_, L, K, N), a < 1 && (d++, n(L, K < N ? oe : _, N, c))), N = L.length) : a === 0 && (d++, L = [0]), I[f++] = d, a && L[0] ? L[N++] = F[re] || 0 : (L = [F[re]], N = 1);
+          d = 0, a = e(_, L, K, N), a < 0 ? (R = L[0], K != N && (R = R * c + (L[1] || 0)), d = R / we | 0, d > 1 ? (d >= c && (d = c - 1), p = t(_, d, c), b = p.length, N = L.length, a = e(p, L, b, N), a == 1 && (d--, n(p, K < b ? oe : _, b, c))) : (d == 0 && (a = d = 1), p = _.slice()), b = p.length, b < N && p.unshift(0), n(L, p, N, c), a == -1 && (N = L.length, a = e(_, L, K, N), a < 1 && (d++, n(L, K < N ? oe : _, N, c))), N = L.length) : a === 0 && (d++, L = [0]), I[f++] = d, a && L[0] ? L[N++] = V[re] || 0 : (L = [V[re]], N = 1);
         while ((re++ < Y || L[0] !== void 0) && A--);
         h = L[0] !== void 0;
       }
@@ -904,7 +904,7 @@ function En(t) {
       throw Error(he + o);
     return (u = o.charCodeAt(0)) === 45 ? (o = o.slice(1), a.s = -1) : (u === 43 && (o = o.slice(1)), a.s = 1), hn.test(o) ? ft(a, o) : lr(a, o);
   }
-  if (i.prototype = g, i.ROUND_UP = 0, i.ROUND_DOWN = 1, i.ROUND_CEIL = 2, i.ROUND_FLOOR = 3, i.ROUND_HALF_UP = 4, i.ROUND_HALF_DOWN = 5, i.ROUND_HALF_EVEN = 6, i.ROUND_HALF_CEIL = 7, i.ROUND_HALF_FLOOR = 8, i.EUCLID = 9, i.config = i.set = Cr, i.clone = En, i.isDecimal = kt, i.abs = dr, i.acos = mr, i.acosh = hr, i.add = pr, i.asin = gr, i.asinh = vr, i.atan = br, i.atanh = wr, i.atan2 = Er, i.cbrt = Sr, i.ceil = Tr, i.clamp = yr, i.cos = Lr, i.cosh = Mr, i.div = xr, i.exp = Ar, i.floor = Ir, i.hypot = Or, i.ln = _r, i.log = Nr, i.log10 = kr, i.log2 = Rr, i.max = Dr, i.min = Vr, i.mod = Fr, i.mul = Br, i.pow = $r, i.random = Pr, i.round = Kr, i.sign = Ur, i.sin = Hr, i.sinh = Zr, i.sqrt = Xr, i.sub = qr, i.sum = Wr, i.tan = jr, i.tanh = Gr, i.trunc = Yr, t === void 0 && (t = {}), t && t.defaults !== !0)
+  if (i.prototype = g, i.ROUND_UP = 0, i.ROUND_DOWN = 1, i.ROUND_CEIL = 2, i.ROUND_FLOOR = 3, i.ROUND_HALF_UP = 4, i.ROUND_HALF_DOWN = 5, i.ROUND_HALF_EVEN = 6, i.ROUND_HALF_CEIL = 7, i.ROUND_HALF_FLOOR = 8, i.EUCLID = 9, i.config = i.set = Cr, i.clone = En, i.isDecimal = kt, i.abs = dr, i.acos = mr, i.acosh = hr, i.add = pr, i.asin = gr, i.asinh = vr, i.atan = br, i.atanh = wr, i.atan2 = Er, i.cbrt = Sr, i.ceil = Tr, i.clamp = yr, i.cos = Lr, i.cosh = Mr, i.div = xr, i.exp = Ar, i.floor = Ir, i.hypot = Or, i.ln = _r, i.log = Nr, i.log10 = kr, i.log2 = Rr, i.max = Dr, i.min = Fr, i.mod = Vr, i.mul = Br, i.pow = $r, i.random = Pr, i.round = Kr, i.sign = Ur, i.sin = Hr, i.sinh = Zr, i.sqrt = Xr, i.sub = qr, i.sum = Wr, i.tan = jr, i.tanh = Gr, i.trunc = Yr, t === void 0 && (t = {}), t && t.defaults !== !0)
     for (r = ["precision", "rounding", "toExpNeg", "toExpPos", "maxE", "minE", "modulo", "crypto"], e = 0; e < r.length; ) t.hasOwnProperty(n = r[e++]) || (t[n] = this[n]);
   return i.config(t), i;
 }
@@ -947,10 +947,10 @@ function kr(t) {
 function Dr() {
   return vn(this, arguments, "lt");
 }
-function Vr() {
+function Fr() {
   return vn(this, arguments, "gt");
 }
-function Fr(t, e) {
+function Vr(t, e) {
   return new this(t).mod(e);
 }
 function Br(t, e) {
@@ -1020,15 +1020,30 @@ var Ae = g.constructor = En(ut);
 Pe = new Ae(Pe);
 Ke = new Ae(Ke);
 class ae {
-  static formatToTimecode(e, n, r = !1) {
-    let i = new Ae(n), o, s = i.round();
-    o = i.mul(e).floor();
-    let u, c, a, l, f = s.mul(86400), d = o.mod(f), m = s.mul(3600), h = s.mul(60);
-    return l = d.divToInt(m), d = d.minus(l.mul(m)), a = d.divToInt(h), d = d.minus(a.mul(h)), c = d.divToInt(s), u = d.minus(c.mul(s)), ae.formatTimecodeText(l.toNumber(), a.toNumber(), c.toNumber(), u.toNumber(), r);
+  static formatToTimecode(e, n, r = !1, i = !1) {
+    let o = new Ae(n), s, u = o.round();
+    s = o.mul(e).floor();
+    let c, a, l, f, d = u.mul(86400), m = s.mod(
+      d
+    ), h = u.mul(3600), p = u.mul(60);
+    return f = m.divToInt(h), m = m.minus(
+      f.mul(h)
+    ), l = m.divToInt(p), m = m.minus(
+      l.mul(p)
+    ), a = m.divToInt(u), c = m.minus(
+      a.mul(u)
+    ), ae.formatTimecodeText(
+      f.toNumber(),
+      l.toNumber(),
+      a.toNumber(),
+      c.toNumber(),
+      r,
+      i
+    );
   }
-  static formatTimecodeText(e, n, r, i, o = !1) {
-    let s = o ? "." : ":";
-    return `${ae.padZero(e)}:${ae.padZero(n)}:${ae.padZero(r)}${s}${ae.padZero(i)}`;
+  static formatTimecodeText(e, n, r, i, o = !1, s = !1) {
+    let u = s ? "." : o ? ";" : ":";
+    return `${ae.padZero(e)}:${ae.padZero(n)}:${ae.padZero(r)}${u}${ae.padZero(i)}`;
   }
   /**
    * Fast padding
@@ -1181,7 +1196,7 @@ function ti(t, e) {
     (f) => f.frameRate !== void 0
   ), i = (r == null ? void 0 : r.start) ?? n.at(0).start, o = new Date(i * 1e3), s = o.getUTCHours(), u = o.getUTCMinutes(), c = o.getUTCSeconds(), a = o.getUTCMilliseconds(), l = s * 3600 + u * 60 + c + a / 1e3;
   return r === void 0 ? {
-    ffom: ae.formatToTimecode(l, 100, !1),
+    ffom: ae.formatToTimecode(l, 100, !1, !0),
     mediaStartTime: i,
     frameRate: 100,
     dropFrame: !1
@@ -1718,7 +1733,7 @@ var j = function() {
     }
   }, t.prototype.forEach = function(e, n) {
     var r = this;
-    return n = Vt(n), new n(function(i, o) {
+    return n = Ft(n), new n(function(i, o) {
       var s = new pt({
         next: function(u) {
           try {
@@ -1743,7 +1758,7 @@ var j = function() {
     return li(e)(this);
   }, t.prototype.toPromise = function(e) {
     var n = this;
-    return e = Vt(e), new e(function(r, i) {
+    return e = Ft(e), new e(function(r, i) {
       var o;
       n.subscribe(function(s) {
         return o = s;
@@ -1757,7 +1772,7 @@ var j = function() {
     return new t(e);
   }, t;
 }();
-function Vt(t) {
+function Ft(t) {
   var e;
   return (e = t ?? oi.Promise) !== null && e !== void 0 ? e : Promise;
 }
@@ -1832,7 +1847,7 @@ var hi = function(t) {
     return n.closed = !1, n.currentObservers = null, n.observers = [], n.isStopped = !1, n.hasError = !1, n.thrownError = null, n;
   }
   return e.prototype.lift = function(n) {
-    var r = new Ft(this, this);
+    var r = new Vt(this, this);
     return r.operator = n, r;
   }, e.prototype._throwIfClosed = function() {
     if (this.closed)
@@ -1902,9 +1917,9 @@ var hi = function(t) {
     var n = new j();
     return n.source = this, n;
   }, e.create = function(n, r) {
-    return new Ft(n, r);
+    return new Vt(n, r);
   }, e;
-}(j), Ft = function(t) {
+}(j), Vt = function(t) {
   Ie(e, t);
   function e(n, r) {
     var i = t.call(this) || this;
@@ -2005,7 +2020,7 @@ function Oe(t) {
     if (An(t))
       return Ti(t);
     if (On(t))
-      return Vn(t);
+      return Fn(t);
     if (Rn(t))
       return yi(t);
     if (Dn(t))
@@ -2058,7 +2073,7 @@ function yi(t) {
     e.complete();
   });
 }
-function Vn(t) {
+function Fn(t) {
   return new j(function(e) {
     Li(t, e).catch(function(n) {
       return e.error(n);
@@ -2066,7 +2081,7 @@ function Vn(t) {
   });
 }
 function Ci(t) {
-  return Vn(kn(t));
+  return Fn(kn(t));
 }
 function Li(t, e) {
   var n, r, i, o;
@@ -2114,7 +2129,7 @@ function me(t, e, n, r, i) {
   if (t.add(o), !i)
     return o;
 }
-function Fn(t, e) {
+function Vn(t, e) {
   return e === void 0 && (e = 0), ge(function(n, r) {
     n.subscribe(ce(r, function(i) {
       return me(r, t, function() {
@@ -2139,10 +2154,10 @@ function Bn(t, e) {
   });
 }
 function Mi(t, e) {
-  return Oe(t).pipe(Bn(e), Fn(e));
+  return Oe(t).pipe(Bn(e), Vn(e));
 }
 function xi(t, e) {
-  return Oe(t).pipe(Bn(e), Fn(e));
+  return Oe(t).pipe(Bn(e), Vn(e));
 }
 function Ai(t, e) {
   return new j(function(n) {
@@ -2230,7 +2245,7 @@ function Un(t) {
     return ki(t, e);
   });
 }
-var Di = Array.isArray, Vi = Object.getPrototypeOf, Fi = Object.prototype, Bi = Object.keys;
+var Di = Array.isArray, Fi = Object.getPrototypeOf, Vi = Object.prototype, Bi = Object.keys;
 function Hn(t) {
   if (t.length === 1) {
     var e = t[0];
@@ -2249,7 +2264,7 @@ function Hn(t) {
   return { args: t, keys: null };
 }
 function $i(t) {
-  return t && typeof t == "object" && Vi(t) === Fi;
+  return t && typeof t == "object" && Fi(t) === Vi;
 }
 function Zn(t, e) {
   return t.reduce(function(n, r, i) {
@@ -2455,7 +2470,7 @@ const Io = S.memo(
       const s = (u) => {
         i.handleKeyboardEvent(u) && (u.preventDefault(), u.stopPropagation());
       };
-      return window.addEventListener("keydown", s), t.video.appendHelpMenuGroup(
+      return window.addEventListener("keydown", s), t.chroming.appendHelpMenuGroup(
         i.getKeyboardShortcutsHelpMenuGroup()
       ), () => {
         window.removeEventListener("keydown", s);
@@ -2618,7 +2633,7 @@ const Gi = S.memo(function({
         s
       ) && (l.stopPropagation(), l.preventDefault());
     };
-    return (o === void 0 || o) && ((c = document.querySelector("media-controller")) == null || c.setAttribute("nohotkeys", ""), (a = document.querySelector("media-controller")) == null || a.setAttribute("tabindex", "-1"), window.addEventListener("keydown", u), s.video.appendHelpMenuGroup(
+    return (o === void 0 || o) && ((c = document.querySelector("media-controller")) == null || c.setAttribute("nohotkeys", ""), (a = document.querySelector("media-controller")) == null || a.setAttribute("tabindex", "-1"), window.addEventListener("keydown", u), s.chroming.appendHelpMenuGroup(
       $t.getKeyboardShortcutsHelpMenuGroup()
     )), s.loadVideo(e, r).subscribe({
       next: (l) => {
@@ -3060,7 +3075,7 @@ const Oo = ({
         return !0;
     }
     return !1;
-  }, [Ee, F] = ve(oe(t)), [_, Ye] = ve(se(t));
+  }, [Ee, V] = ve(oe(t)), [_, Ye] = ve(se(t));
   J(() => {
     if (Y(() => b()), K(() => w()), A && A !== t) {
       const v = i.find(
@@ -3069,7 +3084,7 @@ const Oo = ({
       v == null || v.removeMarker(A.id), G(void 0);
     }
   }, [t, A, i, G]), J(() => () => Q(m), []), J(() => {
-    if (F(
+    if (V(
       oe(t)
     ), Ye(
       se(t)
@@ -3088,7 +3103,7 @@ const Oo = ({
               M.currentTime,
               e
             )
-          ), F(
+          ), V(
             () => oe(t)
           ), Ye(
             () => se(t)
@@ -3122,7 +3137,7 @@ const Oo = ({
             e.video.getCurrentTime(),
             e
           )
-        ), F(
+        ), V(
           () => oe(t)
         ), Ye(
           () => se(t)
@@ -3319,7 +3334,7 @@ const Oo = ({
     const E = (M) => {
       v.handleKeyboardEvent(M, e) && (M.stopPropagation(), M.preventDefault());
     };
-    return window.addEventListener("keydown", E), h.current || (e.video.appendHelpMenuGroup(
+    return window.addEventListener("keydown", E), h.current || (e.chroming.appendHelpMenuGroup(
       v.getKeyboardShortcutsHelpMenuGroup()
     ), h.current = !0), () => window.removeEventListener("keydown", E);
   }), /* @__PURE__ */ S.createElement("div", { className: "control-panel-wrapper" }, /* @__PURE__ */ S.createElement("div", { className: "control-panel" }, /* @__PURE__ */ S.createElement(
@@ -4140,9 +4155,9 @@ const _o = S.memo(
             w.at(L).next(), w.at(L).complete();
           }) : (w.at(L).next(), w.at(L).complete());
         });
-      }), i && Ui(w).subscribe(() => {
+      }), i && (w.length ? Ui(w).subscribe(() => {
         i(h, p, l);
-      });
+      }) : i(h, p, l));
     };
     return /* @__PURE__ */ S.createElement(
       Gi,
@@ -4156,7 +4171,7 @@ const _o = S.memo(
     );
   }
 );
-function Ve(t) {
+function Fe(t) {
   const e = new Date(t * 1e3), n = e.getUTCHours();
   let r = e.getUTCMinutes();
   return e.getUTCSeconds() >= 30 && r++, `${n}h ${r}min`;
@@ -4355,7 +4370,7 @@ const To = `
   </defs>
   </svg>
   
-  `, V = {
+  `, F = {
   container: "omakase-time-range-selector-container",
   segments: "omakase-time-range-selector-segments",
   segment: "omakase-time-range-selector-segment",
@@ -4369,7 +4384,7 @@ const To = `
   rangeSelectorDuration: "omakase-time-range-selector-range-selector-duration",
   buttonContainer: "omakase-time-range-selector-button-container",
   invisible: "omakase-time-range-selector-invisible"
-}, Fe = {
+}, Ve = {
   leftHandle: "omakase-time-range-selector-range-selector-left-handle",
   rightHandle: "omakase-time-range-selector-range-selector-right-handle",
   rangeDuration: "omakase-time-range-selector-range-selector-range-duration",
@@ -4403,7 +4418,7 @@ class jt extends HTMLElement {
     T(this, "resetSegments", () => {
       this._container.removeChild(this._segments), this._segments = this.buildSegments(
         this._labels.slice(this.firstLabelIndex, this.lastLabelIndex + 1)
-      ), this._segments.classList.add(V.segments), this._container.append(this._segments);
+      ), this._segments.classList.add(F.segments), this._container.append(this._segments);
     });
     T(this, "getBounds", () => ({
       wrapperLeft: this._container.offsetLeft,
@@ -4434,14 +4449,14 @@ class jt extends HTMLElement {
     });
     T(this, "showButtons", () => {
       const { start: n, end: r } = this.getSliderValues();
-      n === this.currentStart && r === this.currentEnd || this._buttonContainer.classList.remove(V.invisible);
+      n === this.currentStart && r === this.currentEnd || this._buttonContainer.classList.remove(F.invisible);
     });
     T(this, "hideButtons", () => {
-      this._buttonContainer.classList.add(V.invisible);
+      this._buttonContainer.classList.add(F.invisible);
     });
     T(this, "updateDuration", () => {
       const { start: n, end: r } = this.getSliderValues(), i = r - n;
-      this._rangeSelectorRangeDisplay.textContent = Ve(i);
+      this._rangeSelectorRangeDisplay.textContent = Fe(i);
     });
     T(this, "onXclick", () => {
       this.firstLabelIndex = this._initialFirstLabelIndex, this.resetSegments();
@@ -4503,7 +4518,7 @@ class jt extends HTMLElement {
       n ? this.firstLabelIndex += 1 : this.firstLabelIndex -= 1, this.resetSegments();
     });
     T(this, "onMouseDownDrag", (n) => {
-      if (n.target instanceof HTMLElement && n.target.classList.contains(V.rangeSelectorHandle))
+      if (n.target instanceof HTMLElement && n.target.classList.contains(F.rangeSelectorHandle))
         return;
       n.preventDefault();
       const r = n.clientX, { selectorLeft: i, selectorWidth: o, wrapperWidth: s } = this.getBounds();
@@ -4589,22 +4604,22 @@ class jt extends HTMLElement {
       i > this.maxValue && (i = this.maxValue), this.currentStart = r, this.currentEnd = i;
     } else
       r = this.minValue, i = this.segmentSize;
-    this.resolveInitialSegment(r, i), this._container = document.createElement("div"), this._container.classList.add(V.container);
+    this.resolveInitialSegment(r, i), this._container = document.createElement("div"), this._container.classList.add(F.container);
     const o = document.createElement("style");
     o.textContent = To, this._container.append(o), this._buttonContainer = document.createElement("div"), this._buttonContainer.classList.add(
-      V.buttonContainer,
-      V.invisible
+      F.buttonContainer,
+      F.invisible
     );
     const s = this.createButtonSvg(yo), u = this.createButtonSvg(Co);
-    s.onclick = this.onCheckmarkClick, u.onclick = this.onXclick, this._buttonContainer.append(s, u), this._container.append(this._buttonContainer), this._rangeSelector = document.createElement("div"), this._rangeSelector.classList.add(V.rangeSelector), this._rangeSelectorLeftHandle = document.createElement("div"), this._rangeSelectorLeftHandle.classList.add(V.rangeSelectorHandle), this._rangeSelectorLeftHandle.id = Fe.leftHandle, this._rangeSelectorRightHandle = document.createElement("div"), this._rangeSelectorRightHandle.classList.add(V.rangeSelectorHandle), this._rangeSelectorRightHandle.id = Fe.rightHandle, this._rangeSelectorRangeDisplay = document.createElement("div"), this._rangeSelectorRangeDisplay.classList.add(
-      V.rangeSelectorDuration
-    ), this._rangeSelectorRangeDisplay.id = Fe.rangeDuration, this._rangeSelector.append(
+    s.onclick = this.onCheckmarkClick, u.onclick = this.onXclick, this._buttonContainer.append(s, u), this._container.append(this._buttonContainer), this._rangeSelector = document.createElement("div"), this._rangeSelector.classList.add(F.rangeSelector), this._rangeSelectorLeftHandle = document.createElement("div"), this._rangeSelectorLeftHandle.classList.add(F.rangeSelectorHandle), this._rangeSelectorLeftHandle.id = Ve.leftHandle, this._rangeSelectorRightHandle = document.createElement("div"), this._rangeSelectorRightHandle.classList.add(F.rangeSelectorHandle), this._rangeSelectorRightHandle.id = Ve.rightHandle, this._rangeSelectorRangeDisplay = document.createElement("div"), this._rangeSelectorRangeDisplay.classList.add(
+      F.rangeSelectorDuration
+    ), this._rangeSelectorRangeDisplay.id = Ve.rangeDuration, this._rangeSelector.append(
       this._rangeSelectorLeftHandle,
       this._rangeSelectorRangeDisplay,
       this._rangeSelectorRightHandle
     ), this._container.append(this._rangeSelector), this._segments = this.buildSegments(
       this._labels.slice(this.firstLabelIndex, this.lastLabelIndex + 1)
-    ), this._segments.id = Fe.segments, this._segments.classList.add(V.segments), this._container.append(this._segments), this._rangeSelectorLeftHandle.addEventListener(
+    ), this._segments.id = Ve.segments, this._segments.classList.add(F.segments), this._container.append(this._segments), this._rangeSelectorLeftHandle.addEventListener(
       "mousedown",
       this.onMouseDownLeft
     ), this._rangeSelectorRightHandle.addEventListener(
@@ -4640,30 +4655,30 @@ class jt extends HTMLElement {
     const r = document.createElement("div");
     n.slice(0, -2).forEach((a) => {
       const l = document.createElement("div");
-      l.classList.add(V.segment);
+      l.classList.add(F.segment);
       const f = document.createElement("div");
-      f.classList.add(V.segmentMarker);
+      f.classList.add(F.segmentMarker);
       const d = document.createElement("div");
-      d.classList.add(V.segmentTick);
+      d.classList.add(F.segmentTick);
       const m = document.createElement("div");
-      m.classList.add(V.segmentLabel), m.innerHTML = Ve(a), l.append(f, d, m), r.append(l);
+      m.classList.add(F.segmentLabel), m.innerHTML = Fe(a), l.append(f, d, m), r.append(l);
     });
     const i = document.createElement("div");
-    i.classList.add(V.segment);
+    i.classList.add(F.segment);
     const o = document.createElement("div");
-    o.classList.add(V.segmentMarker);
+    o.classList.add(F.segmentMarker);
     const s = document.createElement("div");
-    s.classList.add(V.segmentTick);
+    s.classList.add(F.segmentTick);
     const u = document.createElement("div");
     u.classList.add(
-      V.segmentLabel,
-      V.firstSegmentLabel
-    ), u.innerHTML = Ve(n.at(-2));
+      F.segmentLabel,
+      F.firstSegmentLabel
+    ), u.innerHTML = Fe(n.at(-2));
     const c = document.createElement("div");
     return c.classList.add(
-      V.segmentLabel,
-      V.secondSegmentLabel
-    ), c.innerHTML = Ve(n.at(-1)), i.append(
+      F.segmentLabel,
+      F.secondSegmentLabel
+    ), c.innerHTML = Fe(n.at(-1)), i.append(
       o,
       s,
       u,