@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1,28 @@
+import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { _default } from "../popper/popper-anchor.vue.js";
+import { _default as _default$11 } from "../portal/portal.vue.js";
+import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
+import { _default as _default$7 } from "../menu/menu-group.vue.js";
+import { _default as _default$8 } from "../menu/menu-group-label.vue.js";
+import { _default as _default$9 } from "../menu/menu-item.vue.js";
+import { _default as _default$10 } from "../menu/menu-item-indicator.vue.js";
+import { _default as _default$4 } from "../menu/menu-checkbox-item.vue.js";
+import { _default as _default$14 } from "../menu/menu-radio-item.vue.js";
+import { _default as _default$17 } from "../menu/menu-sub.vue.js";
+import { _default as _default$19 } from "../menu/menu-sub-trigger.vue.js";
+import { _default as _default$18 } from "../menu/menu-sub-content.vue.js";
+import { _default as _default$16 } from "../separator/separator-root.vue.js";
+import { _default as _default$3 } from "../menu/menu-checkbox-group.vue.js";
+import { _default as _default$13 } from "../menu/menu-radio-group.vue.js";
+import { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "./types.js";
+import { _default as _default$15 } from "./dropdown-menu-root.vue.js";
+import { _default as _default$20 } from "./dropdown-menu-trigger.vue.js";
+import { _default as _default$6 } from "./dropdown-menu-content.vue.js";
+import { _default as _default$5 } from "./dropdown-menu-compact.vue.js";
+import { _default as _default$2 } from "./dropdown-menu-checkbox-compact.vue.js";
+import { _default as _default$12 } from "./dropdown-menu-radio-compact.vue.js";
+import { _default as _default$21 } from "./dropdown-menu-wrapper-compact.vue.js";
+export { _default as DropdownMenuAnchor, type PopperAnchorProps as DropdownMenuAnchorProps, _default$1 as DropdownMenuArrow, type PopperArrowProps as DropdownMenuArrowProps, _default$2 as DropdownMenuCheckboxCompact, type DropdownMenuCheckboxCompactEmits, type DropdownMenuCheckboxCompactProps, type DropdownMenuCheckboxCompactSlots, _default$3 as DropdownMenuCheckboxGroup, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupEmits, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupProps, _default$4 as DropdownMenuCheckboxItem, type MenuCheckboxItemEmits as DropdownMenuCheckboxItemEmits, type MenuCheckboxItemProps as DropdownMenuCheckboxItemProps, _default$5 as DropdownMenuCompact, type DropdownMenuCompactEmits, type DropdownMenuCompactProps, type DropdownMenuCompactSlots, _default$6 as DropdownMenuContent, type DropdownMenuContentEmits, type DropdownMenuContentProps, _default$7 as DropdownMenuGroup, _default$8 as DropdownMenuGroupLabel, type MenuGroupLabelProps as DropdownMenuGroupLabelProps, type MenuGroupProps as DropdownMenuGroupProps, _default$9 as DropdownMenuItem, type MenuItemEmits as DropdownMenuItemEmits, _default$10 as DropdownMenuItemIndicator, type MenuItemIndicatorProps as DropdownMenuItemIndicatorProps, type MenuItemProps as DropdownMenuItemProps, type MenuPopupProps as DropdownMenuPopupProps, _default$11 as DropdownMenuPortal, type PortalProps as DropdownMenuPortalProps, _default$12 as DropdownMenuRadioCompact, type DropdownMenuRadioCompactEmits, type DropdownMenuRadioCompactProps, type DropdownMenuRadioCompactSlots, _default$13 as DropdownMenuRadioGroup, type MenuRadioGroupEmits as DropdownMenuRadioGroupEmits, type MenuRadioGroupProps as DropdownMenuRadioGroupProps, _default$14 as DropdownMenuRadioItem, type MenuRadioItemEmits as DropdownMenuRadioItemEmits, type MenuRadioItemProps as DropdownMenuRadioItemProps, _default$15 as DropdownMenuRoot, type DropdownMenuRootEmits, type DropdownMenuRootProps, _default$16 as DropdownMenuSeparator, type SeparatorRootProps as DropdownMenuSeparatorProps, _default$17 as DropdownMenuSub, _default$18 as DropdownMenuSubContent, type MenuSubContentEmits as DropdownMenuSubContentEmits, type MenuSubContentProps as DropdownMenuSubContentProps, type MenuSubEmits as DropdownMenuSubEmits, type MenuSubProps as DropdownMenuSubProps, _default$19 as DropdownMenuSubTrigger, type MenuSubTriggerProps as DropdownMenuSubTriggerProps, _default$20 as DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownMenuTriggerType, type MenuUi as DropdownMenuUi, type MenuUiSlot as DropdownMenuUiSlot, _default$21 as DropdownMenuWrapperCompact, type DropdownMenuWrapperCompactEmits, type DropdownMenuWrapperCompactProps };

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1 @@
+import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./dropdown-menu-root.js";import g from"./dropdown-menu-trigger.js";import _ from"./dropdown-menu-content.js";import v from"./dropdown-menu-wrapper-compact.js";import y from"./dropdown-menu-compact.js";import b from"./dropdown-menu-checkbox-compact.js";import x from"./dropdown-menu-radio-compact.js";export{e as DropdownMenuAnchor,n as DropdownMenuArrow,b as DropdownMenuCheckboxCompact,p as DropdownMenuCheckboxGroup,c as DropdownMenuCheckboxItem,y as DropdownMenuCompact,_ as DropdownMenuContent,i as DropdownMenuGroup,a as DropdownMenuGroupLabel,o as DropdownMenuItem,s as DropdownMenuItemIndicator,t as DropdownMenuPortal,x as DropdownMenuRadioCompact,m as DropdownMenuRadioGroup,l as DropdownMenuRadioItem,h as DropdownMenuRoot,r as DropdownMenuSeparator,u as DropdownMenuSub,f as DropdownMenuSubContent,d as DropdownMenuSubTrigger,g as DropdownMenuTrigger,v as DropdownMenuWrapperCompact};

package/dist/components/dropdown-menu/shared.js

@@ -0,0 +1 @@
+const e=`dropdown-menu.hover-open`;export{e as DROPDOWN_MENU_HOVER_OPEN};

package/dist/components/dropdown-menu/types.d.ts

@@ -0,0 +1,147 @@
+import { AcceptableBooleanValue, DefinedValue, Placement } from "../../types/common.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/dropdown-menu/types.d.ts
+/**
+ * Supported dropdown menu trigger values.
+ */
+type DropdownMenuTriggerType = 'click' | 'hover';
+/**
+ * Properties for the DropdownMenuRoot component.
+ */
+interface DropdownMenuRootProps extends MenuRootProps {
+  /**
+   * The trigger type of the dropdown menu.
+   *
+   * - `click`: The dropdown menu will be opened when the trigger is clicked.
+   * - `hover`: The dropdown menu will be opened when the trigger is hovered.
+   *
+   * @defaultValue 'click'
+   */
+  trigger?: DropdownMenuTriggerType;
+  /**
+   * The duration from when the pointer enters the trigger until the dropdown menu gets opened.
+   *
+   * @defaultValue 150
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another trigger without incurring a delay again.
+   *
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
+}
+/**
+ * Events for the DropdownMenuRoot component.
+ */
+type DropdownMenuRootEmits = MenuRootEmits;
+/**
+ * Properties for the DropdownMenuContent component.
+ */
+interface DropdownMenuContentProps extends MenuContentProps {}
+/**
+ * Events for the DropdownMenuContent component.
+ */
+type DropdownMenuContentEmits = MenuContentEmits;
+/**
+ * Properties for the DropdownMenuTrigger component.
+ */
+interface DropdownMenuTriggerProps extends MenuTriggerProps {}
+/**
+ * Properties for the DropdownMenuWrapperCompact component.
+ */
+interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Placement.
+   */
+  placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
+  showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: DropdownMenuTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: DropdownMenuContentProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: MenuPopupProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
+  arrowProps?: PopperArrowProps;
+}
+/**
+ * Events for the DropdownMenuWrapperCompact component.
+ */
+type DropdownMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
+/**
+ * Properties for the DropdownMenuCompact component.
+ */
+interface DropdownMenuCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
+/**
+ * Events for the DropdownMenuCompact component.
+ */
+type DropdownMenuCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
+/**
+ * Slots for the DropdownMenuCompact component.
+ */
+type DropdownMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger: () => any;
+};
+/**
+ * Properties for the DropdownMenuCheckboxCompact component.
+ */
+interface DropdownMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
+/**
+ * Events for the DropdownMenuCheckboxCompact component.
+ */
+type DropdownMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
+/**
+ * Slots for the DropdownMenuCheckboxCompact component.
+ */
+type DropdownMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger: () => any;
+};
+/**
+ * Properties for the DropdownMenuRadioCompact component.
+ */
+interface DropdownMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends DropdownMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
+/**
+ * Events for the DropdownMenuRadioCompact component.
+ */
+type DropdownMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
+/**
+ * Slots for the DropdownMenuRadioCompact component.
+ */
+type DropdownMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger: () => any;
+};
+//#endregion
+export { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps };

package/dist/components/editable/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { EditableUiSlot } from "./types.js";
+//#region src/components/editable/context.d.ts
+declare const provideEditableUi: (ui: import("vue").ComputedRef<Partial<UiClass<EditableUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<EditableUiSlot>>>, useEditableUi: UseUiConsumer<EditableUiSlot>;
+//#endregion
+export { provideEditableUi };

package/dist/components/editable/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i}from"vue";const[a,o]=e(`EditableRoot`,e=>{let{isEditing:r,disabled:a,readonly:o}=e,s=t(()=>e.dir.value),[c,l]=n(),u=i(()=>a.value?``:void 0),d=i(()=>o.value?``:void 0),f=i(()=>r.value?`edit`:`preview`);return{...e,dir:s,inputElement:c,setInputElement:l,dataDisabled:u,dataReadonly:d,dataState:f}}),[s,c]=r(`EditableUi`);export{a as provideEditableRootContext,s as provideEditableUi,o as useEditableRootContext,c as useEditableUi};

package/dist/components/editable/editable-area.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`EditableArea`,__name:`editable-area`,props:{asChild:{type:Boolean},as:{}},setup(a){let d=a,{autoResize:f,dataDisabled:p,dataReadonly:m,dataState:h,isEmpty:g}=t(`EditableArea`),_=n(`area`),v=r(()=>f.value?{display:`inline-grid`}:void 0);return(t,n)=>(s(),i(l(e),o(d,{"data-soybean-editable-area":``,class:l(_),"data-disabled":l(p),"data-empty":l(g)?``:void 0,"data-placeholder-shown":l(g)?``:void 0,"data-readonly":l(m),"data-state":l(h),style:v.value}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`data-disabled`,`data-empty`,`data-placeholder-shown`,`data-readonly`,`data-state`,`style`]))}});export{d as default};

package/dist/components/editable/editable-area.vue.d.ts

@@ -0,0 +1,17 @@
+import { EditableAreaProps } from "./types.js";
+
+//#region src/components/editable/editable-area.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditableAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableAreaProps> & 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 };

package/dist/components/editable/editable-cancel-trigger.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`EditableCancelTrigger`,__name:`editable-cancel-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,readonly:b,cancel:x,isEditing:S}=n(`EditableCancelTrigger`),C=r(`cancelTrigger`),w=e(),T=i(()=>y.value||b.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.cancel});function D(){x()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-cancel-trigger":``,class:f(C),"aria-label":E.value,"data-readonly":f(_),"data-state":f(v),disabled:T.value,hidden:!f(S),onClick:D}),{default:m(()=>[u(e.$slots,`default`,{},()=>[o(d(f(w).editable.cancel),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};

package/dist/components/editable/editable-cancel-trigger.vue.d.ts

@@ -0,0 +1,17 @@
+import { EditableCancelTriggerProps } from "./types.js";
+
+//#region src/components/editable/editable-cancel-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditableCancelTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableCancelTriggerProps> & 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 };

package/dist/components/editable/editable-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useEditableUi as r}from"./context.js";import i from"./editable-area.js";import a from"./editable-cancel-trigger.js";import o from"./editable-edit-trigger.js";import s from"./editable-input.js";import c from"./editable-preview.js";import l from"./editable-root.js";import u from"./editable-submit-trigger.js";import{createBlock as d,createCommentVNode as f,createElementVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderSlot as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`EditableCompact`,__name:`editable-compact`,props:{areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{emit:T}){let E=h,D=T,O=t(E,[`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),k=e(D),A=r();return(e,t)=>(b(),d(l,_(C(O),S(C(k))),{default:w(t=>[x(e.$slots,`default`,y(g(t)),()=>[m(i,y(g(h.areaProps)),{default:w(()=>[x(e.$slots,`preview`,y(g(t)),()=>[m(c,y(g(h.previewProps)),null,16)]),x(e.$slots,`input`,y(g(t)),()=>[m(s,y(g(h.inputProps)),null,16)]),p(`div`,{class:v(C(A).controls)},[x(e.$slots,`edit-trigger`,y(g(t)),()=>[t.isEditing?f(`v-if`,!0):(b(),d(o,y(_({key:0},h.editTriggerProps)),{default:w(()=>[m(n,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16))]),x(e.$slots,`submit-trigger`,y(g(t)),()=>[t.isEditing?(b(),d(u,y(_({key:0},h.submitTriggerProps)),{default:w(()=>[m(n,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)):f(`v-if`,!0)]),x(e.$slots,`cancel-trigger`,y(g(t)),()=>[t.isEditing?(b(),d(a,y(_({key:0},h.cancelTriggerProps)),{default:w(()=>[m(n,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)):f(`v-if`,!0)])],2)]),_:2},1040)])]),_:3},16))}});export{T as default};

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

@@ -0,0 +1,22 @@
+import { EditableCompactProps, EditableCompactSlots, EditableEventState } from "./types.js";
+
+//#region src/components/editable/editable-compact.vue.d.ts
+type __VLS_Slots = EditableCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<EditableCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  submit: (value: string) => any;
+  "update:modelValue": (value: string) => any;
+  "update:state": (state: EditableEventState) => any;
+}, string, import("vue").PublicProps, Readonly<EditableCompactProps> & Readonly<{
+  onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
+}>, {}, {}, {}, {}, 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 };

package/dist/components/editable/editable-edit-trigger.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`EditableEditTrigger`,__name:`editable-edit-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,edit:b,isEditing:x,readonly:S}=n(`EditableEditTrigger`),C=r(`editTrigger`),w=e(),T=i(()=>y.value||S.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.edit});function D(){b()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-edit-trigger":``,class:f(C),"aria-label":E.value,"data-readonly":f(_),"data-state":f(v),disabled:T.value,hidden:f(x),onClick:D}),{default:m(()=>[u(e.$slots,`default`,{},()=>[o(d(f(w).editable.edit),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};

package/dist/components/editable/editable-edit-trigger.vue.d.ts

@@ -0,0 +1,17 @@
+import { EditableEditTriggerProps } from "./types.js";
+
+//#region src/components/editable/editable-edit-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditableEditTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableEditTriggerProps> & 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 };

package/dist/components/editable/editable-input.js

@@ -0,0 +1 @@
+import{getAriaLabel as e}from"../../shared/dom.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,nextTick as c,onMounted as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,watch as m,withCtx as h}from"vue";const g=o({name:`EditableInput`,__name:`editable-input`,props:{id:{},asChild:{type:Boolean},as:{default:`input`}},setup(o){let g=o,_=p(),v=g,{dataDisabled:y,dataReadonly:b,dataState:x,id:S,inputElement:C,inputValue:w,isEditing:T,maxLength:E,placeholder:D,readonly:O,selectOnFocus:k,setInputElement:A,submitMode:j,disabled:M,cancel:N,submit:P}=n(`EditableInput`),F=r(`input`),I=i(()=>v.id||S.value),L=i(()=>{if(!_[`aria-labelledby`])return e(C.value,I.value,_[`aria-label`])});function R(){C.value?.focus({preventScroll:!0}),k.value&&C.value?.select()}function z(e){w.value=e.target.value}function B(e){if(!e.isComposing){if(e.key===`Escape`){e.preventDefault(),N();return}(j.value===`enter`||j.value===`both`)&&e.key===`Enter`&&!e.shiftKey&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&(e.preventDefault(),P())}}return m(T,async e=>{e&&(await c(),R())}),l(()=>{T.value&&R()}),(e,n)=>(u(),a(f(t),s(g,{id:I.value,ref:f(A),as:o.as,"as-child":o.asChild,"data-soybean-editable-input":``,class:f(F),"aria-label":L.value,"data-disabled":f(y),"data-readonly":f(b),"data-state":f(x),disabled:f(M),hidden:!f(T),maxlength:f(E),placeholder:f(D).edit,readonly:f(O),value:f(w),onInput:z,onKeydown:B}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`maxlength`,`placeholder`,`readonly`,`value`]))}});export{g as default};

package/dist/components/editable/editable-input.vue.d.ts

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { EditableInputProps } from "./types.js";
+
+//#region src/components/editable/editable-input.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditableInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableInputProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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 };

package/dist/components/editable/editable-preview.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";const p=o({name:`EditablePreview`,__name:`editable-preview`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let p=o,{activationMode:m,dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,edit:y,isEditing:b,isEmpty:x,modelValue:S,placeholder:C}=t(`EditablePreview`),w=n(`preview`),T=r(()=>C.value.preview),E=r(()=>v.value?-1:0);function D(){m.value===`focus`&&y()}function O(){m.value===`dblclick`&&y()}return(t,n)=>(c(),i(d(e),s(p,{"data-soybean-editable-preview":``,class:d(w),"data-disabled":d(h),"data-placeholder-shown":d(x)?``:void 0,"data-readonly":d(g),"data-state":d(_),hidden:d(b),tabindex:E.value,onDblclick:O,onFocusin:D}),{default:f(()=>[l(t.$slots,`default`,{},()=>[a(u(d(S)||T.value),1)])]),_:3},16,[`class`,`data-disabled`,`data-placeholder-shown`,`data-readonly`,`data-state`,`hidden`,`tabindex`]))}});export{p as default};

package/dist/components/editable/editable-preview.vue.d.ts

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { EditablePreviewProps } from "./types.js";
+
+//#region src/components/editable/editable-preview.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditablePreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditablePreviewProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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 };

package/dist/components/editable/editable-root.js

@@ -0,0 +1 @@
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useFocusOutside as i,usePointerdownOutside as a}from"../../composables/use-dismissable-layer.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useOmitProps as s}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import l from"../visually-hidden/visually-hidden-input.js";import{provideEditableRootContext as u,useEditableUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,defineComponent as h,mergeProps as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";const C=h({name:`EditableRoot`,__name:`editable-root`,props:{defaultValue:{},modelValue:{default:void 0},placeholder:{},dir:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},activationMode:{default:`focus`},selectOnFocus:{type:Boolean,default:!1},submitMode:{default:`blur`},startWithEditMode:{type:Boolean,default:!1},maxLength:{},autoResize:{type:Boolean,default:!1},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=o(),k=d(`root`),A=s(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=n(()=>T.dir),M=r(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),N=y(M.value??``),P=y(T.startWithEditMode),F=f(()=>e(D.value)),I=f(()=>typeof T.placeholder==`string`?{edit:T.placeholder,preview:T.placeholder}:T.placeholder??{}),L=f(()=>P.value?N.value:M.value),R=f(()=>!L.value);x(M,e=>{N.value=e??``},{immediate:!0});function z(){T.disabled||T.readonly||P.value||(N.value=M.value??``,P.value=!0,E(`update:state`,`edit`))}function B(){P.value&&(N.value=M.value??``,P.value=!1,E(`update:state`,`cancel`))}function V(){if(!P.value)return;let e=N.value??``;M.value=e,P.value=!1,E(`update:state`,`submit`),E(`submit`,e)}function H(){if(P.value){if(T.submitMode===`blur`||T.submitMode===`both`){V();return}B()}}let U=a(D,()=>{H()},P),W=i(D,()=>{H()},P),{dataDisabled:G,dataReadonly:K,dataState:q}=u({...t(T,[`id`,`name`,`maxLength`,`disabled`,`readonly`,`activationMode`,`submitMode`,`selectOnFocus`,`startWithEditMode`,`dir`,`required`,`autoResize`]),modelValue:M,inputValue:N,placeholder:I,isEditing:P,isEmpty:R,edit:z,cancel:B,submit:V});return C({edit:z,cancel:B,submit:V}),(e,t)=>(_(),p(b(c),g(b(A),{ref:b(O),"data-soybean-editable-root":``,class:b(k),dir:b(j),"data-dismissable-layer":``,"data-disabled":b(G),"data-readonly":b(K),"data-state":b(q),onFocusCapture:b(W).onFocusCapture,onBlurCapture:b(W).onBlurCapture,onPointerdownCapture:b(U).onPointerdownCapture}),{default:S(()=>[v(e.$slots,`default`,{modelValue:b(M),inputValue:N.value,isEditing:P.value,isEmpty:R.value,edit:z,cancel:B,submit:V}),F.value&&h.name?(_(),p(l,{key:0,type:`text`,value:b(M),name:h.name,disabled:h.disabled,readonly:h.readonly,required:h.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):m(`v-if`,!0)]),_:3},16,[`class`,`dir`,`data-disabled`,`data-readonly`,`data-state`,`onFocusCapture`,`onBlurCapture`,`onPointerdownCapture`]))}});export{C as default};

package/dist/components/editable/editable-root.vue.d.ts

@@ -0,0 +1,49 @@
+import { EditableActivationMode, EditableEventState, EditableRootProps, EditableSubmitMode } from "./types.js";
+
+//#region src/components/editable/editable-root.vue.d.ts
+declare function edit(): void;
+declare function cancel(): void;
+declare function submit(): void;
+declare var __VLS_12: {
+  modelValue: string;
+  inputValue: string;
+  isEditing: boolean;
+  isEmpty: boolean;
+  edit: typeof edit;
+  cancel: typeof cancel;
+  submit: typeof submit;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditableRootProps, {
+  edit: typeof edit;
+  cancel: typeof cancel;
+  submit: typeof submit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  submit: (value: string) => any;
+  "update:modelValue": (value: string) => any;
+  "update:state": (state: EditableEventState) => any;
+}, string, import("vue").PublicProps, Readonly<EditableRootProps> & Readonly<{
+  onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
+}>, {
+  disabled: boolean;
+  modelValue: string;
+  activationMode: EditableActivationMode;
+  readonly: boolean;
+  selectOnFocus: boolean;
+  submitMode: EditableSubmitMode;
+  startWithEditMode: boolean;
+  autoResize: 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 };

package/dist/components/editable/editable-submit-trigger.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`EditableSubmitTrigger`,__name:`editable-submit-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,readonly:b,isEditing:x,submit:S}=n(`EditableSubmitTrigger`),C=r(`submitTrigger`),w=e(),T=i(()=>y.value||b.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.submit});function D(){S()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-submit-trigger":``,class:f(C),"aria-label":E.value,"data-readonly":f(_),"data-state":f(v),disabled:T.value,hidden:!f(x),onClick:D}),{default:m(()=>[u(e.$slots,`default`,{},()=>[o(d(f(w).editable.submit),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};

package/dist/components/editable/editable-submit-trigger.vue.d.ts

@@ -0,0 +1,17 @@
+import { EditableSubmitTriggerProps } from "./types.js";
+
+//#region src/components/editable/editable-submit-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EditableSubmitTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableSubmitTriggerProps> & 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 };

package/dist/components/editable/index.d.ts

@@ -0,0 +1,11 @@
+import { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableCompactEmits, EditableCompactProps, EditableCompactSlots, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState } from "./types.js";
+import { _default } from "./editable-area.vue.js";
+import { _default as _default$1 } from "./editable-cancel-trigger.vue.js";
+import { _default as _default$3 } from "./editable-edit-trigger.vue.js";
+import { _default as _default$4 } from "./editable-input.vue.js";
+import { _default as _default$5 } from "./editable-preview.vue.js";
+import { _default as _default$6 } from "./editable-root.vue.js";
+import { _default as _default$7 } from "./editable-submit-trigger.vue.js";
+import { _default as _default$2 } from "./editable-compact.vue.js";
+import { provideEditableUi } from "./context.js";
+export { type EditableActivationMode, _default as EditableArea, type EditableAreaProps, _default$1 as EditableCancelTrigger, type EditableCancelTriggerProps, _default$2 as EditableCompact, type EditableCompactEmits, type EditableCompactProps, type EditableCompactSlots, _default$3 as EditableEditTrigger, type EditableEditTriggerProps, type EditableEventState, _default$4 as EditableInput, type EditableInputProps, type EditablePlaceholder, _default$5 as EditablePreview, type EditablePreviewProps, _default$6 as EditableRoot, type EditableRootEmits, type EditableRootProps, type EditableSubmitMode, _default$7 as EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableUi, type EditableUiSlot, type EditableViewState, provideEditableUi };

package/dist/components/editable/index.js

@@ -0,0 +1 @@
+import{provideEditableUi as e}from"./context.js";import t from"./editable-area.js";import n from"./editable-cancel-trigger.js";import r from"./editable-edit-trigger.js";import i from"./editable-input.js";import a from"./editable-preview.js";import o from"./editable-root.js";import s from"./editable-submit-trigger.js";import c from"./editable-compact.js";export{t as EditableArea,n as EditableCancelTrigger,c as EditableCompact,r as EditableEditTrigger,i as EditableInput,a as EditablePreview,o as EditableRoot,s as EditableSubmitTrigger,e as provideEditableUi};