@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

package/packages/components/popup-mask/index.d.ts

@@ -10,8 +10,8 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         readonly showClose?: boolean | undefined;
         readonly closeOnClickModal?: boolean | undefined;
         readonly closeOnPressEscape?: boolean | undefined;
-        readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
         readonly "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -25,25 +25,25 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", value: boolean) => void);
+    $emit: ((event: "update:visible", value: boolean) => void) & ((event: "visible-change", val: boolean) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props & {
         visible?: boolean;
     }> & Readonly<{
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:visible": (value: boolean) => any;
     } & {
-        "visible-change": (val: boolean) => any;
         "update:visible": (val: boolean) => any;
+        "visible-change": (val: boolean) => any;
     }, string, {
         visible: boolean;
-        closeOnClickModal: boolean;
-        closeOnPressEscape: boolean;
-        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
+        showClose: boolean;
+        closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -66,17 +66,17 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     $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<{
     visible: boolean;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    showClose: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
 }> & Omit<Readonly<import("./src/type.js").Props & {
     visible?: boolean;
 }> & Readonly<{
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "showClose" | "appendToBody" | "lockScroll"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
+}>, "visible" | "appendToBody" | "lockScroll" | "showClose" | "closeOnClickModal" | "closeOnPressEscape"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     } & {
@@ -93,8 +93,8 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         readonly showClose?: boolean | undefined;
         readonly closeOnClickModal?: boolean | undefined;
         readonly closeOnPressEscape?: boolean | undefined;
-        readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
         readonly "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -108,25 +108,25 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", value: boolean) => void);
+    $emit: ((event: "update:visible", value: boolean) => void) & ((event: "visible-change", val: boolean) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props & {
         visible?: boolean;
     }> & Readonly<{
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:visible": (value: boolean) => any;
     } & {
-        "visible-change": (val: boolean) => any;
         "update:visible": (val: boolean) => any;
+        "visible-change": (val: boolean) => any;
     }, string, {
         visible: boolean;
-        closeOnClickModal: boolean;
-        closeOnPressEscape: boolean;
-        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
+        showClose: boolean;
+        closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -149,17 +149,17 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     $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<{
     visible: boolean;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    showClose: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
 }> & Omit<Readonly<import("./src/type.js").Props & {
     visible?: boolean;
 }> & Readonly<{
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "showClose" | "appendToBody" | "lockScroll"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
+}>, "visible" | "appendToBody" | "lockScroll" | "showClose" | "closeOnClickModal" | "closeOnPressEscape"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     } & {
@@ -170,20 +170,20 @@ declare const DasPopupMask: import("@das-fed/upf-utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props & {
         visible?: boolean;
     }> & Readonly<{
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:visible": (value: boolean) => any;
     } & {
-        "visible-change": (val: boolean) => any;
         "update:visible": (val: boolean) => any;
+        "visible-change": (val: boolean) => any;
     }, import("vue").PublicProps, {
         visible: boolean;
-        closeOnClickModal: boolean;
-        closeOnPressEscape: boolean;
-        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
+        showClose: boolean;
+        closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -194,15 +194,15 @@ declare const DasPopupMask: import("@das-fed/upf-utils").SFCWithInstall<{
     }, Readonly<import("./src/type.js").Props & {
         visible?: boolean;
     }> & Readonly<{
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         visible: boolean;
-        closeOnClickModal: boolean;
-        closeOnPressEscape: boolean;
-        showClose: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
+        showClose: boolean;
+        closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -210,20 +210,20 @@ declare const DasPopupMask: import("@das-fed/upf-utils").SFCWithInstall<{
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props & {
     visible?: boolean;
 }> & Readonly<{
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (value: boolean) => any;
 } & {
-    "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
+    "visible-change": (val: boolean) => any;
 }, string, {
     visible: boolean;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    showClose: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;

package/packages/components/popup-mask/index.js

@@ -1,8 +1,9 @@
 import '@das-fed/upf-ui/packages/components/popup-mask/style.css';
-import { defineComponent as I, mergeModels as b, ref as s, computed as O, useModel as S, watch as _, nextTick as P, onMounted as N, onUnmounted as T, openBlock as u, createBlock as $, Teleport as z, createVNode as h, Transition as H, withCtx as D, createElementBlock as C, normalizeClass as L, normalizeStyle as V, withModifiers as g, createElementVNode as Y, renderSlot as w, createCommentVNode as r, unref as Z } from "vue";
+import { defineComponent as I, mergeModels as b, ref as s, computed as O, useModel as S, watch as _, nextTick as P, onMounted as N, onUnmounted as T, openBlock as r, createBlock as $, Teleport as z, createVNode as h, Transition as H, withCtx as D, createElementBlock as C, normalizeClass as L, normalizeStyle as V, withModifiers as g, createElementVNode as Y, renderSlot as w, createCommentVNode as u, unref as Z } from "vue";
 import { withInstall as q } from "@das-fed/upf-utils/with-install/index";
 import { useZIndex as U } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
 import { hasClass as W, getStyle as B, addClass as j, removeClass as A } from "@das-fed/upf-utils/style";
+import "@das-fed/upf-ui/packages/components/icon/index";
 import { DasIconClose2 as F } from "@das-fed/upf-ui/packages/icons/close-2/index";
 const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
   __name: "Index",
@@ -51,7 +52,7 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
       window.addEventListener("keydown", y);
     }), T(() => {
       window.removeEventListener("keydown", y);
-    }), (e, k) => (u(), $(z, {
+    }), (e, k) => (r(), $(z, {
       to: "body",
       disabled: !t.appendToBody
     }, [
@@ -64,7 +65,7 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
         },
         {
           default: D(() => [
-            i.value ? (u(), C(
+            i.value ? (r(), C(
               "div",
               {
                 key: 0,
@@ -74,9 +75,9 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
               },
               [
                 Y("div", G, [
-                  e.$slots.default ? w(e.$slots, "default", { key: 0 }, void 0, !0) : r("v-if", !0)
+                  e.$slots.default ? w(e.$slots, "default", { key: 0 }, void 0, !0) : u("v-if", !0)
                 ]),
-                t.showClose ? (u(), C("div", {
+                t.showClose ? (r(), C("div", {
                   key: 0,
                   class: "close-icon",
                   onClick: g(c, ["stop"])
@@ -84,11 +85,11 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
                   w(e.$slots, "close-icon", {}, () => [
                     h(Z(F), { iconColor: "#ffffff" })
                   ], !0)
-                ])) : r("v-if", !0)
+                ])) : u("v-if", !0)
               ],
               6
               /* CLASS, STYLE */
-            )) : r("v-if", !0)
+            )) : u("v-if", !0)
           ]),
           _: 3
           /* FORWARDED */
@@ -103,9 +104,9 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
   for (const [a, d] of n)
     o[a] = d;
   return o;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-67ba9d27"]]), le = () => s(null), ae = q(Q);
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-67ba9d27"]]), ae = () => s(null), ne = q(Q);
 export {
-  ae as DasPopupMask,
-  le as DasPopupMaskRef,
-  ae as default
+  ne as DasPopupMask,
+  ae as DasPopupMaskRef,
+  ne as default
 };

package/packages/components/popup-mask/src/Index.vue.d.ts

@@ -13,18 +13,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (value: boolean) => any;
 } & {
-    "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
+    "visible-change": (val: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     visible: boolean;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    showClose: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;