@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

package/dist/components/VvDialog/VvDialog.es.js

@@ -1,4 +1,4 @@
-import { Transition as U, computed as i, createBlock as W, createCommentVNode as h, createElementBlock as I, createElementVNode as u, createTextVNode as z, defineComponent as F, mergeProps as B, openBlock as b, ref as g, renderSlot as m, toDisplayString as q, toHandlers as H, toRefs as x, unref as d, vShow as Q, withCtx as X, withDirectives as Z, withModifiers as ee } from "vue";
+import { Transition as H, computed as i, createBlock as T, createCommentVNode as k, createElementBlock as N, createElementVNode as u, createTextVNode as W, defineComponent as G, mergeProps as w, openBlock as b, ref as g, renderSlot as m, toDisplayString as J, toHandlers as Q, toRefs as U, unref as s, vShow as X, withCtx as Y, withDirectives as Z, withModifiers as ee } from "vue";
 import { onClickOutside as te, useVModel as ae } from "@vueuse/core";
 var oe = {
   showPassword: "eye-on",
@@ -11,24 +11,21 @@ var oe = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, re = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), De = { prefix: re.normal }, k = /* @__PURE__ */ (function(e) {
+}, j = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), le = /* @__PURE__ */ (function(e) {
+})({}), re = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), w = /* @__PURE__ */ (function(e) {
+})({}), L = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), ne = /* @__PURE__ */ (function(e) {
+})({}), le = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
-})({}), D = /* @__PURE__ */ (function(e) {
+})({}), V = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), R = /* @__PURE__ */ (function(e) {
+})({}), E = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), ie = /* @__PURE__ */ (function(e) {
+})({}), ne = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({});
-var de = {
+})({}), ie = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -45,7 +42,7 @@ var de = {
     type: [String, Array],
     default: void 0
   }
-}, _ = {
+}, h = {
   invalid: {
     type: Boolean,
     default: !1
@@ -54,7 +51,7 @@ var de = {
     type: [String, Array],
     default: void 0
   }
-}, O = {
+}, P = {
   loading: {
     type: Boolean,
     default: !1
@@ -66,16 +63,16 @@ var de = {
 }, f = { disabled: {
   type: Boolean,
   default: !1
-} }, T = { required: {
+} }, A = { required: {
   type: Boolean,
   default: !1
 } }, se = { active: {
   type: Boolean,
   default: !1
-} }, ue = { current: {
+} }, de = { current: {
   type: Boolean,
   default: !1
-} }, Re = {
+} }, Le = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -88,7 +85,7 @@ var de = {
     type: String,
     default: "Clear"
   }
-}, fe = { pressed: {
+}, ue = { pressed: {
   type: Boolean,
   default: !1
 } }, p = { label: {
@@ -100,10 +97,10 @@ var de = {
 } }, v = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, N = { hintLabel: {
+} }, B = { hintLabel: {
   type: String,
   default: ""
-} }, pe = {
+} }, fe = {
   options: {
     type: Array,
     default: () => []
@@ -120,7 +117,7 @@ var de = {
     type: [String, Function],
     default: "disabled"
   }
-}, ve = { count: {
+}, pe = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -129,35 +126,35 @@ var de = {
     "limit",
     "countdown"
   ].includes(e)
-} }, ce = { debounce: {
+} }, ve = { debounce: {
   type: [Number, String],
   default: void 0
-} }, ye = {
+} }, ce = {
   icon: {
     type: [String, Object],
     default: void 0
   },
   iconPosition: {
     type: String,
-    default: D.before,
-    validation: (e) => Object.values(D).includes(e)
+    default: V.before,
+    validation: (e) => Object.values(V).includes(e)
   }
-}, V = { tabindex: {
+}, D = { tabindex: {
   type: [String, Number],
   default: 0
-} }, be = { floating: {
+} }, ye = { floating: {
   type: Boolean,
   default: !1
-} }, L = { id: [String, Number] }, Te = {
+} }, $ = { id: [String, Number] }, Ve = {
   placement: {
     type: String,
-    default: w.bottom,
-    validator: (e) => Object.values(w).includes(e) || Object.values(ne).includes(e)
+    default: L.bottom,
+    validator: (e) => Object.values(L).includes(e) || Object.values(le).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(le).includes(e)
+    validator: (e) => Object.values(re).includes(e)
   },
   transitionName: {
     type: String,
@@ -203,34 +200,34 @@ var de = {
     type: Boolean,
     default: !1
   }
-}, A = {
-  ...L,
+}, I = {
+  ...$,
   name: {
     type: String,
     required: !0
   }
-}, ge = { autofocus: {
+}, be = { autofocus: {
   type: Boolean,
   default: !1
-} }, me = { autocomplete: {
+} }, ge = { autocomplete: {
   type: String,
   default: "off"
-} }, Ve = {
-  ...A,
+} }, Ee = {
+  ...I,
+  ...be,
   ...ge,
-  ...me,
-  ...V,
+  ...D,
   ...f,
   ...C,
   ...S,
-  ..._,
-  ...N,
-  ...O,
+  ...h,
+  ...B,
+  ...P,
   ...v,
+  ...pe,
   ...ve,
   ...ce,
   ...ye,
-  ...be,
   ...p,
   minlength: {
     type: [String, Number],
@@ -244,18 +241,18 @@ var de = {
     type: String,
     default: void 0
   },
-  ...T
-}, Le = {
-  ...A,
-  ...V,
+  ...A
+}, Ae = {
+  ...I,
+  ...D,
   ...S,
-  ..._,
-  ...N,
+  ...h,
+  ...B,
   ...f,
   ...C,
   ...v,
   ...p,
-  ...O,
+  ...P,
   value: {
     type: [
       String,
@@ -273,17 +270,17 @@ var de = {
     ],
     default: void 0
   }
-}, Ae = {
+}, De = {
   ...S,
-  ..._,
-  ...pe,
-  ...N,
+  ...h,
+  ...fe,
+  ...B,
   ...f,
   ...C,
   ...v,
   ...p,
-  ...O,
-  ...T,
+  ...P,
+  ...A,
   modelValue: {
     type: [
       String,
@@ -302,17 +299,17 @@ var de = {
     type: Boolean,
     default: !1
   }
-}, je = {
+}, $e = {
   ...f,
   ...p,
-  ...fe,
-  ...se,
   ...ue,
+  ...se,
   ...de,
+  ...ie,
   type: {
     type: String,
-    default: R.button,
-    validator: (e) => Object.values(R).includes(e)
+    default: E.button,
+    validator: (e) => Object.values(E).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -320,16 +317,16 @@ var de = {
   },
   defaultTag: {
     type: String,
-    default: ie.button
+    default: ne.button
   }
-}, Ke = {
+}, Ie = {
   storageType: {
     type: String,
-    default: k.local,
-    validator: (e) => Object.values(k).includes(e)
+    default: j.local,
+    validator: (e) => Object.values(j).includes(e)
   },
   storageKey: String
-}, Se = [
+}, me = [
   "open",
   "close",
   "update:modelValue",
@@ -341,9 +338,9 @@ var de = {
   "beforeLeave",
   "leave",
   "leaveCancelled"
-], _e = {
+], Se = {
   ...v,
-  ...L,
+  ...$,
   title: String,
   modelValue: {
     type: Boolean,
@@ -363,40 +360,40 @@ var de = {
     default: "Close"
   }
 };
-function Oe(e, l, n) {
+function he(e, l, n) {
   return i(() => {
     const o = { [e]: !0 }, t = typeof l?.value == "string" ? l.value.split(" ") : l?.value;
     return t && Array.isArray(t) && t.forEach((r) => {
       r && (o[`${e}--${r}`] = !0);
     }), n && Object.keys(n.value).forEach((r) => {
-      o[`${e}--${r}`] = d(n.value[r]);
+      o[`${e}--${r}`] = s(n.value[r]);
     }), o;
   });
 }
-var Ce = {
+var Pe = {
   key: 0,
   class: "vv-dialog__header"
-}, Ne = ["aria-label", "title"], Pe = { class: "vv-dialog__content" }, Ee = {
+}, Ce = ["aria-label", "title"], Be = { class: "vv-dialog__content" }, _e = {
   key: 1,
   class: "vv-dialog__footer"
-}, he = { name: "VvDialog" }, Ie = /* @__PURE__ */ F({
-  ...he,
-  props: _e,
-  emits: Se,
+}, Oe = { name: "VvDialog" }, ke = /* @__PURE__ */ G({
+  ...Oe,
+  props: Se,
+  emits: me,
   setup(e, { expose: l, emit: n }) {
-    const o = e, t = n, r = g(), c = ae(o, "modelValue", t), P = g(!1), y = i({
-      get: () => c.value ?? P.value,
+    const o = e, t = n, r = g(), c = ae(o, "modelValue", t), _ = g(!1), y = i({
+      get: () => c.value ?? _.value,
       set: (a) => {
         if (c.value === void 0) {
-          P.value = a;
+          _.value = a;
           return;
         }
         c.value = a;
       }
-    }), E = g(null), { modifiers: j } = x(o), K = Oe("vv-dialog", j, i(() => o.size ? { [o.size]: !!o.size } : {})), G = i(() => {
+    }), O = g(null), { modifiers: M } = U(o), R = he("vv-dialog", M, i(() => o.size ? { [o.size]: !!o.size } : {})), z = i(() => {
       const { id: a } = o;
       return { id: a };
-    }), $ = i(() => `vv-dialog--${o.transition}`), J = {
+    }), F = i(() => `vv-dialog--${o.transition}`), q = {
       "before-enter": () => {
         r.value?.open || r.value?.showModal(), t("open"), t("beforeEnter");
       },
@@ -422,47 +419,47 @@ var Ce = {
         t("leaveCancelled");
       }
     };
-    te(E, () => {
-      o.keepOpen || s();
+    te(O, () => {
+      o.keepOpen || d();
     });
-    function s() {
+    function d() {
       y.value = !1;
     }
-    function Y() {
+    function x() {
       y.value = !0;
     }
     l({
-      close: s,
-      open: Y
+      close: d,
+      open: x
     });
-    function M() {
-      o.keepOpen || s();
+    function K() {
+      o.keepOpen || d();
     }
-    return (a, Be) => (b(), W(U, B({ name: d($) }, H(J), { persisted: "" }), {
-      default: X(() => [Z(u("dialog", B(d(G), {
+    return (a, Ne) => (b(), T(H, w({ name: s(F) }, Q(q), { persisted: "" }), {
+      default: Y(() => [Z(u("dialog", w(s(z), {
         ref_key: "dialogEl",
         ref: r,
-        class: d(K),
-        onCancel: ee(M, ["stop", "prevent"])
+        class: s(R),
+        onCancel: ee(K, ["stop", "prevent"])
       }), [u("article", {
         ref_key: "modalWrapper",
-        ref: E,
+        ref: O,
         class: "vv-dialog__wrapper"
       }, [
-        a.$slots.header || a.title ? (b(), I("header", Ce, [m(a.$slots, "header", {}, () => [z(q(a.title) + " ", 1), u("button", {
+        a.$slots.header || a.title ? (b(), N("header", Pe, [m(a.$slots, "header", {}, () => [W(J(a.title) + " ", 1), u("button", {
           type: "button",
           "aria-label": a.labelClose,
           title: a.labelClose,
           class: "vv-dialog__close",
-          onClickPassive: s
-        }, null, 40, Ne)])])) : h("v-if", !0),
-        u("div", Pe, [m(a.$slots, "default")]),
-        a.$slots.footer ? (b(), I("footer", Ee, [m(a.$slots, "footer")])) : h("v-if", !0)
-      ], 512)], 16), [[Q, d(y)]])]),
+          onClickPassive: d
+        }, null, 40, Ce)])])) : k("v-if", !0),
+        u("div", Be, [m(a.$slots, "default")]),
+        a.$slots.footer ? (b(), N("footer", _e, [m(a.$slots, "footer")])) : k("v-if", !0)
+      ], 512)], 16), [[X, s(y)]])]),
       _: 3
     }, 16, ["name"]));
   }
-}), Ge = Ie;
+}), Me = ke;
 export {
-  Ge as default
+  Me as default
 };

package/dist/components/VvDialog/VvDialog.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.VvDialog=n(t.Vue,t.VueuseCore))})(this,function(t,n){var V={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},D=(function(e){return e.simple="simple",e.normal="normal",e.detailed="detailed",e})({}),se={prefix:D.normal},_=(function(e){return e.local="local",e.session="session",e})({}),T=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),O=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),w=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),N=(function(e){return e.before="before",e.after="after",e})({}),C=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),R=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),ue=Symbol.for("volver"),fe=Symbol.for("buttonGroup"),pe=Symbol.for("radioGroup"),ce=Symbol.for("checkGroup"),ve=Symbol.for("accordionGroup"),ye=Symbol.for("dropdownTrigger"),be=Symbol.for("dropdownItem"),ge=Symbol.for("dropdownAction"),me=Symbol.for("alertGroup"),L={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},c={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},v={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},y={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},s={disabled:{type:Boolean,default:!1}},E={required:{type:Boolean,default:!1}},j={active:{type:Boolean,default:!1}},A={current:{type:Boolean,default:!1}},Se={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:V.clear},labelClear:{type:String,default:"Clear"}},K={pressed:{type:Boolean,default:!1}},u={label:{type:[String,Number],default:void 0}},b={readonly:{type:Boolean,default:!1}},f={modifiers:{type:[String,Array],default:void 0}},g={hintLabel:{type:String,default:""}},G={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},$={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},J={debounce:{type:[Number,String],default:void 0}},Y={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:N.before,validation:e=>Object.values(N).includes(e)}},P={tabindex:{type:[String,Number],default:0}},M={floating:{type:Boolean,default:!1}},h={id:[String,Number]},_e={placement:{type:String,default:O.bottom,validator:e=>Object.values(O).includes(e)||Object.values(w).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(T).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},B={...h,name:{type:String,required:!0}},q={autofocus:{type:Boolean,default:!1}},U={autocomplete:{type:String,default:"off"}},Oe={...B,...q,...U,...P,...s,...b,...c,...v,...g,...y,...f,...$,...J,...Y,...M,...u,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...E},Ne={...B,...P,...c,...v,...g,...s,...b,...f,...u,...y,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Ce={...c,...v,...G,...g,...s,...b,...f,...u,...y,...E,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ee={...s,...u,...K,...j,...A,...L,type:{type:String,default:C.button,validator:e=>Object.values(C).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:R.button}},Pe={storageType:{type:String,default:_.local,validator:e=>Object.values(_).includes(e)},storageKey:String},W=["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],z={...f,...h,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1},labelClose:{type:String,default:"Close"}};function F(e,i,d){return(0,t.computed)(()=>{const r={[e]:!0},o=typeof i?.value=="string"?i.value.split(" "):i?.value;return o&&Array.isArray(o)&&o.forEach(l=>{l&&(r[`${e}--${l}`]=!0)}),d&&Object.keys(d.value).forEach(l=>{r[`${e}--${l}`]=(0,t.unref)(d.value[l])}),r})}var x={key:0,class:"vv-dialog__header"},H=["aria-label","title"],Q={class:"vv-dialog__content"},X={key:1,class:"vv-dialog__footer"},Z={name:"VvDialog"},ee=(0,t.defineComponent)({...Z,props:z,emits:W,setup(e,{expose:i,emit:d}){const r=e,o=d,l=(0,t.ref)(),m=(0,n.useVModel)(r,"modelValue",o),I=(0,t.ref)(!1),S=(0,t.computed)({get:()=>m.value??I.value,set:a=>{if(m.value===void 0){I.value=a;return}m.value=a}}),k=(0,t.ref)(null),{modifiers:oe}=(0,t.toRefs)(r),ae=F("vv-dialog",oe,(0,t.computed)(()=>r.size?{[r.size]:!!r.size}:{})),re=(0,t.computed)(()=>{const{id:a}=r;return{id:a}}),le=(0,t.computed)(()=>`vv-dialog--${r.transition}`),ne={"before-enter":()=>{l.value?.open||l.value?.showModal(),o("open"),o("beforeEnter")},"after-leave":()=>{l.value?.open&&l.value?.close(),o("close"),o("afterLeave")},enter:()=>{o("enter")},"after-enter":()=>{o("afterEnter")},"enter-cancelled":()=>{o("enterCancelled")},"before-leave":()=>{o("beforeLeave")},leave:()=>{o("leave")},"leave-cancelled":()=>{o("leaveCancelled")}};(0,n.onClickOutside)(k,()=>{r.keepOpen||p()});function p(){S.value=!1}function ie(){S.value=!0}i({close:p,open:ie});function de(){r.keepOpen||p()}return(a,he)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,(0,t.mergeProps)({name:(0,t.unref)(le)},(0,t.toHandlers)(ne),{persisted:""}),{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)("dialog",(0,t.mergeProps)((0,t.unref)(re),{ref_key:"dialogEl",ref:l,class:(0,t.unref)(ae),onCancel:(0,t.withModifiers)(de,["stop","prevent"])}),[(0,t.createElementVNode)("article",{ref_key:"modalWrapper",ref:k,class:"vv-dialog__wrapper"},[a.$slots.header||a.title?((0,t.openBlock)(),(0,t.createElementBlock)("header",x,[(0,t.renderSlot)(a.$slots,"header",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(a.title)+" ",1),(0,t.createElementVNode)("button",{type:"button","aria-label":a.labelClose,title:a.labelClose,class:"vv-dialog__close",onClickPassive:p},null,40,H)])])):(0,t.createCommentVNode)("v-if",!0),(0,t.createElementVNode)("div",Q,[(0,t.renderSlot)(a.$slots,"default")]),a.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)("footer",X,[(0,t.renderSlot)(a.$slots,"footer")])):(0,t.createCommentVNode)("v-if",!0)],512)],16),[[t.vShow,(0,t.unref)(S)]])]),_:3},16,["name"]))}}),te=ee;return te});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.VvDialog=n(t.Vue,t.VueuseCore))})(this,function(t,n){var j={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},h=(function(e){return e.local="local",e.session="session",e})({}),w=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),P=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),L=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),B=(function(e){return e.before="before",e.after="after",e})({}),C=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),A=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),D={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},c={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},v={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},y={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},s={disabled:{type:Boolean,default:!1}},k={required:{type:Boolean,default:!1}},$={active:{type:Boolean,default:!1}},I={current:{type:Boolean,default:!1}},de={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:j.clear},labelClear:{type:String,default:"Clear"}},q={pressed:{type:Boolean,default:!1}},u={label:{type:[String,Number],default:void 0}},g={readonly:{type:Boolean,default:!1}},f={modifiers:{type:[String,Array],default:void 0}},b={hintLabel:{type:String,default:""}},M={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},R={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},x={debounce:{type:[Number,String],default:void 0}},z={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:B.before,validation:e=>Object.values(B).includes(e)}},_={tabindex:{type:[String,Number],default:0}},F={floating:{type:Boolean,default:!1}},O={id:[String,Number]},se={placement:{type:String,default:P.bottom,validator:e=>Object.values(P).includes(e)||Object.values(L).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(w).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},V={...O,name:{type:String,required:!0}},T={autofocus:{type:Boolean,default:!1}},K={autocomplete:{type:String,default:"off"}},ue={...V,...T,...K,..._,...s,...g,...c,...v,...b,...y,...f,...R,...x,...z,...F,...u,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...k},fe={...V,..._,...c,...v,...b,...s,...g,...f,...u,...y,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},pe={...c,...v,...M,...b,...s,...g,...f,...u,...y,...k,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ce={...s,...u,...q,...$,...I,...D,type:{type:String,default:C.button,validator:e=>Object.values(C).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:A.button}},ve={storageType:{type:String,default:h.local,validator:e=>Object.values(h).includes(e)},storageKey:String},H=["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],W={...f,...O,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1},labelClose:{type:String,default:"Close"}};function G(e,i,d){return(0,t.computed)(()=>{const r={[e]:!0},a=typeof i?.value=="string"?i.value.split(" "):i?.value;return a&&Array.isArray(a)&&a.forEach(l=>{l&&(r[`${e}--${l}`]=!0)}),d&&Object.keys(d.value).forEach(l=>{r[`${e}--${l}`]=(0,t.unref)(d.value[l])}),r})}var J={key:0,class:"vv-dialog__header"},Q=["aria-label","title"],U={class:"vv-dialog__content"},X={key:1,class:"vv-dialog__footer"},Y={name:"VvDialog"},Z=(0,t.defineComponent)({...Y,props:W,emits:H,setup(e,{expose:i,emit:d}){const r=e,a=d,l=(0,t.ref)(),m=(0,n.useVModel)(r,"modelValue",a),N=(0,t.ref)(!1),S=(0,t.computed)({get:()=>m.value??N.value,set:o=>{if(m.value===void 0){N.value=o;return}m.value=o}}),E=(0,t.ref)(null),{modifiers:te}=(0,t.toRefs)(r),ae=G("vv-dialog",te,(0,t.computed)(()=>r.size?{[r.size]:!!r.size}:{})),oe=(0,t.computed)(()=>{const{id:o}=r;return{id:o}}),re=(0,t.computed)(()=>`vv-dialog--${r.transition}`),le={"before-enter":()=>{l.value?.open||l.value?.showModal(),a("open"),a("beforeEnter")},"after-leave":()=>{l.value?.open&&l.value?.close(),a("close"),a("afterLeave")},enter:()=>{a("enter")},"after-enter":()=>{a("afterEnter")},"enter-cancelled":()=>{a("enterCancelled")},"before-leave":()=>{a("beforeLeave")},leave:()=>{a("leave")},"leave-cancelled":()=>{a("leaveCancelled")}};(0,n.onClickOutside)(E,()=>{r.keepOpen||p()});function p(){S.value=!1}function ne(){S.value=!0}i({close:p,open:ne});function ie(){r.keepOpen||p()}return(o,ye)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,(0,t.mergeProps)({name:(0,t.unref)(re)},(0,t.toHandlers)(le),{persisted:""}),{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)("dialog",(0,t.mergeProps)((0,t.unref)(oe),{ref_key:"dialogEl",ref:l,class:(0,t.unref)(ae),onCancel:(0,t.withModifiers)(ie,["stop","prevent"])}),[(0,t.createElementVNode)("article",{ref_key:"modalWrapper",ref:E,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?((0,t.openBlock)(),(0,t.createElementBlock)("header",J,[(0,t.renderSlot)(o.$slots,"header",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.title)+" ",1),(0,t.createElementVNode)("button",{type:"button","aria-label":o.labelClose,title:o.labelClose,class:"vv-dialog__close",onClickPassive:p},null,40,Q)])])):(0,t.createCommentVNode)("v-if",!0),(0,t.createElementVNode)("div",U,[(0,t.renderSlot)(o.$slots,"default")]),o.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)("footer",X,[(0,t.renderSlot)(o.$slots,"footer")])):(0,t.createCommentVNode)("v-if",!0)],512)],16),[[t.vShow,(0,t.unref)(S)]])]),_:3},16,["name"]))}}),ee=Z;return ee});