sprof 0.0.204 → 0.0.206

package/dist/core/components/atoms/PSticky/PSticky.stories.d.ts

@@ -23,12 +23,22 @@ declare const _default: {
                 type: StringConstructor;
                 default: string;
             };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dividerColor: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             top: string;
             padding: string;
             background: string;
             shadow: boolean;
             zIndex: number;
+            divider: boolean;
+            dividerColor: string;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -57,12 +67,22 @@ declare const _default: {
                 type: StringConstructor;
                 default: string;
             };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dividerColor: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             top: string;
             padding: string;
             background: string;
             shadow: boolean;
             zIndex: number;
+            divider: boolean;
+            dividerColor: string;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -88,12 +108,22 @@ declare const _default: {
             type: StringConstructor;
             default: string;
         };
+        divider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dividerColor: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         top: string;
         padding: string;
         background: string;
         shadow: boolean;
         zIndex: number;
+        divider: boolean;
+        dividerColor: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -153,12 +183,22 @@ export declare const Default: StoryFn<{
             type: StringConstructor;
             default: string;
         };
+        divider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dividerColor: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         top: string;
         padding: string;
         background: string;
         shadow: boolean;
         zIndex: number;
+        divider: boolean;
+        dividerColor: string;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -187,12 +227,22 @@ export declare const Default: StoryFn<{
             type: StringConstructor;
             default: string;
         };
+        divider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dividerColor: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         top: string;
         padding: string;
         background: string;
         shadow: boolean;
         zIndex: number;
+        divider: boolean;
+        dividerColor: string;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -218,12 +268,22 @@ export declare const Default: StoryFn<{
         type: StringConstructor;
         default: string;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dividerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     top: string;
     padding: string;
     background: string;
     shadow: boolean;
     zIndex: number;
+    divider: boolean;
+    dividerColor: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/dist/core/components/atoms/PSticky/PSticky.vue.d.ts

@@ -19,6 +19,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: StringConstructor;
         default: string;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dividerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     shadow: {
         type: BooleanConstructor;
@@ -40,12 +48,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: StringConstructor;
         default: string;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dividerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     top: string;
     padding: string;
     background: string;
     shadow: boolean;
     zIndex: number;
+    divider: boolean;
+    dividerColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;

package/dist/sprof.js

@@ -1,7 +1,7 @@
 var _l = Object.defineProperty;
 var Zl = (t, e, i) => e in t ? _l(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
 var a = (t, e, i) => Zl(t, typeof e != "symbol" ? e + "" : e, i);
-import { reactive as Ee, ref as T, openBlock as g, createElementBlock as w, createElementVNode as f, getCurrentInstance as Xl, inject as Yl, onUnmounted as Or, onDeactivated as Jl, onActivated as Ql, onBeforeMount as at, defineComponent as $, computed as he, mergeProps as Mt, unref as p, withModifiers as Oe, renderSlot as P, createTextVNode as is, toDisplayString as xe, Fragment as G, normalizeClass as ie, normalizeStyle as I, mergeModels as Ae, useModel as mt, withDirectives as Xe, vModelCheckbox as Kl, createVNode as R, createCommentVNode as J, vModelDynamic as eu, resolveComponent as H, isRef as Ve, withKeys as tu, vModelText as Dr, watch as Ye, createBlock as N, vModelRadio as iu, vShow as ns, vModelSelect as nu, useCssVars as Lr, onMounted as Zt, renderList as Te, withCtx as X, resolveDirective as Br, nextTick as su, Transition as Hr, onBeforeUnmount as ss, createStaticVNode as qr, onUpdated as ru, useTemplateRef as ou, resolveDynamicComponent as ai } from "vue";
+import { reactive as Ee, ref as T, openBlock as g, createElementBlock as w, createElementVNode as f, getCurrentInstance as Xl, inject as Yl, onUnmounted as Or, onDeactivated as Jl, onActivated as Ql, onBeforeMount as at, defineComponent as $, computed as he, mergeProps as Mt, unref as p, withModifiers as Oe, renderSlot as P, createTextVNode as is, toDisplayString as xe, Fragment as G, normalizeClass as ie, normalizeStyle as I, mergeModels as Ae, useModel as mt, withDirectives as Ye, vModelCheckbox as Kl, createVNode as R, createCommentVNode as J, vModelDynamic as eu, resolveComponent as H, isRef as Ve, withKeys as tu, vModelText as Dr, watch as _e, createBlock as N, vModelRadio as iu, vShow as ns, vModelSelect as nu, useCssVars as Lr, onMounted as Zt, renderList as Te, withCtx as X, resolveDirective as Br, nextTick as su, Transition as Hr, onBeforeUnmount as ss, createStaticVNode as qr, onUpdated as ru, useTemplateRef as ou, resolveDynamicComponent as ai } from "vue";
 var Re = /* @__PURE__ */ ((t) => (t.Login = "login", t.Register = "register", t.Restore = "restore", t.Refresh = "refresh", t))(Re || {}), Pe = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Success = "success", t.Warning = "warning", t.Error = "error", t.Info = "info", t))(Pe || {});
 class It {
   constructor(e, i, n, s) {
@@ -478,7 +478,7 @@ class it {
     localStorage.removeItem(e);
   }
 }
-var Ze = /* @__PURE__ */ ((t) => (t.User = "user", t.AccessToken = "accessToken", t.RefreshToken = "refreshToken", t))(Ze || {});
+var Xe = /* @__PURE__ */ ((t) => (t.User = "user", t.AccessToken = "accessToken", t.RefreshToken = "refreshToken", t))(Xe || {});
 class wu {
   //   private accessToken?: string;
   // private  refreshToken?: string;
@@ -486,19 +486,19 @@ class wu {
     this.setAccessToken(e.accessToken), this.setRefreshToken(e.refreshToken);
   }
   getAccessToken() {
-    return it.Get(Ze.AccessToken);
+    return it.Get(Xe.AccessToken);
   }
   getRefreshToken() {
-    return it.Get(Ze.RefreshToken);
+    return it.Get(Xe.RefreshToken);
   }
   setAccessToken(e) {
-    it.Set(Ze.AccessToken, e);
+    it.Set(Xe.AccessToken, e);
   }
   setRefreshToken(e) {
-    it.Set(Ze.RefreshToken, e);
+    it.Set(Xe.RefreshToken, e);
   }
   reset() {
-    it.Remove(Ze.AccessToken), it.Remove(Ze.RefreshToken);
+    it.Remove(Xe.AccessToken), it.Remove(Xe.RefreshToken);
   }
   actualize() {
     this.setAccessToken(this.getAccessToken()), this.setRefreshToken(this.getAccessToken());
@@ -523,13 +523,13 @@ class bu {
     return this.user;
   }
   set(e) {
-    this.userConstructor && (this.user = new this.userConstructor(e), it.Set(Ze.User, this.user));
+    this.userConstructor && (this.user = new this.userConstructor(e), it.Set(Xe.User, this.user));
   }
   reset() {
-    this.user = void 0, it.Remove(Ze.User);
+    this.user = void 0, it.Remove(Xe.User);
   }
   actualize() {
-    const e = it.Get(Ze.User);
+    const e = it.Get(Xe.User);
     e && this.set(e);
   }
 }
@@ -1024,9 +1024,9 @@ var ir;
                 var ce = Ys(le);
                 if (!ce)
                   return;
-                var _e = Xs(ce);
-                if (_e.isProviderFor(q, te))
-                  return Js(le), _e;
+                var Ze = Xs(ce);
+                if (Ze.isProviderFor(q, te))
+                  return Js(le), Ze;
               }
           }
         }
@@ -1049,8 +1049,8 @@ var ir;
         if (ce !== le) {
           if (!V(ce))
             return !1;
-          var _e = W.get(q);
-          V(_e) && (_e = new m(), W.set(q, _e)), _e.set(te, le);
+          var Ze = W.get(q);
+          V(Ze) && (Ze = new m(), W.set(q, Ze)), Ze.set(te, le);
         }
         return !0;
       }
@@ -1130,13 +1130,13 @@ var ir;
         );
         if (V(te))
           return q;
-        for (var le = te.keys(), ce = Zs(le), _e = 0; ; ) {
+        for (var le = te.keys(), ce = Zs(le), Ze = 0; ; ) {
           var Qs = Ys(ce);
           if (!Qs)
-            return q.length = _e, q;
+            return q.length = Ze, q;
           var Gl = Xs(Qs);
           try {
-            q[_e] = Gl;
+            q[Ze] = Gl;
           } catch (Vl) {
             try {
               Js(ce);
@@ -1144,7 +1144,7 @@ var ir;
               throw Vl;
             }
           }
-          _e++;
+          Ze++;
         }
       }
       function F(D, B, q) {
@@ -3944,7 +3944,7 @@ const ae = class ae {
     return o || "file";
   }
   static getHeaders(e) {
-    const i = it.Get(Ze.AccessToken);
+    const i = it.Get(Xe.AccessToken);
     return e || (e = ae.headers), i && (e[Gn.Token] = i), e ?? ae.headers;
   }
   static returnResponse(e, i) {
@@ -6613,7 +6613,7 @@ const Kf = "p-button", em = /* @__PURE__ */ $({
         class: "check-field__label",
         style: I({ fontSize: t.fontSize })
       }, [
-        Xe(f("input", {
+        Ye(f("input", {
           "onUpdate:modelValue": o[0] || (o[0] = (u) => i.value = u),
           class: "check-field__input",
           type: "checkbox",
@@ -6951,7 +6951,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
         f("div", Sm, [
           P(r.$slots, "default", {}, void 0, !0)
         ]),
-        Xe(f("input", Mt({ ref: "input" }, r.$attrs, {
+        Ye(f("input", Mt({ ref: "input" }, r.$attrs, {
           "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
           class: "text-field__input",
           style: { color: t.color },
@@ -7064,7 +7064,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
               R(O)
             ], 2)
           ]),
-          Xe(f("input", Mt(M.$attrs, {
+          Ye(f("input", Mt(M.$attrs, {
             "onUpdate:modelValue": S[0] || (S[0] = (Y) => Ve(u) ? u.value = Y : null),
             class: "input-field",
             type: "number",
@@ -7132,7 +7132,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
   emits: ["open"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = T(i.open);
-    Ye(
+    _e(
       () => i.open,
       () => {
         s.value = !s.value;
@@ -7262,7 +7262,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
         for: p(r),
         style: I({ fontSize: t.fontSize })
       }, [
-        Xe(f("input", {
+        Ye(f("input", {
           id: p(r),
           "onUpdate:modelValue": c[0] || (c[0] = (d) => i.value = d),
           name: t.name,
@@ -7324,7 +7324,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
   emits: ["open"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = T(i.open);
-    Ye(
+    _e(
       () => i.open,
       () => {
         s.value = !s.value;
@@ -7470,7 +7470,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
             onMouseover: c[1] || (c[1] = (h) => r.value = !0),
             onMouseleave: c[2] || (c[2] = (h) => r.value = !1)
           }, [
-            t.clearable ? Xe((g(), w("div", {
+            t.clearable ? Ye((g(), w("div", {
               key: 0,
               class: "clear",
               onClick: u
@@ -7482,7 +7482,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
             f("div", Um, [
               R(d, { margin: "2px 2px 0 0" })
             ]),
-            Xe(f("select", Mt(l.$attrs, {
+            Ye(f("select", Mt(l.$attrs, {
               "onUpdate:modelValue": c[0] || (c[0] = (h) => i.value = h),
               class: "text-field__input",
               onChange: o
@@ -7507,7 +7507,9 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
     zIndex: { type: Number, default: 0 },
     background: { type: String, default: "inherit" },
     padding: { type: String, default: "0" },
-    top: { type: String, default: "0" }
+    top: { type: String, default: "0" },
+    divider: { type: Boolean, default: !1 },
+    dividerColor: { type: String, default: "var(--border-color-default)" }
   },
   setup(t) {
     return (e, i) => (g(), w("div", {
@@ -7517,13 +7519,15 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
         top: t.top,
         background: t.background,
         padding: t.padding,
-        boxShadow: t.shadow ? "0 0 5px 2px rgba(0,0,0,0.3)" : "none"
+        boxShadow: t.shadow ? "0 0 5px 2px rgba(0,0,0,0.3)" : "none",
+        borderBottom: t.divider ? "1px solid" : "none",
+        borderColor: t.dividerColor
       })
     }, [
       P(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ia = /* @__PURE__ */ A(Vm, [["__scopeId", "data-v-01876330"]]), _m = ["innerHTML"], Zm = { key: 1 }, Xm = /* @__PURE__ */ $({
+}), ia = /* @__PURE__ */ A(Vm, [["__scopeId", "data-v-832b5223"]]), _m = ["innerHTML"], Zm = { key: 1 }, Xm = /* @__PURE__ */ $({
   __name: "PString",
   props: {
     string: { type: String, required: !1, default: "" },
@@ -7622,7 +7626,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
         f("div", Jm, [
           P(s.$slots, "default", {}, void 0, !0)
         ]),
-        Xe(f("textarea", Mt({ ref: "textarea" }, s.$attrs, {
+        Ye(f("textarea", Mt({ ref: "textarea" }, s.$attrs, {
           "onUpdate:modelValue": r[0] || (r[0] = (o) => e.value = o),
           class: "text-field__input",
           style: p(n),
@@ -7661,7 +7665,7 @@ const Pn = /* @__PURE__ */ new WeakMap(), wm = (t, e) => {
   emits: ["open"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = T(i.open);
-    Ye(
+    _e(
       () => i.open,
       () => {
         s.value = !s.value;
@@ -8093,7 +8097,7 @@ const hg = { class: "container" }, fg = { class: "slide-box" }, mg = { class: "i
     };
     return (c, d) => {
       const h = Br("click-outside");
-      return Xe((g(), w("div", {
+      return Ye((g(), w("div", {
         class: "context-window",
         style: I({
           left: p(o),
@@ -8121,7 +8125,7 @@ const hg = { class: "container" }, fg = { class: "slide-box" }, mg = { class: "i
   emits: ["update:start", "update:end", "setStart", "setEnd"],
   setup(t, { emit: e }) {
     const i = t, n = e;
-    Ye(
+    _e(
       () => [i.start, i.end],
       () => {
         i.start || (s.value = void 0), i.end || (r.value = void 0);
@@ -8478,7 +8482,7 @@ const ha = /* @__PURE__ */ A(Cg, [["render", Mg], ["__scopeId", "data-v-d28c6f33
   emits: ["click", "keyup-enter", "after-close"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = i.customClass !== "" ? i.customClass : "inside-class", r = T(!1), o = T(!1), u = T(!1), l = T(i.close);
-    Ye(
+    _e(
       () => i.close,
       () => {
         o.value = !1;
@@ -8487,7 +8491,7 @@ const ha = /* @__PURE__ */ A(Cg, [["render", Mg], ["__scopeId", "data-v-d28c6f33
     const c = (j) => {
       j.stopPropagation(), j.key === "Escape" && (i.showSaveDialog ? u.value = !0 : o.value = !1);
     };
-    Ye(o, async () => {
+    _e(o, async () => {
       var j, se;
       await su(), o.value ? ((se = (j = document.getElementById("info-item-opened-content")) == null ? void 0 : j.querySelector("input")) == null || se.focus(), document.body.addEventListener("keydown", c)) : document.body.removeEventListener("keydown", c, !1), o.value === !1 && n("after-close");
     });
@@ -8554,7 +8558,7 @@ const ha = /* @__PURE__ */ A(Cg, [["render", Mg], ["__scopeId", "data-v-d28c6f33
             }, [
               P(j.$slots, "default", {}, void 0, !0)
             ], 6)),
-            p(o) ? Xe((g(), w("div", {
+            p(o) ? Ye((g(), w("div", {
               key: 1,
               id: "info-item-opened-content",
               class: "open-window",
@@ -9067,7 +9071,7 @@ const Ma = /* @__PURE__ */ A(Qg, [["render", Kg], ["__scopeId", "data-v-0f1f2f84
   setup(t, { emit: e }) {
     const i = t, n = e, s = T(i.modelValue), r = T();
     let o = Zn.SearchModel();
-    Ye(
+    _e(
       () => i.focus,
       () => {
         i.focus && setTimeout(() => {
@@ -9176,7 +9180,7 @@ const Ma = /* @__PURE__ */ A(Qg, [["render", Kg], ["__scopeId", "data-v-0f1f2f84
   emits: ["toggle"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = T(!1);
-    Ye(
+    _e(
       () => i.toggle,
       () => {
         s.value = !s.value;
@@ -9621,7 +9625,7 @@ const Fa = /* @__PURE__ */ A($1, [["render", P1], ["__scopeId", "data-v-5023d414
   emits: ["toggle"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = T(!0);
-    Ye(
+    _e(
       () => i.toggle,
       () => {
         s.value = !s.value;
@@ -10240,7 +10244,7 @@ const gv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     const e = T(t.initActiveIdx), i = (n) => {
       e.value = n;
     };
-    return Ye(
+    return _e(
       () => t.initActiveIdx,
       () => {
         i(t.initActiveIdx);
@@ -12054,7 +12058,7 @@ var Ai = Qe("vue-preview"), Ml = { props: { coordinates: { type: Object }, trans
   t && t.complete && this.refreshImage(), this.refresh();
 } } };
 Ml.render = function(t, e, i, n, s, r) {
-  return g(), N("div", { ref: "root", class: r.classes.root, style: r.style }, [R("div", { ref: "wrapper", class: r.classes.wrapper, style: r.wrapperStyle }, [Xe(R("img", { ref: "image", src: i.image && i.image.src, class: r.classes.image, style: r.imageStyle }, null, 14, ["src"]), [[ns, i.image && i.image.src]])], 6)], 6);
+  return g(), N("div", { ref: "root", class: r.classes.root, style: r.style }, [R("div", { ref: "wrapper", class: r.classes.wrapper, style: r.wrapperStyle }, [Ye(R("img", { ref: "image", src: i.image && i.image.src, class: r.classes.image, style: r.imageStyle }, null, 14, ["src"]), [[ns, i.image && i.image.src]])], 6)], 6);
 };
 var kl = { components: { Preview: Ml }, inheritAttrs: !1 };
 kl.render = function(t, e, i, n, s, r) {
@@ -12528,7 +12532,7 @@ var i0 = ["transitions"], lt = Qe("vue-advanced-cropper"), Rl = { name: "Cropper
 Rl.render = function(t, e, i, n, s, r) {
   return g(), N("div", { ref: "cropper", class: r.classes.cropper }, [R("div", { ref: "stretcher", class: r.classes.stretcher }, null, 2), R("div", { class: r.classes.boundaries, style: r.boundariesStyle }, [(g(), N(ai(i.backgroundWrapperComponent), { class: r.classes.cropperWrapper, "wheel-resize": r.settings.resizeImage.wheel, "touch-resize": r.settings.resizeImage.touch, "touch-move": r.settings.moveImage.touch, "mouse-move": r.settings.moveImage.mouse, onMove: r.onManipulateImage, onResize: r.onManipulateImage }, { default: X(function() {
     return [R("div", { class: r.classes.background, style: r.boundariesStyle }, null, 6), R("div", { class: r.classes.imageWrapper }, [R("img", { ref: "image", crossorigin: s.imageAttributes.crossOrigin, src: s.imageAttributes.src, class: r.classes.image, style: r.imageStyle, onMousedown: e[1] || (e[1] = Oe(function() {
-    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), R("div", { class: r.classes.foreground, style: r.boundariesStyle }, null, 6), Xe((g(), N(ai(i.stencilComponent), Mt({ ref: "stencil", image: r.image, coordinates: s.coordinates, "stencil-coordinates": r.stencilCoordinates, transitions: r.transitionsOptions }, i.stencilProps, { onResize: r.onResize, onResizeEnd: r.onResizeEnd, onMove: r.onMove, onMoveEnd: r.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[ns, s.imageLoaded]]), i.canvas ? (g(), N("canvas", n0, null, 512)) : J("", !0), i.canvas ? (g(), N("canvas", s0, null, 512)) : J("", !0)];
+    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), R("div", { class: r.classes.foreground, style: r.boundariesStyle }, null, 6), Ye((g(), N(ai(i.stencilComponent), Mt({ ref: "stencil", image: r.image, coordinates: s.coordinates, "stencil-coordinates": r.stencilCoordinates, transitions: r.transitionsOptions }, i.stencilProps, { onResize: r.onResize, onResizeEnd: r.onResizeEnd, onMove: r.onMove, onMoveEnd: r.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[ns, s.imageLoaded]]), i.canvas ? (g(), N("canvas", n0, null, 512)) : J("", !0), i.canvas ? (g(), N("canvas", s0, null, 512)) : J("", !0)];
   }), _: 1 }, 8, ["class", "wheel-resize", "touch-resize", "touch-move", "mouse-move", "onMove", "onResize"]))], 6)], 2);
 };
 const r0 = {
@@ -12821,7 +12825,9 @@ const o0 = { class: "background-container" }, a0 = { class: "dialog-footer" }, l
     }, h = (S) => {
       i.fileInfo.setFile(S), i.fileInfo.fileSystemPath && (s.value = i.fileInfo), o.value = !1, n("crop");
     };
-    at(() => {
+    _e(i.fileInfo, () => {
+      s.value = i.fileInfo, s.value.url = i.fileInfo.getFileUrl();
+    }), at(() => {
       i.fileInfo.fileSystemPath && (s.value = i.fileInfo, s.value.url = i.fileInfo.getFileUrl());
     });
     let m = null;
@@ -12838,7 +12844,7 @@ const o0 = { class: "background-container" }, a0 = { class: "dialog-footer" }, l
       const S = m.files[0];
       S.url = URL.createObjectURL(S), s.value = S, i.fileInfo.setFile(S), i.withCrop && x(s.value);
     };
-    return Ye(l, (S) => {
+    return _e(l, (S) => {
       n("update:ratio", S);
     }), (S, O) => (g(), w(G, null, [
       f("div", {
@@ -12915,7 +12921,7 @@ const o0 = { class: "background-container" }, a0 = { class: "dialog-footer" }, l
       }, 8, ["show"])
     ], 64));
   }
-}), $l = /* @__PURE__ */ A(S0, [["__scopeId", "data-v-f92868ed"]]);
+}), $l = /* @__PURE__ */ A(S0, [["__scopeId", "data-v-e0266b19"]]);
 function Al(t) {
   t.component("PTabs", ul), t.component("PUploaderFile", cl), t.component("PUploaderImage", $l), t.component("PAuthForm", Es), t.component("PAuthModal", al), t.component("PNameEdit", ll);
 }