@ui0/icon 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,18 +1,18 @@
-var te = Object.defineProperty;
-var ne = (n, s, e) => s in n ? te(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var $ = (n, s, e) => ne(n, typeof s != "symbol" ? s + "" : s, e);
-import { newErrorForSetupCall as ce, isArray as ae, hyphenate as ie } from "@ui0/util";
-import { inject as R, getCurrentInstance as re, h as k, resolveComponent as le, defineComponent as pe, useCssModule as ue, shallowRef as he, useAttrs as de, openBlock as fe, createBlock as me, mergeProps as N, camelize as ge } from "vue";
-import { useComponentId as ke } from "@ui0/composable";
-const ve = Symbol.for("ui0-icon"), U = Symbol("ui0-icon-instance");
-function as() {
-  const n = R(U, void 0);
-  if (n) return n;
-  const s = re();
-  if (!s) throw ce("getIcon");
+var ne = Object.defineProperty;
+var ce = (o, s, e) => s in o ? ne(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
+var z = (o, s, e) => ce(o, typeof s != "symbol" ? s + "" : s, e);
+import { newErrorForSetupCall as ie, isArray as re, hyphenate as ae } from "@ui0/util";
+import { inject as Z, getCurrentInstance as le, h as E, reactive as ue, onScopeDispose as pe, resolveComponent as fe, defineComponent as de, useCssModule as he, useAttrs as me, openBlock as ge, createBlock as ve, mergeProps as G, camelize as ke } from "vue";
+import { useComponentId as we } from "@ui0/composable";
+const ye = Symbol.for("ui0-icon"), Y = Symbol("ui0-icon-instance");
+function ps() {
+  const o = Z(Y, void 0);
+  if (o) return o;
+  const s = le();
+  if (!s) throw ie("getIcon");
   return s.appContext.config.globalProperties.$ui0Icon;
 }
-const ye = {
+const be = {
   value: "fake",
   rotate: 0,
   weight: 400,
@@ -32,32 +32,32 @@ const ye = {
     guides: !1
   }
 };
-function we(n, s) {
+function xe(o, s) {
   const e = [
-    n,
+    o,
     s,
-    ye
-  ], f = (c) => {
-    for (const p of e) {
-      const m = p == null ? void 0 : p[c];
-      if (m !== void 0) return m;
+    be
+  ], d = (n) => {
+    for (const i of e) {
+      const u = i == null ? void 0 : i[n];
+      if (u !== void 0) return u;
     }
   };
   return new Proxy({}, {
-    get: (c, p) => f(p),
-    ownKeys: () => [...new Set(e.flatMap((c) => c ? Object.keys(c) : []))],
-    getOwnPropertyDescriptor: (c, p) => ({
+    get: (n, i) => d(i),
+    ownKeys: () => [...new Set(e.flatMap((n) => n ? Object.keys(n) : []))],
+    getOwnPropertyDescriptor: (n, i) => ({
       enumerable: !0,
       configurable: !0,
-      value: f(p)
+      value: d(i)
     })
   });
 }
-const K = Symbol("ui0-icon-framework");
-function be() {
-  return R(K, {});
+const J = Symbol("ui0-icon-framework");
+function Ie() {
+  return Z(J, {});
 }
-const G = {
+const q = {
   "ellipse-rect": "M930,602.17c0,12.52,0,25.03-.07,37.55-.06,10.54-.18,21.09-.47,31.63-.62,22.97-1.97,46.14-6.06,68.85-4.14,23.04-10.9,44.49-21.56,65.42-10.47,20.58-24.16,39.41-40.49,55.73-16.33,16.33-35.16,30.01-55.73,40.49-20.94,10.66-42.38,17.42-65.42,21.56-22.71,4.08-45.88,5.43-68.85,6.06-10.54.29-21.08.41-31.63.47-12.52.08-25.03.07-37.55.07h-244.34c-12.52,0-25.03,0-37.55-.07-10.54-.06-21.09-.18-31.63-.47-22.97-.62-46.14-1.97-68.85-6.06-23.04-4.14-44.49-10.9-65.42-21.56-20.58-10.47-39.41-24.16-55.73-40.49-16.33-16.33-30.01-35.16-40.49-55.73-10.66-20.94-17.42-42.38-21.56-65.42-4.08-22.71-5.43-45.88-6.06-68.85-.29-10.54-.41-21.08-.47-31.63-.08-12.52-.07-25.03-.07-37.55v-244.34c0-12.52,0-25.03.07-37.55.06-10.54.18-21.09.47-31.63.62-22.97,1.97-46.14,6.06-68.85,4.14-23.04,10.9-44.49,21.56-65.42,10.47-20.58,24.16-39.41,40.49-55.73,16.33-16.33,35.16-30.01,55.73-40.49,20.94-10.66,42.38-17.42,65.42-21.56,22.71-4.08,45.88-5.43,68.85-6.06,10.54-.29,21.08-.41,31.63-.47,12.52-.08,25.03-.07,37.55-.07h244.34c12.52,0,25.03,0,37.55.07,10.54.06,21.09.18,31.63.47,22.97.62,46.14,1.97,68.85,6.06,23.04,4.14,44.49,10.9,65.42,21.56,20.58,10.47,39.41,24.16,55.73,40.49,16.33,16.33,30.01,35.16,40.49,55.73,10.66,20.94,17.42,42.38,21.56,65.42,4.08,22.71,5.43,45.88,6.06,68.85.29,10.54.41,21.08.47,31.63.08,12.52.07,25.03.07,37.55v244.34Z",
   shield: "M75,408.8c0-143.9,0-215.8,17-240,17-24.2,84.6-47.4,219.9-93.7l25.8-8.8c70.5-24.1,105.8-36.2,142.3-36.2s71.8,12.1,142.3,36.2l25.8,8.8c135.3,46.3,202.9,69.5,219.9,93.7,17,24.2,17,96.2,17,240v70.9c0,253.7-190.8,376.8-310.4,429.1-32.5,14.2-48.7,21.3-94.6,21.3s-62.1-7.1-94.6-21.3c-119.7-52.3-310.4-175.4-310.4-429.1v-70.9h0Z",
   pentagon: "M515.9,52.2l114.6,232.2c5.8,11.8,17.1,20,30.1,21.9l256.3,37.2c32.8,4.8,45.9,45.1,22.2,68.2l-185.4,180.8c-9.4,9.2-13.7,22.4-11.5,35.4l43.8,255.2c5.6,32.7-28.7,57.6-58,42.2l-229.2-120.5c-11.7-6.1-25.6-6.1-37.2,0l-229.2,120.5c-29.3,15.4-63.6-9.5-58-42.2l43.8-255.2c2.2-13-2.1-26.2-11.5-35.4L21,411.8c-23.7-23.1-10.6-63.5,22.2-68.2l256.3-37.2c13-1.9,24.3-10.1,30.1-21.9l114.6-232.2c14.7-29.7,57.1-29.7,71.7,0Z",
@@ -65,18 +65,18 @@ const G = {
   heptagon: "M462.6,40.8L133.9,199.2c-11,5.3-18.9,15.3-21.6,27.1L31.1,582c-2.7,11.9.1,24.3,7.7,33.8l227.5,285.3c7.6,9.5,19.1,15.1,31.3,15.1h364.9c12.2,0,23.7-5.5,31.3-15.1l227.5-285.3c7.6-9.5,10.4-22,7.7-33.8l-81.2-355.7c-2.7-11.9-10.7-21.9-21.6-27.1L497.4,40.8c-11-5.3-23.7-5.3-34.7,0Z",
   octagon: "M523,38.5l238.7,98.9c27.6,11.4,49.5,33.3,60.9,60.9l98.9,238.7c11.4,27.6,11.4,58.5,0,86.1l-98.9,238.7c-11.4,27.6-33.3,49.5-60.9,60.9l-238.7,98.9c-27.6,11.4-58.5,11.4-86.1,0l-238.7-98.9c-27.6-11.4-49.5-33.3-60.9-60.9l-98.9-238.7c-11.4-27.6-11.4-58.5,0-86.1l98.9-238.7c11.4-27.6,33.3-49.5,60.9-60.9l238.7-98.9c27.6-11.4,58.5-11.4,86.1,0h0Z"
 };
-function xe(n) {
-  return n in G;
+function _e(o) {
+  return o in q;
 }
-function _e(n) {
-  return !!n && "customOptions" in n;
+function W(o) {
+  return !!o && "customOptions" in o;
 }
-function A(n) {
-  return (s) => k("g", n, s || []);
+function R(o) {
+  return (s) => E("g", o, s || []);
 }
-class Ie {
+class Se {
   constructor() {
-    $(this, "stack", []);
+    z(this, "stack", []);
   }
   add(s) {
     this.stack.push(s);
@@ -85,36 +85,118 @@ class Ie {
     return this.stack.reduce((s, e) => e(s), {});
   }
 }
-function Se(n, s) {
-  const e = () => c.params.value ? `icon-${c.params.pack}-${c.params.value}` : "icon-none", c = {
+function X(o) {
+  return Array.isArray(o) ? o.filter((s) => typeof s == "string" && s.length > 0) : typeof o == "string" ? o.split(/[\s,]+/).filter(Boolean) : [];
+}
+function Be(o, s) {
+  const e = /* @__PURE__ */ new Set();
+  for (const d of o) {
+    const n = d.match(/^(.+?)(?::|-)(hover|active|focus)$/);
+    n ? s[n[2]] && e.add(n[1]) : e.add(d);
+  }
+  return [...e];
+}
+function Ee(o) {
+  return o.some((s) => /(?::|-)(hover|active|focus)$/.test(s));
+}
+function Me(o, s) {
+  const e = { hover: o.matches(":hover"), active: o.matches(":active"), focus: o.matches(":focus-within") }, d = () => o.closest("button, input, a, [data-icon-host]");
+  let n = null;
+  const i = { hover: !1, active: !1, focus: !1 }, u = () => s({ hover: e.hover || i.hover, active: e.active || i.active, focus: e.focus || i.focus });
+  let v = () => {
+  };
+  const h = () => {
+    e.active = i.active = !1, v(), v = () => {
+    }, u();
+  }, L = o.ownerDocument.defaultView, F = (f, P) => {
+    if (f.type === "pointerdown" && f.button !== 0 || f.type === "keydown" && ![" ", "Enter"].includes(f.key) || (h(), P.active = !0, u(), !L)) return;
+    const O = (g) => {
+      (g.type !== "keyup" || [" ", "Enter"].includes(g.key)) && h();
+    };
+    for (const g of ["pointerup", "pointercancel", "keyup", "blur"]) L.addEventListener(g, O);
+    v = () => {
+      for (const g of ["pointerup", "pointercancel", "keyup", "blur"]) L.removeEventListener(g, O);
+    };
+  }, I = (f, P) => {
+    const O = {
+      pointerenter: () => {
+        P.hover = !0, u();
+      },
+      pointerleave: () => {
+        P.hover = !1, u();
+      },
+      pointerdown: (g) => F(g, P),
+      keydown: (g) => F(g, P),
+      focusin: () => {
+        P.focus = !0, u();
+      },
+      focusout: (g) => {
+        const A = g.relatedTarget;
+        P.focus = A !== null && f.contains(A), u();
+      }
+    };
+    for (const [g, A] of Object.entries(O)) f.addEventListener(g, A);
+    return () => {
+      for (const [g, A] of Object.entries(O)) f.removeEventListener(g, A);
+    };
+  }, j = I(o, e);
+  let C = () => {
+  };
+  const _ = () => {
+    const f = d();
+    f !== n && (n = f, C(), C = f && f !== o ? I(f, i) : () => {
+    }, i.hover = (f == null ? void 0 : f.matches(":hover")) ?? !1, i.active = (f == null ? void 0 : f.matches(":active")) ?? !1, i.focus = (f == null ? void 0 : f.matches(":focus-within")) ?? !1);
+  };
+  _();
+  const D = () => _();
+  return o.addEventListener("pointerenter", _), o.addEventListener("focusin", _), o.ownerDocument.addEventListener("pointerover", D), u(), () => {
+    j(), C(), o.removeEventListener("pointerenter", _), o.removeEventListener("focusin", _), o.ownerDocument.removeEventListener("pointerover", D), v();
+  };
+}
+function $e() {
+  const o = ue({ hover: !1, active: !1, focus: !1 });
+  let s = null, e = () => {
+  };
+  const d = (n) => {
+    const i = n instanceof Element ? n : null;
+    i !== s && (e(), s = i, Object.assign(o, { hover: !1, active: !1, focus: !1 }), e = i ? Me(i, (u) => Object.assign(o, u)) : () => {
+    });
+  };
+  return pe(() => d(null)), { state: o, elementRef: d };
+}
+function Ce(o, s) {
+  const e = () => n.params.value ? `icon-${n.params.pack}-${n.params.value}` : "icon-none", n = {
     modifiers: [],
     params: {},
     getComponentName: e,
     getComponent: () => {
-      const b = le(e());
-      return typeof b == "string" ? null : b;
+      const _ = Z(Symbol.for("ui0-icon-generated"), {})[`${n.params.pack}/${n.params.value}`];
+      if (_) return _;
+      const D = fe(e());
+      return typeof D == "string" ? null : D;
     }
   };
-  if (!n) return c;
-  const p = n.includes("/") ? n : `/${n}`, [m, v = ""] = p.split("?", 2), [h, j] = m.split("/", 2), [O, ...w] = j.split(".");
-  return w.length && (c.modifiers = w.reduce((b, E) => [...b, E.replace(":", "-")], [])), v && (c.params = Object.fromEntries(v.split("&").map((b) => b.split("=", 2)))), c.params.pack = h || s.pack || "ui0", O && (c.params.value = O), c;
+  if (!o) return n;
+  const i = o.includes("/") ? o : `/${o}`, [u, v = ""] = i.split("?", 2), h = u.indexOf("/"), L = u.slice(0, h), F = u.slice(h + 1), [I, ...j] = F.split(".");
+  return j.length && (n.modifiers = j.reduce((C, _) => [...C, _.replace(":", "-")], [])), v && (n.params = Object.fromEntries(v.split("&").map((C) => C.split("=", 2)))), n.params.pack = L || s.pack || "ui0", I && (n.params.value = I), n;
 }
-function Z(n, s) {
-  const e = Se(n, s);
-  for (const [c, p] of Object.entries(s))
-    p !== void 0 && c !== "value" && e.params[c] === void 0 && (e.params[c] = p);
-  const f = {
+function Q(o, s) {
+  const e = Ce(o, s);
+  for (const [n, i] of Object.entries(s))
+    i !== void 0 && n !== "value" && e.params[n] === void 0 && (e.params[n] = i);
+  const d = {
     ...s,
     ...e.params
   };
   return {
     ...e,
-    params: f
+    params: d
   };
 }
-const Me = /* @__PURE__ */ pe({
+const Pe = /* @__PURE__ */ de({
   __name: "icon",
   props: {
+    filled: { type: Boolean, default: void 0 },
     badge: {},
     display: {},
     shape: {},
@@ -134,9 +216,9 @@ const Me = /* @__PURE__ */ pe({
     height: {},
     color: {}
   },
-  setup(n) {
-    var D, z;
-    const s = n, e = ue(), f = be(), c = (D = f.useTheme) == null ? void 0 : D.call(f, s, e), p = we(s, (z = f.useDefaults) == null ? void 0 : z.call(f)), m = q(), [, v] = ke("icon"), h = {
+  setup(o) {
+    var U, H;
+    const s = o, e = he(), d = Ie(), n = (U = d.useTheme) == null ? void 0 : U.call(d, s, e), i = xe(s, (H = d.useDefaults) == null ? void 0 : H.call(d)), u = oe(), [, v] = we("icon"), h = {
       badge: v("badge"),
       radial: v("radial"),
       shape: v("shape"),
@@ -145,189 +227,183 @@ const Me = /* @__PURE__ */ pe({
       shapeStrokeMask: v("shape-stroke-mask"),
       icon: v("icon"),
       iconMask: v("mask-icon")
-    }, j = k("rect", {
-      ...m.viewBox,
+    }, L = E("rect", {
+      ...u.viewBox,
       fill: "#FFF"
-    }), w = {
-      ...ee(s),
-      viewBox: m.getViewBox()
-    }, b = he(!1), E = de();
-    function H(t) {
-      return Array.isArray(t) ? t.filter(Boolean) : typeof t == "string" ? t.split(/[\s,]+/).filter(Boolean) : [];
-    }
-    function W(t) {
-      const a = [], o = Object.keys(t), r = ["size", "color", "value", "fill", "weight"];
-      for (let i = 0; i < o.length; i++) {
-        const l = t[o[i]];
-        r.includes(o[i]) && l !== void 0 && ["string", "number", "boolean"].includes(typeof l) && a.push(`icon-${o[i]}-${l}`);
+    }), I = {
+      ...te(s),
+      viewBox: u.getViewBox()
+    }, j = $e(), C = me();
+    function _(c) {
+      const a = [], t = Object.keys(c), p = ["size", "color", "value", "fill", "weight"];
+      for (let l = 0; l < t.length; l++) {
+        const k = c[t[l]];
+        p.includes(t[l]) && k !== void 0 && ["string", "number", "boolean"].includes(typeof k) && a.push(`icon-${t[l]}-${k}`);
       }
       return a;
     }
-    const Q = () => {
-      const { value: t } = s;
-      if (!t) return null;
-      const a = Z(ae(t) ? t[0] : t, p), o = [e.icon];
-      c ? o.push(...c.classes(a.params)) : o.push(...W(a.params));
-      const r = {
-        class: o,
-        onPointermove() {
-          b.value = !0;
-        },
-        onPointerleave() {
-          b.value = !1;
-        },
-        onVnodeMounted(l) {
-          l.el instanceof HTMLElement && l.el.parentElement && l.el.parentElement instanceof HTMLElement && l.el.parentElement;
-        }
+    const D = () => {
+      const { value: c } = s;
+      if (!c) return null;
+      const a = Q(re(c) ? c[0] : c, i), t = [e.icon];
+      n ? t.push(...n.classes(a.params)) : t.push(..._(a.params));
+      const p = {
+        class: t,
+        ref: Ee([...a.modifiers, ...X(a.params.modifiers)]) ? j.elementRef : void 0
       };
       if (a.params.value === "fake")
-        return k("i", N(E, r));
-      const i = X(a);
-      return i ? k("i", N(E, r), i) : null;
-    }, T = (t, a) => k("symbol", a, t), X = (t) => {
-      const a = V(t);
+        return E("i", G(C, p));
+      const l = P(a);
+      return l ? E("i", G(C, p), l) : null;
+    }, f = (c, a) => E("symbol", a, c), P = (c) => {
+      const a = O(c);
       if (!a) return null;
-      const o = t.params, r = o.color && o.color.length === 2, i = o.color && o.color.length > 2, l = (r || i) && o.rendering && o.rendering === "multicolor", d = [e.canvas];
-      c && d.push(...c.classes(o, e));
-      const u = [], _ = [], M = {
-        viewBox: m.getViewBox(),
-        class: d
+      const t = c.params, p = t.color && t.color.length === 2, l = t.color && t.color.length > 2, k = (p || l) && t.rendering && t.rendering === "multicolor", r = [e.canvas];
+      n && r.push(...n.classes(t, e));
+      const m = [], S = [], V = {
+        viewBox: u.getViewBox(),
+        class: r
       };
-      r && d.push(e.doubleColored), i && d.push(e.tripleColored);
+      p && r.push(e.doubleColored), l && r.push(e.tripleColored);
       let y = {};
-      if (u.push(
-        T(a, {
-          id: h.icon,
-          viewBox: m.getViewBox()
-        })
-      ), o.badge && typeof o.badge == "string") {
-        const g = Z(o.badge, {});
-        y = g.params;
-        const S = V(g);
-        if (S) {
-          const B = T(S, {
-            id: h.badge,
-            viewBox: m.getViewBox()
-          });
-          u.push(B), !o.shape && !y.shape && u.push(x(h.badge, y, w));
-          const I = x(h.badge, y, {
-            ...w,
+      const M = /* @__PURE__ */ new Map(), T = (b, x, w) => {
+        const $ = x.getComponent();
+        W($) && (Array.from($.customOptions.modifiers).length > 0 || $.customOptions.flags.some((N) => ["animation", "animate"].includes(N))) ? M.set(b, () => O(x)) : m.push(f(w, { id: b, viewBox: u.getViewBox() }));
+      }, B = (b, x = {}, w = {}) => {
+        const $ = M.get(b);
+        return g(b, x, w, $);
+      };
+      if (T(h.icon, c, a), t.badge && typeof t.badge == "string") {
+        const b = Q(t.badge, {});
+        y = b.params;
+        const x = O(b);
+        if (x) {
+          T(h.badge, b, x), !t.shape && !y.shape && m.push(B(h.badge, y, I));
+          const w = B(h.badge, y, {
+            ...I,
             class: [e.strokeMask, e.masked]
           });
-          _.push(L(h.strokeMask, [I]));
+          S.push(A(h.strokeMask, [w]));
         }
       }
-      if ((!o.shape || l) && u.push(x(h.icon, o, { mask: h.strokeMask })), o.shape) {
-        const g = x(h.icon, o, {
+      if ((!t.shape || k) && m.push(B(h.icon, t, { mask: h.strokeMask })), t.shape) {
+        const b = B(h.icon, t, {
           mask: h.strokeMask,
           class: e.masked
-        }), S = x(h.badge, y, {
-          ...w,
+        }), x = B(h.badge, y, {
+          ...I,
           class: e.masked
         });
-        y.shape && u.push(x(h.shape, {}, { mask: h.badge, ...w }));
-        const B = [g];
-        if (o.badge && B.push(S), y.shape) {
-          const I = {
-            ...w,
-            viewBox: m.getViewBox()
+        y.shape && m.push(B(h.shape, {}, { mask: h.badge, ...I }));
+        const w = [b];
+        if (t.badge && w.push(x), y.shape) {
+          const $ = {
+            ...I,
+            viewBox: u.getViewBox()
           };
-          B.push(
-            x(
+          w.push(
+            B(
               h.shape,
               {},
               {
-                ...I,
+                ...$,
                 class: [e.strokeMask, e.shapeStrokeMask, e.masked]
               }
             )
           );
         }
-        if (_.push(L(h.iconMask, B)), o.shape || y.shape) {
-          const I = J(t);
-          I && u.push(
-            T(I, {
+        if (S.push(A(h.iconMask, w)), t.shape || y.shape) {
+          const $ = ee(c);
+          $ && m.push(
+            f($, {
               id: h.shape,
-              viewBox: m.getViewBox()
+              viewBox: u.getViewBox()
             })
-          ), u.push(x(h.shape, {}, l ? { mask: h.iconMask } : { mask: h.iconMask }));
+          ), m.push(B(h.shape, {}, k ? { mask: h.iconMask } : { mask: h.iconMask }));
         }
-        o.badge && u.push(x(h.badge, y, l ? w : { ...w }));
+        t.badge && m.push(B(h.badge, y, k ? I : { ...I }));
       }
-      return _.length && u.unshift(k("defs", _)), k("svg", M, u);
-    }, V = (t) => {
-      const a = t.getComponent();
-      if (!_e(a)) return null;
-      const o = new Ie(), r = a.customOptions, i = {
-        fit: t.params.fit ?? "default",
-        progress: t.params.progress ?? 100,
-        rendering: t.params.rendering,
-        modifiers: [...t.modifiers, ...H(t.params.modifiers)]
-      }, l = [e.layerStyle], d = {
-        class: l,
+      return S.length && m.unshift(E("defs", S)), E("svg", V, m);
+    }, O = (c) => {
+      const a = c.getComponent();
+      if (!W(a)) return null;
+      const t = new Se(), p = a.customOptions, l = Be(
+        [...c.modifiers, ...X(c.params.modifiers)],
+        j.state
+      ), k = {
+        fit: c.params.fit ?? "default",
+        progress: c.params.progress ?? 100,
+        rendering: c.params.rendering,
+        modifiers: l
+      }, r = [e.layerStyle], m = {
+        class: r,
         style: "--0-icon-weight: 800;"
       };
-      return r.flags.includes("no-fill") || l.push(e.fillable), !r.flags.includes("no-stroke") && !r.flags.includes("no-process-stroke") && l.push(e.weighty), r.flags.includes("no-cap") || l.push(e.cap), r.flags.includes("no-join") || l.push(e.join), t.params.shape && l.push(e.shaped), t.modifiers.includes("fill") && l.push(e.filled), t.params.rendering && l.push(e[ge(t.params.rendering)]), o.add(() => k(a, i)), o.add(A(d)), t.params.animation && o.add(A({})), (t.params.flipped || t.modifiers.includes("flip")) && o.add(A({ class: e.flip })), t.params.rotate && o.add(
-        A({
-          class: e.rotate,
-          style: `--0-icon-rotate: ${t.params.rotate ?? 0}deg`
+      p.flags.includes("no-fill") || r.push(e.fillable), !p.flags.includes("no-stroke") && !p.flags.includes("no-process-stroke") && r.push(e.weighty), p.flags.includes("no-cap") || r.push(e.cap), p.flags.includes("no-join") || r.push(e.join), c.params.shape && r.push(e.shaped);
+      const S = c.params.filled;
+      (S !== void 0 ? S === !0 || S === "true" : l.some((B) => B === "fill" || B === "filled")) && r.push(e.filled), c.params.rendering && r.push(e[ke(c.params.rendering)]), t.add(() => E(a, k)), t.add(R(m)), c.params.animation && t.add(R({})), (c.params.flipped || l.includes("flip")) && t.add(R({ class: e.flip }));
+      const y = Number(c.params.rotate ?? 0), M = u.viewBox.x + u.viewBox.width / 2, T = u.viewBox.y + u.viewBox.height / 2;
+      return t.add(
+        R({
+          "data-icon-rotate": "",
+          transform: `rotate(${Number.isFinite(y) ? y : 0} ${M} ${T})`
         })
-      ), o.render();
-    }, x = (t, a = {}, o = {}) => {
-      let r = {
-        "--0-icon-weight": +(a.weight ?? 400) / 100 * m.getStrokeUnit(),
+      ), t.render();
+    }, g = (c, a = {}, t = {}, p) => {
+      let l = {
+        "--0-icon-weight": +(a.weight ?? 400) / 100 * u.getStrokeUnit(),
         "--0-icon-progress": a.progress ?? 100
       };
-      const i = Array.isArray(o.class) ? o.class : [o.class];
-      c && (r = { ...r, ...c.styles(a) }, i.push(...c.classes(a, e)));
-      const l = {
-        href: `#${t}`,
-        style: r,
-        ...o,
-        class: i
+      const k = Array.isArray(t.class) ? t.class : [t.class];
+      n && (l = { ...l, ...n.styles(a) }, k.push(...n.classes(a, e)));
+      const r = {
+        href: `#${c}`,
+        style: l,
+        ...t,
+        class: k
       };
-      return o.mask && (l.mask = `url(#${o.mask})`), k("use", l);
-    }, L = (t, a = []) => k("mask", { id: t }, [j, ...a]), J = (t) => {
-      const a = t.params;
+      return t.mask && (r.mask = `url(#${t.mask})`), p ? (delete r.href, r.viewBox ?? (r.viewBox = u.getViewBox()), r["data-icon-inline"] = "", E("svg", r, [p()])) : E("use", r);
+    }, A = (c, a = []) => E("mask", { id: c }, [L, ...a]), ee = (c) => {
+      const a = c.params;
       if (!a.shape) return;
-      const o = [], r = Y(t), i = a.shape;
-      return i === "rect" || i === "circle" ? o.push(
-        k("rect", {
-          ...r,
-          rx: i === "circle" ? "50%" : "10%"
+      const t = [], p = se(c), l = a.shape;
+      return l === "rect" || l === "circle" ? t.push(
+        E("rect", {
+          ...p,
+          rx: l === "circle" ? "50%" : "10%"
           // mask: 'url(#badgenumber)'
         })
-      ) : xe(i) && o.push(
-        k("path", {
+      ) : _e(l) && t.push(
+        E("path", {
           // 'stroke-width': 80,
-          ...r,
+          ...p,
           x: void 0,
           y: void 0,
           "stroke-linejoin": "round",
           "stroke-linecap": "round",
-          d: G[i]
+          d: q[l]
           // !asMask ? shapes[p.shape] : scalePath(shapes[p.shape], .4),
         })
-      ), o;
+      ), t;
     };
-    function Y(t) {
-      const i = m.viewBox.height - m.viewBox.height / 16, l = i, d = i, u = (
+    function se(c) {
+      const l = u.viewBox.height - u.viewBox.height / 16, k = l, r = l, m = (
         /* isChild && isMask ? measure.x : */
-        m.viewBox.width / 32
-      ), _ = (
+        u.viewBox.width / 32
+      ), S = (
         /*isChild && isMask ? measure.y : */
-        m.viewBox.height / 32
-      ), M = [e.shape];
-      return c && M.push(...c.classes(t.params, e)), {
-        class: M,
+        u.viewBox.height / 32
+      ), V = [e.shape];
+      return n && V.push(...n.classes(c.params, e)), {
+        class: V,
         // mask,
-        x: u,
-        y: _,
-        height: l,
-        width: d
+        x: m,
+        y: S,
+        height: k,
+        width: r
       };
     }
-    function q() {
+    function oe() {
       return {
         viewBox: {
           width: 960,
@@ -348,93 +424,93 @@ const Me = /* @__PURE__ */ pe({
         }
       };
     }
-    function ee(t) {
-      const { options: a } = t, o = 960, r = o / 4 * 3, i = (o - r) / 2, l = {
-        small: r / 4,
-        normal: r / 3,
-        large: r / 2
-      }, d = a == null ? void 0 : a.badge, u = d !== void 0 && d.scale || "normal", _ = d == null ? void 0 : d.cell, M = d == null ? void 0 : d.x, y = d == null ? void 0 : d.y;
-      if (u === "full" || u === 1)
+    function te(c) {
+      const { options: a } = c, t = 960, p = t / 4 * 3, l = (t - p) / 2, k = {
+        small: p / 4,
+        normal: p / 3,
+        large: p / 2
+      }, r = a == null ? void 0 : a.badge, m = r !== void 0 && r.scale || "normal", S = r == null ? void 0 : r.cell, V = r == null ? void 0 : r.x, y = r == null ? void 0 : r.y;
+      if (m === "full" || m === 1)
         return {
           x: "0",
           y: "0",
-          width: `${o}px`,
-          height: `${o}px`
+          width: `${t}px`,
+          height: `${t}px`
         };
-      let g;
-      if (typeof u == "number" ? g = u > 0.75 ? u * o : Math.min(r, Math.round(r * u)) : g = l[u], _) {
-        const P = typeof u == "string" ? {
+      let M;
+      if (typeof m == "number" ? M = m > 0.75 ? m * t : Math.min(p, Math.round(p * m)) : M = k[m], S) {
+        const x = typeof m == "string" ? {
           small: 4,
           normal: 3,
           large: 2
-        }[u] : 3, C = r / P, [se, oe] = _.split(/\s|-|,/).map(Number), F = P - 1;
+        }[m] : 3, w = p / x, [$, K] = S.split(/\s|-|,/).map(Number), N = x - 1;
         return {
-          x: `${i + Math.min(se, F) * C}`,
-          y: `${i + Math.min(oe, F) * C}`,
-          width: `${g}px`,
-          height: `${g}px`
+          x: `${l + Math.min($, N) * w}`,
+          y: `${l + Math.min(K, N) * w}`,
+          width: `${M}px`,
+          height: `${M}px`
         };
       }
-      const S = (I) => {
-        const P = I === "x" ? M : y, C = r - g;
-        switch (P) {
+      const T = (b) => {
+        const x = b === "x" ? V : y, w = p - M;
+        switch (x) {
           case "center":
-            return i + C / 2;
+            return l + w / 2;
           case "end":
-            return i + C;
+            return l + w;
           default:
-            return i;
+            return l;
         }
       };
       return {
-        x: `${S("x")}`,
-        y: `${S("y")}`,
-        width: `${g}px`,
-        height: `${g}px`
+        x: `${T("x")}`,
+        y: `${T("y")}`,
+        width: `${M}px`,
+        height: `${M}px`
       };
     }
-    return (t, a) => (fe(), me(Q));
+    return (c, a) => (ge(), ve(D));
   }
-}), Be = "ic_c2d4", $e = "ca_a457", Ce = "si_e681", Ee = "st_39f2", Pe = "sh_6010", Ae = "sh_f589", je = "la_1353", Oe = "we_0775", Te = "fi_ff74", Ve = "fi_8a2f", Le = "la_e3b8", De = "ma_30e1", ze = "la_9af0", Fe = "do_9bcc", Ne = "mu_2455", Ze = "sh_0266", Re = "tr_07fb", Ue = "jo_5839", Ke = "ca_45e8", Ge = "fl_4e44", He = "ro_299b", We = {
-  icon: Be,
-  canvas: $e,
-  sizeCustom: Ce,
-  strokeMask: Ee,
-  shapeStrokeMask: Pe,
-  shape: Ae,
-  layerStyle: je,
-  weighty: Oe,
-  fillable: Te,
-  filled: Ve,
-  layers: Le,
-  masked: De,
-  layersShift: ze,
-  doubleColored: Fe,
-  multicolor: Ne,
-  shaped: Ze,
-  tripleColored: Re,
-  join: Ue,
-  cap: Ke,
-  flip: Ge,
-  rotate: He
-}, Qe = (n, s) => {
-  const e = n.__vccOpts || n;
-  for (const [f, c] of s)
-    e[f] = c;
+}), Oe = "ic_c2d4", Ae = "ca_a457", Le = "si_3f5b", je = "si_e681", De = "st_39f2", Ve = "sh_6010", Te = "sh_f589", ze = "la_1353", Fe = "we_0775", Ne = "fi_ff74", Re = "fi_8a2f", Ze = "la_e3b8", Ue = "ma_30e1", He = "la_9af0", Ke = "do_9bcc", Ge = "mu_2455", We = "sh_0266", Xe = "tr_07fb", Qe = "jo_5839", Ye = "ca_45e8", Je = "fl_4e44", qe = {
+  icon: Oe,
+  canvas: Ae,
+  sized: Le,
+  sizeCustom: je,
+  strokeMask: De,
+  shapeStrokeMask: Ve,
+  shape: Te,
+  layerStyle: ze,
+  weighty: Fe,
+  fillable: Ne,
+  filled: Re,
+  layers: Ze,
+  masked: Ue,
+  layersShift: He,
+  doubleColored: Ke,
+  multicolor: Ge,
+  shaped: We,
+  tripleColored: Xe,
+  join: Qe,
+  cap: Ye,
+  flip: Je
+}, es = (o, s) => {
+  const e = o.__vccOpts || o;
+  for (const [d, n] of s)
+    e[d] = n;
   return e;
-}, Xe = {
-  $style: We
-}, Je = /* @__PURE__ */ Qe(Me, [["__cssModules", Xe]]);
-function Ye(n) {
-  const s = ie(n.replace("Icon", "")), e = s.split("-")[0];
+}, ss = {
+  $style: qe
+}, os = /* @__PURE__ */ es(Pe, [["__cssModules", ss]]);
+function ts(o) {
+  const s = ae(o.replace("Icon", "")), e = s.split("-")[0];
   return e ? e + "/" + s.replace(e + "-", "") : s.replace(e + "-", "");
 }
-class qe {
+class ns {
   constructor() {
-    $(this, "icons", []);
-    $(this, "vueApp");
-    $(this, "packs", {});
-    $(this, "deferred", []);
+    z(this, "icons", []);
+    z(this, "vueApp");
+    z(this, "packs", {});
+    z(this, "deferred", []);
   }
   /**
    * add icon pack plugin
@@ -456,9 +532,9 @@ class qe {
    * @param component
    */
   add(s, e) {
-    var c;
-    const f = Ye(s);
-    this.icons.push(f), this.vueApp ? (c = this.vueApp) == null || c.component(s, e) : this.deferred.push([s, e]);
+    var n;
+    const d = ts(s);
+    this.icons.push(d), this.vueApp ? (n = this.vueApp) == null || n.component(s, e) : this.deferred.push([s, e]);
   }
   setVue(s) {
     if (!s) throw new Error("app is null");
@@ -468,29 +544,29 @@ class qe {
       throw new Error("vue already installed");
   }
 }
-function is(n = {}, s) {
-  const e = new qe();
+function fs(o = {}, s) {
+  const e = new ns();
   return {
-    install: (p) => {
-      if (!p) throw new Error("@ui0/icon can be run with vue 3 only");
-      p.provide(U, e), n.framework && p.provide(K, n.framework), p.component("Icon", Je), e.setVue(p), p.config.globalProperties.$ui0Icon = e;
+    install: (i) => {
+      if (!i) throw new Error("@ui0/icon can be run with vue 3 only");
+      i.provide(Y, e), o.framework && i.provide(J, o.framework), i.component("Icon", os), e.setVue(i), i.config.globalProperties.$ui0Icon = e;
     },
-    use: (p) => {
-      e.addPack(p);
+    use: (i) => {
+      e.addPack(i);
     },
-    key: ve
+    key: ye
   };
 }
-const es = "ic_c2d4", ss = "ca_a457", rs = {
-  icon: es,
-  canvas: ss
+const cs = "ic_c2d4", is = "ca_a457", ds = {
+  icon: cs,
+  canvas: is
 };
 export {
-  rs as $style,
-  Je as Icon,
-  K as IconFrameworkKey,
-  is as createIcon,
-  as as getIcon,
-  we as resolveIconDefaults,
-  be as useIconFramework
+  ds as $style,
+  os as Icon,
+  J as IconFrameworkKey,
+  fs as createIcon,
+  ps as getIcon,
+  xe as resolveIconDefaults,
+  Ie as useIconFramework
 };