@volverjs/ui-vue 0.0.10-beta.3 → 0.0.10-beta.30

package/dist/src/composables/group/useInjectedGroupState.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey } from 'vue';
+/**
+ * Injects a group state
+ */
+export declare function useInjectedGroupState<GroupStateType>(groupKey: InjectionKey<GroupStateType>): {
+    group: GroupStateType | undefined;
+    isInGroup: globalThis.ComputedRef<boolean>;
+    getGroupOrLocalRef: <TProps extends object, TName extends keyof GroupStateType>(propName: TName, props: TProps, emit?: (event: string, ...args: unknown[]) => void) => GroupStateType[TName];
+};

package/dist/src/composables/group/useProvideGroupState.d.ts

@@ -0,0 +1,6 @@
+import type { Ref, InjectionKey } from 'vue';
+import type { Emitter } from 'mitt';
+/**
+ * Share part of the state of the component with all its children.
+ */
+export declare function useProvideGroupState<TGroupState extends Record<string, Ref<unknown> | Emitter<any>>>(key: InjectionKey<TGroupState>, groupState: TGroupState): void;

package/dist/{composables → src/composables}/index.d.ts

@@ -1 +1,2 @@
 export { useAlert } from './alert/useAlert';
+export { useBlurhash } from './useBlurhash';

package/dist/src/composables/useBlurhash.d.ts

@@ -0,0 +1,7 @@
+declare function loadImage(src: string): Promise<CanvasImageSource>;
+export declare const useBlurhash: () => {
+    encode: (file: File) => Promise<string | undefined>;
+    decode: import("comlink").Remote<(blurhash: string, width: number, height: number, punch?: number | undefined) => Uint8ClampedArray>;
+    loadImage: typeof loadImage;
+};
+export {};

package/dist/src/composables/useComponentIcon.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+import type { VvIconProps } from '../components/VvIcon';
+export declare function useComponentIcon(icon?: Ref<string | VvIconProps | undefined>, iconPosition?: Ref<string | undefined>): {
+    hasIcon: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconLeft: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconRight: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconTop: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconBottom: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconBefore: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconAfter: globalThis.ComputedRef<VvIconProps | undefined>;
+};

package/dist/src/composables/usePersistence.d.ts

@@ -0,0 +1,2 @@
+import { StorageType } from '@/constants';
+export declare const usePersistence: <T>(storageKey: Ref<string | undefined> | undefined, storageType?: Ref<`${StorageType}`> | `${StorageType}`, defaultValue?: T) => globalThis.WritableComputedRef<T | undefined>;

package/dist/src/composables/useVolver.d.ts

@@ -0,0 +1 @@
+export declare function useVolver(): import("..").Volver | undefined;

package/dist/{constants.d.ts → src/constants.d.ts}

@@ -1,8 +1,12 @@
 import type { InjectionKey, Ref } from 'vue';
 import type { Emitter } from 'mitt';
 import type { Volver } from './Volver';
-import type { AlertModifiers } from './types/alert';
+import type { AccordionGroupState, InputGroupState, ButtonGroupState, AlertGroupState } from './types';
 export declare const DEFAULT_ICONIFY_PROVIDER = "vv";
+export declare enum StorageType {
+    local = "local",
+    session = "session"
+}
 export declare enum Strategy {
     absolute = "absolute",
     fixed = "fixed"
@@ -51,46 +55,44 @@ export declare enum DropdownItemRole {
     option = "option",
     presentation = "presentation"
 }
-export declare enum AnchorTarget {
-    _blank = "_blank",
-    _self = "_self",
-    _parent = "_parent",
-    _top = "_top"
+export declare enum AlertRole {
+    alert = "alert",
+    alertdialog = "alertdialog"
 }
 export declare const INJECTION_KEY_VOLVER: InjectionKey<Volver>;
-export declare const INJECTION_KEY_BUTTON_GROUP: unique symbol;
-export declare const INJECTION_KEY_RADIO_GROUP: unique symbol;
-export declare const INJECTION_KEY_CHECK_GROUP: unique symbol;
-export declare const INJECTION_KEY_ACCORDION_GROUP: unique symbol;
-export declare const INJECTION_KEY_DROPDOWN_TRIGGER: InjectionKey<{
-    id?: Ref<string | number> | undefined;
-    reference?: Ref<HTMLElement | null> | undefined;
+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>;
     bus?: Emitter<{
         click: Event;
         mouseover: Event;
         mouseleave: Event;
-    }> | undefined;
-    expanded?: Ref<boolean> | undefined;
+    }>;
+    expanded?: Ref<boolean>;
     aria?: Ref<{
         'aria-controls': string;
         'aria-haspopup': boolean;
         'aria-expanded': boolean;
-    }> | undefined;
-}>;
-export declare const INJECTION_KEY_DROPDOWN_ITEM: InjectionKey<{
-    role?: Ref<"option" | "presentation"> | undefined;
-    expanded?: Ref<boolean> | undefined;
-}>;
-export declare const INJECTION_KEY_DROPDOWN_ACTION: InjectionKey<{
-    role?: Ref<"button" | "link" | "menuitem"> | undefined;
-    expanded?: Ref<boolean> | undefined;
-}>;
-export declare const INJECTION_KEY_ALERT_GROUP: InjectionKey<{
-    name?: Ref<string | undefined> | undefined;
-    bus?: Emitter<{
-        close: string;
-    }> | undefined;
-}>;
+    }>;
+};
+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;
@@ -99,4 +101,4 @@ 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<AlertModifiers, string>;
+export declare const DefaultAlertIconMap: Map<string, string>;

package/dist/src/directives/index.d.ts

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

package/dist/{index.d.ts → src/index.d.ts}

@@ -1,6 +1,8 @@
 import VolverPlugin from './Volver';
-import type { Volver } from './Volver';
+import type { Volver, VolverOptions } from './Volver';
 export { VolverPlugin };
+export * from './types';
+export type { Volver, VolverOptions };
 declare module 'vue' {
     interface ComponentCustomProperties {
         $vv?: typeof Volver.prototype;