@v1nt1248/3nclient-lib 0.1.10 → 0.1.12

package/dist/ui3n-components.js

@@ -1,7 +1,7 @@
 var xy = Object.defineProperty;
 var vy = (Q, A, I) => A in Q ? xy(Q, A, { enumerable: !0, configurable: !0, writable: !0, value: I }) : Q[A] = I;
 var AQ = (Q, A, I) => vy(Q, typeof A != "symbol" ? A + "" : A, I);
-import { defineComponent as Eg, h as er, useCssVars as CQ, openBlock as oA, createBlock as Pg, unref as pA, normalizeClass as BA, ref as NA, watch as yg, onMounted as iI, createElementBlock as uA, createCommentVNode as ZA, renderSlot as rg, useSlots as ae, computed as DA, createElementVNode as SA, toDisplayString as sg, mergeProps as GQ, toHandlers as zB, onBeforeMount as ha, createVNode as AB, Transition as la, withCtx as VB, createTextVNode as _C, Fragment as zQ, renderList as $Q, normalizeStyle as HI, nextTick as ya, withKeys as or, withModifiers as XQ, resolveDynamicComponent as qy, shallowRef as Vy, getCurrentScope as Ty, onScopeDispose as Oy, shallowReadonly as HB, withDirectives as Zy, useCssModule as Fa, getCurrentInstance as tr, onBeforeUnmount as Wy } from "vue";
+import { defineComponent as Eg, h as er, useCssVars as CQ, computed as aA, openBlock as oA, createBlock as Pg, unref as pA, normalizeClass as BA, ref as NA, watch as yg, onMounted as iI, createElementBlock as uA, createCommentVNode as ZA, renderSlot as rg, useSlots as ae, createElementVNode as SA, toDisplayString as sg, mergeProps as GQ, toHandlers as zB, onBeforeMount as ha, createVNode as AB, Transition as la, withCtx as VB, createTextVNode as _C, Fragment as zQ, renderList as $Q, normalizeStyle as HI, nextTick as ya, withKeys as or, withModifiers as XQ, resolveDynamicComponent as qy, shallowRef as Vy, getCurrentScope as Ty, onScopeDispose as Oy, shallowReadonly as HB, withDirectives as Zy, useCssModule as Fa, getCurrentInstance as tr, onBeforeUnmount as Wy } from "vue";
 var hA = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ra(Q) {
   return Q && Q.__esModule && Object.prototype.hasOwnProperty.call(Q, "default") ? Q.default : Q;
@@ -5580,7 +5580,7 @@ oe.exports;
     }
     function RB(p, O) {
       var v = p == null ? 0 : p.length;
-      return !!v && aA(p, O, 0) > -1;
+      return !!v && DA(p, O, 0) > -1;
     }
     function UC(p, O, v) {
       for (var rA = -1, JA = p == null ? 0 : p.length; ++rA < JA; )
@@ -5636,7 +5636,7 @@ oe.exports;
           return jA;
       return -1;
     }
-    function aA(p, O, v) {
+    function DA(p, O, v) {
       return O === O ? UD(p, O, v) : z(p, YA, v);
     }
     function LA(p, O, v, rA) {
@@ -5707,12 +5707,12 @@ oe.exports;
       return p.has(O);
     }
     function as(p, O) {
-      for (var v = -1, rA = p.length; ++v < rA && aA(O, p[v], 0) > -1; )
+      for (var v = -1, rA = p.length; ++v < rA && DA(O, p[v], 0) > -1; )
         ;
       return v;
     }
     function Ds(p, O) {
-      for (var v = p.length; v-- && aA(O, p[v], 0) > -1; )
+      for (var v = p.length; v-- && DA(O, p[v], 0) > -1; )
         ;
       return v;
     }
@@ -6477,7 +6477,7 @@ oe.exports;
         };
       }
       function io(g, B, e, s) {
-        var c = s ? LA : aA, F = -1, G = B.length, d = g;
+        var c = s ? LA : DA, F = -1, G = B.length, d = g;
         for (g === B && (B = qg(B)), e && (d = Cg(g, zg(e))); ++F < G; )
           for (var H = 0, P = B[F], X = e ? e(P) : P; (H = c(d, X, H, s)) > -1; )
             d !== g && Ii.call(d, H, 1), Ii.call(g, H, 1);
@@ -7586,7 +7586,7 @@ oe.exports;
         if (!s)
           return -1;
         var c = e == null ? 0 : HA(e);
-        return c < 0 && (c = lg(s + c, 0)), aA(g, B, c);
+        return c < 0 && (c = lg(s + c, 0)), DA(g, B, c);
       }
       function Vc(g) {
         var B = g == null ? 0 : g.length;
@@ -7859,7 +7859,7 @@ oe.exports;
       function Ww(g, B, e, s) {
         g = Vg(g) ? g : YB(g), e = e && !s ? HA(e) : 0;
         var c = g.length;
-        return e < 0 && (e = lg(c + e, 0)), Si(g) ? e <= c && g.indexOf(B, e) > -1 : !!c && aA(g, B, e) > -1;
+        return e < 0 && (e = lg(c + e, 0)), Si(g) ? e <= c && g.indexOf(B, e) > -1 : !!c && DA(g, B, e) > -1;
       }
       var Pw = mA(function(g, B, e) {
         var s = -1, c = typeof B == "function", F = Vg(g) ? v(g.length) : [];
@@ -10193,29 +10193,31 @@ const FU = {
   },
   emits: ["click"],
   setup(Q, { emit: A }) {
-    CQ((t) => ({
-      d73a5870: t.width,
-      "43aea936": t.height
+    CQ((r) => ({
+      "37ef7ada": r.width,
+      a79e32da: r.height
     }));
-    const I = Q, C = A, E = (t) => {
-      I.onLoad && I.onLoad(t);
-    }, i = (t) => {
-      C("click", t);
-    };
-    return (t, r) => (oA(), Pg(pA(RU), {
-      class: BA(t.$style.icon),
-      icon: t.icon,
-      title: t.title,
-      inline: t.inline,
-      width: t.width,
-      height: t.height,
-      "horizontal-flip": t.horizontalFlip,
-      "vertical-flip": t.verticalFlip,
-      flip: t.flip,
-      rotate: t.rotate,
-      color: t.color,
-      "on-load": E,
-      onClick: i
+    const I = Q, C = A, E = aA(() => `ic:${I.icon}`);
+    function i(r) {
+      I.onLoad && I.onLoad(r);
+    }
+    function t(r) {
+      C("click", r);
+    }
+    return (r, a) => (oA(), Pg(pA(RU), {
+      class: BA(r.$style.icon),
+      icon: E.value,
+      title: r.title,
+      inline: r.inline,
+      width: r.width,
+      height: r.height,
+      "horizontal-flip": r.horizontalFlip,
+      "vertical-flip": r.verticalFlip,
+      flip: r.flip,
+      rotate: r.rotate,
+      color: r.color,
+      "on-load": i,
+      onClick: t
     }, null, 8, ["class", "icon", "title", "inline", "width", "height", "horizontal-flip", "vertical-flip", "flip", "rotate", "color"]));
   }
 }), GU = "_icon_vksh7_1", UU = {
@@ -10326,7 +10328,7 @@ const FU = {
       "05ccf266": R.value,
       "9a1b2cc4": U.value
     }));
-    const I = Q, C = A, E = ae(), i = DA(() => `${I.height}px`), t = DA(() => I.height ? Number(I.height) - 2 : Number(I.height)), r = DA(() => `${Math.round(Number(I.height) / 3)}px`), a = DA(() => `${I.maxWidth}px`), w = DA(() => I.color), R = DA(() => `${I.textSize}px`), U = DA(() => I.textColor), u = DA(() => !!E.left);
+    const I = Q, C = A, E = ae(), i = aA(() => `${I.height}px`), t = aA(() => I.height ? Number(I.height) - 2 : Number(I.height)), r = aA(() => `${Math.round(Number(I.height) / 3)}px`), a = aA(() => `${I.maxWidth}px`), w = aA(() => I.color), R = aA(() => `${I.textSize}px`), U = aA(() => I.textColor), u = aA(() => !!E.left);
     return (h, S) => (oA(), uA("div", {
       class: BA([
         h.$style.chip,
@@ -11100,7 +11102,7 @@ const FU = {
   },
   emits: ["click"],
   setup(Q, { emit: A }) {
-    const I = Q, C = A, E = NA(null), i = DA(() => ga[I.emoji]);
+    const I = Q, C = A, E = NA(null), i = aA(() => ga[I.emoji]);
     iI(() => {
       E.value && E.value.style.setProperty("--emoji-size", `${I.size}px`);
     }), yg(
@@ -11149,9 +11151,9 @@ const FU = {
   emits: ["init", "input", "focus", "blur", "clear", "change", "update:modelValue", "update:valid"],
   setup(Q, { emit: A }) {
     CQ((y) => ({
-      "19429f1a": a.value
+      "860c4154": a.value
     }));
-    const I = Q, C = A, E = NA(null), i = NA(""), t = NA(!1), r = NA(""), a = DA(() => I.disabled ? "var(--color-icon-control-primary-disabled)" : I.iconColor || "var(--color-icon-control-primary-default)"), w = DA(() => i.value ? !r.value : !0);
+    const I = Q, C = A, E = NA(null), i = NA(""), t = NA(!1), r = NA(""), a = aA(() => I.disabled ? "var(--color-icon-control-primary-disabled)" : I.iconColor || "var(--color-icon-control-primary-default)"), w = aA(() => i.value ? !r.value : !0);
     iI(() => {
       I.autofocus && E.value && E.value.focus(), C("init", E.value);
     }), yg(
@@ -11234,7 +11236,7 @@ const FU = {
       }, null, 8, ["class"])) : ZA("", !0),
       y.displayStateMode === "success" && y.displayStateWithIcon && !t.value ? (oA(), Pg(eE, {
         key: 3,
-        icon: "check-circle-outline",
+        icon: "sharp-check-circle-outline",
         width: 16,
         height: 16,
         color: "var(--success-content-default)",
@@ -11678,8 +11680,8 @@ var Ti = void 0, PN = function(Q) {
           case "object":
             if (z === null) wI(b);
             else if (z.length != null) {
-              var aA = SI(z);
-              Ve(b, aA, z.length, -1), bQ(aA);
+              var DA = SI(z);
+              Ve(b, DA, z.length, -1), bQ(DA);
             } else fB(b, "Wrong API use : tried to return a value of an unknown type (" + z + ").", -1);
             break;
           default:
@@ -11687,7 +11689,7 @@ var Ti = void 0, PN = function(Q) {
         }
       }
       function n(b, z) {
-        for (var aA = [], LA = 0; LA < b; LA += 1) {
+        for (var DA = [], LA = 0; LA < b; LA += 1) {
           var YA = cg(z + 4 * LA, "i32"), OA = qe(YA);
           if (OA === 1 || OA === 2) YA = UC(YA);
           else if (OA === 3) YA = dI(YA);
@@ -11696,9 +11698,9 @@ var Ti = void 0, PN = function(Q) {
             for (var xg = new Uint8Array(YA), fg = 0; fg < YA; fg += 1) xg[fg] = _[OA + fg];
             YA = xg;
           } else YA = null;
-          aA.push(YA);
+          DA.push(YA);
         }
-        return aA;
+        return DA;
       }
       function D(b, z) {
         this.La = b, this.db = z, this.Ja = 1, this.fb = [];
@@ -11709,17 +11711,17 @@ var Ti = void 0, PN = function(Q) {
       }
       function N(b) {
         if (this.filename = "dbfile_" + (4294967295 * Math.random() >>> 0), b != null) {
-          var z = this.filename, aA = "/", LA = z;
-          if (aA && (aA = typeof aA == "string" ? aA : sQ(aA), LA = z ? Lg(aA + "/" + z) : aA), z = uC(
+          var z = this.filename, DA = "/", LA = z;
+          if (DA && (DA = typeof DA == "string" ? DA : sQ(DA), LA = z ? Lg(DA + "/" + z) : DA), z = uC(
             !0,
             !0
           ), LA = aB(LA, (z !== void 0 ? z : 438) & 4095 | 32768, 0), b) {
             if (typeof b == "string") {
-              aA = Array(b.length);
-              for (var YA = 0, OA = b.length; YA < OA; ++YA) aA[YA] = b.charCodeAt(YA);
-              b = aA;
+              DA = Array(b.length);
+              for (var YA = 0, OA = b.length; YA < OA; ++YA) DA[YA] = b.charCodeAt(YA);
+              b = DA;
             }
-            uB(LA, z | 146), aA = rQ(LA, 577), LQ(aA, b, 0, b.length, 0), DC(aA), uB(LA, z);
+            uB(LA, z | 146), DA = rQ(LA, 577), LQ(DA, b, 0, b.length, 0), DC(DA), uB(LA, z);
           }
         }
         this.handleError(dA(this.filename, V)), this.db = cg(V, "i32"), Te(this.db), this.Za = {}, this.Na = {};
@@ -11767,11 +11769,11 @@ var Ti = void 0, PN = function(Q) {
         b == null && (b = this.Ja, this.Ja += 1);
         var z = qE(this.La, b);
         b = vE(this.La, b);
-        for (var aA = new Uint8Array(z), LA = 0; LA < z; LA += 1) aA[LA] = _[b + LA];
-        return aA;
+        for (var DA = new Uint8Array(z), LA = 0; LA < z; LA += 1) DA[LA] = _[b + LA];
+        return DA;
       }, D.prototype.get = function(b, z) {
         z = z || {}, b != null && this.bind(b) && this.step(), b = [];
-        for (var aA = fC(this.La), LA = 0; LA < aA; LA += 1) switch (VE(this.La, LA)) {
+        for (var DA = fC(this.La), LA = 0; LA < DA; LA += 1) switch (VE(this.La, LA)) {
           case 1:
             var YA = z.useBigInt ? this.Cb(LA) : this.sb(LA);
             b.push(YA);
@@ -11790,12 +11792,12 @@ var Ti = void 0, PN = function(Q) {
         }
         return b;
       }, D.prototype.getColumnNames = function() {
-        for (var b = [], z = xE(this.La), aA = 0; aA < z; aA += 1) b.push(TE(this.La, aA));
+        for (var b = [], z = xE(this.La), DA = 0; DA < z; DA += 1) b.push(TE(this.La, DA));
         return b;
       }, D.prototype.getAsObject = function(b, z) {
         b = this.get(b, z), z = this.getColumnNames();
-        for (var aA = {}, LA = 0; LA < z.length; LA += 1) aA[z[LA]] = b[LA];
-        return aA;
+        for (var DA = {}, LA = 0; LA < z.length; LA += 1) DA[z[LA]] = b[LA];
+        return DA;
       }, D.prototype.getSQL = function() {
         return YE(this.La);
       }, D.prototype.getNormalizedSQL = function() {
@@ -11804,12 +11806,12 @@ var Ti = void 0, PN = function(Q) {
         return b != null && this.bind(b), this.step(), this.reset();
       }, D.prototype.nb = function(b, z) {
         z == null && (z = this.Ja, this.Ja += 1), b = eQ(b);
-        var aA = SI(b);
-        this.fb.push(aA), this.db.handleError(me(this.La, z, aA, b.length - 1, 0));
+        var DA = SI(b);
+        this.fb.push(DA), this.db.handleError(me(this.La, z, DA, b.length - 1, 0));
       }, D.prototype.wb = function(b, z) {
         z == null && (z = this.Ja, this.Ja += 1);
-        var aA = SI(b);
-        this.fb.push(aA), this.db.handleError(bE(this.La, z, aA, b.length, 0));
+        var DA = SI(b);
+        this.fb.push(DA), this.db.handleError(bE(this.La, z, DA, b.length, 0));
       }, D.prototype.mb = function(b, z) {
         z == null && (z = this.Ja, this.Ja += 1), this.db.handleError((b === (b | 0) ? xe : mE)(this.La, z, b));
       }, D.prototype.zb = function(b) {
@@ -11841,9 +11843,9 @@ var Ti = void 0, PN = function(Q) {
         throw "Wrong API use : tried to bind a value of an unknown type (" + b + ").";
       }, D.prototype.yb = function(b) {
         var z = this;
-        return Object.keys(b).forEach(function(aA) {
-          var LA = wg(z.La, aA);
-          LA !== 0 && z.ob(b[aA], LA);
+        return Object.keys(b).forEach(function(DA) {
+          var LA = wg(z.La, DA);
+          LA !== 0 && z.ob(b[DA], LA);
         }), !0;
       }, D.prototype.xb = function(b) {
         for (var z = 0; z < b.length; z += 1) this.ob(b[z], z + 1);
@@ -11863,8 +11865,8 @@ var Ti = void 0, PN = function(Q) {
         iQ(V), iQ(z);
         try {
           this.db.handleError(HE(this.db.db, this.eb, -1, V, z)), this.eb = cg(z, "i32");
-          var aA = cg(V, "i32");
-          return aA === 0 ? (this.gb(), { done: !0 }) : (this.Ua = new D(aA, this.db), this.db.Za[aA] = this.Ua, { value: this.Ua, done: !1 });
+          var DA = cg(V, "i32");
+          return DA === 0 ? (this.gb(), { done: !0 }) : (this.Ua = new D(DA, this.db), this.db.Za[DA] = this.Ua, { value: this.Ua, done: !1 });
         } catch (LA) {
           throw this.ib = CA(this.eb), this.gb(), LA;
         } finally {
@@ -11887,7 +11889,7 @@ var Ti = void 0, PN = function(Q) {
           }
         } else this.handleError(cA(this.db, b, 0, 0, V));
         return this;
-      }, N.prototype.exec = function(b, z, aA) {
+      }, N.prototype.exec = function(b, z, DA) {
         if (!this.db) throw "Database closed";
         var LA = mQ(), YA = null;
         try {
@@ -11898,7 +11900,7 @@ var Ti = void 0, PN = function(Q) {
             iQ(V), iQ(Kg), this.handleError(HE(this.db, fg, -1, V, Kg));
             var vg = cg(V, "i32");
             if (fg = cg(Kg, "i32"), vg !== 0) {
-              for (OA = null, YA = new D(vg, this), z != null && YA.bind(z); YA.step(); ) OA === null && (OA = { columns: YA.getColumnNames(), values: [] }, b.push(OA)), OA.values.push(YA.get(null, aA));
+              for (OA = null, YA = new D(vg, this), z != null && YA.bind(z); YA.step(); ) OA === null && (OA = { columns: YA.getColumnNames(), values: [] }, b.push(OA)), OA.values.push(YA.get(null, DA));
               YA.free();
             }
           }
@@ -11908,18 +11910,18 @@ var Ti = void 0, PN = function(Q) {
         } finally {
           xQ(LA);
         }
-      }, N.prototype.each = function(b, z, aA, LA, YA) {
-        typeof z == "function" && (LA = aA, aA = z, z = void 0), b = this.prepare(b, z);
+      }, N.prototype.each = function(b, z, DA, LA, YA) {
+        typeof z == "function" && (LA = DA, DA = z, z = void 0), b = this.prepare(b, z);
         try {
-          for (; b.step(); ) aA(b.getAsObject(null, YA));
+          for (; b.step(); ) DA(b.getAsObject(null, YA));
         } finally {
           b.free();
         }
         if (typeof LA == "function") return LA();
       }, N.prototype.prepare = function(b, z) {
         if (iQ(V), this.handleError(cI(this.db, b, -1, V, 0)), b = cg(V, "i32"), b === 0) throw "Nothing to prepare";
-        var aA = new D(b, this);
-        return z != null && aA.bind(z), this.Za[b] = aA;
+        var DA = new D(b, this);
+        return z != null && DA.bind(z), this.Za[b] = DA;
       }, N.prototype.iterateStatements = function(b) {
         return new f(b, this);
       }, N.prototype.export = function() {
@@ -11939,7 +11941,7 @@ var Ti = void 0, PN = function(Q) {
         return MA(this.db);
       }, N.prototype.create_function = function(b, z) {
         Object.prototype.hasOwnProperty.call(this.Na, b) && (qI(this.Na[b]), delete this.Na[b]);
-        var aA = YQ(function(LA, YA, OA) {
+        var DA = YQ(function(LA, YA, OA) {
           YA = n(YA, OA);
           try {
             var xg = z.apply(null, YA);
@@ -11949,9 +11951,9 @@ var Ti = void 0, PN = function(Q) {
           }
           o(LA, xg);
         }, "viii");
-        return this.Na[b] = aA, this.handleError(Jg(this.db, b, z.length, 1, 0, aA, 0, 0, 0)), this;
+        return this.Na[b] = DA, this.handleError(Jg(this.db, b, z.length, 1, 0, DA, 0, 0, 0)), this;
       }, N.prototype.create_aggregate = function(b, z) {
-        var aA = z.init || function() {
+        var DA = z.init || function() {
           return null;
         }, LA = z.finalize || function(Kg) {
           return Kg;
@@ -11961,7 +11963,7 @@ var Ti = void 0, PN = function(Q) {
         Object.hasOwnProperty.call(this.Na, b) && (qI(this.Na[b]), delete this.Na[b]), z = b + "__finalize", Object.hasOwnProperty.call(this.Na, z) && (qI(this.Na[z]), delete this.Na[z]);
         var xg = YQ(function(Kg, vg, TI) {
           var hI = WE(Kg, 1);
-          Object.hasOwnProperty.call(OA, hI) || (OA[hI] = aA()), vg = n(vg, TI), vg = [OA[hI]].concat(vg);
+          Object.hasOwnProperty.call(OA, hI) || (OA[hI] = DA()), vg = n(vg, TI), vg = [OA[hI]].concat(vg);
           try {
             OA[hI] = YA.apply(null, vg);
           } catch (Oe) {
@@ -13548,7 +13550,7 @@ const $N = ["value", "placeholder", "readonly", "rows", "max-rows", "disabled"],
   },
   emits: ["init", "input", "focus", "blur", "update:text", "update:valid"],
   setup(Q, { emit: A }) {
-    const I = Q, C = A, E = NA(null), i = NA(!1), t = NA(""), r = DA(() => I.text ? !t.value : !0);
+    const I = Q, C = A, E = NA(null), i = NA(!1), t = NA(""), r = aA(() => I.text ? !t.value : !0);
     iI(() => {
       E.value && (ON(E.value), C("init", E.value));
     }), yg(
@@ -13681,7 +13683,7 @@ const $N = ["value", "placeholder", "readonly", "rows", "max-rows", "disabled"],
         i.value && i.value.style.setProperty("--ui3n-checkbox-size", `${R}px`);
       }
     );
-    const a = DA(() => r.value ? "indeterminate" : t.value === I.checkedValue ? "checked" : "unchecked"), w = () => {
+    const a = aA(() => r.value ? "indeterminate" : t.value === I.checkedValue ? "checked" : "unchecked"), w = () => {
       t.value = a.value !== "unchecked" ? I.uncheckedValue : I.checkedValue, r.value && (r.value = !1), C("change", t.value), C("update:modelValue", t.value);
     };
     return (R, U) => (oA(), uA("div", {
@@ -13750,25 +13752,25 @@ const $N = ["value", "placeholder", "readonly", "rows", "max-rows", "disabled"],
     const A = Q, I = {
       success: {
         color: "var(--success-content-default)",
-        icon: "warning",
+        icon: "round-warning",
         iconColor: "var(--success-fill-default)",
         iconRotate: 0
       },
       warning: {
         color: "var(--warning-content-default)",
-        icon: "warning",
+        icon: "round-warning",
         iconColor: "var(--warning-fill-default)",
         iconRotate: 0
       },
       info: {
         color: "var(--info-content-default)",
-        icon: "info",
+        icon: "round-info",
         iconColor: "var(--info-fill-default)",
         iconRotate: 90
       },
       error: {
         color: "var(--error-content-default)",
-        icon: "info",
+        icon: "round-info",
         iconColor: "var(--error-fill-default)",
         iconRotate: 90
       }
@@ -13835,15 +13837,15 @@ const $N = ["value", "placeholder", "readonly", "rows", "max-rows", "disabled"],
     value: {}
   },
   setup(Q) {
-    const A = Q, I = DA(() => A.size ? +A.size : 16), C = DA(() => A.color || "var(--color-icon-table-primary-default)");
+    const A = Q, I = aA(() => A.size ? +A.size : 16), C = aA(() => A.color || "var(--color-icon-table-primary-default)");
     return (E, i) => (oA(), Pg(la, {
       mode: "out-in",
       name: "fade"
     }, {
       default: VB(() => [
         (oA(), Pg(eE, {
-          key: E.value === "asc" ? "arrow-downward" : "arrow-upward",
-          icon: E.value === "asc" ? "arrow-downward" : "arrow-upward",
+          key: E.value === "asc" ? "baseline-arrow-downward" : "baseline-arrow-upward",
+          icon: E.value === "asc" ? "baseline-arrow-downward" : "baseline-arrow-upward",
           width: I.value,
           height: I.value,
           color: C.value
@@ -13858,13 +13860,13 @@ function WM(Q, A) {
   const I = NA(null), C = NA({
     sortOrder: h(),
     fieldAsRowKey: u()
-  }), E = (EA = C.value) != null && EA.fieldAsRowKey ? NA([]) : NA(/* @__PURE__ */ new Set()), i = NA(!1), t = DA(() => !!C.value.fieldAsRowKey), r = DA(() => Q.head.filter((QA) => !QA.hidden)), a = DA(
+  }), E = (EA = C.value) != null && EA.fieldAsRowKey ? NA([]) : NA(/* @__PURE__ */ new Set()), i = NA(!1), t = aA(() => !!C.value.fieldAsRowKey), r = aA(() => Q.head.filter((QA) => !QA.hidden)), a = aA(
     () => t.value ? Q.body.content.filter(
       (QA) => E.value.includes(QA[C.value.fieldAsRowKey])
     ) : Array.from(E.value)
-  ), w = DA(
+  ), w = aA(
     () => t.value ? QI.size(E.value) : E.value.size
-  ), R = DA(() => {
+  ), R = aA(() => {
     var QA;
     return ((QA = Q.config) == null ? void 0 : QA.selectable) === "multiple" && i.value;
   });
@@ -14146,7 +14148,7 @@ const PM = /* @__PURE__ */ Eg({
   },
   emits: ["open", "before-close", "close", "confirm", "cancel", "click-overlay"],
   setup(Q, { emit: A }) {
-    const I = Q, C = A, E = NA(!0), i = NA(null), t = NA(!0), r = NA(null), a = DA(() => {
+    const I = Q, C = A, E = NA(!0), i = NA(null), t = NA(!0), r = NA(null), a = aA(() => {
       var k, y, J, m, Z, q, AA, IA, EA, QA, CA, iA, Y, $, _, T;
       return {
         teleport: ((k = I.dialogProps) == null ? void 0 : k.teleport) ?? "body",
@@ -14166,9 +14168,15 @@ const PM = /* @__PURE__ */ Eg({
         cancelButtonBackground: ((_ = I.dialogProps) == null ? void 0 : _.cancelButtonBackground) ?? "var(--color-bg-button-secondary-default)",
         closeOnClickOverlay: ((T = I.dialogProps) == null ? void 0 : T.closeOnClickOverlay) ?? !0
       };
-    }), w = DA(() => ({ width: `${a.value.width}px`, ...a.value.cssStyle }));
+    }), w = aA(() => ({ width: `${a.value.width}px`, ...a.value.cssStyle }));
     iI(() => {
-      r.value && (r.value.style.setProperty("--dialog-confirm-button-color", a.value.confirmButtonColor), r.value.style.setProperty("--dialog-cancel-button-color", a.value.cancelButtonColor), r.value.style.setProperty("--dialog-confirm-background-color", a.value.confirmButtonBackground), r.value.style.setProperty("--dialog-cancel-background-color", a.value.cancelButtonBackground)), r.value && ya(() => {
+      r.value && (r.value.style.setProperty("--dialog-confirm-button-color", a.value.confirmButtonColor), r.value.style.setProperty("--dialog-cancel-button-color", a.value.cancelButtonColor), r.value.style.setProperty(
+        "--dialog-confirm-background-color",
+        a.value.confirmButtonBackground
+      ), r.value.style.setProperty(
+        "--dialog-cancel-background-color",
+        a.value.cancelButtonBackground
+      )), r.value && ya(() => {
         r.value.focus();
       });
     });
@@ -14238,10 +14246,7 @@ const PM = /* @__PURE__ */ Eg({
         ], 6)) : ZA("", !0),
         a.value.confirmButton || a.value.cancelButton ? (oA(), uA("div", {
           key: 2,
-          class: BA([
-            k.$style.actions,
-            a.value.confirmButton && a.value.cancelButton && k.$style.bothBtns
-          ]),
+          class: BA([k.$style.actions, a.value.confirmButton && a.value.cancelButton && k.$style.bothBtns]),
           onClick: y[8] || (y[8] = XQ(() => {
           }, ["stop"]))
         }, [
@@ -15260,19 +15265,19 @@ function ia(Q, A) {
 }
 function sD(Q, A, I) {
   I === void 0 && (I = {});
-  const C = I.whileElementsMounted, E = DA(() => {
+  const C = I.whileElementsMounted, E = aA(() => {
     var EA;
     return (EA = xB(I.open)) != null ? EA : !0;
-  }), i = DA(() => xB(I.middleware)), t = DA(() => {
+  }), i = aA(() => xB(I.middleware)), t = aA(() => {
     var EA;
     return (EA = xB(I.placement)) != null ? EA : "bottom";
-  }), r = DA(() => {
+  }), r = aA(() => {
     var EA;
     return (EA = xB(I.strategy)) != null ? EA : "absolute";
-  }), a = DA(() => {
+  }), a = aA(() => {
     var EA;
     return (EA = xB(I.transform)) != null ? EA : !0;
-  }), w = DA(() => Mt(Q.value)), R = DA(() => Mt(A.value)), U = NA(0), u = NA(0), h = NA(r.value), S = NA(t.value), k = Vy({}), y = NA(!1), J = DA(() => {
+  }), w = aA(() => Mt(Q.value)), R = aA(() => Mt(A.value)), U = NA(0), u = NA(0), h = NA(r.value), S = NA(t.value), k = Vy({}), y = NA(!1), J = aA(() => {
     const EA = {
       position: h.value,
       left: "0",
@@ -15479,15 +15484,15 @@ const iL = /* @__PURE__ */ Eg({
     renderAhead: { default: 20 }
   },
   setup(Q) {
-    const A = Q, I = NA(0), C = NA(), E = NA(null), i = DA(
+    const A = Q, I = NA(0), C = NA(), E = NA(null), i = aA(
       () => E.value ? E.value.clientHeight : 0
-    ), t = DA(() => A.items.length), r = DA(() => t.value * A.minChildHeight), a = DA(() => {
+    ), t = aA(() => A.items.length), r = aA(() => t.value * A.minChildHeight), a = aA(() => {
       const h = Math.floor(I.value / A.minChildHeight) - A.renderAhead;
       return Math.max(0, h);
-    }), w = DA(() => {
+    }), w = aA(() => {
       const h = Math.ceil(i.value / A.minChildHeight) + 2 * A.renderAhead;
       return Math.min(t.value - a.value, h);
-    }), R = DA(() => a.value * A.minChildHeight), U = DA(() => A.items.slice(a.value, a.value + w.value)), u = (h) => {
+    }), R = aA(() => a.value * A.minChildHeight), U = aA(() => A.items.slice(a.value, a.value + w.value)), u = (h) => {
       C.value && cancelAnimationFrame(C.value), C.value = requestAnimationFrame(() => I.value = h.target.scrollTop);
     };
     return iI(() => {
@@ -15547,7 +15552,7 @@ const iL = /* @__PURE__ */ Eg({
       "2e2fd64e": r.value,
       "3b25d790": w.value
     }));
-    const I = Q, C = A, E = Fa(), i = NA(null), t = NA(null), r = DA(() => I.activeColor), a = DA(() => I.inactiveColor), w = DA(() => I.indicatorColor), R = DA(() => `${I.indicatorSize}px`), U = DA(() => I.indicatorPosition === "reverse" ? "100%" : "0");
+    const I = Q, C = A, E = Fa(), i = NA(null), t = NA(null), r = aA(() => I.activeColor), a = aA(() => I.inactiveColor), w = aA(() => I.indicatorColor), R = aA(() => `${I.indicatorSize}px`), U = aA(() => I.indicatorPosition === "reverse" ? "100%" : "0");
     yg(
       () => I.modelValue,
       (k) => h(k)
@@ -15933,7 +15938,7 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
     position: { default: "right-top" }
   },
   setup(Q) {
-    const A = Q, I = ae(), C = NA(), E = DA(() => !!I.default), i = DA(() => {
+    const A = Q, I = ae(), C = NA(), E = aA(() => !!I.default), i = aA(() => {
       const [t, r] = A.position.split("-");
       return {
         ...t === "right" && { right: `-${Wi(C.value, "width", 0) / 2}px` },
@@ -15983,13 +15988,13 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
   },
   emits: ["click"],
   setup(Q, { emit: A }) {
-    const I = Q, C = A, E = DA(() => {
+    const I = Q, C = A, E = aA(() => {
       var a;
       if (I.separator)
         return I.separator;
       const r = tr();
       return ((a = r == null ? void 0 : r.parent) == null ? void 0 : a.props.separator) || "/";
-    }), i = DA(() => {
+    }), i = aA(() => {
       var a;
       const r = tr();
       return ((a = r == null ? void 0 : r.parent) == null ? void 0 : a.props.disabled) || !1;
@@ -16145,7 +16150,7 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
       "228245f9": r.bgColor,
       "5ccf99fe": r.color
     }));
-    const A = Q, I = DA(() => A.withText && !A.indeterminate), C = DA(() => QI.toNumber(A.height)), E = DA(() => `${C.value}px`), i = DA(() => QI.toNumber(A.value)), t = DA(
+    const A = Q, I = aA(() => A.withText && !A.indeterminate), C = aA(() => QI.toNumber(A.height)), E = aA(() => `${C.value}px`), i = aA(() => QI.toNumber(A.value)), t = aA(
       () => A.indeterminate ? "20%" : `${Math.min(i.value, 100)}%`
     );
     return (r, a) => (oA(), uA("div", {
@@ -16199,12 +16204,12 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
       e9ef786c: m.bgColor,
       "07acd80f": m.color
     }));
-    const A = [1, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95, 99], I = Q, C = Fa(), E = NA(), i = DA(() => I.withText && !I.indeterminate), t = DA(() => QI.toNumber(I.size)), r = DA(() => `${t.value}px`), a = DA(() => {
+    const A = [1, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95, 99], I = Q, C = Fa(), E = NA(), i = aA(() => I.withText && !I.indeterminate), t = aA(() => QI.toNumber(I.size)), r = aA(() => `${t.value}px`), a = aA(() => {
       if (I.width)
         return QI.toNumber(I.width);
       const m = t.value - up;
       return m <= 0 ? Math.round(t.value / 10) : 6 + Math.round(m / 20);
-    }), w = DA(() => `${a.value}px`), R = DA(() => QI.toNumber(I.value)), U = DA(() => `${Math.floor((t.value - 2 * a.value) / 3.2)}px`), u = DA(() => Math.round(t.value / 2) - Math.round(a.value / 2)), h = DA(() => Math.round(Math.PI * 2 * u.value)), S = NA(), k = NA(0), y = DA(() => {
+    }), w = aA(() => `${a.value}px`), R = aA(() => QI.toNumber(I.value)), U = aA(() => `${Math.floor((t.value - 2 * a.value) / 3.2)}px`), u = aA(() => Math.round(t.value / 2) - Math.round(a.value / 2)), h = aA(() => Math.round(Math.PI * 2 * u.value)), S = NA(), k = NA(0), y = aA(() => {
       const m = I.indeterminate ? k.value : R.value, Z = Math.round(h.value * m / 100), q = h.value - Z;
       return `${Z} ${q}`;
     });
@@ -16292,10 +16297,10 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
       ...I.trigger === "click" && !I.disabled && {
         click: () => y(!i.value)
       }
-    }, i = NA(!1), t = NA(null), r = NA(null), a = NA(null), w = DA(() => `${-mB}px`), R = DA(() => `${mB}px`), U = DA(() => {
+    }, i = NA(!1), t = NA(null), r = NA(null), a = NA(null), w = aA(() => `${-mB}px`), R = aA(() => `${mB}px`), U = aA(() => {
       const [J, m] = I.placement.split("-");
       return J;
-    }), u = DA(() => {
+    }), u = aA(() => {
       const J = {
         mainAxis: 0,
         crossAxis: 0

package/dist/ui3n-plugins.d.ts

@@ -1,7 +1,7 @@
+import { Component } from 'vue';
 import { i18n } from './plugins/i18n/i18n';
 import { storeI18n } from './plugins/i18n/store-i18n';
 import { I18N_KEY, I18nOptions, I18nPlugin } from './plugins/i18n/types';
-import { useIcons } from './plugins/icons/icons';
 import { Ui3nNotificationProps } from './components/ui3n-notification/types';
 import { notifications } from './plugins/notifications/notifications';
 import { storeNotifications } from './plugins/notifications/store-notifications';
@@ -15,7 +15,7 @@ import { storeVueBus } from './plugins/vue-bus/store-vue-bus';
 import { VUEBUS_KEY, CbFunction, VueEventBus, VueBusPlugin } from './plugins/vue-bus/types';
 declare module 'vue' {
     interface ComponentCustomProperties {
-        $openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
+        $openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => DialogInstance | undefined;
         $createNotice: (params: Ui3nNotificationProps) => void;
         $locale: string;
         $tr: (key: string, placeholders?: Record<string, string>) => string;
@@ -25,7 +25,7 @@ declare module 'vue' {
 }
 declare module 'pinia' {
     interface PiniaCustomProperties {
-        $openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
+        $openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => DialogInstance | undefined;
         $createNotice: (params: Ui3nNotificationProps) => void;
         $emitter: {
             on: (type: string | symbol, handler: CbFunction) => void;
@@ -41,4 +41,4 @@ declare module 'pinia' {
         };
     }
 }
-export { i18n, storeI18n, I18N_KEY, I18nOptions, I18nPlugin, useIcons, notifications, storeNotifications, NOTIFICATIONS_KEY, NotificationsPlugin, dialogs, storeDialogs, DIALOGS_KEY, DialogsPlugin, DialogInstance, vueBus, storeVueBus, VUEBUS_KEY, CbFunction, VueBusPlugin, VueEventBus, };
+export { i18n, storeI18n, I18N_KEY, I18nOptions, I18nPlugin, notifications, storeNotifications, NOTIFICATIONS_KEY, NotificationsPlugin, dialogs, storeDialogs, DIALOGS_KEY, DialogsPlugin, DialogInstance, vueBus, storeVueBus, VUEBUS_KEY, CbFunction, VueBusPlugin, VueEventBus, };