@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

package/dist/components/tree/tree-virtualizer-item.vue.d.ts

@@ -0,0 +1,28 @@
+import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import { TreeVirtualizerItemProps } from "./types.js";
+//#region src/components/tree/tree-virtualizer-item.vue.d.ts
+declare var __VLS_14: {
+  isExpanded: boolean;
+  isSelected: boolean;
+  isIndeterminate: boolean | undefined;
+  hasChildren: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TreeVirtualizerItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (event: TreeSelectEvent<string>) => any;
+  toggle: (event: TreeToggleEvent<string>) => any;
+}, string, import("vue").PublicProps, Readonly<TreeVirtualizerItemProps> & Readonly<{
+  onSelect?: ((event: TreeSelectEvent<string>) => any) | undefined;
+  onToggle?: ((event: TreeToggleEvent<string>) => 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/tree/tree-virtualizer-root.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"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,"data-soybean-tree-virtualizer-root":``,items:t,options:o.options,height:o.height},{default:f(({virtualItems:r})=>[l(e.$slots,`default`,{virtualItems:r,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`])]),_:3},16))}});export{p as default};

package/dist/components/tree/tree-virtualizer-root.vue.d.ts

@@ -0,0 +1,29 @@
+import { MaybeArray } from "../../types/common.js";
+import { FlattenedItem, TreeItemData, TreeVirtualizerRootProps } from "./types.js";
+
+//#region src/components/tree/tree-virtualizer-root.vue.d.ts
+declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeVirtualizerRootProps<T, U, M> & {
+    "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      virtualItems: import("@tanstack/vue-virtual").VirtualItem[];
+      flattenItems: FlattenedItem<T>[];
+      modelValue: U;
+      expanded: string[];
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/tree/types.d.ts

@@ -0,0 +1,169 @@
+import { Direction, MaybeArray } from "../../types/common.js";
+import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { VirtualizerItemProps, VirtualizerRootProps } from "../virtualizer/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+//#region src/components/tree/types.d.ts
+/**
+ * Type information for TreeItemBaseData.
+ */
+interface TreeItemBaseData {
+  /** Value given to this item */
+  value: string;
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+}
+/**
+ * Type information for TreeItemData.
+ */
+type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
+  /** List of children items */children?: TreeItemData<T>[];
+};
+/**
+ * Type information for TreeSelectBehavior.
+ */
+type TreeSelectBehavior = 'toggle' | 'replace';
+/**
+ * Type information for TreeToggleBehavior.
+ */
+type TreeToggleBehavior = 'single' | 'multiple';
+type IsMultiple<U extends MaybeArray<string> | undefined, M extends boolean> = U extends string ? false : M extends true ? true : false;
+/**
+ * Properties for the TreeRoot component.
+ */
+interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
+  /** The controlled value of the tree. Can be bound-with with `v-model`. */
+  modelValue?: U;
+  /** The value of the tree when initially rendered. Use when you do not need to control the state of the tree */
+  defaultValue?: U;
+  /** Determines whether a "single" or "multiple" items can be selected at a time. */
+  multiple?: IsMultiple<U, M>;
+  /** List of items */
+  items?: T[];
+  /** The controlled value of the expanded item. Can be bound-with with `v-model`. */
+  expanded?: string[];
+  /** The value of the expanded tree when initially rendered. */
+  defaultExpanded?: string[];
+  /** How multiple selection should behave in the collection. */
+  selectionBehavior?: TreeSelectBehavior;
+  /**
+   * Determines whether a "single" or "multiple" items can be toggled at a time.
+   *
+   * @defaultValue 'multiple'
+   * */
+  toggleBehavior?: TreeToggleBehavior;
+  /** The reading direction. */
+  dir?: Direction;
+  /**
+   * When `true`, keyboard navigation will loop from last item to first, and vice versa.
+   *
+   * @defaultValue true
+   */
+  loop?: boolean;
+  /** When `true`, prevents the user from interacting with tree */
+  disabled?: boolean;
+  /** When `true`, selecting parent will select the descendants. */
+  propagateSelect?: boolean;
+  /** When `true`, selecting children will update the parent state. */
+  bubbleSelect?: boolean;
+  /** When `true`, parent can be selected. */
+  allowParentSelect?: boolean;
+}
+/**
+ * Events for the TreeRoot component.
+ */
+type TreeRootEmits<M extends boolean | undefined> = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: M extends true ? string[] : string];
+  /**
+   * Emitted when the expanded state changes.
+   */
+  'update:expanded': [value: string[]];
+};
+/**
+ * Type information for FlattenedItem.
+ */
+type FlattenedItem<T extends TreeItemData> = {
+  /**
+   * Id.
+   */
+  _id: string;
+  /**
+   * Index of the current item.
+   */
+  index: number;
+  /**
+   * Value associated with the current item.
+   */
+  value: string;
+  /**
+   * Data.
+   */
+  data: T;
+  /**
+   * Level.
+   */
+  level: number;
+  /**
+   * Whether the component has children.
+   */
+  hasChildren: boolean;
+  /**
+   * Parent.
+   */
+  parent?: T;
+  /**
+   * Bind.
+   */
+  bind: {
+    data: T;
+    level: number;
+    [key: string]: any;
+  };
+};
+/**
+ * Properties for the TreeItem component.
+ */
+interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
+  /**
+   * Value associated with the current item.
+   */
+  value: string;
+  /**
+   * Level.
+   */
+  level: number;
+  /** When `true`, prevents the user from selecting or toggling the item. */
+  disabled?: boolean;
+  /** When `true`, prevents the user from selecting the item. */
+  disabledSelect?: boolean;
+  /** When `true`, prevents the user from toggling the item. */
+  disabledToggle?: boolean;
+}
+/**
+ * Events for the TreeItem component.
+ */
+type TreeItemEmits = {
+  /** Event handler called when selecting item. */select: [event: TreeSelectEvent<string>]; /** Event handler called when toggling item. */
+  toggle: [event: TreeToggleEvent<string>];
+};
+/**
+ * Properties for the TreeVirtualizerRoot component.
+ */
+interface TreeVirtualizerRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends TreeRootProps<T, U, M>, Omit<VirtualizerRootProps<FlattenedItem<T>>, 'dir' | 'items'> {}
+/**
+ * Events for the TreeVirtualizerRoot component.
+ */
+type TreeVirtualizerRootEmits<M extends boolean | undefined> = TreeRootEmits<M>;
+/**
+ * Properties for the TreeVirtualizerItem component.
+ */
+interface TreeVirtualizerItemProps extends TreeItemProps, VirtualizerItemProps {}
+/**
+ * Events for the TreeVirtualizerItem component.
+ */
+type TreeVirtualizerItemEmits = TreeItemEmits;
+//#endregion
+export { FlattenedItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps };

package/dist/components/tree-menu/context.d.ts

@@ -0,0 +1,24 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { TreeMenuRootContextParams, TreeMenuUiSlot } from "./types.js";
+//#region src/components/tree-menu/context.d.ts
+declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) => {
+    onModelValueChange: (value: string) => void;
+    onExpandedChange: (value: string[]) => void;
+    onExpandedToggle: (value: string) => void;
+    onCollapsedChange: (value: boolean) => void;
+    modelValue: import("vue").ShallowRef<string>;
+    expanded: import("vue").ShallowRef<string[]>;
+    collapsed: import("vue").ShallowRef<boolean>;
+  }, useTreeMenuRootContext: import("@soybeanjs/hooks").ContextConsumer<{
+    onModelValueChange: (value: string) => void;
+    onExpandedChange: (value: string[]) => void;
+    onExpandedToggle: (value: string) => void;
+    onCollapsedChange: (value: boolean) => void;
+    modelValue: import("vue").ShallowRef<string>;
+    expanded: import("vue").ShallowRef<string[]>;
+    collapsed: import("vue").ShallowRef<boolean>;
+  }>;
+declare const provideTreeMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>, useTreeMenuUi: UseUiConsumer<TreeMenuUiSlot>;
+//#endregion
+export { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

package/dist/components/tree-menu/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as n}from"../collapsible/context.js";import{computed as r}from"vue";const[i,a]=e(`TreeMenuRoot`,e=>{let{modelValue:t,expanded:n,collapsed:r}=e,i=e=>{t.value=e},a=e=>{n.value=e},o=e=>{n.value.includes(e)?n.value=n.value.filter(t=>t!==e):n.value=[...n.value,e]},s=e=>{r.value=e};return{...e,onModelValueChange:i,onExpandedChange:a,onExpandedToggle:o,onCollapsedChange:s}}),[o,s]=e(`TreeMenuItem`),[c,l]=t(`TreeMenuUi`,e=>(n(r(()=>({root:e.value.collapsibleRoot,trigger:e.value.collapsibleTrigger,content:e.value.collapsibleContent}))),e));export{o as provideTreeMenuItemContext,i as provideTreeMenuRootContext,c as provideTreeMenuUi,s as useTreeMenuItemContext,a as useTreeMenuRootContext,l as useTreeMenuUi};

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

@@ -0,0 +1,15 @@
+import { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot } from "./types.js";
+import { _default as _default$2 } from "./tree-menu-compact.vue.js";
+import { _default as _default$8 } from "./tree-menu-options-compact.vue.js";
+import { _default as _default$7 } from "./tree-menu-option-compact.vue.js";
+import { _default as _default$10 } from "./tree-menu-slot-compact.vue.js";
+import { _default as _default$9 } from "./tree-menu-root.vue.js";
+import { _default as _default$5 } from "./tree-menu-group-root.vue.js";
+import { _default as _default$3 } from "./tree-menu-group.vue.js";
+import { _default as _default$4 } from "./tree-menu-group-label.vue.js";
+import { _default as _default$6 } from "./tree-menu-item.vue.js";
+import { _default } from "./tree-menu-button.vue.js";
+import { _default as _default$1 } from "./tree-menu-collapsible.vue.js";
+import { _default as _default$11 } from "./tree-menu-sub.vue.js";
+import { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext } from "./context.js";
+export { type TreeMenuBaseItemProps, type TreeMenuBaseOptionData, _default as TreeMenuButton, type TreeMenuButtonProps, type TreeMenuCollapsedState, _default$1 as TreeMenuCollapsible, type TreeMenuCollapsibleProps, _default$2 as TreeMenuCompact, type TreeMenuCompactEmits, type TreeMenuCompactProps, type TreeMenuCompactSlots, _default$3 as TreeMenuGroup, _default$4 as TreeMenuGroupLabel, type TreeMenuGroupLabelProps, type TreeMenuGroupProps, _default$5 as TreeMenuGroupRoot, type TreeMenuGroupRootProps, _default$6 as TreeMenuItem, type TreeMenuItemProps, _default$7 as TreeMenuOptionCompact, type TreeMenuOptionCompactEmits, type TreeMenuOptionCompactProps, type TreeMenuOptionData, type TreeMenuOptionSlotCompactProps, _default$8 as TreeMenuOptionsCompact, type TreeMenuOptionsCompactEmits, type TreeMenuOptionsCompactProps, _default$9 as TreeMenuRoot, type TreeMenuRootEmits, type TreeMenuRootProps, _default$10 as TreeMenuSlotCompact, _default$11 as TreeMenuSub, type TreeMenuSubProps, type TreeMenuUi, type TreeMenuUiSlot, provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

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

@@ -0,0 +1 @@
+import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-group-label.js";import i from"./tree-menu-group-root.js";import a from"./tree-menu-group.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import d from"./tree-menu-option-compact.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{o as TreeMenuButton,s as TreeMenuCollapsible,m as TreeMenuCompact,a as TreeMenuGroup,r as TreeMenuGroupLabel,i as TreeMenuGroupRoot,c as TreeMenuItem,d as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,l as TreeMenuSlotCompact,u as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};

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

@@ -0,0 +1 @@
+const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenTreeMenuOptions,e as treeMenuCssVars};

package/dist/components/tree-menu/tree-menu-button.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import{useTreeMenuItemContext as n,useTreeMenuUi as r}from"./context.js";import{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:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let d=a,f=e(d,[`disabledActive`]),p=r(`button`),{isActive:m,onActive:h}=n(`TreeMenuButton`),g=()=>{d.disabledActive||h()};return(e,n)=>(s(),i(t,o(l(f),{"data-soybean-tree-menu-button":``,class:l(p),"data-active":l(m),onClick:g}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`,`data-active`]))}});export{d as default};

package/dist/components/tree-menu/tree-menu-button.vue.d.ts

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

@@ -0,0 +1 @@
+import e from"../collapsible/collapsible-root.js";import t from"../collapsible/collapsible-content.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{useTreeMenuItemContext as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=s({name:`TreeMenuCollapsible`,__name:`tree-menu-collapsible`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let f=s,{isExpanded:p,onExpandedToggle:m}=r(`TreeMenuCollapsible`),h=i(()=>!f.disabledCollapsible&&p.value);return(r,i)=>(c(),a(u(e),{as:s.as,open:h.value,"data-soybean-tree-menu-collapsible-root":``,"onUpdate:open":u(m)},{default:d(()=>[o(u(n),{"as-child":``,"data-soybean-tree-menu-collapsible-trigger":``,"disabled-collapsible":s.disabledCollapsible},{default:d(()=>[l(r.$slots,`trigger`)]),_:3},8,[`disabled-collapsible`]),l(r.$slots,`extra`),o(u(t),{"data-soybean-tree-menu-collapsible-content":``},{default:d(()=>[l(r.$slots,`default`)]),_:3})]),_:3},8,[`as`,`open`,`onUpdate:open`]))}});export{f as default};

package/dist/components/tree-menu/tree-menu-collapsible.vue.d.ts

@@ -0,0 +1,21 @@
+import { TreeMenuCollapsibleProps } from "./types.js";
+
+//#region src/components/tree-menu/tree-menu-collapsible.vue.d.ts
+declare var __VLS_16: {}, __VLS_18: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_16) => any;
+} & {
+  extra?: (props: typeof __VLS_18) => any;
+} & {
+  default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TreeMenuCollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuCollapsibleProps> & 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/tree-menu/tree-menu-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-menu-options-compact.js";import r from"./tree-menu-root.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`TreeMenuCompact`,__name:`tree-menu-compact`,props:{modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{default:50},indent:{default:16},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{default:`left`},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=t(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=t(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=e(C),O=i(()=>b(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(p(),a(r,d(_(T),g(_(D))),{default:y(()=>[h(e.$slots,`top`),c(n,d(_(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),s({_:2},[m(O.value,t=>({name:t,fn:y(n=>[o(` @vue-expect-error ignore slot type `),h(e.$slots,t,f(u(n)))])}))]),1040),h(e.$slots,`bottom`)]),_:3},16))}});export{x as default};

package/dist/components/tree-menu/tree-menu-compact.vue.d.ts

@@ -0,0 +1,23 @@
+import { TreeMenuBaseOptionData, TreeMenuCompactProps, TreeMenuCompactSlots } from "./types.js";
+
+//#region src/components/tree-menu/tree-menu-compact.vue.d.ts
+declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeMenuCompactProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    onSelectDropdown?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: TreeMenuCompactSlots<T>;
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/tree-menu/tree-menu-group-label.js

@@ -0,0 +1 @@
+import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupLabel`,__name:`tree-menu-group-label`,setup(n){let s=e(`groupLabel`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-menu-group-label":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/tree-menu/tree-menu-group-label.vue.d.ts

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

@@ -0,0 +1 @@
+import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupRoot`,__name:`tree-menu-group-root`,setup(n){let s=e(`groupRoot`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-menu-group-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/tree-menu/tree-menu-group-root.vue.d.ts

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuGroup`,__name:`tree-menu-group`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`group`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),"data-soybean-tree-menu-group":``},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};

package/dist/components/tree-menu/tree-menu-group.vue.d.ts

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTreeMenuItemContext as t,useTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TreeMenuItem`,__name:`tree-menu-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},setup(o){let f=o,{modelValue:p,expanded:m,onExpandedToggle:h,onModelValueChange:g}=n(`TreeMenuItem`),_=r(`item`),v=i(()=>p.value===f.value),y=i(()=>m.value?.includes(f.value));return t({value:f.value,isActive:v,isExpanded:y,onExpandedToggle:()=>{f.disabled||h(f.value)},onActive:()=>{f.disabled||g(f.value)}}),(t,n)=>(c(),a(u(e),{as:o.as,"as-child":o.asChild,"data-soybean-tree-menu-item":``,class:s(u(_)),"data-disabled":o.disabled?``:void 0,"data-active":v.value},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-active`]))}});export{f as default};

package/dist/components/tree-menu/tree-menu-item.vue.d.ts

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as r,useTreeMenuUi as i}from"./context.js";import a from"./tree-menu-button.js";import o from"./tree-menu-collapsible.js";import s from"./tree-menu-item.js";import c from"./tree-menu-slot-compact.js";import l from"./tree-menu-sub.js";import u from"./tree-menu-tooltip-compact.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=i(),{collapsed:z,modelValue:B,onModelValueChange:V}=r(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,r)=>{let i=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(s,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(o,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(a,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(l,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(i,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:r[0]||(r[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(s,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(a,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(c,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(a,C(x({key:1},y.buttonProps)),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(u,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};

package/dist/components/tree-menu/tree-menu-option-compact.vue.d.ts

@@ -0,0 +1,32 @@
+import { AsTag } from "../primitive/types.js";
+import { TreeMenuBaseOptionData, TreeMenuOptionCompactProps } from "./types.js";
+
+//#region src/components/tree-menu/tree-menu-option-compact.vue.d.ts
+type Slots = {
+  item: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+  leading: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+  trailing: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<TreeMenuOptionCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  selectDropdown: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<TreeMenuOptionCompactProps> & Readonly<{
+  onSelectDropdown?: ((value: string) => any) | undefined;
+}>, {
+  as: AsTag;
+}, {}, {}, {}, 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/tree-menu/tree-menu-options-compact.js

@@ -0,0 +1 @@
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{filterHiddenTreeMenuOptions as r}from"./shared.js";import{useTreeMenuRootContext as i}from"./context.js";import a from"./tree-menu-group-label.js";import o from"./tree-menu-group-root.js";import s from"./tree-menu-group.js";import c from"./tree-menu-option-compact.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{keysOf as E}from"@soybeanjs/utils";const D=_({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(_,{emit:D}){let O=_,k=D,A=w(),j=u(()=>E(A).filter(e=>e!==`group-label`)),M=t(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=i(`TreeMenuCompactOptions`),P=u(()=>r(O.items)),F=u(()=>e(N.value,P.value));return(e,t)=>(y(!0),p(l,null,b(P.value,r=>(y(),p(l,{key:r.value},[r.isGroup?(y(),d(o,v({key:0,ref_for:!0},_.groupRootProps),{default:T(()=>[g(a,v({ref_for:!0},_.groupLabelProps),{default:T(()=>[x(e.$slots,`group-label`,{item:r},()=>[_.showGroupIcon&&r.icon?(y(),d(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(r.label),1)])]),_:2},1040),g(s,v({ref_for:!0},_.groupProps),{default:T(()=>[(y(!0),p(l,null,b(r.children,n=>(y(),d(c,v({key:n.value},{ref_for:!0},C(M),{item:n,side:_.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(c,v({key:1,as:`div`},{ref_for:!0},C(M),{item:r,side:_.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};

package/dist/components/tree-menu/tree-menu-options-compact.vue.d.ts

@@ -0,0 +1,33 @@
+import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionsCompactProps } from "./types.js";
+
+//#region src/components/tree-menu/tree-menu-options-compact.vue.d.ts
+declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeMenuOptionsCompactProps<T> & {
+    onSelectDropdown?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    'group-label': (props: {
+      item: TreeMenuOptionData<T>;
+    }) => any;
+    item: (props: {
+      item: T;
+    }) => any;
+    'item-leading': (props: {
+      item: T;
+    }) => any;
+    'item-trailing': (props: {
+      item: T;
+    }) => any;
+  };
+  emit: (evt: "selectDropdown", value: string) => void;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/tree-menu/tree-menu-root.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{treeMenuCssVars as t}from"./shared.js";import{provideTreeMenuRootContext as n,useTreeMenuUi 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,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=r(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),n=h.pxToRem(h.indent);return{[t.collapsedWidth]:`${e}rem`,[t.indent]:`${n}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),n({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};

package/dist/components/tree-menu/tree-menu-root.vue.d.ts

@@ -0,0 +1,33 @@
+import { TreeMenuRootProps } from "./types.js";
+
+//#region src/components/tree-menu/tree-menu-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  "update:expanded": (value: string[]) => any;
+  "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TreeMenuRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+  "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+  defaultValue: string;
+  collapsed: boolean;
+  defaultExpanded: string[];
+  indent: number;
+  pxToRem: (px: number) => number;
+  defaultCollapsed: boolean;
+  collapsedWidth: number;
+}, {}, {}, {}, 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/tree-menu/tree-menu-slot-compact.js

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import t from"../button/button.js";import{provideBadgeUi as n}from"../badge/context.js";import r from"../badge/badge-compact.js";import i from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as a,useTreeMenuUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";const C=m({name:`TreeMenuSlotCompact`,__name:`tree-menu-slot-compact`,props:{showLinkIcon:{type:Boolean},as:{},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let C=m,{collapsed:w}=a(`TreeMenuCompactSlot`),T=o(),E=c(()=>!!C.item.children?.some(e=>!e.hidden)),D=c(()=>`Open ${C.item.label} actions`);return n(c(()=>({root:T.value?.badgeRoot,content:T.value?.badgeContent}))),(n,a)=>(_(),d(s,null,[v(n.$slots,`item-leading`,{item:m.item},()=>[m.item.icon?(_(),l(e,{key:0,icon:m.item.icon,"aria-hidden":!0},null,8,[`icon`])):u(`v-if`,!0)]),v(n.$slots,`item`,{item:m.item},()=>[m.item.badge?(_(),l(r,h({key:0},m.item.badgeProps,{content:m.item.badge}),{default:x(()=>[f(`span`,{class:g(b(T).itemLabel)},y(m.item.label),3)]),_:1},16,[`content`])):(_(),d(`span`,{key:1,class:g(b(T).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(e,{key:0,icon:`lucide:arrow-up-right`,class:g(b(T).itemLinkIcon),"aria-hidden":!0},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),d(`span`,h({key:1},m.item.tagProps,{class:b(T).itemTag}),y(m.item.tag),17)):u(`v-if`,!0),!b(w)&&m.item.actions?.length?(_(),l(i,h({key:2},m.item.actionMenuProps,{items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(t,{"aria-label":D.value,class:g(b(T).itemAction),disabled:m.item.disabled,onClick:a[0]||(a[0]=S(()=>{},[`stop`]))},{default:x(()=>[p(e,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):u(`v-if`,!0),v(n.$slots,`item-trailing`,{item:m.item}),E.value?(_(),l(e,{key:3,icon:`lucide:chevron-right`,class:g(b(T).collapsibleIcon),"aria-hidden":!0},null,8,[`class`])):u(`v-if`,!0)],64))}});export{C as default};