@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvAction/index.d.ts

@@ -0,0 +1,2 @@
+export declare const VvActionEvents: string[];
+export { ActionProps as VvActionProps } from '../../props';

package/dist/components/VvAlert/VvAlert.es.js

@@ -1,6 +1,6 @@
-import { computed as r, createBlock as _, createCommentVNode as b, createElementBlock as g, createElementVNode as W, createTextVNode as B, defineComponent as R, guardReactiveProps as j, inject as D, mergeDefaults as Q, mergeProps as M, normalizeProps as E, onBeforeUnmount as X, openBlock as p, ref as q, renderSlot as y, toDisplayString as I, toRefs as Z, unref as u, useId as x, watch as ee, withModifiers as te } from "vue";
+import { computed as r, createBlock as _, createCommentVNode as b, createElementBlock as g, createElementVNode as W, createTextVNode as I, defineComponent as R, guardReactiveProps as j, inject as D, mergeDefaults as Q, mergeProps as M, normalizeProps as E, onBeforeUnmount as X, openBlock as p, ref as q, renderSlot as y, toDisplayString as P, toRefs as Z, unref as u, useId as x, watch as ee, withModifiers as te } from "vue";
 import { Icon as oe, addIcon as ae, iconLoaded as w } from "@iconify/vue";
-var F = /* @__PURE__ */ (function(e) {
+var T = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), re = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
@@ -10,7 +10,7 @@ var F = /* @__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;
 })({}), $ = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), T = /* @__PURE__ */ (function(e) {
+})({}), F = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), ne = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
@@ -90,7 +90,7 @@ var F = /* @__PURE__ */ (function(e) {
 }, ye = { pressed: {
   type: Boolean,
   default: !1
-} }, P = { label: {
+} }, B = { label: {
   type: [String, Number],
   default: void 0
 } }, L = { readonly: {
@@ -230,7 +230,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...me,
   ...z,
   ...he,
-  ...P,
+  ...B,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -253,7 +253,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...C,
   ...L,
   ...V,
-  ...P,
+  ...B,
   ...k,
   value: {
     type: [
@@ -280,7 +280,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...C,
   ...L,
   ...V,
-  ...P,
+  ...B,
   ...k,
   ...K,
   modelValue: {
@@ -303,15 +303,15 @@ var F = /* @__PURE__ */ (function(e) {
   }
 }, He = {
   ...C,
-  ...P,
+  ...B,
   ...ye,
   ...ce,
   ...pe,
   ...ve,
   type: {
     type: String,
-    default: T.button,
-    validator: (e) => Object.values(T).includes(e)
+    default: F.button,
+    validator: (e) => Object.values(F).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -324,18 +324,18 @@ var F = /* @__PURE__ */ (function(e) {
 }, Je = {
   storageType: {
     type: String,
-    default: F.local,
-    validator: (e) => Object.values(F).includes(e)
+    default: T.local,
+    validator: (e) => Object.values(T).includes(e)
   },
   storageKey: String
 };
 function Ce() {
   return D(ue, {});
 }
-function Pe(e) {
+function Be(e) {
   return r(() => String(e?.value || x()));
 }
-function Be(e, o) {
+function Ie(e, o) {
   const l = r(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), n = r(() => o?.value === $.before ? l.value : void 0), s = r(() => o?.value === $.after ? l.value : void 0);
   return {
     hasIcon: l,
@@ -357,7 +357,7 @@ function J(e, o, l) {
     }), n;
   });
 }
-var Ie = {
+var Pe = {
   ...U,
   ...z,
   modifiers: {
@@ -394,14 +394,14 @@ var Ie = {
   }
 }, we = ["close"];
 function Oe(e, o) {
-  const { bus: l } = Ce(), n = Pe(r(() => e.id)), s = r(() => `${n.value}-title`);
+  const { bus: l } = Ce(), n = Be(r(() => e.id)), s = r(() => `${n.value}-title`);
   let a;
-  const f = () => {
+  const d = () => {
     a && clearTimeout(a), o("close", n.value), l?.emit("close", n.value);
   };
   ee(() => e.autoClose, (c) => {
     if (c > 0) {
-      a = setTimeout(f, c);
+      a = setTimeout(d, c);
       return;
     }
     a && clearTimeout(a);
@@ -411,21 +411,21 @@ function Oe(e, o) {
   const t = q(!1), v = () => {
     t.value = !0, a && clearTimeout(a);
   }, h = () => {
-    t.value = !1, e.autoClose > 0 && (a = setTimeout(f, e.autoClose));
-  }, { hasIcon: S } = Be(r(() => e.icon)), i = J("vv-alert", r(() => e.modifiers), r(() => ({
+    t.value = !1, e.autoClose > 0 && (a = setTimeout(d, e.autoClose));
+  }, { hasIcon: S } = Ie(r(() => e.icon)), i = J("vv-alert", r(() => e.modifiers), r(() => ({
     dismissable: e.autoClose > 0 || e.dismissable,
     "auto-close": e.autoClose > 0,
     hover: t.value
-  }))), d = r(() => ({ "--alert-duration": `${e.autoClose}ms` }));
+  }))), f = r(() => ({ "--alert-duration": `${e.autoClose}ms` }));
   return {
-    close: f,
+    close: d,
     hasIcon: S,
     hasTitleId: s,
     hasProps: r(() => ({
       onMouseover: v,
       onMouseleave: h,
       class: i.value,
-      style: d.value,
+      style: f.value,
       role: e.role,
       "aria-labelledby": s.value
     }))
@@ -455,31 +455,30 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
     modifiers: {}
   }, fe),
   setup(e) {
-    const o = e, l = r(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), n = q(!0), s = Ne(), { modifiers: a } = Z(o), f = J("vv-icon", a), t = r(() => o.provider || s?.iconsProvider), v = r(() => {
-      const i = o.name ?? "", d = `@${t.value}:${o.prefix}:${i}`;
-      if (w(d)) return d;
+    const o = e, l = r(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), n = q(!0), s = Ne(), { modifiers: a } = Z(o), d = J("vv-icon", a), t = r(() => o.provider || s?.iconsProvider), v = r(() => {
+      const i = o.name ?? "", f = `@${t.value}:${o.prefix}:${i}`;
+      if (w(f)) return f;
       const c = s?.iconsCollections.find((Y) => w(`@${t.value}:${Y.prefix}:${i}`));
       return c ? `@${t.value}:${c.prefix}:${i}` : i;
     });
     function h(i) {
-      const d = typeof window < "u" ? new window.DOMParser() : null;
-      return d ? d.parseFromString(i, "text/html").querySelector("svg") : null;
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(i, "text/html").querySelector("svg");
     }
     function S(i) {
-      const d = h(i), c = d?.innerHTML.trim() || "";
-      d && c && ae(`@${t.value}:${o.prefix}:${o.name}`, {
+      const f = h(i), c = f?.innerHTML.trim() || "";
+      f && c && ae(`@${t.value}:${o.prefix}:${o.name}`, {
         body: c,
-        height: d.viewBox.baseVal.height,
-        width: d.viewBox.baseVal.width
+        height: f.viewBox.baseVal.height,
+        width: f.viewBox.baseVal.width
       });
     }
     return s && o.src && !w(`@${t.value}:${o.prefix}:${o.name}`) && (n.value = !1, s.fetchIcon(o.src).then((i) => {
       i && S(i), n.value = !0;
     }).catch((i) => {
       throw n.value = !0, new Error(`Error during fetch icon: ${i?.message}`);
-    })), o.svg && S(o.svg), (i, d) => u(n) ? (p(), _(u(oe), M({
+    })), o.svg && S(o.svg), (i, f) => u(n) ? (p(), _(u(oe), M({
       key: 0,
-      class: u(f)
+      class: u(d)
     }, {
       inline: e.inline,
       width: e.width,
@@ -495,19 +494,19 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
 }), Ve = Le, Ae = {
   key: 0,
   class: "vv-alert__header"
-}, je = ["id"], Ee = ["aria-label"], Fe = {
+}, je = ["id"], Ee = ["aria-label"], Te = {
   key: 1,
   class: "vv-alert__content"
-}, Te = {
+}, Fe = {
   key: 2,
   class: "vv-alert__footer"
 }, _e = { name: "VvAlert" }, Re = /* @__PURE__ */ R({
   ..._e,
-  props: Ie,
+  props: Pe,
   emits: we,
   setup(e, { expose: o, emit: l }) {
-    const { hasProps: n, hasTitleId: s, hasIcon: a, close: f } = Oe(e, l);
-    return o({ close: f }), (t, v) => (p(), g("div", E(j(u(n))), [
+    const { hasProps: n, hasTitleId: s, hasIcon: a, close: d } = Oe(e, l);
+    return o({ close: d }), (t, v) => (p(), g("div", E(j(u(n))), [
       t.$slots.header || t.$slots.title || t.$slots.close || t.$slots["title::before"] || t.$slots["title::after"] || t.title || u(a) || t.dismissable || t.autoClose ? (p(), g("div", Ae, [
         u(a) ? (p(), _(Ve, M({ key: 0 }, u(a), { class: "vv-alert__icon" }), null, 16)) : b("v-if", !0),
         y(t.$slots, "header", {}, () => [
@@ -516,19 +515,19 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
             key: 0,
             id: u(s),
             class: "vv-alert__title"
-          }, [y(t.$slots, "title", {}, () => [B(I(t.title), 1)])], 8, je)) : b("v-if", !0),
+          }, [y(t.$slots, "title", {}, () => [I(P(t.title), 1)])], 8, je)) : b("v-if", !0),
           y(t.$slots, "title::after")
         ]),
-        y(t.$slots, "close", E(j({ close: u(f) })), () => [t.dismissable || t.autoClose ? (p(), g("button", {
+        y(t.$slots, "close", E(j({ close: u(d) })), () => [t.dismissable || t.autoClose ? (p(), g("button", {
           key: 0,
           class: "vv-alert__close",
           type: "button",
           "aria-label": t.closeLabel,
-          onClick: v[0] || (v[0] = te((...h) => u(f) && u(f)(...h), ["stop"]))
+          onClick: v[0] || (v[0] = te((...h) => u(d) && u(d)(...h), ["stop"]))
         }, [...v[1] || (v[1] = [W("div", { class: "vv-alert__close-mask" }, null, -1)])], 8, Ee)) : b("v-if", !0)])
       ])) : b("v-if", !0),
-      t.$slots.default || t.content ? (p(), g("div", Fe, [y(t.$slots, "default", {}, () => [B(I(t.content), 1)])])) : b("v-if", !0),
-      t.$slots.footer || t.footer ? (p(), g("div", Te, [y(t.$slots, "footer", {}, () => [B(I(t.footer), 1)])])) : b("v-if", !0)
+      t.$slots.default || t.content ? (p(), g("div", Te, [y(t.$slots, "default", {}, () => [I(P(t.content), 1)])])) : b("v-if", !0),
+      t.$slots.footer || t.footer ? (p(), g("div", Fe, [y(t.$slots, "footer", {}, () => [I(P(t.footer), 1)])])) : b("v-if", !0)
     ], 16));
   }
 }), Ye = Re;

package/dist/components/VvAlert/VvAlert.umd.js

@@ -1 +1 @@
-(function(e,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],f):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlert=f(e.Vue,e.IconifyVue))})(this,function(e,f){var I=(function(t){return t.local="local",t.session="session",t})({}),j=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),m=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),T=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),y=(function(t){return t.before="before",t.after="after",t})({}),N=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),F=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),R=(function(t){return t.alert="alert",t.alertdialog="alertdialog",t})({}),D=Symbol.for("volver"),q=Symbol.for("alertGroup"),M={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},z={prefix:"normal"},K={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},S={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},B={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},g={disabled:{type:Boolean,default:!1}},V={required:{type:Boolean,default:!1}},_={active:{type:Boolean,default:!1}},G={current:{type:Boolean,default:!1}},ge={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:M.clear},labelClear:{type:String,default:"Clear"}},U={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},P={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},J={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Y={debounce:{type:[Number,String],default:void 0}},w={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:t=>Object.values(y).includes(t)}},L={tabindex:{type:[String,Number],default:0}},W={floating:{type:Boolean,default:!1}},O={id:[String,Number]},be={placement:{type:String,default:m.bottom,validator:t=>Object.values(m).includes(t)||Object.values(T).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(j).includes(t)},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}},E={...O,name:{type:String,required:!0}},Q={autofocus:{type:Boolean,default:!1}},X={autocomplete:{type:String,default:"off"}},he={...E,...Q,...X,...L,...g,...P,...S,...B,...k,...C,...$,...J,...Y,...w,...W,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...V},Se={...E,...L,...S,...B,...k,...g,...P,...$,...b,...C,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Be={...S,...B,...H,...k,...g,...P,...$,...b,...C,...V,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ce={...g,...b,...U,..._,...G,...K,type:{type:String,default:N.button,validator:t=>Object.values(N).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:F.button}},Pe={storageType:{type:String,default:I.local,validator:t=>Object.values(I).includes(t)},storageKey:String};function Z(){return(0,e.inject)(q,{})}function x(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function ee(t,r){const l=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),n=(0,e.computed)(()=>r?.value===y.before?l.value:void 0),s=(0,e.computed)(()=>r?.value===y.after?l.value:void 0);return{hasIcon:l,hasIconLeft:(0,e.computed)(()=>r?.value===m.left?l.value:void 0),hasIconRight:(0,e.computed)(()=>r?.value===m.right?l.value:void 0),hasIconTop:(0,e.computed)(()=>r?.value===m.top?l.value:void 0),hasIconBottom:(0,e.computed)(()=>r?.value===m.bottom?l.value:void 0),hasIconBefore:n,hasIconAfter:s}}function A(t,r,l){return(0,e.computed)(()=>{const n={[t]:!0},s=typeof r?.value=="string"?r.value.split(" "):r?.value;return s&&Array.isArray(s)&&s.forEach(a=>{a&&(n[`${t}--${a}`]=!0)}),l&&Object.keys(l.value).forEach(a=>{n[`${t}--${a}`]=(0,e.unref)(l.value[a])}),n})}var te={...O,...w,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:R.alert}},oe=["close"];function re(t,r){const{bus:l}=Z(),n=x((0,e.computed)(()=>t.id)),s=(0,e.computed)(()=>`${n.value}-title`);let a;const u=()=>{a&&clearTimeout(a),r("close",n.value),l?.emit("close",n.value)};(0,e.watch)(()=>t.autoClose,p=>{if(p>0){a=setTimeout(u,p);return}a&&clearTimeout(a)},{immediate:!0}),(0,e.onBeforeUnmount)(()=>{a&&clearTimeout(a)});const o=(0,e.ref)(!1),c=()=>{o.value=!0,a&&clearTimeout(a)},v=()=>{o.value=!1,t.autoClose>0&&(a=setTimeout(u,t.autoClose))},{hasIcon:h}=ee((0,e.computed)(()=>t.icon)),i=A("vv-alert",(0,e.computed)(()=>t.modifiers),(0,e.computed)(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:o.value}))),d=(0,e.computed)(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:u,hasIcon:h,hasTitleId:s,hasProps:(0,e.computed)(()=>({onMouseover:c,onMouseleave:v,class:i.value,style:d.value,role:t.role,"aria-labelledby":s.value}))}}function ae(){return(0,e.inject)(D,void 0)}var le={name:"VvIcon"},ne=(0,e.defineComponent)({...le,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},z),setup(t){const r=t,l=(0,e.computed)(()=>typeof r.rotate=="string"?Number.parseFloat(r.rotate):r.rotate),n=(0,e.ref)(!0),s=ae(),{modifiers:a}=(0,e.toRefs)(r),u=A("vv-icon",a),o=(0,e.computed)(()=>r.provider||s?.iconsProvider),c=(0,e.computed)(()=>{const i=r.name??"",d=`@${o.value}:${r.prefix}:${i}`;if((0,f.iconLoaded)(d))return d;const p=s?.iconsCollections.find(ye=>(0,f.iconLoaded)(`@${o.value}:${ye.prefix}:${i}`));return p?`@${o.value}:${p.prefix}:${i}`:i});function v(i){const d=typeof window<"u"?new window.DOMParser:null;return d?d.parseFromString(i,"text/html").querySelector("svg"):null}function h(i){const d=v(i),p=d?.innerHTML.trim()||"";d&&p&&(0,f.addIcon)(`@${o.value}:${r.prefix}:${r.name}`,{body:p,height:d.viewBox.baseVal.height,width:d.viewBox.baseVal.width})}return s&&r.src&&!(0,f.iconLoaded)(`@${o.value}:${r.prefix}:${r.name}`)&&(n.value=!1,s.fetchIcon(r.src).then(i=>{i&&h(i),n.value=!0}).catch(i=>{throw n.value=!0,new Error(`Error during fetch icon: ${i?.message}`)})),r.svg&&h(r.svg),(i,d)=>(0,e.unref)(n)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(u)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(l),color:t.color,icon:(0,e.unref)(c)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),ie=ne,se={key:0,class:"vv-alert__header"},de=["id"],ue=["aria-label"],fe={key:1,class:"vv-alert__content"},ce={key:2,class:"vv-alert__footer"},pe={name:"VvAlert"},me=(0,e.defineComponent)({...pe,props:te,emits:oe,setup(t,{expose:r,emit:l}){const{hasProps:n,hasTitleId:s,hasIcon:a,close:u}=re(t,l);return r({close:u}),(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||(0,e.unref)(a)||o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("div",se,[(0,e.unref)(a)?((0,e.openBlock)(),(0,e.createBlock)(ie,(0,e.mergeProps)({key:0},(0,e.unref)(a),{class:"vv-alert__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"header",{},()=>[(0,e.renderSlot)(o.$slots,"title::before"),o.$slots.title||o.title?((0,e.openBlock)(),(0,e.createElementBlock)("strong",{key:0,id:(0,e.unref)(s),class:"vv-alert__title"},[(0,e.renderSlot)(o.$slots,"title",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.title),1)])],8,de)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"title::after")]),(0,e.renderSlot)(o.$slots,"close",(0,e.normalizeProps)((0,e.guardReactiveProps)({close:(0,e.unref)(u)})),()=>[o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:c[0]||(c[0]=(0,e.withModifiers)((...v)=>(0,e.unref)(u)&&(0,e.unref)(u)(...v),["stop"]))},[...c[1]||(c[1]=[(0,e.createElementVNode)("div",{class:"vv-alert__close-mask"},null,-1)])],8,ue)):(0,e.createCommentVNode)("v-if",!0)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.default||o.content?((0,e.openBlock)(),(0,e.createElementBlock)("div",fe,[(0,e.renderSlot)(o.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.content),1)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.footer||o.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",ce,[(0,e.renderSlot)(o.$slots,"footer",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.footer),1)])])):(0,e.createCommentVNode)("v-if",!0)],16))}}),ve=me;return ve});
+(function(e,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],f):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlert=f(e.Vue,e.IconifyVue))})(this,function(e,f){var I=(function(t){return t.local="local",t.session="session",t})({}),j=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),v=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),T=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),y=(function(t){return t.before="before",t.after="after",t})({}),N=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),F=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),R=(function(t){return t.alert="alert",t.alertdialog="alertdialog",t})({}),D=Symbol.for("volver"),q=Symbol.for("alertGroup"),M={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},z={prefix:"normal"},K={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},S={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},B={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},g={disabled:{type:Boolean,default:!1}},V={required:{type:Boolean,default:!1}},_={active:{type:Boolean,default:!1}},G={current:{type:Boolean,default:!1}},ge={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:M.clear},labelClear:{type:String,default:"Clear"}},U={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},P={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},J={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Y={debounce:{type:[Number,String],default:void 0}},w={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:t=>Object.values(y).includes(t)}},L={tabindex:{type:[String,Number],default:0}},W={floating:{type:Boolean,default:!1}},O={id:[String,Number]},be={placement:{type:String,default:v.bottom,validator:t=>Object.values(v).includes(t)||Object.values(T).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(j).includes(t)},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}},E={...O,name:{type:String,required:!0}},Q={autofocus:{type:Boolean,default:!1}},X={autocomplete:{type:String,default:"off"}},he={...E,...Q,...X,...L,...g,...P,...S,...B,...k,...C,...$,...J,...Y,...w,...W,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...V},Se={...E,...L,...S,...B,...k,...g,...P,...$,...b,...C,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Be={...S,...B,...H,...k,...g,...P,...$,...b,...C,...V,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ce={...g,...b,...U,..._,...G,...K,type:{type:String,default:N.button,validator:t=>Object.values(N).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:F.button}},Pe={storageType:{type:String,default:I.local,validator:t=>Object.values(I).includes(t)},storageKey:String};function Z(){return(0,e.inject)(q,{})}function x(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function ee(t,r){const l=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),n=(0,e.computed)(()=>r?.value===y.before?l.value:void 0),s=(0,e.computed)(()=>r?.value===y.after?l.value:void 0);return{hasIcon:l,hasIconLeft:(0,e.computed)(()=>r?.value===v.left?l.value:void 0),hasIconRight:(0,e.computed)(()=>r?.value===v.right?l.value:void 0),hasIconTop:(0,e.computed)(()=>r?.value===v.top?l.value:void 0),hasIconBottom:(0,e.computed)(()=>r?.value===v.bottom?l.value:void 0),hasIconBefore:n,hasIconAfter:s}}function A(t,r,l){return(0,e.computed)(()=>{const n={[t]:!0},s=typeof r?.value=="string"?r.value.split(" "):r?.value;return s&&Array.isArray(s)&&s.forEach(a=>{a&&(n[`${t}--${a}`]=!0)}),l&&Object.keys(l.value).forEach(a=>{n[`${t}--${a}`]=(0,e.unref)(l.value[a])}),n})}var te={...O,...w,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:R.alert}},oe=["close"];function re(t,r){const{bus:l}=Z(),n=x((0,e.computed)(()=>t.id)),s=(0,e.computed)(()=>`${n.value}-title`);let a;const d=()=>{a&&clearTimeout(a),r("close",n.value),l?.emit("close",n.value)};(0,e.watch)(()=>t.autoClose,p=>{if(p>0){a=setTimeout(d,p);return}a&&clearTimeout(a)},{immediate:!0}),(0,e.onBeforeUnmount)(()=>{a&&clearTimeout(a)});const o=(0,e.ref)(!1),c=()=>{o.value=!0,a&&clearTimeout(a)},m=()=>{o.value=!1,t.autoClose>0&&(a=setTimeout(d,t.autoClose))},{hasIcon:h}=ee((0,e.computed)(()=>t.icon)),i=A("vv-alert",(0,e.computed)(()=>t.modifiers),(0,e.computed)(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:o.value}))),u=(0,e.computed)(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:d,hasIcon:h,hasTitleId:s,hasProps:(0,e.computed)(()=>({onMouseover:c,onMouseleave:m,class:i.value,style:u.value,role:t.role,"aria-labelledby":s.value}))}}function ae(){return(0,e.inject)(D,void 0)}var le={name:"VvIcon"},ne=(0,e.defineComponent)({...le,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},z),setup(t){const r=t,l=(0,e.computed)(()=>typeof r.rotate=="string"?Number.parseFloat(r.rotate):r.rotate),n=(0,e.ref)(!0),s=ae(),{modifiers:a}=(0,e.toRefs)(r),d=A("vv-icon",a),o=(0,e.computed)(()=>r.provider||s?.iconsProvider),c=(0,e.computed)(()=>{const i=r.name??"",u=`@${o.value}:${r.prefix}:${i}`;if((0,f.iconLoaded)(u))return u;const p=s?.iconsCollections.find(ye=>(0,f.iconLoaded)(`@${o.value}:${ye.prefix}:${i}`));return p?`@${o.value}:${p.prefix}:${i}`:i});function m(i){return globalThis.window===void 0?null:new globalThis.DOMParser().parseFromString(i,"text/html").querySelector("svg")}function h(i){const u=m(i),p=u?.innerHTML.trim()||"";u&&p&&(0,f.addIcon)(`@${o.value}:${r.prefix}:${r.name}`,{body:p,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return s&&r.src&&!(0,f.iconLoaded)(`@${o.value}:${r.prefix}:${r.name}`)&&(n.value=!1,s.fetchIcon(r.src).then(i=>{i&&h(i),n.value=!0}).catch(i=>{throw n.value=!0,new Error(`Error during fetch icon: ${i?.message}`)})),r.svg&&h(r.svg),(i,u)=>(0,e.unref)(n)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(d)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(l),color:t.color,icon:(0,e.unref)(c)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),ie=ne,se={key:0,class:"vv-alert__header"},de=["id"],ue=["aria-label"],fe={key:1,class:"vv-alert__content"},ce={key:2,class:"vv-alert__footer"},pe={name:"VvAlert"},ve=(0,e.defineComponent)({...pe,props:te,emits:oe,setup(t,{expose:r,emit:l}){const{hasProps:n,hasTitleId:s,hasIcon:a,close:d}=re(t,l);return r({close:d}),(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||(0,e.unref)(a)||o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("div",se,[(0,e.unref)(a)?((0,e.openBlock)(),(0,e.createBlock)(ie,(0,e.mergeProps)({key:0},(0,e.unref)(a),{class:"vv-alert__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"header",{},()=>[(0,e.renderSlot)(o.$slots,"title::before"),o.$slots.title||o.title?((0,e.openBlock)(),(0,e.createElementBlock)("strong",{key:0,id:(0,e.unref)(s),class:"vv-alert__title"},[(0,e.renderSlot)(o.$slots,"title",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.title),1)])],8,de)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"title::after")]),(0,e.renderSlot)(o.$slots,"close",(0,e.normalizeProps)((0,e.guardReactiveProps)({close:(0,e.unref)(d)})),()=>[o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:c[0]||(c[0]=(0,e.withModifiers)((...m)=>(0,e.unref)(d)&&(0,e.unref)(d)(...m),["stop"]))},[...c[1]||(c[1]=[(0,e.createElementVNode)("div",{class:"vv-alert__close-mask"},null,-1)])],8,ue)):(0,e.createCommentVNode)("v-if",!0)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.default||o.content?((0,e.openBlock)(),(0,e.createElementBlock)("div",fe,[(0,e.renderSlot)(o.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.content),1)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.footer||o.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",ce,[(0,e.renderSlot)(o.$slots,"footer",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.footer),1)])])):(0,e.createCommentVNode)("v-if",!0)],16))}}),me=ve;return me});

package/dist/components/VvAlert/VvAlert.vue.d.ts

@@ -0,0 +1,124 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    modifiers: {
+        type: PropType<import("../..").AlertModifier | import("../..").AlertModifier[]>;
+        default: undefined;
+    };
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoClose: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    footer: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    role: {
+        type: PropType<`${import("../../constants").AlertRole}`>;
+        default: import("../../constants").AlertRole;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<`${import("../../constants").Position}`>;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>, {
+    /** Close the alert */
+    close: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modifiers: {
+        type: PropType<import("../..").AlertModifier | import("../..").AlertModifier[]>;
+        default: undefined;
+    };
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoClose: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    footer: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    role: {
+        type: PropType<`${import("../../constants").AlertRole}`>;
+        default: import("../../constants").AlertRole;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<`${import("../../constants").Position}`>;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>> & Readonly<{}>, {
+    title: string;
+    icon: string | import("../VvIcon").VvIconProps;
+    content: string;
+    footer: string;
+    modifiers: import("../..").AlertModifier | import("../..").AlertModifier[];
+    dismissable: boolean;
+    autoClose: number;
+    closeLabel: string;
+    role: "alert" | "alertdialog";
+    iconPosition: "before" | "after";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    header?: (props: {}) => any;
+} & {
+    'title::before'?: (props: {}) => any;
+} & {
+    title?: (props: {}) => any;
+} & {
+    'title::after'?: (props: {}) => any;
+} & {
+    close?: (props: {
+        close: () => void;
+    }) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvAlert/index.d.ts

@@ -0,0 +1,104 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { AlertModifier } from '@/types';
+import { AlertRole } from '@/constants';
+export declare const VvAlertProps: {
+    /**
+     * Component BEM modifiers
+     */
+    modifiers: {
+        type: PropType<AlertModifier | AlertModifier[]>;
+        default: undefined;
+    };
+    /**
+     * The alert is dismissable
+     * @default false
+     * @type boolean
+     */
+    dismissable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The alert auto close after the specified time in milliseconds
+     * @default 0
+     * @type number
+     */
+    autoClose: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * The alert close label
+     * @default 'Close'
+     * @type string
+     */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The alert title
+     * @default ''
+     * @type string
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The alert content
+     * @default ''
+     * @type string
+     */
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The alert footer
+     * @default ''
+     * @type string
+     */
+    footer: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The alert role
+     * @default 'alert'
+     * @type string
+     * @values 'alert', 'alertdialog'
+     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Alert_Role
+     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Alertdialog_role
+     */
+    role: {
+        type: PropType<`${AlertRole}`>;
+        default: AlertRole;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<`${import("@/constants").Position}`>;
+        default: import("@/constants").Position;
+        validation: (value: import("@/constants").Position) => boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+};
+export declare const VvAlertEvents: string[];
+export declare function useVvAlert(props: Readonly<ExtractPropTypes<typeof VvAlertProps>>, emit: (event: string, ...args: unknown[]) => void): {
+    close: () => void;
+    hasIcon: globalThis.ComputedRef<import("../VvIcon").VvIconProps | undefined>;
+    hasTitleId: globalThis.ComputedRef<string>;
+    hasProps: globalThis.ComputedRef<{
+        onMouseover: () => void;
+        onMouseleave: () => void;
+        class: Record<string, boolean>;
+        style: {
+            '--alert-duration': string;
+        };
+        role: "alert" | "alertdialog";
+        'aria-labelledby': string;
+    }>;
+};