@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/constants.d.ts

@@ -0,0 +1,104 @@
+import type { Emitter } from 'mitt';
+import type { InjectionKey, Ref } from 'vue';
+import type { AccordionGroupState, AlertGroupState, AlertModifier, ButtonGroupState, InputGroupState } from './types';
+import type { Volver } from './Volver';
+export declare const DEFAULT_ICONIFY_PROVIDER = "vv";
+export declare enum StorageType {
+    local = "local",
+    session = "session"
+}
+export declare enum Strategy {
+    absolute = "absolute",
+    fixed = "fixed"
+}
+export declare enum Side {
+    left = "left",
+    right = "right",
+    top = "top",
+    bottom = "bottom"
+}
+export declare enum Placement {
+    topStart = "top-start",
+    topEnd = "top-end",
+    bottomStart = "bottom-start",
+    bottomEnd = "bottom-end",
+    leftStart = "left-start",
+    leftEnd = "left-end",
+    rightStart = "right-start",
+    rightEnd = "right-end"
+}
+export declare enum Position {
+    before = "before",
+    after = "after"
+}
+export declare enum ButtonType {
+    button = "button",
+    submit = "submit",
+    reset = "reset"
+}
+export declare enum ActionTag {
+    nuxtLink = "nuxt-link",
+    routerLink = "router-link",
+    a = "a",
+    button = "button"
+}
+export declare enum ActionRoles {
+    button = "button",
+    link = "link",
+    menuitem = "menuitem"
+}
+export declare enum DropdownRole {
+    listbox = "listbox",
+    menu = "menu"
+}
+export declare enum DropdownItemRole {
+    option = "option",
+    presentation = "presentation"
+}
+export declare enum AlertRole {
+    alert = "alert",
+    alertdialog = "alertdialog"
+}
+export declare const INJECTION_KEY_VOLVER: InjectionKey<Volver>;
+export declare const INJECTION_KEY_BUTTON_GROUP: InjectionKey<ButtonGroupState>;
+export declare const INJECTION_KEY_RADIO_GROUP: InjectionKey<InputGroupState>;
+export declare const INJECTION_KEY_CHECK_GROUP: InjectionKey<InputGroupState>;
+export declare const INJECTION_KEY_ACCORDION_GROUP: InjectionKey<AccordionGroupState>;
+export type DropdownTriggerState = {
+    id?: Ref<string | number>;
+    reference?: Ref<HTMLElement | null | undefined>;
+    bus?: Emitter<{
+        click: Event;
+        mouseover: Event;
+        mouseleave: Event;
+    }>;
+    expanded?: Ref<boolean>;
+    aria?: Ref<{
+        'aria-controls': string;
+        'aria-haspopup': boolean;
+        'aria-expanded': boolean;
+    }>;
+};
+export declare const INJECTION_KEY_DROPDOWN_TRIGGER: InjectionKey<DropdownTriggerState>;
+export type DropdownItemState = {
+    role?: Ref<`${DropdownItemRole}`>;
+    expanded?: Ref<boolean>;
+    focused?: Ref<boolean>;
+    hovered?: Ref<boolean>;
+};
+export declare const INJECTION_KEY_DROPDOWN_ITEM: InjectionKey<DropdownItemState>;
+export type DropdownActionState = {
+    role?: Ref<`${ActionRoles}`>;
+    expanded?: Ref<boolean>;
+};
+export declare const INJECTION_KEY_DROPDOWN_ACTION: InjectionKey<DropdownActionState>;
+export declare const INJECTION_KEY_ALERT_GROUP: InjectionKey<AlertGroupState>;
+export declare const DEFAULT_ALERT_AUTO_CLOSE = 10000;
+export declare const DEFAULT_ALERT_MODIFIERS = "info";
+export declare const DEFAULT_ALERT_DISMISSABLE = true;
+export declare const DEFAULT_ALERT_GROUP = "default";
+export declare const DEFAULT_ALERT_INFO_ICON = "information";
+export declare const DEFAULT_ALERT_SUCCESS_ICON = "check-circle";
+export declare const DEFAULT_ALERT_WARNING_ICON = "warning";
+export declare const DEFAULT_ALERT_DANGER_ICON = "error";
+export declare const DefaultAlertIconMap: Map<AlertModifier, string>;

package/dist/directives/index.d.ts

@@ -0,0 +1,3 @@
+import vContextmenu from '../directives/v-contextmenu';
+import vTooltip from '../directives/v-tooltip';
+export { vContextmenu, vTooltip };

package/dist/directives/index.es.js

@@ -1,4 +1,4 @@
-import { computed as y, createElementBlock as V, createTextVNode as I, defineComponent as $, getCurrentInstance as D, h as B, normalizeClass as F, onMounted as j, onUnmounted as N, openBlock as q, ref as v, render as x, renderSlot as K, toDisplayString as M, toRefs as U, unref as g } from "vue";
+import { computed as y, createElementBlock as V, createTextVNode as I, defineComponent as $, getCurrentInstance as j, h as B, normalizeClass as F, onMounted as w, onUnmounted as N, openBlock as q, ref as v, render as x, renderSlot as K, toDisplayString as M, toRefs as U, unref as g } from "vue";
 var L = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), z = /* @__PURE__ */ (function(e) {
@@ -18,7 +18,7 @@ function G(e, t) {
   const { x: o, y: a, getBoundingClientRect: l, onScroll: r } = H(e), i = (n) => {
     o.value = n.clientX, a.value = n.clientY, n.preventDefault(), e.value.show();
   }, u = y(() => g(t));
-  return u && D() && (j(() => {
+  return u && j() && (w(() => {
     u.value?.addEventListener("contextmenu", i, !1);
   }), N(() => {
     u.value?.removeEventListener("contextmenu", i);
@@ -31,10 +31,10 @@ function G(e, t) {
   };
 }
 function _(e) {
-  if (!e) return;
+  if (!e || typeof globalThis.getComputedStyle != "function" || typeof document > "u") return;
   let t = e.parentElement;
   for (; t; ) {
-    const { overflow: o } = window.getComputedStyle(t);
+    const { overflow: o } = globalThis.getComputedStyle(t);
     if (o.split(" ").every((a) => a === "auto" || a === "scroll")) return t;
     t = t.parentElement;
   }
@@ -43,10 +43,10 @@ function _(e) {
 function H(e) {
   const t = v(0), o = v(0), a = v();
   let l = 0, r = 0, i = 0, u = 0;
-  const n = (T) => {
-    const s = T.target;
+  const n = (R) => {
+    const s = R.target;
     l = s.scrollLeft - u, r = s.scrollTop - i, o.value = o.value - r, t.value = t.value - l, u = s.scrollLeft, i = s.scrollTop;
-  }, h = () => ({
+  }, P = () => ({
     width: 0,
     height: 0,
     x: t.value,
@@ -56,14 +56,14 @@ function H(e) {
     right: t.value,
     bottom: o.value
   });
-  return D() && (j(() => {
-    e.value && (e.value.init({ getBoundingClientRect: h }), a.value = _(e.value.$el), a.value && a.value.addEventListener("scroll", n));
+  return j() && (w(() => {
+    e.value && (e.value.init({ getBoundingClientRect: P }), a.value = _(e.value.$el), a.value && a.value.addEventListener("scroll", n));
   }), N(() => {
     a.value && a.value.removeEventListener("scroll", n);
   })), {
     x: t,
     y: o,
-    getBoundingClientRect: h,
+    getBoundingClientRect: P,
     onScroll: n
   };
 }
@@ -164,7 +164,7 @@ var ce = {
 } }, p = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, P = { hintLabel: {
+} }, h = { hintLabel: {
   type: String,
   default: ""
 } }, te = {
@@ -267,7 +267,7 @@ var ce = {
     type: Boolean,
     default: !1
   }
-}, R = {
+}, T = {
   ...ne,
   name: {
     type: String,
@@ -280,7 +280,7 @@ var ce = {
   type: String,
   default: "off"
 } }, be = {
-  ...R,
+  ...T,
   ...ie,
   ...ue,
   ...A,
@@ -288,7 +288,7 @@ var ce = {
   ...C,
   ...b,
   ...m,
-  ...P,
+  ...h,
   ...S,
   ...p,
   ...oe,
@@ -310,11 +310,11 @@ var ce = {
   },
   ...k
 }, me = {
-  ...R,
+  ...T,
   ...A,
   ...b,
   ...m,
-  ...P,
+  ...h,
   ...d,
   ...C,
   ...p,
@@ -341,7 +341,7 @@ var ce = {
   ...b,
   ...m,
   ...te,
-  ...P,
+  ...h,
   ...d,
   ...C,
   ...p,
@@ -386,7 +386,7 @@ var ce = {
     type: String,
     default: Y.button
   }
-}, Pe = {
+}, he = {
   storageType: {
     type: String,
     default: L.local,
@@ -422,15 +422,15 @@ var fe = { name: "VvTooltip" }, pe = /* @__PURE__ */ $({
       inert: ""
     }, [K(l.$slots, "default", {}, () => [I(M(l.value), 1)])], 2));
   }
-}), w = pe, he = {
+}), D = pe, Pe = {
   beforeMount(e, t) {
-    x(B(w, {
+    x(B(D, {
       value: t.value,
       position: t.arg
     }), e);
   },
   updated(e, t) {
-    x(B(w, {
+    x(B(D, {
       value: t.value,
       position: t.arg
     }), e);
@@ -438,5 +438,5 @@ var fe = { name: "VvTooltip" }, pe = /* @__PURE__ */ $({
 };
 export {
   ce as vContextmenu,
-  he as vTooltip
+  Pe as vTooltip
 };

package/dist/directives/index.umd.js

@@ -1 +1 @@
-(function(i,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i.directives={},i.Vue))})(this,function(i,t){Object.defineProperty(i,Symbol.toStringTag,{value:"Module"});var C=(function(e){return e.local="local",e.session="session",e})({}),D=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),y=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),N=(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})({}),P=(function(e){return e.before="before",e.after="after",e})({}),B=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),_=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({});function k(e,o){const{x:a,y:r,getBoundingClientRect:n,onScroll:l}=T(e),d=u=>{a.value=u.clientX,r.value=u.clientY,u.preventDefault(),e.value.show()},s=(0,t.computed)(()=>(0,t.unref)(o));return s&&(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{s.value?.addEventListener("contextmenu",d,!1)}),(0,t.onUnmounted)(()=>{s.value?.removeEventListener("contextmenu",d)})),{x:a,y:r,getBoundingClientRect:n,onContextmenu:d,onScroll:l}}function x(e){if(!e)return;let o=e.parentElement;for(;o;){const{overflow:a}=window.getComputedStyle(o);if(a.split(" ").every(r=>r==="auto"||r==="scroll"))return o;o=o.parentElement}return document.documentElement}function T(e){const o=(0,t.ref)(0),a=(0,t.ref)(0),r=(0,t.ref)();let n=0,l=0,d=0,s=0;const u=ee=>{const v=ee.target;n=v.scrollLeft-s,l=v.scrollTop-d,a.value=a.value-l,o.value=o.value-n,s=v.scrollLeft,d=v.scrollTop},w=()=>({width:0,height:0,x:o.value,y:a.value,top:a.value,left:o.value,right:o.value,bottom:a.value});return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:w}),r.value=x(e.value.$el),r.value&&r.value.addEventListener("scroll",u))}),(0,t.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",u)})),{x:o,y:a,getBoundingClientRect:w,onScroll:u}}var A={beforeUpdate(e,o){const{onContextmenu:a,onScroll:r,getBoundingClientRect:n}=k(o);o.value.init({getBoundingClientRect:n}),e.addEventListener("contextmenu",a,!1);const l=x(o.value.$el);l&&l.addEventListener("scroll",r),e.additionalData={onContextmenu:a,onScroll:r,scrollContainerEl:l}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}},V={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},I={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},g={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}},m={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},f={disabled:{type:Boolean,default:!1}},L={required:{type:Boolean,default:!1}},R={active:{type:Boolean,default:!1}},$={current:{type:Boolean,default:!1}},te={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:V.clear},labelClear:{type:String,default:"Clear"}},M={pressed:{type:Boolean,default:!1}},p={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},c={modifiers:{type:[String,Array],default:void 0}},h={hintLabel:{type:String,default:""}},q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},F={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},U={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},E={tabindex:{type:[String,Number],default:0}},z={floating:{type:Boolean,default:!1}},X={id:[String,Number]},oe={placement:{type:String,default:y.bottom,validator:e=>Object.values(y).includes(e)||Object.values(N).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(D).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}},O={...X,name:{type:String,required:!0}},Y={autofocus:{type:Boolean,default:!1}},G={autocomplete:{type:String,default:"off"}},ae={...O,...Y,...G,...E,...f,...S,...g,...b,...h,...m,...c,...F,...K,...U,...z,...p,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...L},re={...O,...E,...g,...b,...h,...f,...S,...c,...p,...m,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},le={...g,...b,...q,...h,...f,...S,...c,...p,...m,...L,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ne={...f,...p,...M,...R,...$,...I,type:{type:String,default:B.button,validator:e=>Object.values(B).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:_.button}},ie={storageType:{type:String,default:C.local,validator:e=>Object.values(C).includes(e)},storageKey:String},H={...c,position:{type:String,default:y.bottom},value:{type:String}};function W(e,o,a){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof o?.value=="string"?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(l=>{l&&(r[`${e}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{r[`${e}--${l}`]=(0,t.unref)(a.value[l])}),r})}var J={name:"VvTooltip"},Q=(0,t.defineComponent)({...J,props:H,setup(e){const o=e,{modifiers:a}=(0,t.toRefs)(o),r=W("vv-tooltip",a,(0,t.computed)(()=>({[o.position]:!0})));return(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("span",{class:(0,t.normalizeClass)((0,t.unref)(r)),role:"tooltip",inert:""},[(0,t.renderSlot)(n.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.value),1)])],2))}}),j=Q,Z={beforeMount(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)},updated(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)}};i.vContextmenu=A,i.vTooltip=Z});
+(function(i,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i.directives={},i.Vue))})(this,function(i,t){Object.defineProperty(i,Symbol.toStringTag,{value:"Module"});var C=(function(e){return e.local="local",e.session="session",e})({}),w=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),y=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),N=(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})({}),P=(function(e){return e.before="before",e.after="after",e})({}),B=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),T=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({});function _(e,o){const{x:a,y:r,getBoundingClientRect:n,onScroll:l}=k(e),d=u=>{a.value=u.clientX,r.value=u.clientY,u.preventDefault(),e.value.show()},s=(0,t.computed)(()=>(0,t.unref)(o));return s&&(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{s.value?.addEventListener("contextmenu",d,!1)}),(0,t.onUnmounted)(()=>{s.value?.removeEventListener("contextmenu",d)})),{x:a,y:r,getBoundingClientRect:n,onContextmenu:d,onScroll:l}}function x(e){if(!e||typeof globalThis.getComputedStyle!="function"||typeof document>"u")return;let o=e.parentElement;for(;o;){const{overflow:a}=globalThis.getComputedStyle(o);if(a.split(" ").every(r=>r==="auto"||r==="scroll"))return o;o=o.parentElement}return document.documentElement}function k(e){const o=(0,t.ref)(0),a=(0,t.ref)(0),r=(0,t.ref)();let n=0,l=0,d=0,s=0;const u=ee=>{const v=ee.target;n=v.scrollLeft-s,l=v.scrollTop-d,a.value=a.value-l,o.value=o.value-n,s=v.scrollLeft,d=v.scrollTop},D=()=>({width:0,height:0,x:o.value,y:a.value,top:a.value,left:o.value,right:o.value,bottom:a.value});return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:D}),r.value=x(e.value.$el),r.value&&r.value.addEventListener("scroll",u))}),(0,t.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",u)})),{x:o,y:a,getBoundingClientRect:D,onScroll:u}}var A={beforeUpdate(e,o){const{onContextmenu:a,onScroll:r,getBoundingClientRect:n}=_(o);o.value.init({getBoundingClientRect:n}),e.addEventListener("contextmenu",a,!1);const l=x(o.value.$el);l&&l.addEventListener("scroll",r),e.additionalData={onContextmenu:a,onScroll:r,scrollContainerEl:l}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}},V={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},I={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},g={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}},m={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},f={disabled:{type:Boolean,default:!1}},L={required:{type:Boolean,default:!1}},R={active:{type:Boolean,default:!1}},$={current:{type:Boolean,default:!1}},te={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:V.clear},labelClear:{type:String,default:"Clear"}},M={pressed:{type:Boolean,default:!1}},p={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},c={modifiers:{type:[String,Array],default:void 0}},h={hintLabel:{type:String,default:""}},q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},F={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},U={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},E={tabindex:{type:[String,Number],default:0}},z={floating:{type:Boolean,default:!1}},X={id:[String,Number]},oe={placement:{type:String,default:y.bottom,validator:e=>Object.values(y).includes(e)||Object.values(N).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}},O={...X,name:{type:String,required:!0}},Y={autofocus:{type:Boolean,default:!1}},G={autocomplete:{type:String,default:"off"}},ae={...O,...Y,...G,...E,...f,...S,...g,...b,...h,...m,...c,...F,...K,...U,...z,...p,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...L},re={...O,...E,...g,...b,...h,...f,...S,...c,...p,...m,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},le={...g,...b,...q,...h,...f,...S,...c,...p,...m,...L,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ne={...f,...p,...M,...R,...$,...I,type:{type:String,default:B.button,validator:e=>Object.values(B).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:T.button}},ie={storageType:{type:String,default:C.local,validator:e=>Object.values(C).includes(e)},storageKey:String},H={...c,position:{type:String,default:y.bottom},value:{type:String}};function W(e,o,a){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof o?.value=="string"?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(l=>{l&&(r[`${e}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{r[`${e}--${l}`]=(0,t.unref)(a.value[l])}),r})}var J={name:"VvTooltip"},Q=(0,t.defineComponent)({...J,props:H,setup(e){const o=e,{modifiers:a}=(0,t.toRefs)(o),r=W("vv-tooltip",a,(0,t.computed)(()=>({[o.position]:!0})));return(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("span",{class:(0,t.normalizeClass)((0,t.unref)(r)),role:"tooltip",inert:""},[(0,t.renderSlot)(n.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.value),1)])],2))}}),j=Q,Z={beforeMount(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)},updated(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)}};i.vContextmenu=A,i.vTooltip=Z});

package/dist/directives/v-contextmenu.d.ts

@@ -0,0 +1,3 @@
+import type { Directive } from 'vue';
+declare const contextmenu: Directive;
+export default contextmenu;

package/dist/directives/v-contextmenu.es.js

@@ -1,8 +1,8 @@
-import { computed as E, getCurrentInstance as d, onMounted as f, onUnmounted as m, ref as s, unref as p } from "vue";
-function D(e, t) {
-  const { x: n, y: l, getBoundingClientRect: r, onScroll: o } = L(e), u = (a) => {
+import { computed as x, getCurrentInstance as d, onMounted as f, onUnmounted as m, ref as s, unref as E } from "vue";
+function g(e, t) {
+  const { x: n, y: l, getBoundingClientRect: r, onScroll: o } = D(e), u = (a) => {
     n.value = a.clientX, l.value = a.clientY, a.preventDefault(), e.value.show();
-  }, i = E(() => p(t));
+  }, i = x(() => E(t));
   return i && d() && (f(() => {
     i.value?.addEventListener("contextmenu", u, !1);
   }), m(() => {
@@ -15,21 +15,21 @@ function D(e, t) {
     onScroll: o
   };
 }
-function C(e) {
-  if (!e) return;
+function p(e) {
+  if (!e || typeof globalThis.getComputedStyle != "function" || typeof document > "u") return;
   let t = e.parentElement;
   for (; t; ) {
-    const { overflow: n } = window.getComputedStyle(t);
+    const { overflow: n } = globalThis.getComputedStyle(t);
     if (n.split(" ").every((l) => l === "auto" || l === "scroll")) return t;
     t = t.parentElement;
   }
   return document.documentElement;
 }
-function L(e) {
+function D(e) {
   const t = s(0), n = s(0), l = s();
   let r = 0, o = 0, u = 0, i = 0;
-  const a = (x) => {
-    const c = x.target;
+  const a = (C) => {
+    const c = C.target;
     r = c.scrollLeft - i, o = c.scrollTop - u, n.value = n.value - o, t.value = t.value - r, i = c.scrollLeft, u = c.scrollTop;
   }, v = () => ({
     width: 0,
@@ -42,7 +42,7 @@ function L(e) {
     bottom: n.value
   });
   return d() && (f(() => {
-    e.value && (e.value.init({ getBoundingClientRect: v }), l.value = C(e.value.$el), l.value && l.value.addEventListener("scroll", a));
+    e.value && (e.value.init({ getBoundingClientRect: v }), l.value = p(e.value.$el), l.value && l.value.addEventListener("scroll", a));
   }), m(() => {
     l.value && l.value.removeEventListener("scroll", a);
   })), {
@@ -54,9 +54,9 @@ function L(e) {
 }
 var S = {
   beforeUpdate(e, t) {
-    const { onContextmenu: n, onScroll: l, getBoundingClientRect: r } = D(t);
+    const { onContextmenu: n, onScroll: l, getBoundingClientRect: r } = g(t);
     t.value.init({ getBoundingClientRect: r }), e.addEventListener("contextmenu", n, !1);
-    const o = C(t.value.$el);
+    const o = p(t.value.$el);
     o && o.addEventListener("scroll", l), e.additionalData = {
       onContextmenu: n,
       onScroll: l,

package/dist/directives/v-contextmenu.umd.js

@@ -1 +1 @@
-(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(n=typeof globalThis<"u"?globalThis:n||self,n["v-contextmenu"]=s(n.Vue))})(this,function(n){function s(e,t){const{x:o,y:l,getBoundingClientRect:i,onScroll:a}=m(e),u=r=>{o.value=r.clientX,l.value=r.clientY,r.preventDefault(),e.value.show()},c=(0,n.computed)(()=>(0,n.unref)(t));return c&&(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{c.value?.addEventListener("contextmenu",u,!1)}),(0,n.onUnmounted)(()=>{c.value?.removeEventListener("contextmenu",u)})),{x:o,y:l,getBoundingClientRect:i,onContextmenu:u,onScroll:a}}function f(e){if(!e)return;let t=e.parentElement;for(;t;){const{overflow:o}=window.getComputedStyle(t);if(o.split(" ").every(l=>l==="auto"||l==="scroll"))return t;t=t.parentElement}return document.documentElement}function m(e){const t=(0,n.ref)(0),o=(0,n.ref)(0),l=(0,n.ref)();let i=0,a=0,u=0,c=0;const r=x=>{const d=x.target;i=d.scrollLeft-c,a=d.scrollTop-u,o.value=o.value-a,t.value=t.value-i,c=d.scrollLeft,u=d.scrollTop},v=()=>({width:0,height:0,x:t.value,y:o.value,top:o.value,left:t.value,right:t.value,bottom:o.value});return(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:v}),l.value=f(e.value.$el),l.value&&l.value.addEventListener("scroll",r))}),(0,n.onUnmounted)(()=>{l.value&&l.value.removeEventListener("scroll",r)})),{x:t,y:o,getBoundingClientRect:v,onScroll:r}}var p={beforeUpdate(e,t){const{onContextmenu:o,onScroll:l,getBoundingClientRect:i}=s(t);t.value.init({getBoundingClientRect:i}),e.addEventListener("contextmenu",o,!1);const a=f(t.value.$el);a&&a.addEventListener("scroll",l),e.additionalData={onContextmenu:o,onScroll:l,scrollContainerEl:a}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}};return p});
+(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(n=typeof globalThis<"u"?globalThis:n||self,n["v-contextmenu"]=s(n.Vue))})(this,function(n){function s(e,t){const{x:o,y:l,getBoundingClientRect:i,onScroll:a}=m(e),u=r=>{o.value=r.clientX,l.value=r.clientY,r.preventDefault(),e.value.show()},c=(0,n.computed)(()=>(0,n.unref)(t));return c&&(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{c.value?.addEventListener("contextmenu",u,!1)}),(0,n.onUnmounted)(()=>{c.value?.removeEventListener("contextmenu",u)})),{x:o,y:l,getBoundingClientRect:i,onContextmenu:u,onScroll:a}}function f(e){if(!e||typeof globalThis.getComputedStyle!="function"||typeof document>"u")return;let t=e.parentElement;for(;t;){const{overflow:o}=globalThis.getComputedStyle(t);if(o.split(" ").every(l=>l==="auto"||l==="scroll"))return t;t=t.parentElement}return document.documentElement}function m(e){const t=(0,n.ref)(0),o=(0,n.ref)(0),l=(0,n.ref)();let i=0,a=0,u=0,c=0;const r=C=>{const d=C.target;i=d.scrollLeft-c,a=d.scrollTop-u,o.value=o.value-a,t.value=t.value-i,c=d.scrollLeft,u=d.scrollTop},v=()=>({width:0,height:0,x:t.value,y:o.value,top:o.value,left:t.value,right:t.value,bottom:o.value});return(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:v}),l.value=f(e.value.$el),l.value&&l.value.addEventListener("scroll",r))}),(0,n.onUnmounted)(()=>{l.value&&l.value.removeEventListener("scroll",r)})),{x:t,y:o,getBoundingClientRect:v,onScroll:r}}var p={beforeUpdate(e,t){const{onContextmenu:o,onScroll:l,getBoundingClientRect:i}=s(t);t.value.init({getBoundingClientRect:i}),e.addEventListener("contextmenu",o,!1);const a=f(t.value.$el);a&&a.addEventListener("scroll",l),e.additionalData={onContextmenu:o,onScroll:l,scrollContainerEl:a}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}};return p});

package/dist/directives/v-tooltip.d.ts

@@ -0,0 +1,3 @@
+import type { Directive } from 'vue';
+declare const tooltip: Directive;
+export default tooltip;