@volverjs/ui-vue 0.0.10-beta.34 → 0.0.10-beta.36

package/src/constants.ts

@@ -2,80 +2,80 @@ import type { InjectionKey, Ref } from 'vue'
 import type { Emitter } from 'mitt'
 import type { Volver } from './Volver'
 import type {
-	AccordionGroupState,
-	InputGroupState,
-	ButtonGroupState,
-	AlertGroupState,
-	AlertModifier,
+    AccordionGroupState,
+    InputGroupState,
+    ButtonGroupState,
+    AlertGroupState,
+    AlertModifier,
 } from './types'
 
 export const DEFAULT_ICONIFY_PROVIDER = 'vv'
 
 export enum StorageType {
-	local = 'local',
-	session = 'session',
+    local = 'local',
+    session = 'session',
 }
 
 export enum Strategy {
-	absolute = 'absolute',
-	fixed = 'fixed',
+    absolute = 'absolute',
+    fixed = 'fixed',
 }
 
 export enum Side {
-	left = 'left',
-	right = 'right',
-	top = 'top',
-	bottom = 'bottom',
+    left = 'left',
+    right = 'right',
+    top = 'top',
+    bottom = 'bottom',
 }
 
 export 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',
+    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 enum Position {
-	before = 'before',
-	after = 'after',
+    before = 'before',
+    after = 'after',
 }
 
 export enum ButtonType {
-	button = 'button',
-	submit = 'submit',
-	reset = 'reset',
+    button = 'button',
+    submit = 'submit',
+    reset = 'reset',
 }
 
 export enum ActionTag {
-	nuxtLink = 'nuxt-link',
-	routerLink = 'router-link',
-	a = 'a',
-	button = 'button',
+    nuxtLink = 'nuxt-link',
+    routerLink = 'router-link',
+    a = 'a',
+    button = 'button',
 }
 
 export enum ActionRoles {
-	button = 'button',
-	link = 'link',
-	menuitem = 'menuitem',
+    button = 'button',
+    link = 'link',
+    menuitem = 'menuitem',
 }
 
 export enum DropdownRole {
-	listbox = 'listbox',
-	menu = 'menu',
+    listbox = 'listbox',
+    menu = 'menu',
 }
 
 export enum DropdownItemRole {
-	option = 'option',
-	presentation = 'presentation',
+    option = 'option',
+    presentation = 'presentation',
 }
 
 export enum AlertRole {
-	alert = 'alert',
-	alertdialog = 'alertdialog',
+    alert = 'alert',
+    alertdialog = 'alertdialog',
 }
 
 // volver
@@ -83,59 +83,59 @@ export const INJECTION_KEY_VOLVER = Symbol.for('volver') as InjectionKey<Volver>
 
 // groups
 export const INJECTION_KEY_BUTTON_GROUP = Symbol.for(
-	'buttonGroup',
+    'buttonGroup',
 ) as InjectionKey<ButtonGroupState>
 export const INJECTION_KEY_RADIO_GROUP = Symbol.for(
-	'radioGroup',
+    'radioGroup',
 ) as InjectionKey<InputGroupState>
 export const INJECTION_KEY_CHECK_GROUP = Symbol.for(
-	'checkGroup',
+    'checkGroup',
 ) as InjectionKey<InputGroupState>
 export const INJECTION_KEY_ACCORDION_GROUP = Symbol.for(
-	'accordionGroup',
+    'accordionGroup',
 ) as InjectionKey<AccordionGroupState>
 
 // dropdown
 export type DropdownTriggerState = {
-	id?: Ref<string | number>
-	reference?: Ref<HTMLElement | null>
-	bus?: Emitter<{
-		click: Event
-		mouseover: Event
-		mouseleave: Event
-	}>
-	expanded?: Ref<boolean>
-	aria?: Ref<{
-		'aria-controls': string
-		'aria-haspopup': boolean
-		'aria-expanded': boolean
-	}>
+    id?: Ref<string | number>
+    reference?: Ref<HTMLElement | null>
+    bus?: Emitter<{
+        click: Event
+        mouseover: Event
+        mouseleave: Event
+    }>
+    expanded?: Ref<boolean>
+    aria?: Ref<{
+        'aria-controls': string
+        'aria-haspopup': boolean
+        'aria-expanded': boolean
+    }>
 }
 export const INJECTION_KEY_DROPDOWN_TRIGGER = Symbol.for(
-	'dropdownTrigger',
+    'dropdownTrigger',
 ) as InjectionKey<DropdownTriggerState>
 
 export type DropdownItemState = {
-	role?: Ref<`${DropdownItemRole}`>
-	expanded?: Ref<boolean>
-	focused?: Ref<boolean>
-	hovered?: Ref<boolean>
+    role?: Ref<`${DropdownItemRole}`>
+    expanded?: Ref<boolean>
+    focused?: Ref<boolean>
+    hovered?: Ref<boolean>
 }
 export const INJECTION_KEY_DROPDOWN_ITEM = Symbol.for(
-	'dropdownItem',
+    'dropdownItem',
 ) as InjectionKey<DropdownItemState>
 
 export type DropdownActionState = {
-	role?: Ref<`${ActionRoles}`>
-	expanded?: Ref<boolean>
+    role?: Ref<`${ActionRoles}`>
+    expanded?: Ref<boolean>
 }
 export const INJECTION_KEY_DROPDOWN_ACTION = Symbol.for(
-	'dropdownAction',
+    'dropdownAction',
 ) as InjectionKey<DropdownActionState>
 
 // alert
 export const INJECTION_KEY_ALERT_GROUP = Symbol.for(
-	'alertGroup',
+    'alertGroup',
 ) as InjectionKey<AlertGroupState>
 export const DEFAULT_ALERT_AUTO_CLOSE = 10000
 export const DEFAULT_ALERT_MODIFIERS = 'info'
@@ -146,8 +146,8 @@ export const DEFAULT_ALERT_SUCCESS_ICON = 'check-circle'
 export const DEFAULT_ALERT_WARNING_ICON = 'warning'
 export const DEFAULT_ALERT_DANGER_ICON = 'error'
 export const DefaultAlertIconMap = new Map<AlertModifier, string>([
-	['success', DEFAULT_ALERT_SUCCESS_ICON],
-	['info', DEFAULT_ALERT_INFO_ICON],
-	['warning', DEFAULT_ALERT_WARNING_ICON],
-	['danger', DEFAULT_ALERT_DANGER_ICON],
+    ['success', DEFAULT_ALERT_SUCCESS_ICON],
+    ['info', DEFAULT_ALERT_INFO_ICON],
+    ['warning', DEFAULT_ALERT_WARNING_ICON],
+    ['danger', DEFAULT_ALERT_DANGER_ICON],
 ])

package/src/directives/v-contextmenu.ts

@@ -1,40 +1,40 @@
 import type { Directive, DirectiveBinding } from 'vue'
 
 const contextmenu: Directive = {
-	beforeUpdate(el: HTMLElement, binding: DirectiveBinding) {
-		const clientX = ref(0)
-		const clientY = ref(0)
-		const virtualEl = {
-			getBoundingClientRect() {
-				return {
-					width: 0,
-					height: 0,
-					x: clientX.value,
-					y: clientY.value,
-					top: clientY.value,
-					left: clientX.value,
-					right: clientX.value,
-					bottom: clientY.value,
-				}
-			},
-		}
-		if (binding.value?.init) {
-			binding.value.init?.(virtualEl)
-		}
-		el.addEventListener(
-			'contextmenu',
-			function (ev) {
-				if (binding.value?.show) {
-					ev.preventDefault()
-					clientX.value = ev.clientX
-					clientY.value = ev.clientY
-					binding.value.show?.()
-					return false
-				}
-			},
-			false,
-		)
-	},
+    beforeUpdate(el: HTMLElement, binding: DirectiveBinding) {
+        const clientX = ref(0)
+        const clientY = ref(0)
+        const virtualEl = {
+            getBoundingClientRect() {
+                return {
+                    width: 0,
+                    height: 0,
+                    x: clientX.value,
+                    y: clientY.value,
+                    top: clientY.value,
+                    left: clientX.value,
+                    right: clientX.value,
+                    bottom: clientY.value,
+                }
+            },
+        }
+        if (binding.value?.init) {
+            binding.value.init?.(virtualEl)
+        }
+        el.addEventListener(
+            'contextmenu',
+            (ev) => {
+                if (binding.value?.show) {
+                    ev.preventDefault()
+                    clientX.value = ev.clientX
+                    clientY.value = ev.clientY
+                    binding.value.show?.()
+                    return false
+                }
+            },
+            false,
+        )
+    },
 }
 
 export default contextmenu

package/src/directives/v-tooltip.ts

@@ -1,24 +1,24 @@
 import { render, type Directive, type DirectiveBinding } from 'vue'
 import VvTooltip from '../components/VvTooltip/VvTooltip.vue'
-import { Side } from '../constants'
+import type { Side } from '../constants'
 
 const tooltip: Directive = (() => {
-	return {
-		beforeMount(el: HTMLElement, binding: DirectiveBinding) {
-			const tooltip = h(VvTooltip, {
-				value: binding.value,
-				position: binding.arg as Side,
-			})
-			render(tooltip, el)
-		},
-		updated(el: HTMLElement, binding: DirectiveBinding) {
-			const tooltip = h(VvTooltip, {
-				value: binding.value,
-				position: binding.arg as Side,
-			})
-			render(tooltip, el)
-		},
-	}
+    return {
+        beforeMount(el: HTMLElement, binding: DirectiveBinding) {
+            const tooltip = h(VvTooltip, {
+                value: binding.value,
+                position: binding.arg as Side,
+            })
+            render(tooltip, el)
+        },
+        updated(el: HTMLElement, binding: DirectiveBinding) {
+            const tooltip = h(VvTooltip, {
+                value: binding.value,
+                position: binding.arg as Side,
+            })
+            render(tooltip, el)
+        },
+    }
 })()
 
 export default tooltip

package/src/index.ts

@@ -8,7 +8,7 @@ export type { Volver, VolverOptions }
 // https://vuejs.org/guide/typescript/options-api.html#augmenting-global-properties
 // Add custom property and extend vue type definition
 declare module 'vue' {
-	interface ComponentCustomProperties {
-		$vv?: typeof Volver.prototype
-	}
+    interface ComponentCustomProperties {
+        $vv?: typeof Volver.prototype
+    }
 }