@soybeanjs/headless 0.0.2 → 0.0.3

package/dist/composables/use-exposed-element.d.ts

@@ -1,9 +1,9 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue13 from "vue";
+import * as vue10 from "vue";
 
 //#region src/composables/use-exposed-element.d.ts
 /** Expose the element ref to the parent component. */
-declare function useExposedElement(callback?: (el: HTMLElement) => void): readonly [vue13.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>, (nodeRef: VNodeRef) => void];
+declare function useExposedElement(callback?: (el: HTMLElement) => void): readonly [vue10.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>, (nodeRef: VNodeRef) => void];
 //#endregion
 export { useExposedElement };

package/dist/composables/use-focus-scope.js

@@ -1 +1 @@
-import{arrayRemove as e}from"../shared/object.js";import{getActiveElement as t,removeLinks as n}from"../shared/dom.js";import{focus as r,focusFirstAndSelect as i,getTabbableCandidates as a,getTabbableEdges as o}from"../shared/focus.js";import{isClient as s}from"../shared/env.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m=`focusScope.autoFocusOnClose`,h={bubbles:!1,cancelable:!0},g=v();function _(e,_){let{loop:v,trapped:y,onOpenAutoFocus:b,onCloseAutoFocus:x}=_||{},S,C={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(C.paused||!e.value)return;let n=t.target;e.value.contains(n)?S=n:r(S,{select:!0})}function s(t){if(C.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(S,{select:!0}))}function _(){e.value?.contains(S)||r(e.value)}f(()=>{if(!u(y))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(_);e.value&&t.observe(e.value,{childList:!0,subtree:!0}),l(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),d(e,async(e,o,s)=>{if(await c(),!e)return;g.add(C);let l=t();if(!e.contains(l)){let o=new CustomEvent(p,h);b&&e.addEventListener(p,b),e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{b&&e.removeEventListener(p,b);let t=new CustomEvent(m,h);x&&e.addEventListener(m,x),e.dispatchEvent(t);let n=window.setTimeout(()=>{t.defaultPrevented||r(l??document.body,{select:!0}),x&&e.removeEventListener(m,x),g.remove(C),window.clearTimeout(n)},0)})})}function w(e){let n=u(v),i=u(y);if(!n&&!i||C.paused)return;let a=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,s=t();if(!a||!s)return;let c=e.currentTarget,[l,d]=o(c);l&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(l,{select:!0})):e.shiftKey&&s===l&&(e.preventDefault(),n&&r(d,{select:!0})):s===c&&e.preventDefault()}return{onKeydown:w,focusScopeProps:{tabindex:`-1`}}}function v(){let t=[];return{add(n){let r=t[0];n!==r&&r?.pause(),t=e(t,n),t.unshift(n)},remove(n){t=e(t,n),t[0]?.resume()}}}export{_ as useFocusScope};
+import{arrayRemove as e}from"../shared/object.js";import{getActiveElement as t,removeLinks as n}from"../shared/dom.js";import{focus as r,focusFirstAndSelect as i,getTabbableCandidates as a,getTabbableEdges as o}from"../shared/focus.js";import{isClient as s}from"../shared/env.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m={bubbles:!1,cancelable:!0},h=_();function g(e,g){let{loop:_,trapped:v,onOpenAutoFocus:y,onCloseAutoFocus:b}=g||{},x,S={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(S.paused||!e.value)return;let n=t.target;e.value.contains(n)?x=n:r(x,{select:!0})}function s(t){if(S.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(x,{select:!0}))}function g(){e.value?.contains(x)||r(e.value)}f(()=>{if(!u(v))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(g);e.value&&t.observe(e.value,{childList:!0,subtree:!0}),l(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),d(e,async(e,o,s)=>{if(await c(),!e)return;h.add(S);let l=t();if(!e.contains(l)){let o=new CustomEvent(p,m);y&&e.addEventListener(p,y),e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{y&&e.removeEventListener(p,y),b&&e.removeEventListener(`focusScope.autoFocusOnClose`,b),h.remove(S)})})}function C(e){let n=u(_),i=u(v);if(!n&&!i||S.paused)return;let a=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,s=t();if(!a||!s)return;let c=e.currentTarget,[l,d]=o(c);l&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(l,{select:!0})):e.shiftKey&&s===l&&(e.preventDefault(),n&&r(d,{select:!0})):s===c&&e.preventDefault()}return{onKeydown:C,focusScopeProps:{tabindex:`-1`}}}function _(){let t=[];return{add(n){let r=t[0];n!==r&&r?.pause(),t=e(t,n),t.unshift(n)},remove(n){t=e(t,n),t[0]?.resume()}}}export{g as useFocusScope};

package/dist/composables/use-forward-element.d.ts

@@ -1,6 +1,6 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue12 from "vue";
+import * as vue15 from "vue";
 
 //#region src/composables/use-forward-element.d.ts
 
@@ -9,6 +9,6 @@ import * as vue12 from "vue";
  *
  * @returns An object containing the element reference and a function to set the element reference.
  */
-declare function useForwardElement<T extends HTMLElement = HTMLElement>(callback?: (el: T) => void): readonly [vue12.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
+declare function useForwardElement<T extends HTMLElement = HTMLElement>(callback?: (el: T) => void): readonly [vue15.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
 //#endregion
 export { useForwardElement };

package/dist/composables/use-image-loading-status.d.ts

@@ -1,6 +1,6 @@
 import { ImageLoadingStatus } from "../types/dom.js";
 import "../types/index.js";
-import * as vue14 from "vue";
+import * as vue21 from "vue";
 import { ImgHTMLAttributes, MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-image-loading-status.d.ts
@@ -15,6 +15,6 @@ interface ImageLoadingOptions {
  * @param options - Additional image loading options
  * @returns Reactive loading status
  */
-declare function useImageLoadingStatus(options: ImageLoadingOptions): vue14.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
+declare function useImageLoadingStatus(options: ImageLoadingOptions): vue21.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
 //#endregion
 export { useImageLoadingStatus };

package/dist/composables/use-is-using-keyboard.d.ts

@@ -1,6 +1,6 @@
-import * as vue15 from "vue";
+import * as vue22 from "vue";
 
 //#region src/composables/use-is-using-keyboard.d.ts
-declare function useIsUsingKeyboard(): vue15.ComputedRef<boolean>;
+declare function useIsUsingKeyboard(): vue22.ComputedRef<boolean>;
 //#endregion
 export { useIsUsingKeyboard };

package/dist/composables/use-kbd.d.ts

@@ -1,11 +1,11 @@
 import { KbdKey } from "../types/common.js";
 import "../types/index.js";
-import * as vue17 from "vue";
+import * as vue12 from "vue";
 
 //#region src/composables/use-kbd.d.ts
 declare const kbdMap: Record<KbdKey, string>;
 declare function useKbdKey(): {
-  macOS: vue17.ComputedRef<"" | RegExpMatchArray | null>;
+  macOS: vue12.ComputedRef<"" | RegExpMatchArray | null>;
   getKeyboardKey: (value?: KbdKey | (string & {})) => string | undefined;
 };
 declare const useKbd: typeof useKbdKey;

package/dist/composables/use-locale.d.ts

@@ -1,7 +1,7 @@
-import * as vue16 from "vue";
+import * as vue11 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-locale.d.ts
-declare function useLocale(locale?: MaybeRefOrGetter<string | undefined>): vue16.ComputedRef<string>;
+declare function useLocale(locale?: MaybeRefOrGetter<string | undefined>): vue11.ComputedRef<string>;
 //#endregion
 export { useLocale };

package/dist/composables/use-nonce.d.ts

@@ -1,7 +1,7 @@
-import * as vue18 from "vue";
+import * as vue13 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-nonce.d.ts
-declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue18.ComputedRef<string | undefined>;
+declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue13.ComputedRef<string | undefined>;
 //#endregion
 export { useNonce };

package/dist/composables/use-presence.d.ts

@@ -1,7 +1,7 @@
-import * as vue19 from "vue";
+import * as vue14 from "vue";
 import { MaybeRefOrGetter, Ref } from "vue";
 
 //#region src/composables/use-presence.d.ts
-declare function usePresence(elRef: Ref<HTMLElement | null | undefined>, present: MaybeRefOrGetter<boolean | undefined>, onChange?: (value: boolean) => void): vue19.ComputedRef<boolean>;
+declare function usePresence(elRef: Ref<HTMLElement | null | undefined>, present: MaybeRefOrGetter<boolean | undefined>, onChange?: (value: boolean) => void): vue14.ComputedRef<boolean>;
 //#endregion
 export { usePresence };

package/dist/composables/use-props.d.ts

@@ -1,8 +1,8 @@
-import * as vue20 from "vue";
+import * as vue16 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-props.d.ts
-declare function usePickProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue20.ComputedRef<Pick<T, K>>;
-declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue20.ComputedRef<Omit<T, K>>;
+declare function usePickProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue16.ComputedRef<Pick<T, K>>;
+declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue16.ComputedRef<Omit<T, K>>;
 //#endregion
 export { useOmitProps, usePickProps };

package/dist/composables/use-selection.d.ts

@@ -1,13 +1,13 @@
 import { DefinedValue, SelectionProps } from "../types/common.js";
 import "../types/index.js";
-import * as vue22 from "vue";
+import * as vue18 from "vue";
 
 //#region src/composables/use-selection.d.ts
 declare function useSelection<M extends boolean = false, N extends DefinedValue = string>(props: SelectionProps<M, N>, onUpdateModelValue: (value: NonNullable<SelectionProps<M, N>['modelValue']>) => void): {
-  modelValue: vue22.ShallowRef<(M extends true ? N[] : N) | undefined>;
+  modelValue: vue18.ShallowRef<(M extends true ? N[] : N) | undefined>;
   onModelValueChange: (value: N) => void;
-  isMultiple: vue22.ComputedRef<boolean>;
-  isEmptyModelValue: vue22.ComputedRef<boolean>;
+  isMultiple: vue18.ComputedRef<boolean>;
+  isEmptyModelValue: vue18.ComputedRef<boolean>;
 };
 //#endregion
 export { useSelection };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/headless",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "author": {
     "name": "Soybean",