@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvTab/VvTab.es.js

@@ -71,7 +71,7 @@ var ve = {
 } }, _e = { current: {
   type: Boolean,
   default: !1
-} }, et = {
+} }, Ze = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -144,7 +144,7 @@ var ve = {
 } }, Ce = { floating: {
   type: Boolean,
   default: !1
-} }, Ve = { id: [String, Number] }, tt = {
+} }, Ve = { id: [String, Number] }, et = {
   placement: {
     type: String,
     default: x.bottom,
@@ -211,7 +211,7 @@ var ve = {
 } }, Be = { autocomplete: {
   type: String,
   default: "off"
-} }, rt = {
+} }, tt = {
   ...Q,
   ...Oe,
   ...Be,
@@ -241,7 +241,7 @@ var ve = {
     default: void 0
   },
   ...Y
-}, at = {
+}, rt = {
   ...Q,
   ...H,
   ...j,
@@ -269,7 +269,7 @@ var ve = {
     ],
     default: void 0
   }
-}, ot = {
+}, at = {
   ...j,
   ...$,
   ...Pe,
@@ -321,7 +321,7 @@ var ve = {
 }, we = { items: {
   type: Array,
   default: () => []
-} }, nt = {
+} }, ot = {
   storageType: {
     type: String,
     default: D.local,
@@ -335,28 +335,28 @@ var ve = {
   "click",
   "mouseover",
   "mouseleave"
-], je = Ae;
-function $e() {
+];
+function je() {
   return L(ce, void 0);
 }
-function Te() {
+function $e() {
   return L(be, {});
 }
-function Me() {
+function Te() {
   return L(ye, {});
 }
-var Re = { name: "VvAction" }, De = /* @__PURE__ */ V({
-  ...Re,
-  props: je,
+var Me = { name: "VvAction" }, Re = /* @__PURE__ */ V({
+  ...Me,
+  props: Ae,
   emits: Le,
   setup(e, { expose: n, emit: a }) {
-    const t = e, u = a, l = re(), h = $e(), s = G(null);
+    const t = e, u = a, l = re(), h = je(), s = G(null);
     n({ $el: s });
-    const { reference: i, bus: v, aria: f, expanded: S } = Te();
+    const { reference: i, bus: v, aria: f, expanded: S } = $e();
     ie(() => s.value, (r) => {
       i && (i.value = r);
     });
-    const b = y(() => t.pressed || S?.value), { role: o } = Me(), P = y(() => {
+    const b = y(() => t.pressed || S?.value), { role: o } = Te(), P = y(() => {
       switch (!0) {
         case t.disabled:
           return p.button;
@@ -424,7 +424,7 @@ var Re = { name: "VvAction" }, De = /* @__PURE__ */ V({
       }
       v?.emit("mouseleave", r);
     }
-    return (r, Xe) => (c(), q(le(d(P)), k(d(g), {
+    return (r, Ue) => (c(), q(le(d(P)), k(d(g), {
       ref_key: "rootEl",
       ref: s,
       class: {
@@ -441,18 +441,18 @@ var Re = { name: "VvAction" }, De = /* @__PURE__ */ V({
       _: 3
     }, 16, ["class"]));
   }
-}), xe = De, Ke = {
+}), De = Re, xe = {
   class: "vv-nav__item",
   role: "presentation"
-}, Fe = {
+}, Ke = {
   name: "VvNavItem",
   inheritAttrs: !1
-}, qe = /* @__PURE__ */ V({
-  ...Fe,
+}, Fe = /* @__PURE__ */ V({
+  ...Ke,
   setup(e) {
-    return (n, a) => (c(), _("li", Ke, [
+    return (n, a) => (c(), _("li", xe, [
       m(n.$slots, "before"),
-      z(xe, k(n.$attrs, {
+      z(De, k(n.$attrs, {
         class: "vv-nav__item-label",
         role: "menuitem"
       }), {
@@ -462,7 +462,7 @@ var Re = { name: "VvAction" }, De = /* @__PURE__ */ V({
       m(n.$slots, "after")
     ]));
   }
-}), ze = qe;
+}), qe = Fe;
 function U(e, n, a) {
   return y(() => {
     const t = { [e]: !0 }, u = typeof n?.value == "string" ? n.value.split(" ") : n?.value;
@@ -473,8 +473,8 @@ function U(e, n, a) {
     }), t;
   });
 }
-var Ge = { name: "VvNav" }, Je = /* @__PURE__ */ V({
-  ...Ge,
+var ze = { name: "VvNav" }, Ge = /* @__PURE__ */ V({
+  ...ze,
   props: Ee,
   emits: Ie,
   setup(e, { emit: n }) {
@@ -492,7 +492,7 @@ var Ge = { name: "VvNav" }, Je = /* @__PURE__ */ V({
       class: "vv-nav__menu",
       role: "menu",
       onClick: de(l, ["stop"])
-    }, [m(s.$slots, "default", {}, () => [(c(!0), _(E, null, J(s.items, ({ on: v = {}, data: f, ...S }, b) => (c(), q(ze, k({
+    }, [m(s.$slots, "default", {}, () => [(c(!0), _(E, null, J(s.items, ({ on: v = {}, data: f, ...S }, b) => (c(), q(qe, k({
       key: b,
       "data-index": b
     }, { ref_for: !0 }, S, ue(v)), {
@@ -504,7 +504,7 @@ var Ge = { name: "VvNav" }, Je = /* @__PURE__ */ V({
       _: 2
     }, 1040, ["data-index"]))), 128))])])], 2));
   }
-}), We = Je, Ye = {
+}), Je = Ge, We = {
   ...C,
   navModifiers: { type: [String, Array] },
   modelValue: {
@@ -515,10 +515,10 @@ var Ge = { name: "VvNav" }, Je = /* @__PURE__ */ V({
     type: Array,
     default: () => []
   }
-}, He = ["update:modelValue"], Qe = { name: "VvTab" }, Ue = /* @__PURE__ */ V({
-  ...Qe,
-  props: Ye,
-  emits: He,
+}, Ye = ["update:modelValue"], He = { name: "VvTab" }, Qe = /* @__PURE__ */ V({
+  ...He,
+  props: We,
+  emits: Ye,
   setup(e, { emit: n }) {
     const a = e, t = n, { modifiers: u, items: l } = W(a), h = y(() => l.value.reduce((o, P) => (P.tab && o.push(P.tab), o), [])), s = G(), i = y({
       get: () => a.modelValue || s.value || h.value?.[0],
@@ -533,7 +533,7 @@ var Ge = { name: "VvNav" }, Je = /* @__PURE__ */ V({
       current: o.tab === i.value,
       ...o
     }))), b = U("vv-tab", u);
-    return (o, P) => (c(), _("div", { class: I(d(b)) }, [z(We, k({
+    return (o, P) => (c(), _("div", { class: I(d(b)) }, [z(Je, k({
       items: d(S),
       modifiers: d(v)
     }, { onClick: f }), {
@@ -548,7 +548,7 @@ var Ge = { name: "VvNav" }, Je = /* @__PURE__ */ V({
       class: I([{ target: d(i) === g.tab }, "vv-tab__panel"])
     }, [m(o.$slots, `panel::${g.tab}`)], 2)) : Z("v-if", !0)], 64))), 128))], 2));
   }
-}), lt = Ue;
+}), nt = Qe;
 export {
-  lt as default
+  nt as default
 };

package/dist/components/VvTab/VvTab.umd.js

@@ -1 +1 @@
-(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTab=g(e.Vue))})(this,function(e){var g={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},w=(function(t){return t.local="local",t.session="session",t})({}),R=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),A=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),x=(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})({}),I=(function(t){return t.before="before",t.after="after",t})({}),j=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),p=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),D=Symbol.for("volver"),K=Symbol.for("dropdownTrigger"),F=Symbol.for("dropdownAction"),q={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},B={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},C={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},N={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},P={disabled:{type:Boolean,default:!1}},L={required:{type:Boolean,default:!1}},z={active:{type:Boolean,default:!1}},G={current:{type:Boolean,default:!1}},Ne={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:g.clear},labelClear:{type:String,default:"Clear"}},J={pressed:{type:Boolean,default:!1}},h={label:{type:[String,Number],default:void 0}},V={readonly:{type:Boolean,default:!1}},_={modifiers:{type:[String,Array],default:void 0}},E={hintLabel:{type:String,default:""}},W={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Y={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},H={debounce:{type:[Number,String],default:void 0}},Q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:I.before,validation:t=>Object.values(I).includes(t)}},T={tabindex:{type:[String,Number],default:0}},U={floating:{type:Boolean,default:!1}},X={id:[String,Number]},Ve={placement:{type:String,default:A.bottom,validator:t=>Object.values(A).includes(t)||Object.values(x).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(R).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}},$={...X,name:{type:String,required:!0}},Z={autofocus:{type:Boolean,default:!1}},ee={autocomplete:{type:String,default:"off"}},Ee={...$,...Z,...ee,...T,...P,...V,...B,...C,...E,...N,..._,...Y,...H,...Q,...U,...h,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...L},Oe={...$,...T,...B,...C,...E,...P,...V,..._,...h,...N,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},we={...B,...C,...W,...E,...P,...V,..._,...h,...N,...L,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},te={...P,...h,...J,...z,...G,...q,type:{type:String,default:j.button,validator:t=>Object.values(j).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:p.button}},re={items:{type:Array,default:()=>[]}},Ae={storageType:{type:String,default:w.local,validator:t=>Object.values(w).includes(t)},storageKey:String},ae={..._,...re},oe=["click"],ne=["click","mouseover","mouseleave"],le=te;function se(){return(0,e.inject)(D,void 0)}function ie(){return(0,e.inject)(K,{})}function de(){return(0,e.inject)(F,{})}var ue={name:"VvAction"},pe=(0,e.defineComponent)({...ue,props:le,emits:ne,setup(t,{expose:l,emit:o}){const r=t,d=o,s=(0,e.getCurrentInstance)(),S=se(),i=(0,e.ref)(null);l({$el:i});const{reference:u,bus:f,aria:c,expanded:b}=ie();(0,e.watch)(()=>i.value,a=>{u&&(u.value=a)});const v=(0,e.computed)(()=>r.pressed||b?.value),{role:n}=de(),y=(0,e.computed)(()=>{switch(!0){case r.disabled:return p.button;case r.to!==void 0:return S?.nuxt?(0,e.resolveComponent)(p.nuxtLink):p.routerLink;case r.href!==void 0:return p.a;default:return r.defaultTag}}),m=(0,e.computed)(()=>{const a={...c?.value,ariaPressed:v.value?!0:void 0,ariaLabel:r.ariaLabel,role:n?.value};switch(y.value){case p.a:return{...a,href:r.href,target:r.target,rel:r.rel};case p.routerLink:case p.nuxtLink:return{...a,to:r.to,target:r.target};case p.button:return{...a,type:r.type,disabled:r.disabled};default:return a}});function k(a){if(r.disabled){a.preventDefault();return}if(s?.vnode.props?.onClick){d("click",a);return}f?.emit("click",a)}function O(a){if(s?.vnode.props?.onMouseover){d("mouseover",a);return}f?.emit("mouseover",a)}function Ce(a){if(s?.vnode.props?.onMouseleave){d("mouseleave",a);return}f?.emit("mouseleave",a)}return(a,Ie)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(y)),(0,e.mergeProps)((0,e.unref)(m),{ref_key:"rootEl",ref:i,class:{active:a.active,pressed:(0,e.unref)(v),disabled:a.disabled,current:a.current},onClickPassive:k,onMouseoverPassive:O,onMouseleavePassive:Ce}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)])]),_:3},16,["class"]))}}),fe=pe,ce={class:"vv-nav__item",role:"presentation"},ve={name:"VvNavItem",inheritAttrs:!1},me=(0,e.defineComponent)({...ve,setup(t){return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",ce,[(0,e.renderSlot)(l.$slots,"before"),(0,e.createVNode)(fe,(0,e.mergeProps)(l.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"default")]),_:3},16),(0,e.renderSlot)(l.$slots,"after")]))}}),be=me;function M(t,l,o){return(0,e.computed)(()=>{const r={[t]:!0},d=typeof l?.value=="string"?l.value.split(" "):l?.value;return d&&Array.isArray(d)&&d.forEach(s=>{s&&(r[`${t}--${s}`]=!0)}),o&&Object.keys(o.value).forEach(s=>{r[`${t}--${s}`]=(0,e.unref)(o.value[s])}),r})}var ye={name:"VvNav"},ge=(0,e.defineComponent)({...ye,props:ae,emits:oe,setup(t,{emit:l}){const o=t,r=l,{modifiers:d}=(0,e.toRefs)(o);function s(i){const u=i.target;if(u?.dataset.index){const f=Number.parseInt(u.dataset.index),c=o.items?.[f];if(!c||c?.disabled)return;r("click",c)}}const S=M("vv-nav",d);return(i,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",{class:(0,e.normalizeClass)((0,e.unref)(S))},[(0,e.createElementVNode)("ul",{class:"vv-nav__menu",role:"menu",onClick:(0,e.withModifiers)(s,["stop"])},[(0,e.renderSlot)(i.$slots,"default",{},()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(i.items,({on:f={},data:c,...b},v)=>((0,e.openBlock)(),(0,e.createBlock)(be,(0,e.mergeProps)({key:v,"data-index":v},{ref_for:!0},b,(0,e.toHandlers)(f)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"item",(0,e.mergeProps)({ref_for:!0},{item:b,data:c,index:v}))]),_:2},1040,["data-index"]))),128))])])],2))}}),_e=ge,Se={..._,navModifiers:{type:[String,Array]},modelValue:{type:String,default:""},items:{type:Array,default:()=>[]}},ke=["update:modelValue"],Pe={name:"VvTab"},he=(0,e.defineComponent)({...Pe,props:Se,emits:ke,setup(t,{emit:l}){const o=t,r=l,{modifiers:d,items:s}=(0,e.toRefs)(o),S=(0,e.computed)(()=>s.value.reduce((n,y)=>(y.tab&&n.push(y.tab),n),[])),i=(0,e.ref)(),u=(0,e.computed)({get:()=>o.modelValue||i.value||S.value?.[0],set:n=>{i.value=n,r("update:modelValue",n)}}),f=(0,e.computed)(()=>["tabs",...Array.isArray(o.navModifiers)?o.navModifiers:o.navModifiers?.split(" ")??[]]);function c(n){n.tab&&(u.value=n.tab)}const b=(0,e.computed)(()=>o.items.map(n=>({current:n.tab===u.value,...n}))),v=M("vv-tab",d);return(n,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(v))},[(0,e.createVNode)(_e,(0,e.mergeProps)({items:(0,e.unref)(b),modifiers:(0,e.unref)(f)},{onClick:c}),{item:(0,e.withCtx)(({item:m,data:k,index:O})=>[(0,e.renderSlot)(n.$slots,"nav-item",(0,e.normalizeProps)((0,e.guardReactiveProps)({item:m,data:k,index:O})))]),_:3},16),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(s),(m,k)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:k},[m.tab?((0,e.openBlock)(),(0,e.createElementBlock)("article",{key:0,class:(0,e.normalizeClass)([{target:(0,e.unref)(u)===m.tab},"vv-tab__panel"])},[(0,e.renderSlot)(n.$slots,`panel::${m.tab}`)],2)):(0,e.createCommentVNode)("v-if",!0)],64))),128))],2))}}),Be=he;return Be});
+(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTab=g(e.Vue))})(this,function(e){var g={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},w=(function(t){return t.local="local",t.session="session",t})({}),R=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),A=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),x=(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})({}),I=(function(t){return t.before="before",t.after="after",t})({}),j=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),p=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),D=Symbol.for("volver"),K=Symbol.for("dropdownTrigger"),F=Symbol.for("dropdownAction"),q={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},B={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},C={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},N={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},P={disabled:{type:Boolean,default:!1}},L={required:{type:Boolean,default:!1}},z={active:{type:Boolean,default:!1}},G={current:{type:Boolean,default:!1}},Ce={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:g.clear},labelClear:{type:String,default:"Clear"}},J={pressed:{type:Boolean,default:!1}},h={label:{type:[String,Number],default:void 0}},V={readonly:{type:Boolean,default:!1}},_={modifiers:{type:[String,Array],default:void 0}},E={hintLabel:{type:String,default:""}},W={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Y={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},H={debounce:{type:[Number,String],default:void 0}},Q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:I.before,validation:t=>Object.values(I).includes(t)}},T={tabindex:{type:[String,Number],default:0}},U={floating:{type:Boolean,default:!1}},X={id:[String,Number]},Ne={placement:{type:String,default:A.bottom,validator:t=>Object.values(A).includes(t)||Object.values(x).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(R).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}},$={...X,name:{type:String,required:!0}},Z={autofocus:{type:Boolean,default:!1}},ee={autocomplete:{type:String,default:"off"}},Ve={...$,...Z,...ee,...T,...P,...V,...B,...C,...E,...N,..._,...Y,...H,...Q,...U,...h,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...L},Ee={...$,...T,...B,...C,...E,...P,...V,..._,...h,...N,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Oe={...B,...C,...W,...E,...P,...V,..._,...h,...N,...L,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},te={...P,...h,...J,...z,...G,...q,type:{type:String,default:j.button,validator:t=>Object.values(j).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:p.button}},re={items:{type:Array,default:()=>[]}},we={storageType:{type:String,default:w.local,validator:t=>Object.values(w).includes(t)},storageKey:String},ae={..._,...re},oe=["click"],ne=["click","mouseover","mouseleave"];function le(){return(0,e.inject)(D,void 0)}function se(){return(0,e.inject)(K,{})}function ie(){return(0,e.inject)(F,{})}var de={name:"VvAction"},ue=(0,e.defineComponent)({...de,props:te,emits:ne,setup(t,{expose:l,emit:o}){const r=t,d=o,s=(0,e.getCurrentInstance)(),S=le(),i=(0,e.ref)(null);l({$el:i});const{reference:u,bus:f,aria:c,expanded:b}=se();(0,e.watch)(()=>i.value,a=>{u&&(u.value=a)});const v=(0,e.computed)(()=>r.pressed||b?.value),{role:n}=ie(),y=(0,e.computed)(()=>{switch(!0){case r.disabled:return p.button;case r.to!==void 0:return S?.nuxt?(0,e.resolveComponent)(p.nuxtLink):p.routerLink;case r.href!==void 0:return p.a;default:return r.defaultTag}}),m=(0,e.computed)(()=>{const a={...c?.value,ariaPressed:v.value?!0:void 0,ariaLabel:r.ariaLabel,role:n?.value};switch(y.value){case p.a:return{...a,href:r.href,target:r.target,rel:r.rel};case p.routerLink:case p.nuxtLink:return{...a,to:r.to,target:r.target};case p.button:return{...a,type:r.type,disabled:r.disabled};default:return a}});function k(a){if(r.disabled){a.preventDefault();return}if(s?.vnode.props?.onClick){d("click",a);return}f?.emit("click",a)}function O(a){if(s?.vnode.props?.onMouseover){d("mouseover",a);return}f?.emit("mouseover",a)}function Be(a){if(s?.vnode.props?.onMouseleave){d("mouseleave",a);return}f?.emit("mouseleave",a)}return(a,Ae)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(y)),(0,e.mergeProps)((0,e.unref)(m),{ref_key:"rootEl",ref:i,class:{active:a.active,pressed:(0,e.unref)(v),disabled:a.disabled,current:a.current},onClickPassive:k,onMouseoverPassive:O,onMouseleavePassive:Be}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)])]),_:3},16,["class"]))}}),pe=ue,fe={class:"vv-nav__item",role:"presentation"},ce={name:"VvNavItem",inheritAttrs:!1},ve=(0,e.defineComponent)({...ce,setup(t){return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",fe,[(0,e.renderSlot)(l.$slots,"before"),(0,e.createVNode)(pe,(0,e.mergeProps)(l.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"default")]),_:3},16),(0,e.renderSlot)(l.$slots,"after")]))}}),me=ve;function M(t,l,o){return(0,e.computed)(()=>{const r={[t]:!0},d=typeof l?.value=="string"?l.value.split(" "):l?.value;return d&&Array.isArray(d)&&d.forEach(s=>{s&&(r[`${t}--${s}`]=!0)}),o&&Object.keys(o.value).forEach(s=>{r[`${t}--${s}`]=(0,e.unref)(o.value[s])}),r})}var be={name:"VvNav"},ye=(0,e.defineComponent)({...be,props:ae,emits:oe,setup(t,{emit:l}){const o=t,r=l,{modifiers:d}=(0,e.toRefs)(o);function s(i){const u=i.target;if(u?.dataset.index){const f=Number.parseInt(u.dataset.index),c=o.items?.[f];if(!c||c?.disabled)return;r("click",c)}}const S=M("vv-nav",d);return(i,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",{class:(0,e.normalizeClass)((0,e.unref)(S))},[(0,e.createElementVNode)("ul",{class:"vv-nav__menu",role:"menu",onClick:(0,e.withModifiers)(s,["stop"])},[(0,e.renderSlot)(i.$slots,"default",{},()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(i.items,({on:f={},data:c,...b},v)=>((0,e.openBlock)(),(0,e.createBlock)(me,(0,e.mergeProps)({key:v,"data-index":v},{ref_for:!0},b,(0,e.toHandlers)(f)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"item",(0,e.mergeProps)({ref_for:!0},{item:b,data:c,index:v}))]),_:2},1040,["data-index"]))),128))])])],2))}}),ge=ye,_e={..._,navModifiers:{type:[String,Array]},modelValue:{type:String,default:""},items:{type:Array,default:()=>[]}},Se=["update:modelValue"],ke={name:"VvTab"},Pe=(0,e.defineComponent)({...ke,props:_e,emits:Se,setup(t,{emit:l}){const o=t,r=l,{modifiers:d,items:s}=(0,e.toRefs)(o),S=(0,e.computed)(()=>s.value.reduce((n,y)=>(y.tab&&n.push(y.tab),n),[])),i=(0,e.ref)(),u=(0,e.computed)({get:()=>o.modelValue||i.value||S.value?.[0],set:n=>{i.value=n,r("update:modelValue",n)}}),f=(0,e.computed)(()=>["tabs",...Array.isArray(o.navModifiers)?o.navModifiers:o.navModifiers?.split(" ")??[]]);function c(n){n.tab&&(u.value=n.tab)}const b=(0,e.computed)(()=>o.items.map(n=>({current:n.tab===u.value,...n}))),v=M("vv-tab",d);return(n,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(v))},[(0,e.createVNode)(ge,(0,e.mergeProps)({items:(0,e.unref)(b),modifiers:(0,e.unref)(f)},{onClick:c}),{item:(0,e.withCtx)(({item:m,data:k,index:O})=>[(0,e.renderSlot)(n.$slots,"nav-item",(0,e.normalizeProps)((0,e.guardReactiveProps)({item:m,data:k,index:O})))]),_:3},16),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(s),(m,k)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:k},[m.tab?((0,e.openBlock)(),(0,e.createElementBlock)("article",{key:0,class:(0,e.normalizeClass)([{target:(0,e.unref)(u)===m.tab},"vv-tab__panel"])},[(0,e.renderSlot)(n.$slots,`panel::${m.tab}`)],2)):(0,e.createCommentVNode)("v-if",!0)],64))),128))],2))}}),he=Pe;return he});

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

@@ -0,0 +1,64 @@
+import type { NavItemTab } from '@/types/nav';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    navModifiers: {
+        type: PropType<string | string[]>;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: PropType<NavItemTab[]>;
+        default: () => never[];
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    navModifiers: {
+        type: PropType<string | string[]>;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: PropType<NavItemTab[]>;
+        default: () => never[];
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modelValue: string;
+    modifiers: string | string[];
+    items: NavItemTab[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    [x: `panel::${string}`]: ((props: {}) => any) | undefined;
+} & {
+    'nav-item'?: (props: {
+        item: {
+            label: string;
+            ariaLabel?: string;
+            title?: string;
+            to?: string | Record<string, unknown>;
+            href?: string;
+            target?: string;
+            rel?: string;
+            disabled?: boolean;
+            current?: boolean;
+            class?: string | string[];
+        };
+        data: Record<string, unknown> | undefined;
+        index: number;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import type { NavItemTab } from '@/types/nav';
+export declare const VvTabProps: {
+    navModifiers: {
+        type: PropType<string | string[]>;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: PropType<NavItemTab[]>;
+        default: () => never[];
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};
+export declare const VvTabEvents: string[];