eco-vue-js 0.8.41 → 0.8.42

package/dist/components/Modal/WModalStepper.vue.d.ts

@@ -42,6 +42,8 @@ declare function __VLS_template(): {
                 };
                 $refs: {
                     [x: string]: unknown;
+                } & {
+                    element: HTMLDivElement;
                 };
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;
@@ -229,7 +231,205 @@ declare const __VLS_component: import('vue').DefineComponent<{
     onPrevious?: ((current: number) => any) | undefined;
     onNext?: ((current: number) => any) | undefined;
     "onUpdate:current"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tabs: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        names?: string[] | Record<number, string>;
+        namesForm?: string[] | Record<number, string>;
+        icons?: SVGComponent[] | Record<number, SVGComponent>;
+        customSlots?: import('vue').VNode[];
+        lessTransitions?: boolean;
+        initTab?: number;
+        side?: boolean;
+        disableMinHeight?: boolean;
+    }> & Readonly<{
+        "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+        "onUpdate:current"?: ((value: number) => any) | undefined;
+    }>, {
+        updateIndex: (value: number) => void;
+        next: () => void;
+        previous: () => void;
+        validate: (index: number, silent?: boolean | undefined, path?: import('../Form/use/useFormValidateMap').ValidatePath | undefined) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["validate"]>;
+        invalidate: (index: number, payload: {
+            [x: string]: string | string[] | undefined;
+        }) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["invalidate"]>;
+        initModel: (index: number) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["initModel"]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:has-changes": (value: boolean) => any;
+        "update:current": (value: number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        buttonContainer: HTMLDivElement;
+        button: HTMLButtonElement;
+        tabItem: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly isActive: boolean;
+                readonly "onUpdate:height"?: ((value: number) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                element: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:height", value: number) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                isActive: boolean;
+            }> & Readonly<{
+                "onUpdate:height"?: ((value: number) => any) | undefined;
+            }>, {
+                emitHeight: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:height": (value: number) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            isActive: boolean;
+        }> & Readonly<{
+            "onUpdate:height"?: ((value: number) => any) | undefined;
+        }>, "emitHeight"> & import('vue').ShallowUnwrapRef<{
+            emitHeight: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null)[];
+        form: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly name?: string | undefined;
+                readonly title?: string | undefined;
+                readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+                readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "update:has-changes", value: boolean) => void) & ((event: "update:is-valid", value: boolean | undefined) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                name?: string;
+                title?: string;
+            }> & Readonly<{
+                "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+                "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {
+                isValid: import('vue').ComputedRef<boolean>;
+                validate: (silent?: boolean, path?: import('../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+                invalidate: (payload: {
+                    [x: string]: string | string[] | undefined;
+                }) => void;
+                initModel: () => void;
+                errorMessage: import('vue').ComputedRef<string>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:has-changes": (value: boolean) => any;
+                "update:is-valid": (value: boolean | undefined) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            name?: string;
+            title?: string;
+        }> & Readonly<{
+            "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+            "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+        }>, "errorMessage" | "isValid" | "validate" | "invalidate" | "initModel"> & import('vue').ShallowUnwrapRef<{
+            isValid: import('vue').ComputedRef<boolean>;
+            validate: (silent?: boolean, path?: import('../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+            invalidate: (payload: {
+                [x: string]: string | string[] | undefined;
+            }) => void;
+            initModel: () => void;
+            errorMessage: import('vue').ComputedRef<string>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null)[];
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        names?: string[] | Record<number, string>;
+        namesForm?: string[] | Record<number, string>;
+        icons?: SVGComponent[] | Record<number, SVGComponent>;
+        customSlots?: import('vue').VNode[];
+        lessTransitions?: boolean;
+        initTab?: number;
+        side?: boolean;
+        disableMinHeight?: boolean;
+    }> & Readonly<{
+        "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+        "onUpdate:current"?: ((value: number) => any) | undefined;
+    }>, {
+        updateIndex: (value: number) => void;
+        next: () => void;
+        previous: () => void;
+        validate: (index: number, silent?: boolean | undefined, path?: import('../Form/use/useFormValidateMap').ValidatePath | undefined) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["validate"]>;
+        invalidate: (index: number, payload: {
+            [x: string]: string | string[] | undefined;
+        }) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["invalidate"]>;
+        initModel: (index: number) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["initModel"]>;
+    }, {}, {}, {}, {}> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Modal/WModalStepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AAuNA,iBAAS,cAAc;;uBA6MI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAuE2zS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA7Dj8S,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAzTX,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;gBA2BP,IAAI;oBANA,IAAI;;;;;;;;;YAxBf,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;kFAqUtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AAyNA,iBAAS,cAAc;;uBA6MI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAuE0tS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA7Dh2S,OAAO,IAA6B;EAEjD;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAvTX,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;gBA2BP,IAAI;oBANA,IAAI;;;;;;;;;YAxBf,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsVguS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlB52S,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Modal/WModalStepper.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent, useSlots, ref, computed, watch, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, normalizeStyle, unref, createVNode } from 'vue';
-import _sfc_main$1 from './WModalWrapper.vue.js';
+import { defineComponent, useSlots, useTemplateRef, computed, ref, watch, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, normalizeStyle, unref, createVNode } from 'vue';
 import _sfc_main$2 from '../Button/WButton.vue.js';
-import { SemanticType } from '../../utils/SemanticType.js';
+import _sfc_main$1 from './WModalWrapper.vue.js';
 import _sfc_main$3 from '../Tabs/WTabs.vue.js';
 import { Notify } from '../../utils/Notify.js';
+import { SemanticType } from '../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "bg-gray-200 dark:bg-gray-700 h-1 w-full" };
+const _hoisted_1 = { class: "h-1 w-full bg-gray-200 dark:bg-gray-700" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModalStepper",
   props: {
@@ -18,21 +18,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
     const slots = useSlots();
-    const tabs = ref();
+    const tabsRef = useTemplateRef("tabs");
     const defaultSlots = computed(() => slots.default?.().filter((item) => typeof item.type !== "symbol") ?? []);
     const current = ref(0);
     const previous = () => {
       emit("previous", current.value);
-      tabs.value?.previous();
+      tabsRef.value?.previous();
     };
     const next = () => {
       emit("next", current.value);
-      const errorMessage = tabs.value?.validate(current.value);
+      const errorMessage = tabsRef.value?.validate(current.value);
       if (errorMessage) {
         Notify.warn({ title: "Form contains invalid values", caption: errorMessage.length < 200 ? errorMessage : void 0 });
         return;
       }
-      tabs.value?.next();
+      tabsRef.value?.next();
     };
     watch(current, (value) => {
       emit("update:current", value);
@@ -110,8 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         default: withCtx(() => [
           createVNode(_sfc_main$3, {
-            ref_key: "tabs",
-            ref: tabs,
+            ref: "tabs",
             "custom-slots": defaultSlots.value,
             "onUpdate:current": _cache[0] || (_cache[0] = ($event) => current.value = $event),
             "onUpdate:hasChanges": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:has-changes", $event))

package/dist/components/Modal/WModalWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"AAuDA,iBAAS,cAAc;;uBAiFI,GAAG;0BACA,GAAG;yBACJ,GAAG;yBACH,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAjHP,OAAO;;gBAAP,OAAO;iGAuHnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"AAmDA,iBAAS,cAAc;;uBAiFI,GAAG;0BACA,GAAG;yBACJ,GAAG;yBACH,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhHP,OAAO;;gBAAP,OAAO;iGAsHnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Modal/WModalWrapper.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 
-const _hoisted_1 = { class: "sticky top-0 z-[1] bg-default dark:bg-default-dark" };
-const _hoisted_2 = { class: "text-accent font-semibold text-center p-[var(--modal-wrapper-padding,2rem)] flex justify-center items-center text-2xl sm-not:text-xl text-balance" };
+const _hoisted_1 = { class: "bg-default dark:bg-default-dark sticky top-0 z-[1]" };
+const _hoisted_2 = { class: "text-accent sm-not:text-xl flex items-center justify-center text-balance p-[var(--modal-wrapper-padding,2rem)] text-center text-2xl font-semibold" };
 const _hoisted_3 = { class: "sm:px-[var(--modal-wrapper-padding,2rem)]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModalWrapper",
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-default dark:bg-default-dark overflow-y-auto overflow-x-hidden overscroll-contain w-[var(--modal-wrapper-width,35rem)] max-w-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] max-h-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] shadow-md rounded-3xl", {
+        class: normalizeClass(["bg-default dark:bg-default-dark max-h-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] w-[var(--modal-wrapper-width,35rem)] max-w-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-3xl shadow-md", {
           "sm-not:max-w-full sm-not:h-full sm-not:rounded-none sm-not:max-h-full": _ctx.maximized
         }])
       }, [
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         createElementVNode("div", {
-          class: normalizeClass(["sticky bottom-0 z-[1] flex justify-center p-[var(--modal-wrapper-padding,2rem)] gap-[var(--modal-wrapper-padding,2rem)] w-full bg-default dark:bg-default-dark", {
+          class: normalizeClass(["bg-default dark:bg-default-dark sticky bottom-0 z-[1] flex w-full justify-center gap-[var(--modal-wrapper-padding,2rem)] p-[var(--modal-wrapper-padding,2rem)]", {
             "sm-not:flex-col": !_ctx.maximized
           }])
         }, [

package/dist/components/Modal/components/ModalCloseButton.vue.d.ts

@@ -2,6 +2,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
     click: (value: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onClick?: ((value: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    closeButton: HTMLButtonElement;
+}, any>;
 export default _default;
 //# sourceMappingURL=ModalCloseButton.vue.d.ts.map

package/dist/components/Modal/components/ModalCloseButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/ModalCloseButton.vue"],"names":[],"mappings":";;;;;AAyGA,wBAQG"}
+{"version":3,"file":"ModalCloseButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/ModalCloseButton.vue"],"names":[],"mappings":";;;;;;;AAqGA,wBASG"}

package/dist/components/Modal/components/ModalCloseButton.vue.js

@@ -1,18 +1,17 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock } from 'vue';
+import { defineComponent, useTemplateRef, onMounted, openBlock, createElementBlock } from 'vue';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalCloseButton",
   emits: ["click"],
   setup(__props) {
-    const closeButton = ref();
+    const closeButtonRef = useTemplateRef("closeButton");
     onMounted(() => {
-      closeButton.value?.focus();
+      closeButtonRef.value?.focus();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        ref_key: "closeButton",
-        ref: closeButton,
-        class: "cursor-pointer absolute top-0 left-0 h-full w-full -z-10 outline-none",
+        ref: "closeButton",
+        class: "absolute left-0 top-0 -z-10 size-full cursor-pointer outline-none",
         title: "Click outside to close modal",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
       }, null, 512);

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/modals/Confirm/ConfirmModal.vue"],"names":[],"mappings":"AA0HA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;WAKxC,MAAM;iBACA,MAAM;iBACN,MAAM;yBACE,YAAY;uBACd,MAAM;+BACE,YAAY;iBAC1B,MAAM;cACT,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;qBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;eAChC,MAAM,IAAI;;;;WATd,MAAM;iBACA,MAAM;iBACN,MAAM;yBACE,YAAY;uBACd,MAAM;+BACE,YAAY;iBAC1B,MAAM;cACT,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;qBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;eAChC,MAAM,IAAI;;;;AAyNvB,wBASG"}
+{"version":3,"file":"ConfirmModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/modals/Confirm/ConfirmModal.vue"],"names":[],"mappings":"AA6HA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;WAKxC,MAAM;iBACA,MAAM;iBACN,MAAM;yBACE,YAAY;uBACd,MAAM;+BACE,YAAY;iBAC1B,MAAM;cACT,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;qBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;eAChC,MAAM,IAAI;;;;WATd,MAAM;iBACA,MAAM;iBACN,MAAM;yBACE,YAAY;uBACd,MAAM;+BACE,YAAY;iBAC1B,MAAM;cACT,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;qBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;eAChC,MAAM,IAAI;;;;AAwNvB,wBASG"}

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue2.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, unref, withModifiers, createCommentVNode, createElementVNode } from 'vue';
-import _sfc_main$1 from '../../WModalWrapper.vue.js';
 import _sfc_main$2 from '../../../Button/WButton.vue.js';
+import _sfc_main$1 from '../../WModalWrapper.vue.js';
 import { SemanticType } from '../../../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "text-base text-accent font-normal text-center min-h-[1.25rem] mb-8 sm-not:-px--inner-margin text-balance" };
+const _hoisted_1 = { class: "text-accent sm-not:-px--inner-margin mb-8 min-h-5 text-balance text-center text-base font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ConfirmModal",
   props: {

package/dist/components/Nav/WNavBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavBar.vue"],"names":[],"mappings":"AAsHA,iBAAS,cAAc;;yBAkGM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavBar.vue"],"names":[],"mappings":"AAsHA,iBAAS,cAAc;;yBAiGM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/WNavBar.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVN
 import IconMenu from '../../assets/icons/sax/IconMenu.svg.js';
 import { isClientSide } from '../../utils/utils.js';
 
-const _hoisted_1 = { class: "overflow-hidden mt-[3.75rem] bg-default dark:bg-default-dark" };
+const _hoisted_1 = { class: "bg-default dark:bg-default-dark mt-[3.75rem] overflow-hidden" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavBar",
   emits: ["update:isOpen"],
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             isOpen.value && hasBackdrop.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               title: "Click to close",
-              class: "fixed top-0 left-0 h-full w-full backdrop-blur bg-primary-light/40 dark:bg-primary-darkest/40 z-30 overflow-y-auto overflow-x-hidden no-scrollbar overscroll-contain print:hidden",
+              class: "bg-primary-light/40 dark:bg-primary-darkest/40 no-scrollbar fixed left-0 top-0 z-30 size-full overflow-y-auto overflow-x-hidden overscroll-contain backdrop-blur print:hidden",
               onClick: withModifiers(close, ["stop", "prevent"])
             }, _cache[0] || (_cache[0] = [
               createElementVNode("div", { class: "h-[calc(100%+1px)]" }, null, -1)
@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }),
         createElementVNode("div", {
-          class: normalizeClass(["fixed z-30 top-0 left-0 h-full grid overflow-hidden transition-[grid-template-columns] duration-200 shadow-md xl:shadow-none xl:grid-cols-[1fr] xl-not:bg-default xl-not:dark:bg-default-dark print:hidden", {
+          class: normalizeClass(["xl-not:bg-default xl-not:dark:bg-default-dark fixed left-0 top-0 z-30 grid h-full overflow-hidden shadow-md transition-[grid-template-columns] duration-200 xl:grid-cols-[1fr] xl:shadow-none print:hidden", {
             "xl-not:grid-cols-[0fr]": !isOpen.value,
             "grid-cols-[1fr]": isOpen.value
           }])
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ], 2),
         createElementVNode("div", {
-          class: normalizeClass(["fixed top-0 left-0 xl:hidden flex square-[3.75rem] items-center justify-center cursor-pointer w-ripple z-30 print:hidden", { "text-primary-default": isOpen.value }]),
+          class: normalizeClass(["square-[3.75rem] w-ripple fixed left-0 top-0 z-30 flex cursor-pointer items-center justify-center xl:hidden print:hidden", { "text-primary-default": isOpen.value }]),
           onClick: withModifiers(toggle, ["stop"])
         }, [
           createVNode(unref(IconMenu))

package/dist/components/Nav/WNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAoJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAwCD,iBAAS,cAAc;;sBA6JI,GAAG;uBACF,GAAG;;;WASjB,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAiJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAc5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAuCD,iBAAS,cAAc;;sBA6JI,GAAG;uBACF,GAAG;;;WASjB,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/WNavItem.vue.js

@@ -1,22 +1,22 @@
 import { defineComponent, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, Transition, createElementBlock, createCommentVNode, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createTextVNode } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
-import { isEqualObj, numberCompactFormatter } from '../../utils/utils.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import { isEqualObj, numberCompactFormatter } from '../../utils/utils.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "bg-primary-default dark:bg-primary-dark w-1 h-full absolute left-0 top-0"
+  class: "bg-primary-default dark:bg-primary-dark absolute left-0 top-0 h-full w-1"
 };
 const _hoisted_2 = {
   key: 0,
-  class: "h-full absolute left-7 top-0 flex items-center"
+  class: "absolute left-7 top-0 flex h-full items-center"
 };
 const _hoisted_3 = { class: "[overflow:inherit]" };
-const _hoisted_4 = { class: "grid grid-cols-[2rem,auto,1fr,1rem] items-center py-3 px-5" };
+const _hoisted_4 = { class: "grid grid-cols-[2rem,auto,1fr,1rem] items-center px-5 py-3" };
 const _hoisted_5 = { class: "flex items-center" };
-const _hoisted_6 = { class: "text-base font-normal tracking-wide whitespace-nowrap relative" };
-const _hoisted_7 = { class: "text-base font-normal tracking-wide text-center flex justify-start relative" };
+const _hoisted_6 = { class: "relative whitespace-nowrap text-base font-normal tracking-wide" };
+const _hoisted_7 = { class: "relative flex justify-start text-center text-base font-normal tracking-wide" };
 const _hoisted_8 = {
   key: 0,
   class: "relative"
@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {
         to: _ctx.to,
-        class: normalizeClass(["relative no-underline block w-ripple w-ripple-hover", {
+        class: normalizeClass(["w-ripple w-ripple-hover relative block no-underline", {
           "text-primary-default dark:text-primary-dark": isTextColor.value,
           "text-accent": !isTextColor.value,
           "pl-3": _ctx.indent
@@ -83,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               _ctx.indent && !_ctx.expand && isActive.value ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
-                createElementVNode("div", { class: "bg-[var(--w-nav-item-dot-color)] square-1.5 rounded-full" }, null, -1)
+                createElementVNode("div", { class: "square-1.5 rounded-full bg-[var(--w-nav-item-dot-color)]" }, null, -1)
               ]))) : createCommentVNode("", true)
             ]),
             _: 1

package/dist/components/Nav/WNavItemExpand.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAK5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAsCD,iBAAS,cAAc;;sBAuHG,GAAG;;;WASf,OAAO,IAA6B;EAEjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAe5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAqCD,iBAAS,cAAc;;sBAuHG,GAAG;;;WASf,OAAO,IAA6B;EAEjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/WNavItemExpand.vue.js

@@ -1,8 +1,6 @@
 import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, openBlock, createElementBlock, createVNode, withCtx, renderSlot, unref, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
-import _sfc_main$1 from './WNavItem.vue.js';
 import _sfc_main$2 from '../Expansion/WExpansion.vue.js';
-import WNavItemTransition from './WNavItemTransition.vue.js';
+import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import '../Button/WButtonAction.vue.js';
 import '../Button/WButton.vue.js';
 import { debounce } from '../../utils/utils.js';
@@ -15,6 +13,8 @@ import '../Input/WInputSuggest.vue.js';
 import '../Input/WInputDate.vue.js';
 import '../Link/WLink.vue.js';
 import '@tanstack/vue-query';
+import _sfc_main$1 from './WNavItem.vue.js';
+import WNavItemTransition from './WNavItemTransition.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavItemExpand",

package/dist/components/Notify/WNotify.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNotify.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Notify/WNotify.vue"],"names":[],"mappings":";AAuOA,wBAKG"}
+{"version":3,"file":"WNotify.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Notify/WNotify.vue"],"names":[],"mappings":";AA2OA,wBAKG"}

package/dist/components/Notify/WNotify.vue.js

@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "enter-from-class": "opacity-0 translate-y-5",
         "leave-to-class": "opacity-0 -mb-[var(--list-item-height,5.5rem)]",
         tag: "div",
-        class: "fixed top-2 right-0 z-[10000]"
+        class: "fixed right-0 top-2 z-[10000]"
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (config) => {

package/dist/components/Notify/components/NotifyCard.vue.d.ts

@@ -1,5 +1,5 @@
-import { NotifyType } from '../models/NotifyType';
 import { LinkProps } from '../../../types/types';
+import { NotifyType } from '../models/NotifyType';
 interface Props extends Partial<LinkProps> {
     title: string;
     caption?: string;
@@ -15,6 +15,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     caption: string;
     to: import('vue-router').RouterLinkProps["to"];
     userInput: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: HTMLDivElement;
+}, any>;
 export default _default;
 //# sourceMappingURL=NotifyCard.vue.d.ts.map

package/dist/components/Notify/components/NotifyCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotifyCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/components/NotifyCard.vue"],"names":[],"mappings":"AA6HA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAA;AAS/C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;;;;;;aAJW,MAAM;;eACJ,MAAM;;AAmPpB,wBAUG"}
+{"version":3,"file":"NotifyCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/components/NotifyCard.vue"],"names":[],"mappings":"AA+HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAA;AAI/C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;;;;;;aAJW,MAAM;;eACJ,MAAM;;;;AAiPpB,wBAWG"}

package/dist/components/Notify/components/NotifyCard.vue.js

@@ -1,25 +1,25 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, withDirectives, createVNode, vShow, unref, createBlock, createCommentVNode, toDisplayString, createTextVNode, withCtx } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, withDirectives, createVNode, vShow, unref, createBlock, createCommentVNode, toDisplayString, createTextVNode, withCtx } from 'vue';
 import { useRouter } from 'vue-router';
-import { NotifyType } from '../models/NotifyType.js';
+import _sfc_main$2 from '../../Button/WButton.vue.js';
+import _sfc_main$1 from '../../Counter/WCounter.vue.js';
+import IconBack from '../../../assets/icons/default/IconBack.svg.js';
+import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 import IconDanger from '../../../assets/icons/default/IconDanger.svg.js';
-import IconWarn from '../../../assets/icons/default/IconWarn.svg.js';
 import IconSuccess from '../../../assets/icons/default/IconSuccess.svg.js';
-import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
-import _sfc_main$1 from '../../Counter/WCounter.vue.js';
-import _sfc_main$2 from '../../Button/WButton.vue.js';
+import IconWarn from '../../../assets/icons/default/IconWarn.svg.js';
 import { SemanticType } from '../../../utils/SemanticType.js';
-import IconBack from '../../../assets/icons/default/IconBack.svg.js';
+import { NotifyType } from '../models/NotifyType.js';
 
-const _hoisted_1 = { class: "relative rounded-xl bg-black-default dark:bg-gray-800 min-h-[4.5rem] max-w-[calc(100vw-2rem)] sm:max-w-lg flex select-none my-2 mr-4 ml-auto shadow-md" };
+const _hoisted_1 = { class: "bg-black-default relative my-2 ml-auto mr-4 flex min-h-[4.5rem] max-w-[calc(100vw-2rem)] select-none rounded-xl shadow-md sm:max-w-lg dark:bg-gray-800" };
 const _hoisted_2 = { class: "m-7" };
-const _hoisted_3 = { class: "flex-1 py-4 grid items-center" };
-const _hoisted_4 = { class: "text-base text-default font-semibold" };
+const _hoisted_3 = { class: "grid flex-1 items-center py-4" };
+const _hoisted_4 = { class: "text-default text-base font-semibold" };
 const _hoisted_5 = {
   key: 0,
-  class: "text-base text-default font-normal break-words whitespace-pre-wrap"
+  class: "text-default whitespace-pre-wrap break-words text-base font-normal"
 };
 const _hoisted_6 = { class: "break-all" };
-const _hoisted_7 = { class: "relative flex justify-center items-center square-8 rounded-full w-ripple" };
+const _hoisted_7 = { class: "square-8 w-ripple relative flex items-center justify-center rounded-full" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NotifyCard",
   props: {
@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click:close"],
   setup(__props) {
     const props = __props;
-    const element = ref();
+    const elementRef = useTemplateRef("element");
     const height = ref();
     const router = useRouter();
     const linkText = computed(() => props.to ? router.resolve(props.to).meta.title : void 0);
@@ -43,20 +43,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "--list-item-height": height.value + "px"
       };
     });
-    watch(element, (value) => {
+    watch(elementRef, (value) => {
       if (!value) return;
       height.value = value.getBoundingClientRect().height || void 0;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element,
-        class: "flex z-[1] isolate",
+        ref: "element",
+        class: "isolate z-[1] flex",
         style: normalizeStyle(elementStyles.value)
       }, [
         createElementVNode("div", _hoisted_1, [
           withDirectives(createVNode(_sfc_main$1, {
-            class: "absolute -top-2.5 -left-2.5 shadow-md",
+            class: "absolute -left-2.5 -top-2.5 shadow-md",
             count: _ctx.count
           }, null, 8, ["count"]), [
             [vShow, _ctx.count > 1]

package/dist/components/Notify/models/NotifyType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotifyType.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/models/NotifyType.ts"],"names":[],"mappings":"AACA,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB"}
+{"version":3,"file":"NotifyType.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/models/NotifyType.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB"}