@cling-se/widget 0.19.6 → 0.19.8

package/dist/{ColorPicker-BrfM9S1s.js → ColorPicker-B9F8znY_.js}

@@ -1,4 +1,4 @@
-import { o as f, b as m, l as k, e as S, s as h, d as v, O as R, bX as ee, v as Y, n as J, c as U, f as p, P as T, _ as te } from "./main-WDVYC60Z.js";
+import { d as m, o as f, W as k, b as S, j as h, f as v, u as R, c2 as ee, t as Y, x as J, e as p, c as U, v as T, _ as te } from "./main-BayUZ9OO.js";
 const re = "";
 function H(e, t) {
   t === void 0 && (t = {});
@@ -63,8 +63,8 @@ function ae(e, t, r, n, a, i) {
     /* STYLE */
   );
 }
-var se = ".vc-checkerboard{background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0}";
-H(se);
+var oe = ".vc-checkerboard{background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0}";
+H(oe);
 E.render = ae;
 E.__file = "src/components/checkboard/checkboard.vue";
 E.install = A;
@@ -92,13 +92,13 @@ var D = {
       const { container: r } = this.$refs;
       if (!r)
         return;
-      const n = r.clientWidth, a = r.getBoundingClientRect().left + window.pageXOffset, s = (e.pageX || (e.touches ? e.touches[0].pageX : 0)) - a;
-      let o;
-      s < 0 ? o = 0 : s > n ? o = 1 : o = Math.round(s * 100 / n) / 100, this.colors.a !== o && this.$emit("change", {
+      const n = r.clientWidth, a = r.getBoundingClientRect().left + window.pageXOffset, o = (e.pageX || (e.touches ? e.touches[0].pageX : 0)) - a;
+      let s;
+      o < 0 ? s = 0 : o > n ? s = 1 : s = Math.round(o * 100 / n) / 100, this.colors.a !== s && this.$emit("change", {
         h: this.colors.hsl.h,
         s: this.colors.hsl.s,
         l: this.colors.hsl.l,
-        a: o,
+        a: s,
         source: "rgba"
       });
     },
@@ -113,7 +113,7 @@ var D = {
     }
   }
 };
-const oe = { class: "vc-alpha" }, he = { class: "vc-alpha-checkboard-wrap" }, le = /* @__PURE__ */ h(
+const se = { class: "vc-alpha" }, he = { class: "vc-alpha-checkboard-wrap" }, le = /* @__PURE__ */ h(
   "div",
   { class: "vc-alpha-picker" },
   null,
@@ -123,10 +123,10 @@ const oe = { class: "vc-alpha" }, he = { class: "vc-alpha-checkboard-wrap" }, le
   le
 ];
 function ue(e, t, r, n, a, i) {
-  const s = S("Checkboard");
-  return f(), m("div", oe, [
+  const o = S("Checkboard");
+  return f(), m("div", se, [
     h("div", he, [
-      v(s)
+      v(o)
     ]),
     h(
       "div",
@@ -143,9 +143,9 @@ function ue(e, t, r, n, a, i) {
       {
         ref: "container",
         class: "vc-alpha-container",
-        onMousedown: t[0] || (t[0] = (...o) => i.handleMouseDown && i.handleMouseDown(...o)),
-        onTouchmove: t[1] || (t[1] = (...o) => i.handleChange && i.handleChange(...o)),
-        onTouchstart: t[2] || (t[2] = (...o) => i.handleChange && i.handleChange(...o))
+        onMousedown: t[0] || (t[0] = (...s) => i.handleMouseDown && i.handleMouseDown(...s)),
+        onTouchmove: t[1] || (t[1] = (...s) => i.handleChange && i.handleChange(...s)),
+        onTouchstart: t[2] || (t[2] = (...s) => i.handleChange && i.handleChange(...s))
       },
       [
         h(
@@ -201,12 +201,12 @@ function pe(e, t, r) {
 }
 function G(e, t, r) {
   e = d(e, 255), t = d(t, 255), r = d(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), i = 0, s = 0, o = (n + a) / 2;
+  var n = Math.max(e, t, r), a = Math.min(e, t, r), i = 0, o = 0, s = (n + a) / 2;
   if (n === a)
-    s = 0, i = 0;
+    o = 0, i = 0;
   else {
     var u = n - a;
-    switch (s = o > 0.5 ? u / (2 - n - a) : u / (n + a), n) {
+    switch (o = s > 0.5 ? u / (2 - n - a) : u / (n + a), n) {
       case e:
         i = (t - r) / u + (t < r ? 6 : 0);
         break;
@@ -219,7 +219,7 @@ function G(e, t, r) {
     }
     i /= 6;
   }
-  return { h: i, s, l: o };
+  return { h: i, s: o, l: s };
 }
 function z(e, t, r) {
   return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (t - e) * (6 * r) : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
@@ -229,35 +229,35 @@ function ve(e, t, r) {
   if (e = d(e, 360), t = d(t, 100), r = d(r, 100), t === 0)
     a = r, i = r, n = r;
   else {
-    var s = r < 0.5 ? r * (1 + t) : r + t - r * t, o = 2 * r - s;
-    n = z(o, s, e + 1 / 3), a = z(o, s, e), i = z(o, s, e - 1 / 3);
+    var o = r < 0.5 ? r * (1 + t) : r + t - r * t, s = 2 * r - o;
+    n = z(s, o, e + 1 / 3), a = z(s, o, e), i = z(s, o, e - 1 / 3);
   }
   return { r: n * 255, g: a * 255, b: i * 255 };
 }
 function q(e, t, r) {
   e = d(e, 255), t = d(t, 255), r = d(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), i = 0, s = n, o = n - a, u = n === 0 ? 0 : o / n;
+  var n = Math.max(e, t, r), a = Math.min(e, t, r), i = 0, o = n, s = n - a, u = n === 0 ? 0 : s / n;
   if (n === a)
     i = 0;
   else {
     switch (n) {
       case e:
-        i = (t - r) / o + (t < r ? 6 : 0);
+        i = (t - r) / s + (t < r ? 6 : 0);
         break;
       case t:
-        i = (r - e) / o + 2;
+        i = (r - e) / s + 2;
         break;
       case r:
-        i = (e - t) / o + 4;
+        i = (e - t) / s + 4;
         break;
     }
     i /= 6;
   }
-  return { h: i, s: u, v: s };
+  return { h: i, s: u, v: o };
 }
 function be(e, t, r) {
   e = d(e, 360) * 6, t = d(t, 100), r = d(r, 100);
-  var n = Math.floor(e), a = e - n, i = r * (1 - t), s = r * (1 - a * t), o = r * (1 - (1 - a) * t), u = n % 6, x = [r, s, i, i, o, r][u], c = [o, r, r, s, i, i][u], l = [i, i, o, r, r, s][u];
+  var n = Math.floor(e), a = e - n, i = r * (1 - t), o = r * (1 - a * t), s = r * (1 - (1 - a) * t), u = n % 6, x = [r, o, i, i, s, r][u], c = [s, r, r, o, i, i][u], l = [i, i, s, r, r, o][u];
   return { r: x * 255, g: c * 255, b: l * 255 };
 }
 function K(e, t, r, n) {
@@ -293,7 +293,7 @@ function we(e) {
     b: e & 255
   };
 }
-var W = {
+var P = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -444,24 +444,24 @@ var W = {
   yellowgreen: "#9acd32"
 };
 function ye(e) {
-  var t = { r: 0, g: 0, b: 0 }, r = 1, n = null, a = null, i = null, s = !1, o = !1;
-  return typeof e == "string" && (e = ke(e)), typeof e == "object" && (w(e.r) && w(e.g) && w(e.b) ? (t = pe(e.r, e.g, e.b), s = !0, o = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : w(e.h) && w(e.s) && w(e.v) ? (n = I(e.s), a = I(e.v), t = be(e.h, n, a), s = !0, o = "hsv") : w(e.h) && w(e.s) && w(e.l) && (n = I(e.s), i = I(e.l), t = ve(e.h, n, i), s = !0, o = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (r = e.a)), r = Q(r), {
-    ok: s,
-    format: e.format || o,
+  var t = { r: 0, g: 0, b: 0 }, r = 1, n = null, a = null, i = null, o = !1, s = !1;
+  return typeof e == "string" && (e = ke(e)), typeof e == "object" && (w(e.r) && w(e.g) && w(e.b) ? (t = pe(e.r, e.g, e.b), o = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : w(e.h) && w(e.s) && w(e.v) ? (n = I(e.s), a = I(e.v), t = be(e.h, n, a), o = !0, s = "hsv") : w(e.h) && w(e.s) && w(e.l) && (n = I(e.s), i = I(e.l), t = ve(e.h, n, i), o = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (r = e.a)), r = Q(r), {
+    ok: o,
+    format: e.format || s,
     r: Math.min(255, Math.max(t.r, 0)),
     g: Math.min(255, Math.max(t.g, 0)),
     b: Math.min(255, Math.max(t.b, 0)),
     a: r
   };
 }
-var Ce = "[-\\+]?\\d+%?", _e = "[-\\+]?\\d*\\.\\d+%?", C = "(?:".concat(_e, ")|(?:").concat(Ce, ")"), X = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), $ = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), b = {
+var Ce = "[-\\+]?\\d+%?", _e = "[-\\+]?\\d*\\.\\d+%?", C = "(?:".concat(_e, ")|(?:").concat(Ce, ")"), $ = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), j = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), b = {
   CSS_UNIT: new RegExp(C),
-  rgb: new RegExp("rgb" + X),
-  rgba: new RegExp("rgba" + $),
-  hsl: new RegExp("hsl" + X),
-  hsla: new RegExp("hsla" + $),
-  hsv: new RegExp("hsv" + X),
-  hsva: new RegExp("hsva" + $),
+  rgb: new RegExp("rgb" + $),
+  rgba: new RegExp("rgba" + j),
+  hsl: new RegExp("hsl" + $),
+  hsla: new RegExp("hsla" + j),
+  hsv: new RegExp("hsv" + $),
+  hsva: new RegExp("hsva" + j),
   hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
   hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
@@ -471,8 +471,8 @@ function ke(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var t = !1;
-  if (W[e])
-    e = W[e], t = !0;
+  if (P[e])
+    e = P[e], t = !0;
   else if (e === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
   var r = b.rgb.exec(e);
@@ -523,8 +523,8 @@ var Me = (
       var t = this.toRgb();
       return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
     }, e.prototype.getLuminance = function() {
-      var t = this.toRgb(), r, n, a, i = t.r / 255, s = t.g / 255, o = t.b / 255;
-      return i <= 0.03928 ? r = i / 12.92 : r = Math.pow((i + 0.055) / 1.055, 2.4), s <= 0.03928 ? n = s / 12.92 : n = Math.pow((s + 0.055) / 1.055, 2.4), o <= 0.03928 ? a = o / 12.92 : a = Math.pow((o + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * n + 0.0722 * a;
+      var t = this.toRgb(), r, n, a, i = t.r / 255, o = t.g / 255, s = t.b / 255;
+      return i <= 0.03928 ? r = i / 12.92 : r = Math.pow((i + 0.055) / 1.055, 2.4), o <= 0.03928 ? n = o / 12.92 : n = Math.pow((o + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * n + 0.0722 * a;
     }, e.prototype.getAlpha = function() {
       return this.a;
     }, e.prototype.setAlpha = function(t) {
@@ -584,9 +584,9 @@ var Me = (
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var t = "#" + K(this.r, this.g, this.b, !1), r = 0, n = Object.entries(W); r < n.length; r++) {
-        var a = n[r], i = a[0], s = a[1];
-        if (t === s)
+      for (var t = "#" + K(this.r, this.g, this.b, !1), r = 0, n = Object.entries(P); r < n.length; r++) {
+        var a = n[r], i = a[0], o = a[1];
+        if (t === o)
           return i;
       }
       return !1;
@@ -630,13 +630,13 @@ var Me = (
       return r.h = n < 0 ? 360 + n : n, new e(r);
     }, e.prototype.mix = function(t, r) {
       r === void 0 && (r = 50);
-      var n = this.toRgb(), a = new e(t).toRgb(), i = r / 100, s = {
+      var n = this.toRgb(), a = new e(t).toRgb(), i = r / 100, o = {
         r: (a.r - n.r) * i + n.r,
         g: (a.g - n.g) * i + n.g,
         b: (a.b - n.b) * i + n.b,
         a: (a.a - n.a) * i + n.a
       };
-      return new e(s);
+      return new e(o);
     }, e.prototype.analogous = function(t, r) {
       t === void 0 && (t = 6), r === void 0 && (r = 30);
       var n = this.toHsl(), a = 360 / r, i = [this];
@@ -648,9 +648,9 @@ var Me = (
       return t.h = (t.h + 180) % 360, new e(t);
     }, e.prototype.monochromatic = function(t) {
       t === void 0 && (t = 6);
-      for (var r = this.toHsv(), n = r.h, a = r.s, i = r.v, s = [], o = 1 / t; t--; )
-        s.push(new e({ h: n, s: a, v: i })), i = (i + o) % 1;
-      return s;
+      for (var r = this.toHsv(), n = r.h, a = r.s, i = r.v, o = [], s = 1 / t; t--; )
+        o.push(new e({ h: n, s: a, v: i })), i = (i + s) % 1;
+      return o;
     }, e.prototype.splitcomplement = function() {
       var t = this.toHsl(), r = t.h;
       return [
@@ -671,8 +671,8 @@ var Me = (
     }, e.prototype.tetrad = function() {
       return this.polyad(4);
     }, e.prototype.polyad = function(t) {
-      for (var r = this.toHsl(), n = r.h, a = [this], i = 360 / t, s = 1; s < t; s++)
-        a.push(new e({ h: (n + s * i) % 360, s: r.s, l: r.l }));
+      for (var r = this.toHsl(), n = r.h, a = [this], i = 360 / t, o = 1; o < t; o++)
+        a.push(new e({ h: (n + o * i) % 360, s: r.s, l: r.l }));
       return a;
     }, e.prototype.equals = function(t) {
       return this.toRgbString() === new e(t).toRgbString();
@@ -682,7 +682,7 @@ var Me = (
 function y(...e) {
   return new Me(...e);
 }
-function j(e, t) {
+function W(e, t) {
   const r = e && e.a;
   let n;
   e && e.hsl ? n = y(e.hsl) : e && e.hex && e.hex.length > 0 ? n = y(e.hex) : e && e.hsv ? n = y(e.hsv) : e && e.rgba ? n = y(e.rgba) : e && e.rgb ? n = y(e.rgb) : n = y(e), n && (n._a === void 0 || n._a === null) && n.setAlpha(r || n.getAlpha());
@@ -706,7 +706,7 @@ var Se = {
   props: ["modelValue"],
   data() {
     return {
-      val: j(this.modelValue)
+      val: W(this.modelValue)
     };
   },
   computed: {
@@ -721,12 +721,12 @@ var Se = {
   },
   watch: {
     modelValue(e) {
-      this.val = j(e);
+      this.val = W(e);
     }
   },
   methods: {
     colorChange(e, t) {
-      this.oldHue = this.colors.hsl.h, this.colors = j(e, t || this.oldHue);
+      this.oldHue = this.colors.hsl.h, this.colors = W(e, t || this.oldHue);
     },
     isValidHex(e) {
       return y(e).isValid;
@@ -815,11 +815,11 @@ function Te(e, t, r, n, a, i) {
   return f(), m("div", He, [
     R(h("input", {
       ref: "input",
-      "onUpdate:modelValue": t[0] || (t[0] = (s) => i.val = s),
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => i.val = o),
       "aria-labelledby": i.labelId,
       class: "vc-input__input",
-      onKeydown: t[1] || (t[1] = (...s) => i.handleKeyDown && i.handleKeyDown(...s)),
-      onInput: t[2] || (t[2] = (...s) => i.update && i.update(...s))
+      onKeydown: t[1] || (t[1] = (...o) => i.handleKeyDown && i.handleKeyDown(...o)),
+      onInput: t[2] || (t[2] = (...o) => i.update && i.update(...o))
     }, null, 40, Ae), [
       [ee, i.val]
     ]),
@@ -842,7 +842,7 @@ H(Le);
 F.render = Te;
 F.__file = "src/components/editable-input/editable-input.vue";
 F.install = A;
-function P(e, t, r) {
+function X(e, t, r) {
   return t < r ? e < t ? t : e > r ? r : e : e < r ? r : e > t ? t : e;
 }
 var B = {
@@ -870,7 +870,7 @@ var B = {
       const { container: r } = this.$refs;
       if (!r)
         return;
-      const n = r.clientWidth, a = r.clientHeight, i = r.getBoundingClientRect().left + window.pageXOffset, s = r.getBoundingClientRect().top + window.pageYOffset, o = e.pageX || (e.touches ? e.touches[0].pageX : 0), u = e.pageY || (e.touches ? e.touches[0].pageY : 0), x = P(o - i, 0, n), c = P(u - s, 0, a), l = x / n, M = P(-(c / a) + 1, 0, 1);
+      const n = r.clientWidth, a = r.clientHeight, i = r.getBoundingClientRect().left + window.pageXOffset, o = r.getBoundingClientRect().top + window.pageYOffset, s = e.pageX || (e.touches ? e.touches[0].pageX : 0), u = e.pageY || (e.touches ? e.touches[0].pageY : 0), x = X(s - i, 0, n), c = X(u - o, 0, a), l = x / n, M = X(-(c / a) + 1, 0, 1);
       this.onChange({
         h: this.colors.hsv.h,
         s: l,
@@ -921,9 +921,9 @@ function Ne(e, t, r, n, a, i) {
       ref: "container",
       class: "vc-saturation",
       style: k({ background: i.bgColor }),
-      onMousedown: t[0] || (t[0] = (...s) => i.handleMouseDown && i.handleMouseDown(...s)),
-      onTouchmove: t[1] || (t[1] = (...s) => i.handleChange && i.handleChange(...s)),
-      onTouchstart: t[2] || (t[2] = (...s) => i.handleChange && i.handleChange(...s))
+      onMousedown: t[0] || (t[0] = (...o) => i.handleMouseDown && i.handleMouseDown(...o)),
+      onTouchmove: t[1] || (t[1] = (...o) => i.handleChange && i.handleChange(...o)),
+      onTouchstart: t[2] || (t[2] = (...o) => i.handleChange && i.handleChange(...o))
     },
     [
       Ie,
@@ -997,7 +997,7 @@ var N = {
       const { container: r } = this.$refs;
       if (!r)
         return;
-      const n = r.clientWidth, a = r.clientHeight, i = r.getBoundingClientRect().left + window.pageXOffset, s = r.getBoundingClientRect().top + window.pageYOffset, o = e.pageX || (e.touches ? e.touches[0].pageX : 0), u = e.pageY || (e.touches ? e.touches[0].pageY : 0), x = o - i, c = u - s;
+      const n = r.clientWidth, a = r.clientHeight, i = r.getBoundingClientRect().left + window.pageXOffset, o = r.getBoundingClientRect().top + window.pageYOffset, s = e.pageX || (e.touches ? e.touches[0].pageX : 0), u = e.pageY || (e.touches ? e.touches[0].pageY : 0), x = s - i, c = u - o;
       let l, M;
       this.direction === "vertical" ? (c < 0 ? l = 360 : c > a ? l = 0 : (M = -(c * 100 / a) + 100, l = 360 * M / 100), this.colors.hsl.h !== l && this.$emit("change", {
         h: l,
@@ -1033,7 +1033,7 @@ const Ue = ["aria-valuenow"], Ve = /* @__PURE__ */ h(
 ), ze = [
   Ve
 ];
-function Xe(e, t, r, n, a, i) {
+function $e(e, t, r, n, a, i) {
   return f(), m(
     "div",
     {
@@ -1047,9 +1047,9 @@ function Xe(e, t, r, n, a, i) {
         "aria-valuenow": i.colors.hsl.h,
         "aria-valuemin": "0",
         "aria-valuemax": "360",
-        onMousedown: t[0] || (t[0] = (...s) => i.handleMouseDown && i.handleMouseDown(...s)),
-        onTouchmove: t[1] || (t[1] = (...s) => i.handleChange && i.handleChange(...s)),
-        onTouchstart: t[2] || (t[2] = (...s) => i.handleChange && i.handleChange(...s))
+        onMousedown: t[0] || (t[0] = (...o) => i.handleMouseDown && i.handleMouseDown(...o)),
+        onTouchmove: t[1] || (t[1] = (...o) => i.handleChange && i.handleChange(...o)),
+        onTouchstart: t[2] || (t[2] = (...o) => i.handleChange && i.handleChange(...o))
       }, [
         h(
           "div",
@@ -1068,9 +1068,9 @@ function Xe(e, t, r, n, a, i) {
     /* CLASS */
   );
 }
-var $e = ".vc-hue{border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.vc-hue--horizontal{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue--vertical{background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue-container{cursor:pointer;height:100%;margin:0 2px;position:relative}.vc-hue-pointer{position:absolute;z-index:2}.vc-hue-picker{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);cursor:pointer;height:8px;margin-top:1px;transform:translateX(-2px);width:4px}";
-H($e);
-N.render = Xe;
+var je = ".vc-hue{border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.vc-hue--horizontal{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue--vertical{background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue-container{cursor:pointer;height:100%;margin:0 2px;position:relative}.vc-hue-pointer{position:absolute;z-index:2}.vc-hue-picker{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);cursor:pointer;height:8px;margin-top:1px;transform:translateX(-2px);width:4px}";
+H(je);
+N.render = $e;
 N.__file = "src/components/hue/hue.vue";
 N.install = A;
 var O = {
@@ -1181,7 +1181,7 @@ var O = {
     }
   }
 };
-const je = { class: "vc-chrome-saturation-wrap" }, Pe = { class: "vc-chrome-body" }, We = { class: "vc-chrome-controls" }, Ye = { class: "vc-chrome-color-wrap" }, Ge = ["aria-label"], qe = { class: "vc-chrome-sliders" }, Ke = { class: "vc-chrome-hue-wrap" }, Ze = {
+const We = { class: "vc-chrome-saturation-wrap" }, Xe = { class: "vc-chrome-body" }, Pe = { class: "vc-chrome-controls" }, Ye = { class: "vc-chrome-color-wrap" }, Ge = ["aria-label"], qe = { class: "vc-chrome-sliders" }, Ke = { class: "vc-chrome-hue-wrap" }, Ze = {
   key: 0,
   class: "vc-chrome-alpha-wrap"
 }, Je = {
@@ -1190,7 +1190,7 @@ const je = { class: "vc-chrome-saturation-wrap" }, Pe = { class: "vc-chrome-body
 }, Qe = { class: "vc-chrome-fields" }, et = { class: "vc-chrome-field" }, tt = { class: "vc-chrome-fields" }, rt = { class: "vc-chrome-field" }, nt = { class: "vc-chrome-field" }, it = { class: "vc-chrome-field" }, at = {
   key: 0,
   class: "vc-chrome-field"
-}, st = { class: "vc-chrome-fields" }, ot = { class: "vc-chrome-field" }, ht = { class: "vc-chrome-field" }, lt = { class: "vc-chrome-field" }, ct = {
+}, ot = { class: "vc-chrome-fields" }, st = { class: "vc-chrome-field" }, ht = { class: "vc-chrome-field" }, lt = { class: "vc-chrome-field" }, ct = {
   key: 0,
   class: "vc-chrome-field"
 }, ut = { class: "vc-chrome-toggle-icon" }, dt = /* @__PURE__ */ h(
@@ -1206,7 +1206,7 @@ const je = { class: "vc-chrome-saturation-wrap" }, Pe = { class: "vc-chrome-body
   dt
 ], gt = { class: "vc-chrome-toggle-icon-highlight" };
 function pt(e, t, r, n, a, i) {
-  const s = S("Saturation"), o = S("Checkboard"), u = S("Hue"), x = S("Alpha"), c = S("EdIn");
+  const o = S("Saturation"), s = S("Checkboard"), u = S("Hue"), x = S("Alpha"), c = S("EdIn");
   return f(), m(
     "div",
     {
@@ -1215,21 +1215,21 @@ function pt(e, t, r, n, a, i) {
       class: J(["vc-chrome", [r.disableAlpha ? "vc-chrome__disable-alpha" : ""]])
     },
     [
-      h("div", je, [
-        v(s, {
+      h("div", We, [
+        v(o, {
           value: e.colors,
           onChange: i.childChange
         }, null, 8, ["value", "onChange"])
       ]),
-      h("div", Pe, [
-        h("div", We, [
+      h("div", Xe, [
+        h("div", Pe, [
           h("div", Ye, [
             h("div", {
               "aria-label": `current color is ${e.colors.hex}`,
               class: "vc-chrome-active-color",
               style: k({ background: i.activeColor })
             }, null, 12, Ge),
-            r.disableAlpha ? p("v-if", !0) : (f(), U(o, { key: 0 }))
+            r.disableAlpha ? p("v-if", !0) : (f(), U(s, { key: 0 }))
           ]),
           h("div", qe, [
             h("div", Ke, [
@@ -1315,10 +1315,10 @@ function pt(e, t, r, n, a, i) {
           ]),
           R(h(
             "div",
-            st,
+            ot,
             [
               p(" hsla "),
-              h("div", ot, [
+              h("div", st, [
                 v(c, {
                   label: "h",
                   value: i.hsl.h,

package/dist/{CompanyModal-DJZezqM5.js → CompanyModal-BvIMVys6.js}

@@ -1,14 +1,14 @@
-import { _ as b } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
-import { C as U } from "./CPhoneInput-DolVFzrL.js";
-import { w as v } from "./CDropdownItem-BuQONogL.js";
-import { _ as F, ai as P, m as S, aj as f, a as M, g as l, e as r, o as y, b as N, s as d, c as V, f as z, v as h, d as i, w as m, H as I, l as _, n as $, ad as O } from "./main-WDVYC60Z.js";
-import { u as E } from "./index-Dbe2ueXc.js";
-import { r as k, e as w } from "./index-Cwf2aXw3.js";
-import { s as C, a as R } from "./publicSenderState-CtB0-WJX.js";
-const { mapFields: B } = P({
+import { _ as b } from "./CFormField.vue_vue_type_script_setup_true_lang-Bi0MjQdW.js";
+import { C as U } from "./CPhoneInput-9AwTJm-0.js";
+import { w as v } from "./CDropdownItem-E-kRDIiy.js";
+import { _ as F, m as P, ap as f, aq as S, a as M, b as r, d as N, o as y, j as d, c as V, e as z, f as i, t as h, w as m, q as I, W as _, am as $, x as O, g as l } from "./main-BayUZ9OO.js";
+import { u as E } from "./index-C3pnyYI4.js";
+import { e as k, r as w } from "./index-XzoHqJIR.js";
+import { s as q, a as C } from "./publicSenderState-CblTasKp.js";
+const { mapFields: R } = S({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
-}), q = {
+}), B = {
   name: "CompanyModal",
   components: {
     CPhoneInput: U,
@@ -38,21 +38,21 @@ const { mapFields: B } = P({
   },
   validations: {
     name: {
-      required: k
+      required: w
     },
     email: {
-      email: w
+      email: k
     }
   },
   computed: {
-    ...S({
+    ...M({
       isPostingCompany: "companies/isPosting",
       isPostingUser: "companyUsers/isPosting",
       hasChanged: "forms/hasChanged",
       companyRegion: "application/companyRegion",
       can: "application/can"
     }),
-    ...B({
+    ...R({
       company: "company",
       user: "companyUser",
       name: "company.name",
@@ -96,7 +96,7 @@ const { mapFields: B } = P({
     this.$refs[this.inputFocusOnMount] ? this.$refs[this.inputFocusOnMount].$el.querySelector("input").focus() : this.$refs.name.$el.querySelector("input").focus();
   },
   methods: {
-    ...M({
+    ...P({
       formEditCompany: l.FORM_EDIT_COMPANY,
       formEditCompanyUser: l.FORM_EDIT_COMPANY_USER,
       formSubmitCompany: l.FORM_SUBMIT_COMPANY,
@@ -111,7 +111,7 @@ const { mapFields: B } = P({
       }));
     },
     async save() {
-      this.v$.$touch(), !this.v$.$invalid && (this.isLoading = !0, this.isPublicForm ? R({ company: this.company, user: this.user }) : await Promise.all([
+      this.v$.$touch(), !this.v$.$invalid && (this.isLoading = !0, this.isPublicForm ? q({ company: this.company, user: this.user }) : await Promise.all([
         ...this.hasChanged("company") ? [this.formSubmitCompany()] : [],
         ...this.hasChanged("companyUser") && this.currentUserId === this.documentCompanyUserId ? [this.formSubmitCompanyUser()] : []
       ]), this.$emit("close"), this.isLoading = !1);
@@ -122,13 +122,13 @@ const { mapFields: B } = P({
   }
 }, T = { class: "form-client" }, A = { style: { "font-weight": "600", "font-size": "21px", "padding-bottom": "calc(2.5 * var(--rem))" } };
 function D(e, a, c, p, Y, s) {
-  const u = r("CButton"), n = r("CInput"), t = r("CField"), g = r("CPhoneInput");
+  const u = r("CButton"), t = r("CInput"), n = r("CField"), g = r("CPhoneInput");
   return y(), N("div", {
-    class: $([{
+    class: O([{
       "full-screen": s.isFullScreen,
       "modal-overlay": !0
     }, "font-inter"]),
-    onClickPassive: a[5] || (a[5] = O((...o) => s.close && s.close(...o), ["self"]))
+    onClickPassive: a[5] || (a[5] = $((...o) => s.close && s.close(...o), ["self"]))
   }, [
     d("div", {
       style: _(!s.isFullScreen && { padding: "calc(3 * var(--rem))" }),
@@ -145,7 +145,7 @@ function D(e, a, c, p, Y, s) {
       }, null, 8, ["onClick"])) : z("", !0),
       d("div", T, [
         d("div", A, h(e.$t("_common:edit", { thing: e.$t("_common:company") })), 1),
-        i(t, {
+        i(n, {
           label: e.$t("_common:companyName").capitalize(),
           validator: p.v$.name,
           messages: s.messages.name,
@@ -153,7 +153,7 @@ function D(e, a, c, p, Y, s) {
           style: { "margin-bottom": "calc(1.5 * var(--rem))" }
         }, {
           default: m(() => [
-            i(n, {
+            i(t, {
               ref: "name",
               modelValue: e.name,
               "onUpdate:modelValue": a[0] || (a[0] = (o) => e.name = o),
@@ -164,13 +164,13 @@ function D(e, a, c, p, Y, s) {
           ]),
           _: 1
         }, 8, ["label", "validator", "messages"]),
-        i(t, {
+        i(n, {
           label: e.$t("_common:firstName").capitalize(),
           "label-position": "inside",
           style: { "margin-bottom": "calc(1.5 * var(--rem))" }
         }, {
           default: m(() => [
-            i(n, {
+            i(t, {
               ref: "reference",
               modelValue: e.firstName,
               "onUpdate:modelValue": a[1] || (a[1] = (o) => e.firstName = o),
@@ -179,12 +179,12 @@ function D(e, a, c, p, Y, s) {
               size: "medium",
               "custom-class": "!rounded-l-[7px]"
             }, null, 8, ["modelValue", "disabled", "placeholder"]),
-            i(t, {
+            i(n, {
               label: e.$t("_common:lastName").capitalize(),
               "label-position": "inside"
             }, {
               default: m(() => [
-                i(n, {
+                i(t, {
                   modelValue: e.lastName,
                   "onUpdate:modelValue": a[2] || (a[2] = (o) => e.lastName = o),
                   disabled: s.notCurrentUser,
@@ -197,7 +197,7 @@ function D(e, a, c, p, Y, s) {
           ]),
           _: 1
         }, 8, ["label"]),
-        i(t, {
+        i(n, {
           validator: p.v$.email,
           messages: s.messages.email,
           label: e.$t("_common:email").capitalize(),
@@ -205,7 +205,7 @@ function D(e, a, c, p, Y, s) {
           style: { "margin-bottom": "calc(1.5 * var(--rem))" }
         }, {
           default: m(() => [
-            i(n, {
+            i(t, {
               ref: "email",
               modelValue: e.email,
               "onUpdate:modelValue": a[3] || (a[3] = (o) => e.email = o),
@@ -244,7 +244,7 @@ function D(e, a, c, p, Y, s) {
     ], 4)
   ], 34);
 }
-const Q = /* @__PURE__ */ F(q, [["render", D], ["__scopeId", "data-v-cfd3117b"]]);
+const Q = /* @__PURE__ */ F(B, [["render", D], ["__scopeId", "data-v-cfd3117b"]]);
 export {
   Q as default
 };