@zyzgroup/core-web 0.0.50 → 0.0.51

package/dist/zyzgroup_core_web.js

@@ -39,7 +39,7 @@ const h6 = (r) => {
       e = /^[0-1]+$/;
       break;
     case "oct":
-      e = /^(0b)?[0-8]+$/i;
+      e = /^(0b)?[0-7]+$/i;
       break;
     case "hex":
       e = /^(0x)?[0-9a-fA-F]+$/i;
@@ -48,7 +48,7 @@ const h6 = (r) => {
       e = /^[-+]?[0-9]+$/;
       break;
     case "number":
-      e = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi;
+      e = /[-+]?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi;
       break;
     case "email":
       e = /^[A-Za-z0-9_!#$%&'*+/=?`{|}~^.-]+@[A-Za-z0-9._-]+$/gm;
@@ -9388,10 +9388,10 @@ class At {
   }
 }
 function c1(r) {
-  return r % 360 * Math.PI / 180;
+  return r * Math.PI / 180;
 }
 function l_(r) {
-  return r * 180 / Math.PI % 360;
+  return r * 180 / Math.PI;
 }
 function h_(r, e, t, i) {
   const s = r - t, a = e - i;
@@ -16648,85 +16648,8 @@ const gp = (r) => {
     r(t, i);
   }
   return window.requestAnimationFrame(e);
-}, SR = () => Math.random() * 16777215, zR = () => `#${Math.random().toString(16).slice(2, 8).padEnd(6, "0")}`, PR = () => `#${(~~(Math.random() * (1 << 24))).toString(16)}`, Y_ = function(r) {
-  let e = "00000" + (r | 0).toString(16);
-  return e = "#" + e.substring(e.length - 6), e;
-}, X_ = function(r, e = 1) {
-  const t = r >> 16 & 255, i = r >> 8 & 255, s = r & 255, a = e < 0 ? 0 : e > 1 ? 1 : e;
-  return a === 1 ? "rgb(" + t + "," + i + "," + s + ")" : "rgba(" + t + "," + i + "," + s + "," + a + ")";
-}, ru = function(r) {
-  return r[0] === "#" && (r = r.slice(1)), parseInt(r, 16);
-}, vp = function(r, e = 1) {
-  const t = ru(r);
-  return X_(t, e);
-}, kR = (r) => {
-  const t = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi.exec(r);
-  return t ? "#" + ((1 << 24) + (parseInt(t[1]) << 16) + (parseInt(t[2]) << 8) + parseInt(t[3])).toString(16).slice(1) : "";
 };
-function ER(r, e, t, i) {
-  let s, a, n;
-  r = r / 360, e = e / 100, t = t / 100;
-  const o = Math.floor(r * 6), l = r * 6 - o, h = t * (1 - e), u = t * (1 - l * e), d = t * (1 - (1 - l) * e);
-  switch (o % 6) {
-    case 0:
-      s = t, a = d, n = h;
-      break;
-    case 1:
-      s = u, a = t, n = h;
-      break;
-    case 2:
-      s = h, a = t, n = d;
-      break;
-    case 3:
-      s = h, a = u, n = t;
-      break;
-    case 4:
-      s = d, a = h, n = t;
-      break;
-    case 5:
-    default:
-      s = t, a = h, n = u;
-      break;
-  }
-  return {
-    r: Math.round(s * 255),
-    g: Math.round(a * 255),
-    b: Math.round(n * 255),
-    a: i ?? 1
-  };
-}
-function AR(r, e, t, i) {
-  const s = Math.max(r, e, t), a = Math.min(r, e, t), n = s - a, o = s === 0 ? 0 : n / s, l = s / 255;
-  let h;
-  switch (s) {
-    case a:
-      h = 0;
-      break;
-    case r:
-      h = e - t + n * (e < t ? 6 : 0), h /= 6 * n;
-      break;
-    case e:
-      h = t - r + n * 2, h /= 6 * n;
-      break;
-    case t:
-    default:
-      h = r - e + n * 4, h /= 6 * n;
-      break;
-  }
-  return {
-    h: Math.round(h * 360),
-    s: Math.round(o * 100),
-    v: Math.round(l * 100),
-    a: i ?? 1
-  };
-}
-function MR(r, e) {
-  let t = parseInt(r.substring(1, 3), 16), i = parseInt(r.substring(3, 5), 16), s = parseInt(r.substring(5, 7), 16);
-  t == 0 && (t = 32), i == 0 && (i = 32), s == 0 && (s = 32), t = t * (100 + e) / 100, i = i * (100 + e) / 100, s = s * (100 + e) / 100, t = t < 255 ? t : 255, i = i < 255 ? i : 255, s = s < 255 ? s : 255, t = Math.round(t), i = Math.round(i), s = Math.round(s);
-  const a = t.toString(16).length == 1 ? "0" + t.toString(16) : t.toString(16), n = i.toString(16).length == 1 ? "0" + i.toString(16) : i.toString(16), o = s.toString(16).length == 1 ? "0" + s.toString(16) : s.toString(16);
-  return "#" + a + n + o;
-}
-class RR extends fc {
+class SR extends fc {
   container;
   ctx;
   config;
@@ -16821,7 +16744,7 @@ class RR extends fc {
   }
   /////////// Plugin End ///////////
 }
-const OR = {
+const zR = {
   colorPrimary: it.getCSSVar("--color-primary"),
   colorRed: it.getCSSVar("--color-red"),
   colorOrange: it.getCSSVar("--color-orange"),
@@ -16858,7 +16781,84 @@ const OR = {
   height44: it.getCSSVar("--height-44"),
   height32: it.getCSSVar("--height-32"),
   borderRadius: it.getCSSVar("--border-radius")
+}, PR = () => Math.random() * 16777215, kR = () => `#${Math.random().toString(16).slice(2, 8).padEnd(6, "0")}`, ER = () => `#${(~~(Math.random() * (1 << 24))).toString(16)}`, ru = function(r) {
+  return r[0] === "#" && (r = r.slice(1)), parseInt(r, 16);
+}, Y_ = function(r) {
+  let e = "00000" + (r | 0).toString(16);
+  return e = "#" + e.substring(e.length - 6), e;
+}, X_ = function(r, e = 1) {
+  const t = r >> 16 & 255, i = r >> 8 & 255, s = r & 255, a = e < 0 ? 0 : e > 1 ? 1 : e;
+  return a === 1 ? "rgb(" + t + "," + i + "," + s + ")" : "rgba(" + t + "," + i + "," + s + "," + a + ")";
+}, vp = function(r, e = 1) {
+  const t = ru(r);
+  return X_(t, e);
+}, AR = (r) => {
+  const t = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?\.?\d*)\s*\)/gi.exec(r);
+  return t ? "#" + ((1 << 24) + (parseInt(t[1]) << 16) + (parseInt(t[2]) << 8) + parseInt(t[3])).toString(16).slice(1) : "";
 };
+function MR(r, e) {
+  let t = parseInt(r.substring(1, 3), 16), i = parseInt(r.substring(3, 5), 16), s = parseInt(r.substring(5, 7), 16);
+  t == 0 && (t = 32), i == 0 && (i = 32), s == 0 && (s = 32), t = t * (100 + e) / 100, i = i * (100 + e) / 100, s = s * (100 + e) / 100, t = t < 255 ? t : 255, i = i < 255 ? i : 255, s = s < 255 ? s : 255, t = Math.round(t), i = Math.round(i), s = Math.round(s);
+  const a = t.toString(16).length == 1 ? "0" + t.toString(16) : t.toString(16), n = i.toString(16).length == 1 ? "0" + i.toString(16) : i.toString(16), o = s.toString(16).length == 1 ? "0" + s.toString(16) : s.toString(16);
+  return "#" + a + n + o;
+}
+function RR(r, e, t, i) {
+  let s, a, n;
+  r = r / 360, e = e / 100, t = t / 100;
+  const o = Math.floor(r * 6), l = r * 6 - o, h = t * (1 - e), u = t * (1 - l * e), d = t * (1 - (1 - l) * e);
+  switch (o % 6) {
+    case 0:
+      s = t, a = d, n = h;
+      break;
+    case 1:
+      s = u, a = t, n = h;
+      break;
+    case 2:
+      s = h, a = t, n = d;
+      break;
+    case 3:
+      s = h, a = u, n = t;
+      break;
+    case 4:
+      s = d, a = h, n = t;
+      break;
+    case 5:
+    default:
+      s = t, a = h, n = u;
+      break;
+  }
+  return {
+    r: Math.round(s * 255),
+    g: Math.round(a * 255),
+    b: Math.round(n * 255),
+    a: i ?? 1
+  };
+}
+function OR(r, e, t, i) {
+  const s = Math.max(r, e, t), a = Math.min(r, e, t), n = s - a, o = s === 0 ? 0 : n / s, l = s / 255;
+  let h;
+  switch (s) {
+    case a:
+      h = 0;
+      break;
+    case r:
+      h = e - t + n * (e < t ? 6 : 0), h /= 6 * n;
+      break;
+    case e:
+      h = t - r + n * 2, h /= 6 * n;
+      break;
+    case t:
+    default:
+      h = r - e + n * 4, h /= 6 * n;
+      break;
+  }
+  return {
+    h: Math.round(h * 360),
+    s: Math.round(o * 100),
+    v: Math.round(l * 100),
+    a: i ?? 1
+  };
+}
 function IR(r) {
   return btoa(encodeURIComponent(r)).replaceAll("+", "*").replaceAll("/", "-").replaceAll("=", "");
 }
@@ -32956,8 +32956,11 @@ class xO {
   actions = [];
   constructor() {
   }
+  hasObjects() {
+    return this.objects.length > 0;
+  }
   fromDOM(e) {
-    return this.objects = [], e.forEach((t) => {
+    return Array.isArray(e) || (e = [e]), this.objects = [], e.forEach((t) => {
       const i = ep(t);
       this.objects.push({
         width: parseFloat(i.css("width")),
@@ -32969,6 +32972,8 @@ class xO {
     }), this;
   }
   toCSS(e, ...t) {
+    if (!this.hasObjects())
+      return;
     switch (this.currentAnimateName = e, this[e](...t), this.objects[0].dom?.parent().css({
       position: "relative",
       perspective: "1000px",
@@ -32993,7 +32998,6 @@ class xO {
         let l = [], h = [];
         Array.isArray(a.attributeName) ? (l = a.attributeName, h = a.values) : a.attributeName && (l = [a.attributeName], h = [a.values]);
         const u = a.keyTimes.length, d = bl(o.dom?.css("transform") ?? "");
-        console.log(`** objectIndex: ${a.objectIndex} **`);
         let c = a.begin;
         a.keyTimes.forEach((f, p) => {
           const g = {
@@ -33029,7 +33033,7 @@ class xO {
     s();
   }
   _transformAttributeToCSSObjectUseMatrix(e, t, i = {}) {
-    switch (console.group(e, t), console.log("from", i._matrix.toString()), e) {
+    switch (e) {
       case "translateTo":
         i._matrix.translateTo(
           t[0] ?? 0,
@@ -33077,7 +33081,7 @@ class xO {
     }
     return Object.assign(i, {
       transform: i._matrix.toString()
-    }), console.log("to", i._matrix.toString()), console.groupEnd(), i;
+    }), i;
   }
   _addAction(e, t = !1) {
     return this.actions = t ? [] : this.actions, Array.isArray(e) || (e = [e]), e.forEach((i) => {
@@ -33150,9 +33154,9 @@ class xO {
     const i = t - 1, s = this.objects[i], a = this.objects[t], n = bl(
       a.dom?.css("transform") ?? ""
     ), o = n.clone();
-    s.dom?.show();
+    s.dom?.show(), s.dom?.css("opacity", "1");
     const l = s.el?.getBoundingClientRect();
-    s.dom?.hide(), a.dom?.show();
+    s.dom?.css("opacity", "0"), a.dom?.show(), a.dom?.css("opacity", "1");
     const h = a.el?.getBoundingClientRect(), u = s.dom?.css("background-color"), d = a.dom?.css("background-color");
     o.translate(
       (l?.left ?? 0) - (h?.left ?? 0),
@@ -33464,7 +33468,7 @@ class xO {
             [0, 0],
             [0, 0]
           ],
-          [1, 1.7],
+          [1, 1.2],
           [1, 0]
         ]
       }),
@@ -33479,7 +33483,7 @@ class xO {
     );
   }
   rotate(e = wr, t = this.objects.length - 1) {
-    Object.assign(e, { keyTimes: [0, 0.5, 1] });
+    Object.assign(e, { keyTimes: [0, 1] });
     const i = e.degree ?? 360;
     this._predefinedAnimate(
       (s) => {
@@ -33487,15 +33491,15 @@ class xO {
       (s) => ({
         attributeName: ["opacity", "rotate"],
         values: [
-          [1, 1, 1],
-          [0, i * 0.5, i]
+          [1, 1],
+          [0, i]
         ]
       }),
       (s) => {
       },
       (s) => ({
         attributeName: ["opacity"],
-        values: [[0, 0, 0]]
+        values: [[0, 0]]
       }),
       e,
       t
@@ -43482,7 +43486,7 @@ export {
   C0 as CustomCanvasGradient,
   Yf as CustomCanvasPattern,
   LM as DEFAULT_APP_CONFIG,
-  RR as DOMCanvas,
+  SR as DOMCanvas,
   yR as DOMEvent,
   At as DOMKey,
   bR as DOMMedia,
@@ -43497,7 +43501,7 @@ export {
   hI as DrawingTool,
   uI as EllipseTool,
   vI as EraserTool,
-  ER as HSVToRGBObject,
+  RR as HSVToRGBObject,
   DM as History,
   oI as HistoryPlugin,
   fI as ImageTool,
@@ -43509,8 +43513,8 @@ export {
   Ct as Point,
   _l as Polygon,
   Rs as QRCode,
-  kR as RGBStringToHexString,
-  AR as RGBToHSVObject,
+  AR as RGBStringToHexString,
+  OR as RGBToHSVObject,
   cn as Rect,
   cI as RectTool,
   ks as SVGOperation,
@@ -43673,9 +43677,9 @@ export {
   vO as pngToJpg,
   CM as qrDecompose,
   bO as radiusClip,
-  zR as randomColorHexString,
-  PR as randomColorHexString2,
-  SR as randomColorNumber,
+  kR as randomColorHexString,
+  ER as randomColorHexString2,
+  PR as randomColorNumber,
   j_ as rappar,
   OO as reactiveVue2,
   IO as reactiveVue3,
@@ -43695,7 +43699,7 @@ export {
   cO as sharpen,
   X4 as stringToBlob,
   UM as stringToDOM,
-  OR as theme,
+  zR as theme,
   rO as toBlackAndWhite,
   nO as toBlue,
   hO as toBlueAndGreen,