@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

package/dist/components/popper/popper-compact.vue.d.ts

@@ -0,0 +1,40 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { PopperCompactProps, PopperCompactSlots, PopperOpenChangeReason, PopperTriggerType } from "./types.js";
+import "../../index.js";
+//#region src/components/popper/popper-compact.vue.d.ts
+type __VLS_Slots = PopperCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<PopperCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean, reason: PopperOpenChangeReason) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  placed: () => any;
+}, string, import("vue").PublicProps, Readonly<PopperCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean, reason: PopperOpenChangeReason) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
+}>, {
+  open: boolean;
+  showArrow: boolean;
+  defaultOpen: boolean;
+  modal: boolean;
+  trigger: PopperTriggerType;
+  openOnFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/popper/popper-popup.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{usePopperPositionerContext as t,usePopperRootContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`data-side`,`data-align`,`dir`],p=o({name:`PopperPopup`,__name:`popper-popup`,setup(o){let p=r(`popup`),{dir:m,onPopupElementChange:h}=n(`PopperPopup`),{placedSide:g,placedAlign:_,isPositioned:v}=t(`PopperPopup`),[y,b]=e(h),x=i(()=>({animation:v.value?void 0:`none`}));return(e,t)=>(l(),a(`div`,{ref:d(b),class:s(d(p)),"data-soybean-popper-popup":``,"data-side":d(g),"data-align":d(_),dir:d(m),style:c(x.value)},[u(e.$slots,`default`)],14,f))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import{usePopperPositionerContext as n,usePopperRootContext as r,usePopperUi as i}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as s,mergeProps as c,onBeforeUnmount as l,openBlock as u,renderSlot as d,unref as f,watchEffect as p}from"vue";const m=[`id`,`data-popper-sub-popup`,`data-nesting-level`,`data-state`,`data-side`,`data-align`,`aria-labelledby`,`dir`],h=s({name:`PopperPopup`,__name:`popper-popup`,setup(s){let h=s,g=t(h,[`id`,`class`]),_=i(`popup`),{dataState:v,isSub:y,nestingLevel:b,popupId:x,triggerElement:S,triggerId:C,dir:w,onPopupElementChange:T}=r(`PopperPopup`),{placedSide:E,placedAlign:D,isPositioned:O}=n(`PopperPopup`),[k,A]=e(T),j=a(()=>h.id??x.value),M=a(()=>h[`aria-labelledby`]??(S.value?C.value:void 0)),N=a(()=>({animation:O.value?void 0:`none`}));return p(()=>{h.id&&(x.value=h.id)}),l(()=>{T(void 0)}),(e,t)=>(u(),o(`div`,c(f(g),{id:j.value,ref:f(A),class:f(_),"data-soybean-popper-popup":``,"data-dismissable-layer":``,"data-popper-sub-popup":f(y)?``:void 0,"data-nesting-level":f(b),"data-state":f(v),"data-side":f(E),"data-align":f(D),"aria-labelledby":M.value,dir:f(w),style:N.value,tabindex:`-1`}),[d(e.$slots,`default`)],16,m))}});export{h as default};

package/dist/components/popper/popper-portal.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,normalizeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=n({name:`PopperPortal`,__name:`popper-portal`,props:{to:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean}},setup(n){let l=n;return(n,u)=>(a(),t(s(e),i(r(l)),{default:c(()=>[o(n.$slots,`default`)]),_:3},16))}});export{l as default};

package/dist/components/popper/popper-portal.vue.d.ts

@@ -0,0 +1,16 @@
+import { PopperPortalProps } from "./types.js";
+//#region src/components/popper/popper-portal.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopperPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopperPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/popper/popper-positioner-impl.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useGraceArea as t}from"../../composables/use-grace-area.js";import{providePopperPositionerContext as n,usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createPopperPositionerDefaultProps as a}from"./shared.js";import{usePopperDismiss as o}from"./use-popper-dismiss.js";import{usePopperPositioning as s}from"./use-popper-positioning.js";import{computed as c,createElementBlock as l,defineComponent as u,mergeDefaults as d,normalizeClass as f,normalizeStyle as p,onBeforeUnmount as m,openBlock as h,renderSlot as g,unref as _,watchPostEffect as v}from"vue";const y=[`data-state`],b=u({name:`PopperPositionerImpl`,__name:`popper-positioner-impl`,props:d({placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{type:Function},forceMount:{type:Boolean}},a()),emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(a,{emit:u}){let d=a,b=u,x=i(`positioner`),S=r(`PopperPositionerImpl`),{dataState:C,popupElement:w,triggerElement:T,graceTriggerElement:E,triggerType:D,isPointerInTransit:O,anchorElement:k,onPositionerElementChange:A,onPositionerUpdateChange:j}=S,[M,N]=e(A),[P,F]=e(),I=c(()=>d.reference??k.value),{isPositioned:L,update:R,placedSide:z,placedAlign:B,arrowX:V,arrowY:H,hideArrow:U,positionerStyle:W}=s({props:d,referenceElement:I,positionerElement:M,arrowElement:P,open:()=>S.open.value,popupElement:w});j(R),n({arrowX:V,arrowY:H,hideArrow:U,placedSide:z,placedAlign:B,isPositioned:c(()=>L.value),setArrowElement:F});let G=c(()=>D.value!==`hover`||!!d.disableHoverableContent),K=c(()=>E.value??T.value);t({triggerElement:K,areaElement:M,disabled:G,subAreaAttribute:`data-popper-sub-popup`,onPointerInTransitChange:e=>{O.value=e},onSubAreaEnter:()=>{S.cancelHoverClose()},onPointerExit:()=>{D.value===`hover`&&S.onHoverClose(`trigger-hover`),d.onGracePointerExit?.()}});let{pointerEvents:q,onPointerdownCapture:J,onFocusCapture:Y,onBlurCapture:X,onKeydown:Z}=o({layerElement:M,context:S,trapFocus:()=>d.trapFocus??S.modal.value,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{b(`pointerDownOutside`,e)},onFocusOutside:e=>{b(`focusOutside`,e)},onInteractOutside:e=>{b(`interactOutside`,e)},onOpenAutoFocus:e=>{b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}});function Q(e){e.pointerType!==`touch`&&(S.onPopupPointerInsideChange(!0),S.cancelHoverClose())}function $(e){e.pointerType!==`touch`&&(S.onPopupPointerInsideChange(!1),D.value===`hover`&&S.onHoverClose(`trigger-hover`))}return v(()=>{L.value&&b(`placed`)}),v(()=>{if(w.value){if(q.value){w.value.style.pointerEvents=q.value;return}w.value.style.removeProperty(`pointer-events`)}}),m(()=>{j(void 0),S.onPopupPointerInsideChange(!1),S.onPositionerElementChange(void 0),O.value=!1}),(e,t)=>(h(),l(`div`,{ref:_(N),"data-soybean-popper-positioner-impl":``,"data-soybean-popper-positioner":``,class:f(_(x)),style:p(_(W)),"data-state":_(C),onFocusCapture:t[0]||=(...e)=>_(Y)&&_(Y)(...e),onBlurCapture:t[1]||=(...e)=>_(X)&&_(X)(...e),onPointerdownCapture:t[2]||=(...e)=>_(J)&&_(J)(...e),onKeydown:t[3]||=(...e)=>_(Z)&&_(Z)(...e),onPointerenter:Q,onPointerleave:$},[g(e.$slots,`default`)],46,y))}});export{b as default};

package/dist/components/popper/popper-positioner-impl.vue.d.ts

@@ -0,0 +1,247 @@
+import { Align, Placement } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { PopperPositionerProps } from "./types.js";
+import "../../index.js";
+//#region src/components/popper/popper-positioner-impl.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  placed: () => any;
+}, string, import("vue").PublicProps, Readonly<PopperPositionerProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
+}>, {
+  [x: `data-${string}`]: {};
+  onCopy: (payload: ClipboardEvent) => void;
+  onCut: (payload: ClipboardEvent) => void;
+  onPaste: (payload: ClipboardEvent) => void;
+  onCompositionend: (payload: CompositionEvent) => void;
+  onCompositionstart: (payload: CompositionEvent) => void;
+  onCompositionupdate: (payload: CompositionEvent) => void;
+  onDrag: (payload: DragEvent) => void;
+  onDragend: (payload: DragEvent) => void;
+  onDragenter: (payload: DragEvent) => void;
+  onDragexit: (payload: DragEvent) => void;
+  onDragleave: (payload: DragEvent) => void;
+  onDragover: (payload: DragEvent) => void;
+  onDragstart: (payload: DragEvent) => void;
+  onDrop: (payload: DragEvent) => void;
+  onFocus: (payload: FocusEvent) => void;
+  onFocusin: (payload: FocusEvent) => void;
+  onFocusout: (payload: FocusEvent) => void;
+  onBlur: (payload: FocusEvent) => void;
+  onChange: (payload: Event) => void;
+  onBeforeinput: (payload: InputEvent) => void;
+  onFormdata: (payload: FormDataEvent) => void;
+  onInput: (payload: InputEvent) => void;
+  onReset: (payload: Event) => void;
+  onSubmit: (payload: SubmitEvent) => void;
+  onInvalid: (payload: Event) => void;
+  onFullscreenchange: (payload: Event) => void;
+  onFullscreenerror: (payload: Event) => void;
+  onLoad: (payload: Event) => void;
+  onError: (payload: Event) => void;
+  onKeydown: (payload: KeyboardEvent) => void;
+  onKeypress: (payload: KeyboardEvent) => void;
+  onKeyup: (payload: KeyboardEvent) => void;
+  onDblclick: (payload: MouseEvent) => void;
+  onMousedown: (payload: MouseEvent) => void;
+  onMouseenter: (payload: MouseEvent) => void;
+  onMouseleave: (payload: MouseEvent) => void;
+  onMousemove: (payload: MouseEvent) => void;
+  onMouseout: (payload: MouseEvent) => void;
+  onMouseover: (payload: MouseEvent) => void;
+  onMouseup: (payload: MouseEvent) => void;
+  onAbort: (payload: UIEvent) => void;
+  onCanplay: (payload: Event) => void;
+  onCanplaythrough: (payload: Event) => void;
+  onDurationchange: (payload: Event) => void;
+  onEmptied: (payload: Event) => void;
+  onEncrypted: (payload: MediaEncryptedEvent) => void;
+  onEnded: (payload: Event) => void;
+  onLoadeddata: (payload: Event) => void;
+  onLoadedmetadata: (payload: Event) => void;
+  onLoadstart: (payload: Event) => void;
+  onPause: (payload: Event) => void;
+  onPlay: (payload: Event) => void;
+  onPlaying: (payload: Event) => void;
+  onProgress: (payload: ProgressEvent<EventTarget>) => void;
+  onRatechange: (payload: Event) => void;
+  onSeeked: (payload: Event) => void;
+  onSeeking: (payload: Event) => void;
+  onStalled: (payload: Event) => void;
+  onSuspend: (payload: Event) => void;
+  onTimeupdate: (payload: Event) => void;
+  onVolumechange: (payload: Event) => void;
+  onWaiting: (payload: Event) => void;
+  onSelect: (payload: Event) => void;
+  onScroll: (payload: Event) => void;
+  onScrollend: (payload: Event) => void;
+  onTouchcancel: (payload: TouchEvent) => void;
+  onTouchend: (payload: TouchEvent) => void;
+  onTouchmove: (payload: TouchEvent) => void;
+  onTouchstart: (payload: TouchEvent) => void;
+  onAuxclick: (payload: PointerEvent) => void;
+  onClick: (payload: PointerEvent) => void;
+  onContextmenu: (payload: PointerEvent) => void;
+  onGotpointercapture: (payload: PointerEvent) => void;
+  onLostpointercapture: (payload: PointerEvent) => void;
+  onPointerdown: (payload: PointerEvent) => void;
+  onPointermove: (payload: PointerEvent) => void;
+  onPointerup: (payload: PointerEvent) => void;
+  onPointercancel: (payload: PointerEvent) => void;
+  onPointerenter: (payload: PointerEvent) => void;
+  onPointerleave: (payload: PointerEvent) => void;
+  onPointerover: (payload: PointerEvent) => void;
+  onPointerout: (payload: PointerEvent) => void;
+  onBeforetoggle: (payload: ToggleEvent) => void;
+  onToggle: (payload: ToggleEvent) => void;
+  onWheel: (payload: WheelEvent) => void;
+  onAnimationcancel: (payload: AnimationEvent) => void;
+  onAnimationstart: (payload: AnimationEvent) => void;
+  onAnimationend: (payload: AnimationEvent) => void;
+  onAnimationiteration: (payload: AnimationEvent) => void;
+  onSecuritypolicyviolation: (payload: SecurityPolicyViolationEvent) => void;
+  onTransitioncancel: (payload: TransitionEvent) => void;
+  onTransitionend: (payload: TransitionEvent) => void;
+  onTransitionrun: (payload: TransitionEvent) => void;
+  onTransitionstart: (payload: TransitionEvent) => void;
+  innerHTML: string;
+  class: string | false | Record<string, any> | import("vue").ClassValue[] | null;
+  style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+  accesskey: string;
+  contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only";
+  contextmenu: string;
+  dir: string;
+  draggable: boolean | "true" | "false";
+  enterkeyhint: "done" | "enter" | "go" | "next" | "previous" | "search" | "send";
+  enterKeyHint: "done" | "enter" | "go" | "next" | "previous" | "search" | "send";
+  hidden: "" | "hidden" | (boolean | "true" | "false") | "until-found";
+  id: string;
+  inert: boolean | "true" | "false";
+  lang: string;
+  placeholder: string;
+  spellcheck: boolean | "true" | "false";
+  tabindex: string | number;
+  title: string;
+  translate: "yes" | "no";
+  radiogroup: string;
+  role: string;
+  about: string;
+  datatype: string;
+  inlist: any;
+  prefix: string;
+  property: string;
+  resource: string;
+  typeof: string;
+  vocab: string;
+  autocapitalize: string;
+  autocorrect: string;
+  autosave: string;
+  color: string;
+  itemprop: string;
+  itemscope: boolean | "true" | "false";
+  itemtype: string;
+  itemid: string;
+  itemref: string;
+  results: string | number;
+  security: string;
+  unselectable: "on" | "off";
+  inputmode: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+  is: string;
+  exportparts: string;
+  part: string;
+  'aria-activedescendant': string;
+  'aria-atomic': boolean | "true" | "false";
+  'aria-autocomplete': "list" | "none" | "inline" | "both";
+  'aria-busy': boolean | "true" | "false";
+  'aria-checked': (boolean | "true" | "false") | "mixed";
+  'aria-colcount': string | number;
+  'aria-colindex': string | number;
+  'aria-colspan': string | number;
+  'aria-controls': string;
+  'aria-current': (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time";
+  'aria-describedby': string;
+  'aria-details': string;
+  'aria-disabled': boolean | "true" | "false";
+  'aria-dropeffect': "link" | "none" | "copy" | "execute" | "move" | "popup";
+  'aria-errormessage': string;
+  'aria-expanded': boolean | "true" | "false";
+  'aria-flowto': string;
+  'aria-grabbed': boolean | "true" | "false";
+  'aria-haspopup': "dialog" | "listbox" | "menu" | "tree" | (boolean | "true" | "false") | "grid";
+  'aria-hidden': boolean | "true" | "false";
+  'aria-invalid': (boolean | "true" | "false") | "grammar" | "spelling";
+  'aria-keyshortcuts': string;
+  'aria-label': string;
+  'aria-labelledby': string;
+  'aria-level': string | number;
+  'aria-live': "off" | "assertive" | "polite";
+  'aria-modal': boolean | "true" | "false";
+  'aria-multiline': boolean | "true" | "false";
+  'aria-multiselectable': boolean | "true" | "false";
+  'aria-orientation': "horizontal" | "vertical";
+  'aria-owns': string;
+  'aria-placeholder': string;
+  'aria-posinset': string | number;
+  'aria-pressed': (boolean | "true" | "false") | "mixed";
+  'aria-readonly': boolean | "true" | "false";
+  'aria-relevant': "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+  'aria-required': boolean | "true" | "false";
+  'aria-roledescription': string;
+  'aria-rowcount': string | number;
+  'aria-rowindex': string | number;
+  'aria-rowspan': string | number;
+  'aria-selected': boolean | "true" | "false";
+  'aria-setsize': string | number;
+  'aria-sort': "none" | "ascending" | "descending" | "other";
+  'aria-valuemax': string | number;
+  'aria-valuemin': string | number;
+  'aria-valuenow': string | number;
+  'aria-valuetext': string;
+  forceMount: boolean;
+  disableHoverableContent: boolean;
+  placement: Placement;
+  side: import("@floating-ui/dom").Side;
+  align: Align;
+  sideOffset: number;
+  sideFlip: boolean;
+  alignOffset: number;
+  alignFlip: boolean;
+  avoidCollisions: boolean;
+  collisionBoundary: Element | null | Array<Element | null>;
+  collisionPadding: import("@floating-ui/dom").Padding;
+  arrowPadding: number;
+  hideShiftedArrow: boolean;
+  sticky: "partial" | "always";
+  hideWhenDetached: boolean;
+  positionStrategy: "absolute" | "fixed";
+  updatePositionStrategy: "optimized" | "always";
+  disableUpdateOnLayoutShift: boolean;
+  prioritizePosition: boolean;
+  reference: import("@floating-ui/dom").ReferenceElement;
+  trapFocus: boolean;
+  onGracePointerExit: () => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/popper/popper-positioner.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useFloating as t}from"../../composables/use-floating.js";import"../../composables/index.js";import{providePopperPositionerContext as n,usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createPopperPositionerDefaultProps as a,getFloatingUiMiddleware as o,getPlacement as s,popperCssVars as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,mergeDefaults as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,watchPostEffect as y}from"vue";import{autoUpdate as b}from"@floating-ui/dom";import{getAlignment as x,getSide as S}from"@floating-ui/utils";const C=d({name:`PopperPositioner`,__name:`popper-positioner`,props:f({placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},a()),emits:[`placed`],setup(a,{emit:d}){let f=a,C=d,w=i(`positioner`),[T,E]=e(),[D,O]=e(),{anchorElement:k,popupElement:A}=r(`PopperPositioner`),j=l(()=>f.reference??k.value),{floatingStyles:M,placement:N,isPositioned:P,middlewareData:F}=t(j,T,{strategy:()=>f.positionStrategy,placement:()=>f.placement??s(f.side,f.align),whileElementsMounted:(...e)=>b(...e,{layoutShift:!f.disableUpdateOnLayoutShift,animationFrame:f.updatePositionStrategy===`always`}),middleware:()=>o(f,D.value)}),I=l(()=>S(N.value)),L=l(()=>x(N.value)??`center`),R=l(()=>F.value.arrow?.centerOffset===0),z=l(()=>F.value.arrow?.x??0),B=l(()=>F.value.arrow?.y??0),V=l(()=>f.hideShiftedArrow&&!R.value),H=_(),U=l(()=>{let{transformOrigin:e,hide:t}=F.value;return{...M.value,zIndex:H.value,transform:P.value?M.value.transform:`translate(0, -200%)`,[c.transformOrigin]:[e?.x,e?.y].join(` `),...t?.referenceHidden&&{visibility:`hidden`,pointerEvents:`none`}}});return n({arrowX:z,arrowY:B,hideArrow:V,placedSide:I,placedAlign:L,isPositioned:l(()=>P.value),setArrowElement:O}),y(()=>{P.value&&C(`placed`)}),y(()=>{A.value&&(H.value=window.getComputedStyle(A.value).zIndex)}),(e,t)=>(h(),u(`div`,{ref:v(E),"data-soybean-popper-positioner":``,class:p(v(w)),style:m(U.value)},[g(e.$slots,`default`)],6))}});export{C as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{usePopperRootContext as n}from"./context.js";import r from"./popper-positioner-impl.js";import{createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,shallowRef as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`PopperPositioner`,__name:`popper-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(o,{emit:m}){let h=o,g=e(m),{open:_,popupElement:v}=n(`PopperPositioner`),y=h.forceMount?u(!0):t(v,_);return(e,t)=>f(y)?(c(),i(r,s({key:0},h,{"data-soybean-popper-positioner":``},d(f(g))),{default:p(()=>[l(e.$slots,`default`)]),_:3},16)):a(`v-if`,!0)}});export{m as default};

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -1,224 +1,30 @@
-import { Align, Placement } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { PopperPositionerProps } from "./types.js";
 import "../../index.js";
-import { CSSProperties } from "vue";
 //#region src/components/popper/popper-positioner.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
   placed: () => any;
 }, string, import("vue").PublicProps, Readonly<PopperPositionerProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPlaced?: (() => any) | undefined;
 }>, {
-  [x: `data-${string}`]: {};
-  onCopy: (payload: ClipboardEvent) => void;
-  onCut: (payload: ClipboardEvent) => void;
-  onPaste: (payload: ClipboardEvent) => void;
-  onCompositionend: (payload: CompositionEvent) => void;
-  onCompositionstart: (payload: CompositionEvent) => void;
-  onCompositionupdate: (payload: CompositionEvent) => void;
-  onDrag: (payload: DragEvent) => void;
-  onDragend: (payload: DragEvent) => void;
-  onDragenter: (payload: DragEvent) => void;
-  onDragexit: (payload: DragEvent) => void;
-  onDragleave: (payload: DragEvent) => void;
-  onDragover: (payload: DragEvent) => void;
-  onDragstart: (payload: DragEvent) => void;
-  onDrop: (payload: DragEvent) => void;
-  onFocus: (payload: FocusEvent) => void;
-  onFocusin: (payload: FocusEvent) => void;
-  onFocusout: (payload: FocusEvent) => void;
-  onBlur: (payload: FocusEvent) => void;
-  onChange: (payload: Event) => void;
-  onBeforeinput: (payload: InputEvent) => void;
-  onFormdata: (payload: FormDataEvent) => void;
-  onInput: (payload: InputEvent) => void;
-  onReset: (payload: Event) => void;
-  onSubmit: (payload: SubmitEvent) => void;
-  onInvalid: (payload: Event) => void;
-  onFullscreenchange: (payload: Event) => void;
-  onFullscreenerror: (payload: Event) => void;
-  onLoad: (payload: Event) => void;
-  onError: (payload: Event) => void;
-  onKeydown: (payload: KeyboardEvent) => void;
-  onKeypress: (payload: KeyboardEvent) => void;
-  onKeyup: (payload: KeyboardEvent) => void;
-  onDblclick: (payload: MouseEvent) => void;
-  onMousedown: (payload: MouseEvent) => void;
-  onMouseenter: (payload: MouseEvent) => void;
-  onMouseleave: (payload: MouseEvent) => void;
-  onMousemove: (payload: MouseEvent) => void;
-  onMouseout: (payload: MouseEvent) => void;
-  onMouseover: (payload: MouseEvent) => void;
-  onMouseup: (payload: MouseEvent) => void;
-  onAbort: (payload: UIEvent) => void;
-  onCanplay: (payload: Event) => void;
-  onCanplaythrough: (payload: Event) => void;
-  onDurationchange: (payload: Event) => void;
-  onEmptied: (payload: Event) => void;
-  onEncrypted: (payload: MediaEncryptedEvent) => void;
-  onEnded: (payload: Event) => void;
-  onLoadeddata: (payload: Event) => void;
-  onLoadedmetadata: (payload: Event) => void;
-  onLoadstart: (payload: Event) => void;
-  onPause: (payload: Event) => void;
-  onPlay: (payload: Event) => void;
-  onPlaying: (payload: Event) => void;
-  onProgress: (payload: ProgressEvent<EventTarget>) => void;
-  onRatechange: (payload: Event) => void;
-  onSeeked: (payload: Event) => void;
-  onSeeking: (payload: Event) => void;
-  onStalled: (payload: Event) => void;
-  onSuspend: (payload: Event) => void;
-  onTimeupdate: (payload: Event) => void;
-  onVolumechange: (payload: Event) => void;
-  onWaiting: (payload: Event) => void;
-  onSelect: (payload: Event) => void;
-  onScroll: (payload: Event) => void;
-  onScrollend: (payload: Event) => void;
-  onTouchcancel: (payload: TouchEvent) => void;
-  onTouchend: (payload: TouchEvent) => void;
-  onTouchmove: (payload: TouchEvent) => void;
-  onTouchstart: (payload: TouchEvent) => void;
-  onAuxclick: (payload: PointerEvent) => void;
-  onClick: (payload: PointerEvent) => void;
-  onContextmenu: (payload: PointerEvent) => void;
-  onGotpointercapture: (payload: PointerEvent) => void;
-  onLostpointercapture: (payload: PointerEvent) => void;
-  onPointerdown: (payload: PointerEvent) => void;
-  onPointermove: (payload: PointerEvent) => void;
-  onPointerup: (payload: PointerEvent) => void;
-  onPointercancel: (payload: PointerEvent) => void;
-  onPointerenter: (payload: PointerEvent) => void;
-  onPointerleave: (payload: PointerEvent) => void;
-  onPointerover: (payload: PointerEvent) => void;
-  onPointerout: (payload: PointerEvent) => void;
-  onBeforetoggle: (payload: ToggleEvent) => void;
-  onToggle: (payload: ToggleEvent) => void;
-  onWheel: (payload: WheelEvent) => void;
-  onAnimationcancel: (payload: AnimationEvent) => void;
-  onAnimationstart: (payload: AnimationEvent) => void;
-  onAnimationend: (payload: AnimationEvent) => void;
-  onAnimationiteration: (payload: AnimationEvent) => void;
-  onSecuritypolicyviolation: (payload: SecurityPolicyViolationEvent) => void;
-  onTransitioncancel: (payload: TransitionEvent) => void;
-  onTransitionend: (payload: TransitionEvent) => void;
-  onTransitionrun: (payload: TransitionEvent) => void;
-  onTransitionstart: (payload: TransitionEvent) => void;
-  innerHTML: string;
-  class: string | false | Record<string, any> | import("vue").ClassValue[] | null;
-  style: string | false | CSSProperties | import("vue").StyleValue[] | null;
-  accesskey: string;
-  contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only";
-  contextmenu: string;
-  dir: string;
-  draggable: boolean | "true" | "false";
-  enterkeyhint: "done" | "search" | "enter" | "go" | "next" | "previous" | "send";
-  enterKeyHint: "done" | "search" | "enter" | "go" | "next" | "previous" | "send";
-  hidden: "" | "hidden" | (boolean | "true" | "false") | "until-found";
-  id: string;
-  inert: boolean | "true" | "false";
-  lang: string;
-  placeholder: string;
-  spellcheck: boolean | "true" | "false";
-  tabindex: string | number;
-  title: string;
-  translate: "yes" | "no";
-  radiogroup: string;
-  role: string;
-  about: string;
-  datatype: string;
-  inlist: any;
-  prefix: string;
-  property: string;
-  resource: string;
-  typeof: string;
-  vocab: string;
-  autocapitalize: string;
-  autocorrect: string;
-  autosave: string;
-  color: string;
-  itemprop: string;
-  itemscope: boolean | "true" | "false";
-  itemtype: string;
-  itemid: string;
-  itemref: string;
-  results: string | number;
-  security: string;
-  unselectable: "on" | "off";
-  inputmode: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
-  is: string;
-  exportparts: string;
-  part: string;
-  'aria-activedescendant': string;
-  'aria-atomic': boolean | "true" | "false";
-  'aria-autocomplete': "list" | "none" | "inline" | "both";
-  'aria-busy': boolean | "true" | "false";
-  'aria-checked': (boolean | "true" | "false") | "mixed";
-  'aria-colcount': string | number;
-  'aria-colindex': string | number;
-  'aria-colspan': string | number;
-  'aria-controls': string;
-  'aria-current': "time" | (boolean | "true" | "false") | "page" | "step" | "location" | "date";
-  'aria-describedby': string;
-  'aria-details': string;
-  'aria-disabled': boolean | "true" | "false";
-  'aria-dropeffect': "link" | "copy" | "none" | "execute" | "move" | "popup";
-  'aria-errormessage': string;
-  'aria-expanded': boolean | "true" | "false";
-  'aria-flowto': string;
-  'aria-grabbed': boolean | "true" | "false";
-  'aria-haspopup': "dialog" | "listbox" | "menu" | "tree" | (boolean | "true" | "false") | "grid";
-  'aria-hidden': boolean | "true" | "false";
-  'aria-invalid': (boolean | "true" | "false") | "grammar" | "spelling";
-  'aria-keyshortcuts': string;
-  'aria-label': string;
-  'aria-labelledby': string;
-  'aria-level': string | number;
-  'aria-live': "off" | "assertive" | "polite";
-  'aria-modal': boolean | "true" | "false";
-  'aria-multiline': boolean | "true" | "false";
-  'aria-multiselectable': boolean | "true" | "false";
-  'aria-orientation': "horizontal" | "vertical";
-  'aria-owns': string;
-  'aria-placeholder': string;
-  'aria-posinset': string | number;
-  'aria-pressed': (boolean | "true" | "false") | "mixed";
-  'aria-readonly': boolean | "true" | "false";
-  'aria-relevant': "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-  'aria-required': boolean | "true" | "false";
-  'aria-roledescription': string;
-  'aria-rowcount': string | number;
-  'aria-rowindex': string | number;
-  'aria-rowspan': string | number;
-  'aria-selected': boolean | "true" | "false";
-  'aria-setsize': string | number;
-  'aria-sort': "none" | "ascending" | "descending" | "other";
-  'aria-valuemax': string | number;
-  'aria-valuemin': string | number;
-  'aria-valuenow': string | number;
-  'aria-valuetext': string;
-  placement: Placement;
-  side: import("@floating-ui/utils").Side;
-  sideOffset: number;
-  sideFlip: boolean;
-  align: Align;
-  alignOffset: number;
-  alignFlip: boolean;
   avoidCollisions: boolean;
-  collisionBoundary: Element | null | Array<Element | null>;
-  collisionPadding: import("@floating-ui/utils").Padding;
-  arrowPadding: number;
-  hideShiftedArrow: boolean;
-  sticky: "partial" | "always";
-  hideWhenDetached: boolean;
-  positionStrategy: "absolute" | "fixed";
-  updatePositionStrategy: "optimized" | "always";
-  disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
-  reference: import("@floating-ui/dom").ReferenceElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/popper/popper-positioning-popup.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePopperPositionerContext as t,usePopperPositioningRootContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,onBeforeUnmount as l,openBlock as u,renderSlot as d,unref as f}from"vue";const p=[`data-side`,`data-align`,`dir`],m=o({name:`PopperPositioningPopup`,__name:`popper-positioning-popup`,setup(o){let m=r(`popup`),{dir:h,onPopupElementChange:g}=n(`PopperPositioningPopup`),{placedSide:_,placedAlign:v,isPositioned:y}=t(`PopperPositioningPopup`),[b,x]=e(g),S=i(()=>({animation:y.value?void 0:`none`}));return l(()=>{g(void 0)}),(e,t)=>(u(),a(`div`,{ref:f(x),class:s(f(m)),"data-soybean-popper-positioning-popup":``,"data-side":f(_),"data-align":f(v),dir:f(h),style:c(S.value)},[d(e.$slots,`default`)],14,p))}});export{m as default};

package/dist/components/popper/popper-positioning-popup.vue.d.ts

@@ -0,0 +1,16 @@
+import { PopperPositioningPopupProps } from "./types.js";
+//#region src/components/popper/popper-positioning-popup.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopperPositioningPopupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopperPositioningPopupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/popper/popper-positioning-positioner.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{providePopperPositionerContext as t,usePopperPositioningRootContext as n,usePopperUi as r}from"./context.js";import{createPopperPositioningDefaultProps as i}from"./shared.js";import{usePopperPositioning as a}from"./use-popper-positioning.js";import{computed as o,createElementBlock as s,defineComponent as c,mergeDefaults as l,normalizeClass as u,normalizeStyle as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h}from"vue";const g=c({name:`PopperPositioningPositioner`,__name:`popper-positioning-positioner`,props:l({open:{type:Boolean},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},i()),emits:[`placed`],setup(i,{emit:c}){let l=i,g=c,_=r(`positioner`),[v,y]=e(),[b,x]=e(),{anchorElement:S,popupElement:C}=n(`PopperPositioningPositioner`),w=o(()=>l.reference??S.value),{isPositioned:T,placedSide:E,placedAlign:D,arrowX:O,arrowY:k,hideArrow:A,positionerStyle:j}=a({props:l,referenceElement:w,positionerElement:v,arrowElement:b,open:()=>l.open??!0,popupElement:C});return t({arrowX:O,arrowY:k,hideArrow:A,placedSide:E,placedAlign:D,isPositioned:o(()=>T.value),setArrowElement:x}),h(()=>{T.value&&g(`placed`)}),(e,t)=>(f(),s(`div`,{ref:m(y),"data-soybean-popper-positioning-positioner":``,class:u(m(_)),style:d(m(j))},[p(e.$slots,`default`)],6))}});export{g as default};