@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/chunks/utils4.js

@@ -1,10 +1,9 @@
-import { g as Z } from "./_commonjsHelpers.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-var N = { exports: {} }, q = {
+import { g as Q } from "./_commonjsHelpers.js";
+import { h as V, i as tt, j as nt } from "./global.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+var N = { exports: {} }, T = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -153,12 +152,12 @@ var N = { exports: {} }, q = {
   whitesmoke: [245, 245, 245],
   yellow: [255, 255, 0],
   yellowgreen: [154, 205, 50]
-}, P = { exports: {} }, Q = function(n) {
+}, P = { exports: {} }, et = function(n) {
   return !n || typeof n == "string" ? !1 : n instanceof Array || Array.isArray(n) || n.length >= 0 && (n.splice instanceof Function || Object.getOwnPropertyDescriptor(n, n.length - 1) && n.constructor.name !== "String");
-}, V = Q, tt = Array.prototype.concat, nt = Array.prototype.slice, _ = P.exports = function(n) {
+}, rt = et, st = Array.prototype.concat, ot = Array.prototype.slice, _ = P.exports = function(n) {
   for (var e = [], r = 0, s = n.length; r < s; r++) {
-    var a = n[r];
-    V(a) ? e = tt.call(e, nt.call(a)) : e.push(a);
+    var o = n[r];
+    rt(o) ? e = st.call(e, ot.call(o)) : e.push(o);
   }
   return e;
 };
@@ -167,97 +166,97 @@ _.wrap = function(t) {
     return t(_(arguments));
   };
 };
-var et = P.exports, M = q, F = et, T = Object.hasOwnProperty, D = /* @__PURE__ */ Object.create(null);
-for (var O in M)
-  T.call(M, O) && (D[M[O]] = O);
-var y = N.exports = {
+var at = P.exports, M = T, F = at, q = Object.hasOwnProperty, W = /* @__PURE__ */ Object.create(null);
+for (var I in M)
+  q.call(M, I) && (W[M[I]] = I);
+var m = N.exports = {
   to: {},
   get: {}
 };
-y.get = function(t) {
+m.get = function(t) {
   var n = t.substring(0, 3).toLowerCase(), e, r;
   switch (n) {
     case "hsl":
-      e = y.get.hsl(t), r = "hsl";
+      e = m.get.hsl(t), r = "hsl";
       break;
     case "hwb":
-      e = y.get.hwb(t), r = "hwb";
+      e = m.get.hwb(t), r = "hwb";
       break;
     default:
-      e = y.get.rgb(t), r = "rgb";
+      e = m.get.rgb(t), r = "rgb";
       break;
   }
   return e ? { model: r, value: e } : null;
 };
-y.get.rgb = function(t) {
+m.get.rgb = function(t) {
   if (!t)
     return null;
-  var n = /^#([a-f0-9]{3,4})$/i, e = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, r = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, s = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, a = /^(\w+)$/, o = [0, 0, 0, 1], i, l, h;
+  var n = /^#([a-f0-9]{3,4})$/i, e = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, r = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, s = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, o = /^(\w+)$/, a = [0, 0, 0, 1], i, l, h;
   if (i = t.match(e)) {
     for (h = i[2], i = i[1], l = 0; l < 3; l++) {
       var b = l * 2;
-      o[l] = parseInt(i.slice(b, b + 2), 16);
+      a[l] = parseInt(i.slice(b, b + 2), 16);
     }
-    h && (o[3] = parseInt(h, 16) / 255);
+    h && (a[3] = parseInt(h, 16) / 255);
   } else if (i = t.match(n)) {
     for (i = i[1], h = i[3], l = 0; l < 3; l++)
-      o[l] = parseInt(i[l] + i[l], 16);
-    h && (o[3] = parseInt(h + h, 16) / 255);
+      a[l] = parseInt(i[l] + i[l], 16);
+    h && (a[3] = parseInt(h + h, 16) / 255);
   } else if (i = t.match(r)) {
     for (l = 0; l < 3; l++)
-      o[l] = parseInt(i[l + 1], 0);
-    i[4] && (i[5] ? o[3] = parseFloat(i[4]) * 0.01 : o[3] = parseFloat(i[4]));
+      a[l] = parseInt(i[l + 1], 0);
+    i[4] && (i[5] ? a[3] = parseFloat(i[4]) * 0.01 : a[3] = parseFloat(i[4]));
   } else if (i = t.match(s)) {
     for (l = 0; l < 3; l++)
-      o[l] = Math.round(parseFloat(i[l + 1]) * 2.55);
-    i[4] && (i[5] ? o[3] = parseFloat(i[4]) * 0.01 : o[3] = parseFloat(i[4]));
-  } else return (i = t.match(a)) ? i[1] === "transparent" ? [0, 0, 0, 0] : T.call(M, i[1]) ? (o = M[i[1]], o[3] = 1, o) : null : null;
+      a[l] = Math.round(parseFloat(i[l + 1]) * 2.55);
+    i[4] && (i[5] ? a[3] = parseFloat(i[4]) * 0.01 : a[3] = parseFloat(i[4]));
+  } else return (i = t.match(o)) ? i[1] === "transparent" ? [0, 0, 0, 0] : q.call(M, i[1]) ? (a = M[i[1]], a[3] = 1, a) : null : null;
   for (l = 0; l < 3; l++)
-    o[l] = w(o[l], 0, 255);
-  return o[3] = w(o[3], 0, 1), o;
+    a[l] = w(a[l], 0, 255);
+  return a[3] = w(a[3], 0, 1), a;
 };
-y.get.hsl = function(t) {
+m.get.hsl = function(t) {
   if (!t)
     return null;
   var n = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, e = t.match(n);
   if (e) {
-    var r = parseFloat(e[4]), s = (parseFloat(e[1]) % 360 + 360) % 360, a = w(parseFloat(e[2]), 0, 100), o = w(parseFloat(e[3]), 0, 100), i = w(isNaN(r) ? 1 : r, 0, 1);
-    return [s, a, o, i];
+    var r = parseFloat(e[4]), s = (parseFloat(e[1]) % 360 + 360) % 360, o = w(parseFloat(e[2]), 0, 100), a = w(parseFloat(e[3]), 0, 100), i = w(isNaN(r) ? 1 : r, 0, 1);
+    return [s, o, a, i];
   }
   return null;
 };
-y.get.hwb = function(t) {
+m.get.hwb = function(t) {
   if (!t)
     return null;
   var n = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, e = t.match(n);
   if (e) {
-    var r = parseFloat(e[4]), s = (parseFloat(e[1]) % 360 + 360) % 360, a = w(parseFloat(e[2]), 0, 100), o = w(parseFloat(e[3]), 0, 100), i = w(isNaN(r) ? 1 : r, 0, 1);
-    return [s, a, o, i];
+    var r = parseFloat(e[4]), s = (parseFloat(e[1]) % 360 + 360) % 360, o = w(parseFloat(e[2]), 0, 100), a = w(parseFloat(e[3]), 0, 100), i = w(isNaN(r) ? 1 : r, 0, 1);
+    return [s, o, a, i];
   }
   return null;
 };
-y.to.hex = function() {
+m.to.hex = function() {
   var t = F(arguments);
   return "#" + C(t[0]) + C(t[1]) + C(t[2]) + (t[3] < 1 ? C(Math.round(t[3] * 255)) : "");
 };
-y.to.rgb = function() {
+m.to.rgb = function() {
   var t = F(arguments);
   return t.length < 4 || t[3] === 1 ? "rgb(" + Math.round(t[0]) + ", " + Math.round(t[1]) + ", " + Math.round(t[2]) + ")" : "rgba(" + Math.round(t[0]) + ", " + Math.round(t[1]) + ", " + Math.round(t[2]) + ", " + t[3] + ")";
 };
-y.to.rgb.percent = function() {
+m.to.rgb.percent = function() {
   var t = F(arguments), n = Math.round(t[0] / 255 * 100), e = Math.round(t[1] / 255 * 100), r = Math.round(t[2] / 255 * 100);
   return t.length < 4 || t[3] === 1 ? "rgb(" + n + "%, " + e + "%, " + r + "%)" : "rgba(" + n + "%, " + e + "%, " + r + "%, " + t[3] + ")";
 };
-y.to.hsl = function() {
+m.to.hsl = function() {
   var t = F(arguments);
   return t.length < 4 || t[3] === 1 ? "hsl(" + t[0] + ", " + t[1] + "%, " + t[2] + "%)" : "hsla(" + t[0] + ", " + t[1] + "%, " + t[2] + "%, " + t[3] + ")";
 };
-y.to.hwb = function() {
+m.to.hwb = function() {
   var t = F(arguments), n = "";
   return t.length >= 4 && t[3] !== 1 && (n = ", " + t[3]), "hwb(" + t[0] + ", " + t[1] + "%, " + t[2] + "%" + n + ")";
 };
-y.to.keyword = function(t) {
-  return D[t.slice(0, 3)];
+m.to.keyword = function(t) {
+  return W[t.slice(0, 3)];
 };
 function w(t, n, e) {
   return Math.min(Math.max(n, t), e);
@@ -266,10 +265,10 @@ function C(t) {
   var n = Math.round(t).toString(16).toUpperCase();
   return n.length < 2 ? "0" + n : n;
 }
-var rt = N.exports;
-const A = q, U = {};
+var it = N.exports;
+const A = T, D = {};
 for (const t of Object.keys(A))
-  U[A[t]] = t;
+  D[A[t]] = t;
 const c = {
   rgb: { channels: 3, labels: "rgb" },
   hsl: { channels: 3, labels: "hsl" },
@@ -287,7 +286,7 @@ const c = {
   apple: { channels: 3, labels: ["r16", "g16", "b16"] },
   gray: { channels: 1, labels: ["gray"] }
 };
-var W = c;
+var X = c;
 for (const t of Object.keys(c)) {
   if (!("channels" in c[t]))
     throw new Error("missing channels property: " + t);
@@ -299,44 +298,44 @@ for (const t of Object.keys(c)) {
   delete c[t].channels, delete c[t].labels, Object.defineProperty(c[t], "channels", { value: n }), Object.defineProperty(c[t], "labels", { value: e });
 }
 c.rgb.hsl = function(t) {
-  const n = t[0] / 255, e = t[1] / 255, r = t[2] / 255, s = Math.min(n, e, r), a = Math.max(n, e, r), o = a - s;
+  const n = t[0] / 255, e = t[1] / 255, r = t[2] / 255, s = Math.min(n, e, r), o = Math.max(n, e, r), a = o - s;
   let i, l;
-  a === s ? i = 0 : n === a ? i = (e - r) / o : e === a ? i = 2 + (r - n) / o : r === a && (i = 4 + (n - e) / o), i = Math.min(i * 60, 360), i < 0 && (i += 360);
-  const h = (s + a) / 2;
-  return a === s ? l = 0 : h <= 0.5 ? l = o / (a + s) : l = o / (2 - a - s), [i, l * 100, h * 100];
+  o === s ? i = 0 : n === o ? i = (e - r) / a : e === o ? i = 2 + (r - n) / a : r === o && (i = 4 + (n - e) / a), i = Math.min(i * 60, 360), i < 0 && (i += 360);
+  const h = (s + o) / 2;
+  return o === s ? l = 0 : h <= 0.5 ? l = a / (o + s) : l = a / (2 - o - s), [i, l * 100, h * 100];
 };
 c.rgb.hsv = function(t) {
-  let n, e, r, s, a;
-  const o = t[0] / 255, i = t[1] / 255, l = t[2] / 255, h = Math.max(o, i, l), b = h - Math.min(o, i, l), m = function(Y) {
-    return (h - Y) / 6 / b + 1 / 2;
+  let n, e, r, s, o;
+  const a = t[0] / 255, i = t[1] / 255, l = t[2] / 255, h = Math.max(a, i, l), b = h - Math.min(a, i, l), y = function(Z) {
+    return (h - Z) / 6 / b + 1 / 2;
   };
-  return b === 0 ? (s = 0, a = 0) : (a = b / h, n = m(o), e = m(i), r = m(l), o === h ? s = r - e : i === h ? s = 1 / 3 + n - r : l === h && (s = 2 / 3 + e - n), s < 0 ? s += 1 : s > 1 && (s -= 1)), [
+  return b === 0 ? (s = 0, o = 0) : (o = b / h, n = y(a), e = y(i), r = y(l), a === h ? s = r - e : i === h ? s = 1 / 3 + n - r : l === h && (s = 2 / 3 + e - n), s < 0 ? s += 1 : s > 1 && (s -= 1)), [
     s * 360,
-    a * 100,
+    o * 100,
     h * 100
   ];
 };
 c.rgb.hwb = function(t) {
   const n = t[0], e = t[1];
   let r = t[2];
-  const s = c.rgb.hsl(t)[0], a = 1 / 255 * Math.min(n, Math.min(e, r));
-  return r = 1 - 1 / 255 * Math.max(n, Math.max(e, r)), [s, a * 100, r * 100];
+  const s = c.rgb.hsl(t)[0], o = 1 / 255 * Math.min(n, Math.min(e, r));
+  return r = 1 - 1 / 255 * Math.max(n, Math.max(e, r)), [s, o * 100, r * 100];
 };
 c.rgb.cmyk = function(t) {
-  const n = t[0] / 255, e = t[1] / 255, r = t[2] / 255, s = Math.min(1 - n, 1 - e, 1 - r), a = (1 - n - s) / (1 - s) || 0, o = (1 - e - s) / (1 - s) || 0, i = (1 - r - s) / (1 - s) || 0;
-  return [a * 100, o * 100, i * 100, s * 100];
+  const n = t[0] / 255, e = t[1] / 255, r = t[2] / 255, s = Math.min(1 - n, 1 - e, 1 - r), o = (1 - n - s) / (1 - s) || 0, a = (1 - e - s) / (1 - s) || 0, i = (1 - r - s) / (1 - s) || 0;
+  return [o * 100, a * 100, i * 100, s * 100];
 };
-function st(t, n) {
+function lt(t, n) {
   return (t[0] - n[0]) ** 2 + (t[1] - n[1]) ** 2 + (t[2] - n[2]) ** 2;
 }
 c.rgb.keyword = function(t) {
-  const n = U[t];
+  const n = D[t];
   if (n)
     return n;
   let e = 1 / 0, r;
   for (const s of Object.keys(A)) {
-    const a = A[s], o = st(t, a);
-    o < e && (e = o, r = s);
+    const o = A[s], a = lt(t, o);
+    a < e && (e = a, r = s);
   }
   return r;
 };
@@ -346,135 +345,135 @@ c.keyword.rgb = function(t) {
 c.rgb.xyz = function(t) {
   let n = t[0] / 255, e = t[1] / 255, r = t[2] / 255;
   n = n > 0.04045 ? ((n + 0.055) / 1.055) ** 2.4 : n / 12.92, e = e > 0.04045 ? ((e + 0.055) / 1.055) ** 2.4 : e / 12.92, r = r > 0.04045 ? ((r + 0.055) / 1.055) ** 2.4 : r / 12.92;
-  const s = n * 0.4124 + e * 0.3576 + r * 0.1805, a = n * 0.2126 + e * 0.7152 + r * 0.0722, o = n * 0.0193 + e * 0.1192 + r * 0.9505;
-  return [s * 100, a * 100, o * 100];
+  const s = n * 0.4124 + e * 0.3576 + r * 0.1805, o = n * 0.2126 + e * 0.7152 + r * 0.0722, a = n * 0.0193 + e * 0.1192 + r * 0.9505;
+  return [s * 100, o * 100, a * 100];
 };
 c.rgb.lab = function(t) {
   const n = c.rgb.xyz(t);
   let e = n[0], r = n[1], s = n[2];
   e /= 95.047, r /= 100, s /= 108.883, e = e > 8856e-6 ? e ** (1 / 3) : 7.787 * e + 16 / 116, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r + 16 / 116, s = s > 8856e-6 ? s ** (1 / 3) : 7.787 * s + 16 / 116;
-  const a = 116 * r - 16, o = 500 * (e - r), i = 200 * (r - s);
-  return [a, o, i];
+  const o = 116 * r - 16, a = 500 * (e - r), i = 200 * (r - s);
+  return [o, a, i];
 };
 c.hsl.rgb = function(t) {
   const n = t[0] / 360, e = t[1] / 100, r = t[2] / 100;
-  let s, a, o;
+  let s, o, a;
   if (e === 0)
-    return o = r * 255, [o, o, o];
+    return a = r * 255, [a, a, a];
   r < 0.5 ? s = r * (1 + e) : s = r + e - r * e;
   const i = 2 * r - s, l = [0, 0, 0];
   for (let h = 0; h < 3; h++)
-    a = n + 1 / 3 * -(h - 1), a < 0 && a++, a > 1 && a--, 6 * a < 1 ? o = i + (s - i) * 6 * a : 2 * a < 1 ? o = s : 3 * a < 2 ? o = i + (s - i) * (2 / 3 - a) * 6 : o = i, l[h] = o * 255;
+    o = n + 1 / 3 * -(h - 1), o < 0 && o++, o > 1 && o--, 6 * o < 1 ? a = i + (s - i) * 6 * o : 2 * o < 1 ? a = s : 3 * o < 2 ? a = i + (s - i) * (2 / 3 - o) * 6 : a = i, l[h] = a * 255;
   return l;
 };
 c.hsl.hsv = function(t) {
   const n = t[0];
   let e = t[1] / 100, r = t[2] / 100, s = e;
-  const a = Math.max(r, 0.01);
-  r *= 2, e *= r <= 1 ? r : 2 - r, s *= a <= 1 ? a : 2 - a;
-  const o = (r + e) / 2, i = r === 0 ? 2 * s / (a + s) : 2 * e / (r + e);
-  return [n, i * 100, o * 100];
+  const o = Math.max(r, 0.01);
+  r *= 2, e *= r <= 1 ? r : 2 - r, s *= o <= 1 ? o : 2 - o;
+  const a = (r + e) / 2, i = r === 0 ? 2 * s / (o + s) : 2 * e / (r + e);
+  return [n, i * 100, a * 100];
 };
 c.hsv.rgb = function(t) {
   const n = t[0] / 60, e = t[1] / 100;
   let r = t[2] / 100;
-  const s = Math.floor(n) % 6, a = n - Math.floor(n), o = 255 * r * (1 - e), i = 255 * r * (1 - e * a), l = 255 * r * (1 - e * (1 - a));
+  const s = Math.floor(n) % 6, o = n - Math.floor(n), a = 255 * r * (1 - e), i = 255 * r * (1 - e * o), l = 255 * r * (1 - e * (1 - o));
   switch (r *= 255, s) {
     case 0:
-      return [r, l, o];
+      return [r, l, a];
     case 1:
-      return [i, r, o];
+      return [i, r, a];
     case 2:
-      return [o, r, l];
+      return [a, r, l];
     case 3:
-      return [o, i, r];
+      return [a, i, r];
     case 4:
-      return [l, o, r];
+      return [l, a, r];
     case 5:
-      return [r, o, i];
+      return [r, a, i];
   }
 };
 c.hsv.hsl = function(t) {
   const n = t[0], e = t[1] / 100, r = t[2] / 100, s = Math.max(r, 0.01);
-  let a, o;
-  o = (2 - e) * r;
+  let o, a;
+  a = (2 - e) * r;
   const i = (2 - e) * s;
-  return a = e * s, a /= i <= 1 ? i : 2 - i, a = a || 0, o /= 2, [n, a * 100, o * 100];
+  return o = e * s, o /= i <= 1 ? i : 2 - i, o = o || 0, a /= 2, [n, o * 100, a * 100];
 };
 c.hwb.rgb = function(t) {
   const n = t[0] / 360;
   let e = t[1] / 100, r = t[2] / 100;
   const s = e + r;
-  let a;
+  let o;
   s > 1 && (e /= s, r /= s);
-  const o = Math.floor(6 * n), i = 1 - r;
-  a = 6 * n - o, o & 1 && (a = 1 - a);
-  const l = e + a * (i - e);
-  let h, b, m;
-  switch (o) {
+  const a = Math.floor(6 * n), i = 1 - r;
+  o = 6 * n - a, a & 1 && (o = 1 - o);
+  const l = e + o * (i - e);
+  let h, b, y;
+  switch (a) {
     default:
     case 6:
     case 0:
-      h = i, b = l, m = e;
+      h = i, b = l, y = e;
       break;
     case 1:
-      h = l, b = i, m = e;
+      h = l, b = i, y = e;
       break;
     case 2:
-      h = e, b = i, m = l;
+      h = e, b = i, y = l;
       break;
     case 3:
-      h = e, b = l, m = i;
+      h = e, b = l, y = i;
       break;
     case 4:
-      h = l, b = e, m = i;
+      h = l, b = e, y = i;
       break;
     case 5:
-      h = i, b = e, m = l;
+      h = i, b = e, y = l;
       break;
   }
-  return [h * 255, b * 255, m * 255];
+  return [h * 255, b * 255, y * 255];
 };
 c.cmyk.rgb = function(t) {
-  const n = t[0] / 100, e = t[1] / 100, r = t[2] / 100, s = t[3] / 100, a = 1 - Math.min(1, n * (1 - s) + s), o = 1 - Math.min(1, e * (1 - s) + s), i = 1 - Math.min(1, r * (1 - s) + s);
-  return [a * 255, o * 255, i * 255];
+  const n = t[0] / 100, e = t[1] / 100, r = t[2] / 100, s = t[3] / 100, o = 1 - Math.min(1, n * (1 - s) + s), a = 1 - Math.min(1, e * (1 - s) + s), i = 1 - Math.min(1, r * (1 - s) + s);
+  return [o * 255, a * 255, i * 255];
 };
 c.xyz.rgb = function(t) {
   const n = t[0] / 100, e = t[1] / 100, r = t[2] / 100;
-  let s, a, o;
-  return s = n * 3.2406 + e * -1.5372 + r * -0.4986, a = n * -0.9689 + e * 1.8758 + r * 0.0415, o = n * 0.0557 + e * -0.204 + r * 1.057, s = s > 31308e-7 ? 1.055 * s ** (1 / 2.4) - 0.055 : s * 12.92, a = a > 31308e-7 ? 1.055 * a ** (1 / 2.4) - 0.055 : a * 12.92, o = o > 31308e-7 ? 1.055 * o ** (1 / 2.4) - 0.055 : o * 12.92, s = Math.min(Math.max(0, s), 1), a = Math.min(Math.max(0, a), 1), o = Math.min(Math.max(0, o), 1), [s * 255, a * 255, o * 255];
+  let s, o, a;
+  return s = n * 3.2406 + e * -1.5372 + r * -0.4986, o = n * -0.9689 + e * 1.8758 + r * 0.0415, a = n * 0.0557 + e * -0.204 + r * 1.057, s = s > 31308e-7 ? 1.055 * s ** (1 / 2.4) - 0.055 : s * 12.92, o = o > 31308e-7 ? 1.055 * o ** (1 / 2.4) - 0.055 : o * 12.92, a = a > 31308e-7 ? 1.055 * a ** (1 / 2.4) - 0.055 : a * 12.92, s = Math.min(Math.max(0, s), 1), o = Math.min(Math.max(0, o), 1), a = Math.min(Math.max(0, a), 1), [s * 255, o * 255, a * 255];
 };
 c.xyz.lab = function(t) {
   let n = t[0], e = t[1], r = t[2];
   n /= 95.047, e /= 100, r /= 108.883, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116, e = e > 8856e-6 ? e ** (1 / 3) : 7.787 * e + 16 / 116, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r + 16 / 116;
-  const s = 116 * e - 16, a = 500 * (n - e), o = 200 * (e - r);
-  return [s, a, o];
+  const s = 116 * e - 16, o = 500 * (n - e), a = 200 * (e - r);
+  return [s, o, a];
 };
 c.lab.xyz = function(t) {
   const n = t[0], e = t[1], r = t[2];
-  let s, a, o;
-  a = (n + 16) / 116, s = e / 500 + a, o = a - r / 200;
-  const i = a ** 3, l = s ** 3, h = o ** 3;
-  return a = i > 8856e-6 ? i : (a - 16 / 116) / 7.787, s = l > 8856e-6 ? l : (s - 16 / 116) / 7.787, o = h > 8856e-6 ? h : (o - 16 / 116) / 7.787, s *= 95.047, a *= 100, o *= 108.883, [s, a, o];
+  let s, o, a;
+  o = (n + 16) / 116, s = e / 500 + o, a = o - r / 200;
+  const i = o ** 3, l = s ** 3, h = a ** 3;
+  return o = i > 8856e-6 ? i : (o - 16 / 116) / 7.787, s = l > 8856e-6 ? l : (s - 16 / 116) / 7.787, a = h > 8856e-6 ? h : (a - 16 / 116) / 7.787, s *= 95.047, o *= 100, a *= 108.883, [s, o, a];
 };
 c.lab.lch = function(t) {
   const n = t[0], e = t[1], r = t[2];
   let s;
   s = Math.atan2(r, e) * 360 / 2 / Math.PI, s < 0 && (s += 360);
-  const o = Math.sqrt(e * e + r * r);
-  return [n, o, s];
+  const a = Math.sqrt(e * e + r * r);
+  return [n, a, s];
 };
 c.lch.lab = function(t) {
-  const n = t[0], e = t[1], s = t[2] / 360 * 2 * Math.PI, a = e * Math.cos(s), o = e * Math.sin(s);
-  return [n, a, o];
+  const n = t[0], e = t[1], s = t[2] / 360 * 2 * Math.PI, o = e * Math.cos(s), a = e * Math.sin(s);
+  return [n, o, a];
 };
 c.rgb.ansi16 = function(t, n = null) {
   const [e, r, s] = t;
-  let a = n === null ? c.rgb.hsv(t)[2] : n;
-  if (a = Math.round(a / 50), a === 0)
+  let o = n === null ? c.rgb.hsv(t)[2] : n;
+  if (o = Math.round(o / 50), o === 0)
     return 30;
-  let o = 30 + (Math.round(s / 255) << 2 | Math.round(r / 255) << 1 | Math.round(e / 255));
-  return a === 2 && (o += 60), o;
+  let a = 30 + (Math.round(s / 255) << 2 | Math.round(r / 255) << 1 | Math.round(e / 255));
+  return o === 2 && (a += 60), a;
 };
 c.hsv.ansi16 = function(t) {
   return c.rgb.ansi16(c.hsv.rgb(t), t[2]);
@@ -487,13 +486,13 @@ c.ansi16.rgb = function(t) {
   let n = t % 10;
   if (n === 0 || n === 7)
     return t > 50 && (n += 3.5), n = n / 10.5 * 255, [n, n, n];
-  const e = (~~(t > 50) + 1) * 0.5, r = (n & 1) * e * 255, s = (n >> 1 & 1) * e * 255, a = (n >> 2 & 1) * e * 255;
-  return [r, s, a];
+  const e = (~~(t > 50) + 1) * 0.5, r = (n & 1) * e * 255, s = (n >> 1 & 1) * e * 255, o = (n >> 2 & 1) * e * 255;
+  return [r, s, o];
 };
 c.ansi256.rgb = function(t) {
   if (t >= 232) {
-    const a = (t - 232) * 10 + 8;
-    return [a, a, a];
+    const o = (t - 232) * 10 + 8;
+    return [o, o, o];
   }
   t -= 16;
   let n;
@@ -510,13 +509,13 @@ c.hex.rgb = function(t) {
     return [0, 0, 0];
   let e = n[0];
   n[0].length === 3 && (e = e.split("").map((i) => i + i).join(""));
-  const r = parseInt(e, 16), s = r >> 16 & 255, a = r >> 8 & 255, o = r & 255;
-  return [s, a, o];
+  const r = parseInt(e, 16), s = r >> 16 & 255, o = r >> 8 & 255, a = r & 255;
+  return [s, o, a];
 };
 c.rgb.hcg = function(t) {
-  const n = t[0] / 255, e = t[1] / 255, r = t[2] / 255, s = Math.max(Math.max(n, e), r), a = Math.min(Math.min(n, e), r), o = s - a;
+  const n = t[0] / 255, e = t[1] / 255, r = t[2] / 255, s = Math.max(Math.max(n, e), r), o = Math.min(Math.min(n, e), r), a = s - o;
   let i, l;
-  return o < 1 ? i = a / (1 - o) : i = 0, o <= 0 ? l = 0 : s === n ? l = (e - r) / o % 6 : s === e ? l = 2 + (r - n) / o : l = 4 + (n - e) / o, l /= 6, l %= 1, [l * 360, o * 100, i * 100];
+  return a < 1 ? i = o / (1 - a) : i = 0, a <= 0 ? l = 0 : s === n ? l = (e - r) / a % 6 : s === e ? l = 2 + (r - n) / a : l = 4 + (n - e) / a, l /= 6, l %= 1, [l * 360, a * 100, i * 100];
 };
 c.hsl.hcg = function(t) {
   const n = t[1] / 100, e = t[2] / 100, r = e < 0.5 ? 2 * n * e : 2 * n * (1 - e);
@@ -532,23 +531,23 @@ c.hcg.rgb = function(t) {
   const n = t[0] / 360, e = t[1] / 100, r = t[2] / 100;
   if (e === 0)
     return [r * 255, r * 255, r * 255];
-  const s = [0, 0, 0], a = n % 1 * 6, o = a % 1, i = 1 - o;
+  const s = [0, 0, 0], o = n % 1 * 6, a = o % 1, i = 1 - a;
   let l = 0;
-  switch (Math.floor(a)) {
+  switch (Math.floor(o)) {
     case 0:
-      s[0] = 1, s[1] = o, s[2] = 0;
+      s[0] = 1, s[1] = a, s[2] = 0;
       break;
     case 1:
       s[0] = i, s[1] = 1, s[2] = 0;
       break;
     case 2:
-      s[0] = 0, s[1] = 1, s[2] = o;
+      s[0] = 0, s[1] = 1, s[2] = a;
       break;
     case 3:
       s[0] = 0, s[1] = i, s[2] = 1;
       break;
     case 4:
-      s[0] = o, s[1] = 0, s[2] = 1;
+      s[0] = a, s[1] = 0, s[2] = 1;
       break;
     default:
       s[0] = 1, s[1] = 0, s[2] = i;
@@ -575,8 +574,8 @@ c.hcg.hwb = function(t) {
 };
 c.hwb.hcg = function(t) {
   const n = t[1] / 100, r = 1 - t[2] / 100, s = r - n;
-  let a = 0;
-  return s < 1 && (a = (r - s) / (1 - s)), [t[0], s * 100, a * 100];
+  let o = 0;
+  return s < 1 && (o = (r - s) / (1 - s)), [t[0], s * 100, o * 100];
 };
 c.apple.rgb = function(t) {
   return [t[0] / 65535 * 255, t[1] / 65535 * 255, t[2] / 65535 * 255];
@@ -607,8 +606,8 @@ c.gray.hex = function(t) {
 c.rgb.gray = function(t) {
   return [(t[0] + t[1] + t[2]) / 3 / 255 * 100];
 };
-const z = W;
-function ot() {
+const z = X;
+function ct() {
   const t = {}, n = Object.keys(z);
   for (let e = n.length, r = 0; r < e; r++)
     t[n[r]] = {
@@ -619,46 +618,46 @@ function ot() {
     };
   return t;
 }
-function at(t) {
-  const n = ot(), e = [t];
+function ht(t) {
+  const n = ct(), e = [t];
   for (n[t].distance = 0; e.length; ) {
     const r = e.pop(), s = Object.keys(z[r]);
-    for (let a = s.length, o = 0; o < a; o++) {
-      const i = s[o], l = n[i];
+    for (let o = s.length, a = 0; a < o; a++) {
+      const i = s[a], l = n[i];
       l.distance === -1 && (l.distance = n[r].distance + 1, l.parent = r, e.unshift(i));
     }
   }
   return n;
 }
-function it(t, n) {
+function ut(t, n) {
   return function(e) {
     return n(t(e));
   };
 }
-function lt(t, n) {
+function ft(t, n) {
   const e = [n[t].parent, t];
   let r = z[n[t].parent][t], s = n[t].parent;
   for (; n[s].parent; )
-    e.unshift(n[s].parent), r = it(z[n[s].parent][s], r), s = n[s].parent;
+    e.unshift(n[s].parent), r = ut(z[n[s].parent][s], r), s = n[s].parent;
   return r.conversion = e, r;
 }
-var ct = function(t) {
-  const n = at(t), e = {}, r = Object.keys(n);
-  for (let s = r.length, a = 0; a < s; a++) {
-    const o = r[a];
-    n[o].parent !== null && (e[o] = lt(o, n));
+var dt = function(t) {
+  const n = ht(t), e = {}, r = Object.keys(n);
+  for (let s = r.length, o = 0; o < s; o++) {
+    const a = r[o];
+    n[a].parent !== null && (e[a] = ft(a, n));
   }
   return e;
 };
-const E = W, ht = ct, k = {}, ut = Object.keys(E);
-function ft(t) {
+const E = X, gt = dt, x = {}, pt = Object.keys(E);
+function bt(t) {
   const n = function(...e) {
     const r = e[0];
     return r == null ? r : (r.length > 1 && (e = r), t(e));
   };
   return "conversion" in t && (n.conversion = t.conversion), n;
 }
-function dt(t) {
+function vt(t) {
   const n = function(...e) {
     const r = e[0];
     if (r == null)
@@ -666,36 +665,36 @@ function dt(t) {
     r.length > 1 && (e = r);
     const s = t(e);
     if (typeof s == "object")
-      for (let a = s.length, o = 0; o < a; o++)
-        s[o] = Math.round(s[o]);
+      for (let o = s.length, a = 0; a < o; a++)
+        s[a] = Math.round(s[a]);
     return s;
   };
   return "conversion" in t && (n.conversion = t.conversion), n;
 }
-ut.forEach((t) => {
-  k[t] = {}, Object.defineProperty(k[t], "channels", { value: E[t].channels }), Object.defineProperty(k[t], "labels", { value: E[t].labels });
-  const n = ht(t);
+pt.forEach((t) => {
+  x[t] = {}, Object.defineProperty(x[t], "channels", { value: E[t].channels }), Object.defineProperty(x[t], "labels", { value: E[t].labels });
+  const n = gt(t);
   Object.keys(n).forEach((r) => {
     const s = n[r];
-    k[t][r] = dt(s), k[t][r].raw = ft(s);
+    x[t][r] = vt(s), x[t][r].raw = bt(s);
   });
 });
-var gt = k;
-const x = rt, v = gt, X = [
+var mt = x;
+const k = it, v = mt, U = [
   // To be honest, I don't really feel like keyword belongs in color convert, but eh.
   "keyword",
   // Gray conflicts with some method names, and has its own method defined.
   "gray",
   // Shouldn't really be in color-convert either...
   "hex"
-], L = {};
+], O = {};
 for (const t of Object.keys(v))
-  L[[...v[t].labels].sort().join("")] = t;
+  O[[...v[t].labels].sort().join("")] = t;
 const $ = {};
 function p(t, n) {
   if (!(this instanceof p))
     return new p(t, n);
-  if (n && n in X && (n = null), n && !(n in v))
+  if (n && n in U && (n = null), n && !(n in v))
     throw new Error("Unknown model: " + n);
   let e, r;
   if (t == null)
@@ -703,14 +702,14 @@ function p(t, n) {
   else if (t instanceof p)
     this.model = t.model, this.color = [...t.color], this.valpha = t.valpha;
   else if (typeof t == "string") {
-    const s = x.get(t);
+    const s = k.get(t);
     if (s === null)
       throw new Error("Unable to parse color from string: " + t);
     this.model = s.model, r = v[this.model].channels, this.color = s.value.slice(0, r), this.valpha = typeof s.value[r] == "number" ? s.value[r] : 1;
   } else if (t.length > 0) {
     this.model = n || "rgb", r = v[this.model].channels;
     const s = Array.prototype.slice.call(t, 0, r);
-    this.color = I(s, r), this.valpha = typeof t[r] == "number" ? t[r] : 1;
+    this.color = L(s, r), this.valpha = typeof t[r] == "number" ? t[r] : 1;
   } else if (typeof t == "number")
     this.model = "rgb", this.color = [
       t >> 16 & 255,
@@ -721,14 +720,14 @@ function p(t, n) {
     this.valpha = 1;
     const s = Object.keys(t);
     "alpha" in t && (s.splice(s.indexOf("alpha"), 1), this.valpha = typeof t.alpha == "number" ? t.alpha : 0);
-    const a = s.sort().join("");
-    if (!(a in L))
+    const o = s.sort().join("");
+    if (!(o in O))
       throw new Error("Unable to parse color from object: " + JSON.stringify(t));
-    this.model = L[a];
-    const { labels: o } = v[this.model], i = [];
-    for (e = 0; e < o.length; e++)
-      i.push(t[o[e]]);
-    this.color = I(i);
+    this.model = O[o];
+    const { labels: a } = v[this.model], i = [];
+    for (e = 0; e < a.length; e++)
+      i.push(t[a[e]]);
+    this.color = L(i);
   }
   if ($[this.model])
     for (r = v[this.model].channels, e = 0; e < r; e++) {
@@ -745,14 +744,14 @@ p.prototype = {
     return this[this.model]();
   },
   string(t) {
-    let n = this.model in x.to ? this : this.rgb();
+    let n = this.model in k.to ? this : this.rgb();
     n = n.round(typeof t == "number" ? t : 1);
     const e = n.valpha === 1 ? n.color : [...n.color, this.valpha];
-    return x.to[n.model](e);
+    return k.to[n.model](e);
   },
   percentString(t) {
     const n = this.rgb().round(typeof t == "number" ? t : 1), e = n.valpha === 1 ? n.color : [...n.color, this.valpha];
-    return x.to.rgb.percent(e);
+    return k.to.rgb.percent(e);
   },
   array() {
     return this.valpha === 1 ? [...this.color] : [...this.color, this.valpha];
@@ -772,7 +771,7 @@ p.prototype = {
     return t.r /= 255, t.g /= 255, t.b /= 255, this.valpha !== 1 && (t.alpha = this.valpha), t;
   },
   round(t) {
-    return t = Math.max(t || 0, 0), new p([...this.color.map(bt(t)), this.valpha], this.model);
+    return t = Math.max(t || 0, 0), new p([...this.color.map(wt(t)), this.valpha], this.model);
   },
   alpha(t) {
     return t !== void 0 ? new p([...this.color, Math.max(0, Math.min(1, t))], this.model) : this.valpha;
@@ -804,14 +803,14 @@ p.prototype = {
     return t !== void 0 ? new p(t) : v[this.model].keyword(this.color);
   },
   hex(t) {
-    return t !== void 0 ? new p(t) : x.to.hex(this.rgb().round().color);
+    return t !== void 0 ? new p(t) : k.to.hex(this.rgb().round().color);
   },
   hexa(t) {
     if (t !== void 0)
       return new p(t);
     const n = this.rgb().round().color;
     let e = Math.round(this.valpha * 255).toString(16).toUpperCase();
-    return e.length === 1 && (e = "0" + e), x.to.hex(n) + e;
+    return e.length === 1 && (e = "0" + e), k.to.hex(n) + e;
   },
   rgbNumber() {
     const t = this.rgb().color;
@@ -888,7 +887,7 @@ p.prototype = {
   mix(t, n) {
     if (!t || !t.rgb)
       throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof t);
-    const e = t.rgb(), r = this.rgb(), s = n === void 0 ? 0.5 : n, a = 2 * s - 1, o = e.alpha() - r.alpha(), i = ((a * o === -1 ? a : (a + o) / (1 + a * o)) + 1) / 2, l = 1 - i;
+    const e = t.rgb(), r = this.rgb(), s = n === void 0 ? 0.5 : n, o = 2 * s - 1, a = e.alpha() - r.alpha(), i = ((o * a === -1 ? o : (o + a) / (1 + o * a)) + 1) / 2, l = 1 - i;
     return p.rgb(
       i * e.red() + l * r.red(),
       i * e.green() + l * r.green(),
@@ -898,22 +897,22 @@ p.prototype = {
   }
 };
 for (const t of Object.keys(v)) {
-  if (X.includes(t))
+  if (U.includes(t))
     continue;
   const { channels: n } = v[t];
   p.prototype[t] = function(...e) {
-    return this.model === t ? new p(this) : e.length > 0 ? new p(e, t) : new p([...vt(v[this.model][t].raw(this.color)), this.valpha], t);
+    return this.model === t ? new p(this) : e.length > 0 ? new p(e, t) : new p([...St(v[this.model][t].raw(this.color)), this.valpha], t);
   }, p[t] = function(...e) {
     let r = e[0];
-    return typeof r == "number" && (r = I(e, n)), new p(r, t);
+    return typeof r == "number" && (r = L(e, n)), new p(r, t);
   };
 }
-function pt(t, n) {
+function yt(t, n) {
   return Number(t.toFixed(n));
 }
-function bt(t) {
+function wt(t) {
   return function(n) {
-    return pt(n, t);
+    return yt(n, t);
   };
 }
 function u(t, n, e) {
@@ -930,16 +929,16 @@ function g(t) {
     return Math.max(0, Math.min(t, n));
   };
 }
-function vt(t) {
+function St(t) {
   return Array.isArray(t) ? t : [t];
 }
-function I(t, n) {
+function L(t, n) {
   for (let e = 0; e < n; e++)
     typeof t[e] != "number" && (t[e] = 0);
   return t;
 }
-var yt = p;
-const mt = /* @__PURE__ */ Z(yt), Ht = {
+var xt = p;
+const kt = /* @__PURE__ */ Q(xt), Lt = {
   channel: "channel",
   channels: "channels",
   colorField: "color-field",
@@ -970,103 +969,94 @@ const mt = /* @__PURE__ */ Z(yt), Ht = {
   slider: "slider",
   sliders: "sliders",
   splitSection: "section--split"
-}, zt = mt("#007AC2"), $t = "calcite-color-", Ot = {
+}, Rt = kt("#007AC2"), _t = "calcite-color-", Bt = {
   r: 255,
   g: 255,
   b: 255
-}, wt = {
+}, Mt = {
   h: 360,
   s: 100,
   v: 100
-}, Et = wt.h - 1, Lt = {
+}, Gt = Mt.h - 1, Nt = {
   min: 0,
   max: 100
-}, St = {
+}, At = {
   s: {
+    gap: parseInt(nt),
     slider: {
-      height: 12,
-      width: 142
-    },
-    colorField: {
-      height: 110,
-      width: 198
+      height: 12
     },
     thumb: {
       radius: 7
     },
     preview: {
       size: 20
-    }
+    },
+    minWidth: 200
   },
   m: {
+    gap: parseInt(tt),
     slider: {
-      height: 12,
-      width: 170
-    },
-    colorField: {
-      height: 132,
-      width: 238
+      height: 12
     },
     thumb: {
       radius: 7
     },
     preview: {
       size: 24
-    }
+    },
+    minWidth: 240
   },
   l: {
+    gap: parseInt(V),
     slider: {
-      height: 12,
-      width: 222
-    },
-    colorField: {
-      height: 168,
-      width: 302
+      height: 12
     },
     thumb: {
       radius: 7
     },
     preview: {
       size: 32
-    }
+    },
+    minWidth: 304
   }
-}, It = 1, Rt = /^[0-9A-F]$/i, kt = /^#[0-9A-F]{3}$/i, xt = /^#[0-9A-F]{6}$/i, Mt = /^#[0-9A-F]{4}$/i, At = /^#[0-9A-F]{8}$/i, _t = (t) => Number((t * 100).toFixed()), Gt = (t) => Number((t / 100).toFixed(2));
+}, Tt = 1, Pt = /^[0-9A-F]$/i, Ft = /^#[0-9A-F]{3}$/i, Ct = /^#[0-9A-F]{6}$/i, Ht = /^#[0-9A-F]{4}$/i, zt = /^#[0-9A-F]{8}$/i, qt = (t) => Number((t * 100).toFixed()), Wt = (t) => Number((t / 100).toFixed(2));
 function K(t, n = !1) {
-  return R(t, n) || Ft(t, n);
+  return R(t, n) || $t(t, n);
 }
 function j(t, n, e) {
   return t ? t.length === n && e.test(t) : !1;
 }
 function R(t, n = !1) {
-  return j(t, n ? 5 : 4, n ? Mt : kt);
+  return j(t, n ? 5 : 4, n ? Ht : Ft);
 }
-function Ft(t, n = !1) {
-  return j(t, n ? 9 : 7, n ? At : xt);
+function $t(t, n = !1) {
+  return j(t, n ? 9 : 7, n ? zt : Ct);
 }
-function Bt(t, n = !1, e = !1) {
+function Dt(t, n = !1, e = !1) {
   if (t = t.toLowerCase(), t.startsWith("#") || (t = `#${t}`), R(t, n))
-    return G(B(t, n));
+    return B(G(t, n));
   if (n && e && K(
     t,
     !1
     /* we only care about RGB hex for conversion */
   )) {
     const r = R(t, !1);
-    return G(B(`${t}${r ? "f" : "ff"}`, !0));
+    return B(G(`${t}${r ? "f" : "ff"}`, !0));
   }
   return t;
 }
-function Nt(t, n = !1) {
+function Xt(t, n = !1) {
   return n ? t.hexa() : t.hex();
 }
-function G(t) {
-  const { r: n, g: e, b: r } = t, s = H(n), a = H(e), o = H(r), i = "a" in t ? H(t.a * 255) : "";
-  return `#${s}${a}${o}${i}`.toLowerCase();
+function B(t) {
+  const { r: n, g: e, b: r } = t, s = H(n), o = H(e), a = H(r), i = "a" in t ? H(t.a * 255) : "";
+  return `#${s}${o}${a}${i}`.toLowerCase();
 }
 function H(t) {
   return t.toString(16).padStart(2, "0");
 }
-function qt(t) {
+function Ut(t) {
   const n = {
     ...t,
     a: t.alpha ?? 1
@@ -1074,21 +1064,21 @@ function qt(t) {
   };
   return delete n.alpha, n;
 }
-function Pt(t) {
+function Kt(t) {
   const n = { ...t, alpha: t.a ?? 1 };
   return delete n.a, n;
 }
-function B(t, n = !1) {
+function G(t, n = !1) {
   if (!K(t, n))
     return null;
   t = t.replace("#", "");
-  let e, r, s, a;
+  let e, r, s, o;
   if (t.length === 3 || t.length === 4) {
     const [i, l, h, b] = t.split("");
-    e = parseInt(`${i}${i}`, 16), r = parseInt(`${l}${l}`, 16), s = parseInt(`${h}${h}`, 16), a = parseInt(`${b}${b}`, 16) / 255;
+    e = parseInt(`${i}${i}`, 16), r = parseInt(`${l}${l}`, 16), s = parseInt(`${h}${h}`, 16), o = parseInt(`${b}${b}`, 16) / 255;
   } else
-    e = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), s = parseInt(t.slice(4, 6), 16), a = parseInt(t.slice(6, 8), 16) / 255;
-  return isNaN(a) ? { r: e, g: r, b: s } : { r: e, g: r, b: s, a };
+    e = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), s = parseInt(t.slice(4, 6), 16), o = parseInt(t.slice(6, 8), 16) / 255;
+  return isNaN(o) ? { r: e, g: r, b: s } : { r: e, g: r, b: s, a: o };
 }
 const J = (t) => t, f = J({
   HEX: "hex",
@@ -1105,7 +1095,7 @@ const J = (t) => t, f = J({
   HSV: "hsv",
   HSVA: "hsva"
 });
-function Tt(t) {
+function jt(t) {
   if (typeof t == "string") {
     if (t.startsWith("#")) {
       const { length: n } = t;
@@ -1136,56 +1126,59 @@ function Tt(t) {
 function S(t, ...n) {
   return n.every((e) => e && t && `${e}` in t);
 }
-function Dt(t, n) {
+function Jt(t, n) {
   return t?.rgb().array().toString() === n?.rgb().array().toString();
 }
-function Ut(t) {
+function Yt(t) {
   return t === f.HEXA || t === f.RGBA_CSS || t === f.HSLA_CSS || t === d.RGBA || t === d.HSLA || t === d.HSVA;
 }
-function Wt(t) {
+function Zt(t) {
   return t === f.HEX ? f.HEXA : t === f.RGB_CSS ? f.RGBA_CSS : t === f.HSL_CSS ? f.HSLA_CSS : t === d.RGB ? d.RGBA : t === d.HSL ? d.HSLA : t === d.HSV ? d.HSVA : t;
 }
-function Xt(t) {
+function Qt(t) {
   return t === f.HEXA ? f.HEX : t === f.RGBA_CSS ? f.RGB_CSS : t === f.HSLA_CSS ? f.HSL_CSS : t === d.RGBA ? d.RGB : t === d.HSLA ? d.HSL : t === d.HSVA ? d.HSV : t;
 }
-function Kt(t, n) {
-  const {
-    slider: { width: e },
-    preview: r
-  } = t;
-  if (n)
-    return e;
-  const s = St.l.preview.size - r.size;
-  return e + s;
+const It = 1, Y = It * 2;
+function Vt(t, n, e) {
+  const r = e ? At.l.preview.size : n.preview.size, s = t - Y, o = n.gap * 3;
+  return Math.max(s - o - r, 0);
+}
+function tn(t) {
+  const e = t - Y;
+  return {
+    width: Math.max(e, 0),
+    height: Math.max(Math.floor(e / 1.8), 0)
+  };
 }
 export {
-  mt as C,
-  zt as D,
-  wt as H,
-  Lt as O,
-  Ot as R,
-  It as S,
-  Ft as a,
+  kt as C,
+  Rt as D,
+  Mt as H,
+  Nt as O,
+  Bt as R,
+  At as S,
+  $t as a,
   R as b,
-  _t as c,
-  Rt as d,
+  qt as c,
+  Pt as d,
   f as e,
-  St as f,
-  $t as g,
-  Nt as h,
+  tn as f,
+  Vt as g,
+  Xt as h,
   K as i,
-  Ut as j,
-  Kt as k,
-  Pt as l,
-  Dt as m,
-  Bt as n,
-  Gt as o,
-  Tt as p,
-  Ht as q,
-  G as r,
-  Xt as s,
-  Wt as t,
-  Et as u,
-  qt as v,
-  B as w
+  _t as j,
+  Yt as k,
+  Kt as l,
+  Jt as m,
+  Dt as n,
+  Wt as o,
+  jt as p,
+  Lt as q,
+  B as r,
+  Qt as s,
+  Zt as t,
+  Gt as u,
+  Ut as v,
+  Tt as w,
+  G as x
 };