@vuetify/nightly 3.8.10-dev.2025-06-18 → 3.8.10-dev.2025-06-19

package/lib/{labs → components}/VTimePicker/VTimePickerControls.d.ts

@@ -3,8 +3,6 @@ import type { VTimePickerViewMode } from './shared.js';
 type Period = 'am' | 'pm';
 export declare const makeVTimePickerControlsProps: <Defaults extends {
     ampm?: unknown;
-    ampmInTitle?: unknown;
-    ampmReadonly?: unknown;
     color?: unknown;
     disabled?: unknown;
     hour?: unknown;
@@ -20,14 +18,6 @@ export declare const makeVTimePickerControlsProps: <Defaults extends {
         type: PropType<unknown extends Defaults["ampm"] ? boolean : boolean | Defaults["ampm"]>;
         default: unknown extends Defaults["ampm"] ? boolean : boolean | Defaults["ampm"];
     };
-    ampmInTitle: unknown extends Defaults["ampmInTitle"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults["ampmInTitle"] ? boolean : boolean | Defaults["ampmInTitle"]>;
-        default: unknown extends Defaults["ampmInTitle"] ? boolean : boolean | Defaults["ampmInTitle"];
-    };
-    ampmReadonly: unknown extends Defaults["ampmReadonly"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults["ampmReadonly"] ? boolean : boolean | Defaults["ampmReadonly"]>;
-        default: unknown extends Defaults["ampmReadonly"] ? boolean : boolean | Defaults["ampmReadonly"];
-    };
     color: unknown extends Defaults["color"] ? StringConstructor : {
         type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
         default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
@@ -74,8 +64,6 @@ export declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
-        ampmInTitle: boolean;
-        ampmReadonly: boolean;
         useSeconds: boolean;
     } & {
         color?: string | undefined;
@@ -104,8 +92,6 @@ export declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
-        ampmInTitle: boolean;
-        ampmReadonly: boolean;
         useSeconds: boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
         default: () => import("vue").VNode[];
@@ -120,8 +106,6 @@ export declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
-        ampmInTitle: boolean;
-        ampmReadonly: boolean;
         useSeconds: boolean;
     } & {
         color?: string | undefined;
@@ -147,8 +131,6 @@ export declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
-        ampmInTitle: boolean;
-        ampmReadonly: boolean;
         useSeconds: boolean;
     }>;
     __isFragment?: never;
@@ -158,8 +140,6 @@ export declare const VTimePickerControls: {
     disabled: boolean;
     readonly: boolean;
     ampm: boolean;
-    ampmInTitle: boolean;
-    ampmReadonly: boolean;
     useSeconds: boolean;
 } & {
     color?: string | undefined;
@@ -188,15 +168,11 @@ export declare const VTimePickerControls: {
     disabled: boolean;
     readonly: boolean;
     ampm: boolean;
-    ampmInTitle: boolean;
-    ampmReadonly: boolean;
     useSeconds: boolean;
 }, {}, string, import("vue").SlotsType<Partial<{
     default: () => import("vue").VNode[];
 }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
     ampm: BooleanConstructor;
-    ampmInTitle: BooleanConstructor;
-    ampmReadonly: BooleanConstructor;
     color: StringConstructor;
     disabled: BooleanConstructor;
     hour: NumberConstructor;
@@ -209,8 +185,6 @@ export declare const VTimePickerControls: {
     viewMode: PropType<VTimePickerViewMode>;
 }, import("vue").ExtractPropTypes<{
     ampm: BooleanConstructor;
-    ampmInTitle: BooleanConstructor;
-    ampmReadonly: BooleanConstructor;
     color: StringConstructor;
     disabled: BooleanConstructor;
     hour: NumberConstructor;

package/lib/{labs → components}/VTimePicker/VTimePickerControls.js

@@ -4,13 +4,11 @@ import "./VTimePickerControls.css";
 
 // Components
 import { pad } from "./util.js";
-import { VBtn } from "../../components/VBtn/index.js"; // Composables
+import { VBtn } from "../VBtn/index.js"; // Composables
 import { useLocale } from "../../composables/locale.js"; // Utilities
 import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVTimePickerControlsProps = propsFactory({
   ampm: Boolean,
-  ampmInTitle: Boolean,
-  ampmReadonly: Boolean,
   color: String,
   disabled: Boolean,
   hour: Number,
@@ -96,10 +94,8 @@ export const VTimePickerControls = genericComponent()({
         }),
         "disabled": props.disabled,
         "text": props.second == null ? '--' : pad(props.second)
-      }, null), props.ampm && props.ampmInTitle && _createElementVNode("div", {
-        "class": _normalizeClass(['v-time-picker-controls__ampm', {
-          'v-time-picker-controls__ampm--readonly': props.ampmReadonly
-        }])
+      }, null), props.ampm && _createElementVNode("div", {
+        "class": "v-time-picker-controls__ampm"
       }, [_createVNode(VBtn, {
         "active": props.period === 'am',
         "color": props.period === 'am' ? props.color : undefined,

package/lib/components/VTimePicker/VTimePickerControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTimePickerControls.js","names":["pad","VBtn","useLocale","genericComponent","propsFactory","useRender","makeVTimePickerControlsProps","ampm","Boolean","color","String","disabled","hour","Number","minute","second","period","readonly","useSeconds","value","viewMode","VTimePickerControls","name","props","emits","data","setup","_ref","emit","slots","t","_createElementVNode","_normalizeClass","_createVNode","undefined","onClick","_createTextVNode"],"sources":["../../../src/components/VTimePicker/VTimePickerControls.tsx"],"sourcesContent":["// Styles\nimport './VTimePickerControls.sass'\n\n// Components\nimport { pad } from './util'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VTimePickerViewMode } from './shared'\ntype Period = 'am' | 'pm'\n\nexport const makeVTimePickerControlsProps = propsFactory({\n  ampm: Boolean,\n  color: String,\n  disabled: Boolean,\n  hour: Number,\n  minute: Number,\n  second: Number,\n  period: String as PropType<Period>,\n  readonly: Boolean,\n  useSeconds: Boolean,\n  value: Number,\n  viewMode: String as PropType<VTimePickerViewMode>,\n}, 'VTimePickerControls')\n\nexport const VTimePickerControls = genericComponent()({\n  name: 'VTimePickerControls',\n\n  props: makeVTimePickerControlsProps(),\n\n  emits: {\n    'update:period': (data: Period) => true,\n    'update:viewMode': (data: VTimePickerViewMode) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n\n    useRender(() => {\n      let hour = props.hour\n      if (props.ampm) {\n        hour = hour ? ((hour - 1) % 12 + 1) : 12\n      }\n      return (\n        <div class=\"v-time-picker-controls\">\n          <div\n            class={{\n              'v-time-picker-controls__time': true,\n              'v-time-picker-controls__time--with-seconds': props.useSeconds,\n            }}\n          >\n            <VBtn\n              active={ props.viewMode === 'hour' }\n              color={ props.viewMode === 'hour' ? props.color : undefined }\n              disabled={ props.disabled }\n              variant=\"tonal\"\n              class={{\n                'v-time-picker-controls__time__btn': true,\n                'v-time-picker-controls__time--with-ampm__btn': props.ampm,\n                'v-time-picker-controls__time--with-seconds__btn': props.useSeconds,\n              }}\n              text={ props.hour == null ? '--' : pad(`${hour}`) }\n              onClick={ () => emit('update:viewMode', 'hour') }\n            />\n\n            <span\n              class={[\n                'v-time-picker-controls__time__separator',\n                { 'v-time-picker-controls--with-seconds__time__separator': props.useSeconds },\n              ]}\n            >:</span>\n\n            <VBtn\n              active={ props.viewMode === 'minute' }\n              color={ props.viewMode === 'minute' ? props.color : undefined }\n              class={{\n                'v-time-picker-controls__time__btn': true,\n                'v-time-picker-controls__time__btn__active': props.viewMode === 'minute',\n                'v-time-picker-controls__time--with-ampm__btn': props.ampm,\n                'v-time-picker-controls__time--with-seconds__btn': props.useSeconds,\n              }}\n              disabled={ props.disabled }\n              variant=\"tonal\"\n              text={ props.minute == null ? '--' : pad(props.minute) }\n              onClick={ () => emit('update:viewMode', 'minute') }\n            />\n\n            { props.useSeconds && (\n              <span\n                class={[\n                  'v-time-picker-controls__time__separator',\n                  { 'v-time-picker-controls--with-seconds__time__separator': props.useSeconds },\n                ]}\n                key=\"secondsDivider\"\n              >:</span>\n            )}\n\n            { props.useSeconds && (\n              <VBtn\n                key=\"secondsVal\"\n                active={ props.viewMode === 'second' }\n                color={ props.viewMode === 'second' ? props.color : undefined }\n                variant=\"tonal\"\n                onClick={ () => emit('update:viewMode', 'second') }\n                class={{\n                  'v-time-picker-controls__time__btn': true,\n                  'v-time-picker-controls__time__btn__active': props.viewMode === 'second',\n                  'v-time-picker-controls__time--with-seconds__btn': props.useSeconds,\n                }}\n                disabled={ props.disabled }\n                text={ props.second == null ? '--' : pad(props.second) }\n              />\n            )}\n\n            { props.ampm && (\n              <div class=\"v-time-picker-controls__ampm\">\n                <VBtn\n                  active={ props.period === 'am' }\n                  color={ props.period === 'am' ? props.color : undefined }\n                  class={{\n                    'v-time-picker-controls__ampm__am': true,\n                    'v-time-picker-controls__ampm__btn': true,\n                    'v-time-picker-controls__ampm__btn__active': props.period === 'am',\n                  }}\n                  disabled={ props.disabled }\n                  text={ t('$vuetify.timePicker.am') }\n                  variant={ props.disabled && props.period === 'am' ? 'elevated' : 'tonal' }\n                  onClick={ () => props.period !== 'am' ? emit('update:period', 'am') : null }\n                />\n\n                <VBtn\n                  active={ props.period === 'pm' }\n                  color={ props.period === 'pm' ? props.color : undefined }\n                  class={{\n                    'v-time-picker-controls__ampm__pm': true,\n                    'v-time-picker-controls__ampm__btn': true,\n                    'v-time-picker-controls__ampm__btn__active': props.period === 'pm',\n                  }}\n                  disabled={ props.disabled }\n                  text={ t('$vuetify.timePicker.pm') }\n                  variant={ props.disabled && props.period === 'pm' ? 'elevated' : 'tonal' }\n                  onClick={ () => props.period !== 'pm' ? emit('update:period', 'pm') : null }\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return {}\n  },\n\n})\n\nexport type VTimePickerControls = InstanceType<typeof VTimePickerControls>\n"],"mappings":"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","ignoreList":[]}

package/lib/{labs → components}/VTimePicker/_variables.scss

@@ -1,4 +1,4 @@
-@forward '../VPicker/variables';
+@forward '../../labs/VPicker/variables';
 
 $time-picker-padding: 24px !default;
 $time-picker-controls-btn-font: 56px !default;

package/lib/components/VTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["VTimePicker","VTimePickerClock","VTimePickerControls"],"sources":["../../../src/components/VTimePicker/index.ts"],"sourcesContent":["export { VTimePicker } from './VTimePicker'\nexport { VTimePickerClock } from './VTimePickerClock'\nexport { VTimePickerControls } from './VTimePickerControls'\n"],"mappings":"SAASA,WAAW;AAAA,SACXC,gBAAgB;AAAA,SAChBC,mBAAmB","ignoreList":[]}

package/lib/components/VTimePicker/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"sources":["../../../src/components/VTimePicker/shared.ts"],"sourcesContent":["export type VTimePickerViewMode = 'hour' | 'minute' | 'second'\n"],"mappings":"","ignoreList":[]}

package/lib/components/VTimePicker/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","names":["pad","n","length","arguments","undefined","String","padStart"],"sources":["../../../src/components/VTimePicker/util.ts"],"sourcesContent":["export function pad (n: string | number, length = 2) {\n  return String(n).padStart(length, '0')\n}\n"],"mappings":"AAAA,OAAO,SAASA,GAAGA,CAAEC,CAAkB,EAAc;EAAA,IAAZC,MAAM,GAAAC,SAAA,CAAAD,MAAA,QAAAC,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC;EACjD,OAAOE,MAAM,CAACJ,CAAC,CAAC,CAACK,QAAQ,CAACJ,MAAM,EAAE,GAAG,CAAC;AACxC","ignoreList":[]}

package/lib/{labs → components}/VTreeview/VTreeview.d.ts

@@ -1,5 +1,5 @@
-import type { InternalListItem } from "../../components/VList/VList.js";
-import type { VListChildrenSlots } from "../../components/VList/VListChildren.js";
+import type { InternalListItem } from "../VList/VList.js";
+import type { VListChildrenSlots } from "../VList/VListChildren.js";
 import type { GenericProps } from "../../util/index.js";
 export declare const makeVTreeviewProps: <Defaults extends {
     modelValue?: unknown;
@@ -624,16 +624,16 @@ export declare const VTreeview: {
         loadingIcon: string;
         openAll: boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
-        title: (arg: import("../../components/VList/VListItem.js").ListItemTitleSlot & {
+        title: (arg: import("../VList/VListItem.js").ListItemTitleSlot & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+        append: (arg: import("../VList/VListItem.js").ListItemSlot & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+        prepend: (arg: import("../VList/VListItem.js").ListItemSlot & {
             item: unknown;
         }) => import("vue").VNode[];
-        subtitle: (arg: import("../../components/VList/VListItem.js").ListItemSubtitleSlot & {
+        subtitle: (arg: import("../VList/VListItem.js").ListItemSubtitleSlot & {
             item: unknown;
         }) => import("vue").VNode[];
         default: () => import("vue").VNode[];
@@ -908,16 +908,16 @@ export declare const VTreeview: {
     loadingIcon: string;
     openAll: boolean;
 }, {}, string, import("vue").SlotsType<Partial<{
-    title: (arg: import("../../components/VList/VListItem.js").ListItemTitleSlot & {
+    title: (arg: import("../VList/VListItem.js").ListItemTitleSlot & {
         item: unknown;
     }) => import("vue").VNode[];
-    append: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+    append: (arg: import("../VList/VListItem.js").ListItemSlot & {
         item: unknown;
     }) => import("vue").VNode[];
-    prepend: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+    prepend: (arg: import("../VList/VListItem.js").ListItemSlot & {
         item: unknown;
     }) => import("vue").VNode[];
-    subtitle: (arg: import("../../components/VList/VListItem.js").ListItemSubtitleSlot & {
+    subtitle: (arg: import("../VList/VListItem.js").ListItemSubtitleSlot & {
         item: unknown;
     }) => import("vue").VNode[];
     default: () => import("vue").VNode[];

package/lib/{labs → components}/VTreeview/VTreeview.js

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Components
 import { makeVTreeviewChildrenProps, VTreeviewChildren } from "./VTreeviewChildren.js";
-import { makeVListProps, useListItems, VList } from "../../components/VList/VList.js"; // Composables
+import { makeVListProps, useListItems, VList } from "../VList/VList.js"; // Composables
 import { provideDefaults } from "../../composables/defaults.js";
 import { makeFilterProps, useFilter } from "../../composables/filter.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities

package/lib/components/VTreeview/VTreeview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTreeview.js","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRaw","toRef","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","fluid","Boolean","openAll","search","String","filterKeys","collapseIcon","expandIcon","slim","modelValue","type","Array","default","VTreeview","name","props","emits","val","value","setup","_ref","slots","activeColor","baseColor","color","activated","model","_selected","selected","get","set","vListRef","opened","flatItems","filteredItems","visibleIds","getPath","Set","flatMap","itemVal","returnObject","raw","getChildren","map","id","arr","queue","slice","child","shift","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event"],"sources":["../../../src/components/VTreeview/VTreeview.tsx"],"sourcesContent":["// Components\nimport { makeVTreeviewChildrenProps, VTreeviewChildren } from './VTreeviewChildren'\nimport { makeVListProps, useListItems, VList } from '@/components/VList/VList'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, provide, ref, toRaw, toRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { InternalListItem } from '@/components/VList/VList'\nimport type { VListChildrenSlots } from '@/components/VList/VListChildren'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps } from '@/util'\n\nfunction flatten (items: ListItem[], flat: ListItem[] = []) {\n  for (const item of items) {\n    flat.push(item)\n    if (item.children) flatten(item.children, flat)\n  }\n  return flat\n}\n\nexport const makeVTreeviewProps = propsFactory({\n  fluid: Boolean,\n  openAll: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...omit(makeVTreeviewChildrenProps(), ['index', 'path']),\n  ...omit(makeVListProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n    slim: true,\n  }), ['itemType', 'nav', 'openStrategy']),\n  modelValue: {\n    type: Array,\n    default: () => ([]),\n  },\n}, 'VTreeview')\n\nexport const VTreeview = genericComponent<new <T>(\n  props: {\n    items?: T[]\n  },\n  slots: VListChildrenSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VTreeview',\n\n  props: makeVTreeviewProps(),\n\n  emits: {\n    'update:opened': (val: unknown) => true,\n    'update:activated': (val: unknown) => true,\n    'update:selected': (val: unknown) => true,\n    'update:modelValue': (val: unknown) => true,\n    'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { items } = useListItems(props)\n    const activeColor = toRef(() => props.activeColor)\n    const baseColor = toRef(() => props.baseColor)\n    const color = toRef(() => props.color)\n    const activated = useProxiedModel(props, 'activated')\n    const model = useProxiedModel(props, 'modelValue')\n    const _selected = useProxiedModel(props, 'selected', props.modelValue)\n\n    const selected = computed({\n      get: () => _selected.value,\n      set (val) {\n        _selected.value = val\n        model.value = val\n      },\n    })\n\n    const vListRef = ref<VList>()\n\n    const opened = computed(() => props.openAll ? openAll(items.value) : props.opened)\n    const flatItems = computed(() => flatten(items.value))\n    const search = toRef(() => props.search)\n    const { filteredItems } = useFilter(props, flatItems, search)\n    const visibleIds = computed(() => {\n      if (!search.value) return null\n      const getPath = vListRef.value?.getPath\n      if (!getPath) return null\n      return new Set(filteredItems.value.flatMap(item => {\n        const itemVal = props.returnObject ? item.raw : item.props.value\n        return [\n          ...getPath(itemVal),\n          ...getChildren(itemVal),\n        ].map(toRaw)\n      }))\n    })\n\n    function getChildren (id: unknown) {\n      const arr: unknown[] = []\n      const queue = ((vListRef.value?.children.get(id) ?? []).slice())\n      while (queue.length) {\n        const child = queue.shift()\n        if (!child) continue\n        arr.push(child)\n        queue.push(...((vListRef.value?.children.get(child) ?? []).slice()))\n      }\n      return arr\n    }\n\n    function openAll (items: InternalListItem<any>[]) {\n      let ids: any[] = []\n\n      for (const i of items) {\n        if (!i.children) continue\n\n        ids.push(props.returnObject ? toRaw(i.raw) : i.value)\n\n        if (i.children) {\n          ids = ids.concat(openAll(i.children))\n        }\n      }\n\n      return ids\n    }\n\n    provide(VTreeviewSymbol, { visibleIds })\n\n    provideDefaults({\n      VTreeviewGroup: {\n        activeColor,\n        baseColor,\n        color,\n        collapseIcon: toRef(() => props.collapseIcon),\n        expandIcon: toRef(() => props.expandIcon),\n      },\n      VTreeviewItem: {\n        activeClass: toRef(() => props.activeClass),\n        activeColor,\n        baseColor,\n        color,\n        density: toRef(() => props.density),\n        disabled: toRef(() => props.disabled),\n        lines: toRef(() => props.lines),\n        variant: toRef(() => props.variant),\n      },\n    })\n\n    useRender(() => {\n      const listProps = VList.filterProps(props)\n      const treeviewChildrenProps = VTreeviewChildren.filterProps(props)\n\n      return (\n        <VList\n          ref={ vListRef }\n          { ...listProps }\n          class={[\n            'v-treeview',\n            {\n              'v-treeview--fluid': props.fluid,\n            },\n            props.class,\n          ]}\n          open-strategy=\"multiple\"\n          style={ props.style }\n          opened={ opened.value }\n          v-model:activated={ activated.value }\n          v-model:selected={ selected.value }\n        >\n          <VTreeviewChildren\n            { ...treeviewChildrenProps }\n            density={ props.density }\n            returnObject={ props.returnObject }\n            items={ items.value }\n            v-slots={ slots }\n          ></VTreeviewChildren>\n        </VList>\n      )\n    })\n\n    return { }\n  },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}

package/lib/{labs → components}/VTreeview/VTreeviewChildren.d.ts

@@ -1,7 +1,7 @@
 import { IconValue } from "../../composables/icons.js";
 import type { PropType } from 'vue';
-import type { InternalListItem } from "../../components/VList/VList.js";
-import type { VListItemSlots } from "../../components/VList/VListItem.js";
+import type { InternalListItem } from "../VList/VList.js";
+import type { VListItemSlots } from "../VList/VListItem.js";
 import type { SelectStrategyProp } from "../../composables/nested/nested.js";
 import type { GenericProps } from "../../util/index.js";
 export type VTreeviewChildrenSlots<T> = {
@@ -117,19 +117,19 @@ export declare const makeVTreeviewChildrenProps: <Defaults extends {
         default: unknown extends Defaults["index"] ? number : number | Defaults["index"];
     };
     path: unknown extends Defaults["path"] ? {
-        type: PropType<Number[]>;
+        type: PropType<number[]>;
         default: () => never[];
     } : Omit<{
-        type: PropType<Number[]>;
+        type: PropType<number[]>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["path"] ? Number[] : Number[] | Defaults["path"]>;
-        default: unknown extends Defaults["path"] ? Number[] : Number[] | Defaults["path"];
+        type: PropType<unknown extends Defaults["path"] ? number[] : number[] | Defaults["path"]>;
+        default: unknown extends Defaults["path"] ? number[] : number[] | Defaults["path"];
     };
 };
 export declare const VTreeviewChildren: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
-        path: Number[];
+        path: number[];
         disabled: boolean;
         returnObject: boolean;
         density: import("../../composables/density.js").Density;
@@ -147,7 +147,7 @@ export declare const VTreeviewChildren: {
     }, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[] | JSX.Element)[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle" | "v-slot:item">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-        path: Number[];
+        path: number[];
         disabled: boolean;
         returnObject: boolean;
         density: import("../../composables/density.js").Density;
@@ -156,19 +156,19 @@ export declare const VTreeviewChildren: {
         selectable: boolean;
         loadingIcon: string;
     }, true, {}, import("vue").SlotsType<Partial<{
-        title: (arg: import("../../components/VList/VListItem.js").ListItemTitleSlot & {
+        title: (arg: import("../VList/VListItem.js").ListItemTitleSlot & {
             item: InternalListItem<any>;
             internalItem: InternalListItem<InternalListItem<any>>;
         }) => import("vue").VNode[];
-        append: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+        append: (arg: import("../VList/VListItem.js").ListItemSlot & {
             item: InternalListItem<any>;
             internalItem: InternalListItem<InternalListItem<any>>;
         }) => import("vue").VNode[];
-        prepend: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+        prepend: (arg: import("../VList/VListItem.js").ListItemSlot & {
             item: InternalListItem<any>;
             internalItem: InternalListItem<InternalListItem<any>>;
         }) => import("vue").VNode[];
-        subtitle: (arg: import("../../components/VList/VListItem.js").ListItemSubtitleSlot & {
+        subtitle: (arg: import("../VList/VListItem.js").ListItemSubtitleSlot & {
             item: InternalListItem<any>;
             internalItem: InternalListItem<InternalListItem<any>>;
         }) => import("vue").VNode[];
@@ -186,7 +186,7 @@ export declare const VTreeviewChildren: {
         M: {};
         Defaults: {};
     }, {
-        path: Number[];
+        path: number[];
         disabled: boolean;
         returnObject: boolean;
         density: import("../../composables/density.js").Density;
@@ -204,7 +204,7 @@ export declare const VTreeviewChildren: {
     }, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[] | JSX.Element)[] | undefined, {}, {}, {}, {
-        path: Number[];
+        path: number[];
         disabled: boolean;
         returnObject: boolean;
         density: import("../../composables/density.js").Density;
@@ -217,7 +217,7 @@ export declare const VTreeviewChildren: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<{
-    path: Number[];
+    path: number[];
     disabled: boolean;
     returnObject: boolean;
     density: import("../../composables/density.js").Density;
@@ -235,7 +235,7 @@ export declare const VTreeviewChildren: {
 }, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | JSX.Element)[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle" | "v-slot:item">, string, {
-    path: Number[];
+    path: number[];
     disabled: boolean;
     returnObject: boolean;
     density: import("../../composables/density.js").Density;
@@ -244,19 +244,19 @@ export declare const VTreeviewChildren: {
     selectable: boolean;
     loadingIcon: string;
 }, {}, string, import("vue").SlotsType<Partial<{
-    title: (arg: import("../../components/VList/VListItem.js").ListItemTitleSlot & {
+    title: (arg: import("../VList/VListItem.js").ListItemTitleSlot & {
         item: InternalListItem<any>;
         internalItem: InternalListItem<InternalListItem<any>>;
     }) => import("vue").VNode[];
-    append: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+    append: (arg: import("../VList/VListItem.js").ListItemSlot & {
         item: InternalListItem<any>;
         internalItem: InternalListItem<InternalListItem<any>>;
     }) => import("vue").VNode[];
-    prepend: (arg: import("../../components/VList/VListItem.js").ListItemSlot & {
+    prepend: (arg: import("../VList/VListItem.js").ListItemSlot & {
         item: InternalListItem<any>;
         internalItem: InternalListItem<InternalListItem<any>>;
     }) => import("vue").VNode[];
-    subtitle: (arg: import("../../components/VList/VListItem.js").ListItemSubtitleSlot & {
+    subtitle: (arg: import("../VList/VListItem.js").ListItemSubtitleSlot & {
         item: InternalListItem<any>;
         internalItem: InternalListItem<InternalListItem<any>>;
     }) => import("vue").VNode[];
@@ -297,7 +297,7 @@ export declare const VTreeviewChildren: {
     selectStrategy: PropType<SelectStrategyProp>;
     index: NumberConstructor;
     path: {
-        type: PropType<Number[]>;
+        type: PropType<number[]>;
         default: () => never[];
     };
 }, import("vue").ExtractPropTypes<{
@@ -329,7 +329,7 @@ export declare const VTreeviewChildren: {
     selectStrategy: PropType<SelectStrategyProp>;
     index: NumberConstructor;
     path: {
-        type: PropType<Number[]>;
+        type: PropType<number[]>;
         default: () => never[];
     };
 }>>;

package/lib/{labs → components}/VTreeview/VTreeviewChildren.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode
 // Components
 import { VTreeviewGroup } from "./VTreeviewGroup.js";
 import { VTreeviewItem } from "./VTreeviewItem.js";
-import { VCheckboxBtn } from "../../components/VCheckbox/index.js"; // Composables
+import { VCheckboxBtn } from "../VCheckbox/index.js"; // Composables
 import { makeDensityProps } from "../../composables/density.js";
 import { IconValue } from "../../composables/icons.js"; // Utilities
 import { computed, reactive, toRaw, withModifiers } from 'vue';

package/lib/components/VTreeview/VTreeviewChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTreeviewChildren.js","names":["VTreeviewGroup","VTreeviewItem","VCheckboxBtn","makeDensityProps","IconValue","computed","reactive","toRaw","withModifiers","genericComponent","propsFactory","makeVTreeviewChildrenProps","disabled","Boolean","loadChildren","Function","loadingIcon","type","String","default","items","Array","openOnClick","undefined","indeterminateIcon","falseIcon","trueIcon","returnObject","selectable","selectedColor","selectStrategy","Object","index","Number","path","VTreeviewChildren","name","props","setup","_ref","slots","isLoading","Set","isClickOnOpen","checkChildren","item","length","children","add","value","raw","delete","selectItem","select","isSelected","map","itemProps","loading","has","treeItemProps","depth","isFirst","isLast","slotsWithItem","prepend","slotProps","_createElementVNode","_Fragment","includes","_createVNode","density","isIndeterminate","e","key","stopPropagation","internalItem","append","title","subtitle","treeviewGroupProps","filterProps","treeviewChildrenProps","_mergeProps","activator","_ref2","activatorProps","listItemProps","onToggleExpand","onClick"],"sources":["../../../src/components/VTreeview/VTreeviewChildren.tsx"],"sourcesContent":["// Components\nimport { VTreeviewGroup } from './VTreeviewGroup'\nimport { VTreeviewItem } from './VTreeviewItem'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\n\n// Composables\nimport { makeDensityProps } from '@/composables/density'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed, reactive, toRaw, withModifiers } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { InternalListItem } from '@/components/VList/VList'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\nimport type { SelectStrategyProp } from '@/composables/nested/nested'\nimport type { GenericProps } from '@/util'\n\nexport type VTreeviewChildrenSlots<T> = {\n  [K in keyof Omit<VListItemSlots, 'default'>]: VListItemSlots[K] & {\n    item: T\n    internalItem: InternalListItem<T>\n  }\n} & {\n  default: never\n  item: {\n    props: InternalListItem['props']\n    item: T\n    internalItem: InternalListItem<T>\n  }\n}\n\nexport const makeVTreeviewChildrenProps = propsFactory({\n  disabled: Boolean,\n  loadChildren: Function as PropType<(item: unknown) => Promise<void>>,\n  loadingIcon: {\n    type: String,\n    default: '$loading',\n  },\n  items: Array as PropType<readonly InternalListItem[]>,\n  openOnClick: {\n    type: Boolean,\n    default: undefined,\n  },\n  indeterminateIcon: {\n    type: IconValue,\n    default: '$checkboxIndeterminate',\n  },\n  falseIcon: IconValue,\n  trueIcon: IconValue,\n  returnObject: Boolean,\n  selectable: Boolean,\n  selectedColor: String,\n  selectStrategy: [String, Function, Object] as PropType<SelectStrategyProp>,\n  index: Number,\n  path: {\n    type: Array as PropType<number[]>,\n    default: () => [],\n  },\n  ...makeDensityProps(),\n}, 'VTreeviewChildren')\n\nexport const VTreeviewChildren = genericComponent<new <T extends InternalListItem>(\n  props: {\n    items?: readonly T[]\n  },\n  slots: VTreeviewChildrenSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VTreeviewChildren',\n\n  props: makeVTreeviewChildrenProps(),\n\n  setup (props, { slots }) {\n    const isLoading = reactive(new Set<unknown>())\n\n    const isClickOnOpen = computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable))\n\n    async function checkChildren (item: InternalListItem) {\n      try {\n        if (!props.items?.length || !props.loadChildren) return\n\n        if (item?.children?.length === 0) {\n          isLoading.add(item.value)\n          await props.loadChildren(item.raw)\n        }\n      } finally {\n        isLoading.delete(item.value)\n      }\n    }\n\n    function selectItem (select: (value: boolean) => void, isSelected: boolean) {\n      if (props.selectable) {\n        select(!isSelected)\n      }\n    }\n\n    return () => slots.default?.() ?? props.items?.map((item, index) => {\n      const { children, props: itemProps } = item\n      const loading = isLoading.has(item.value)\n\n      const treeItemProps = {\n        index,\n        depth: props.path?.length ?? 0,\n        isFirst: index === 0,\n        isLast: props.items ? props.items.length - 1 === index : false,\n        path: [...props.path, index],\n      }\n\n      const slotsWithItem = {\n        prepend: slotProps => (\n          <>\n            { props.selectable && (!children || (children && !['leaf', 'single-leaf'].includes(props.selectStrategy as string))) && (\n              <div>\n                <VCheckboxBtn\n                  key={ item.value }\n                  modelValue={ slotProps.isSelected }\n                  disabled={ props.disabled }\n                  loading={ loading }\n                  color={ props.selectedColor }\n                  density={ props.density }\n                  indeterminate={ slotProps.isIndeterminate }\n                  indeterminateIcon={ props.indeterminateIcon }\n                  falseIcon={ props.falseIcon }\n                  trueIcon={ props.trueIcon }\n                  onClick={ withModifiers(() => selectItem(slotProps.select, slotProps.isSelected), ['stop']) }\n                  onKeydown={ (e: KeyboardEvent) => {\n                    if (!['Enter', 'Space'].includes(e.key)) return\n                    e.stopPropagation()\n                    selectItem(slotProps.select, slotProps.isSelected)\n                  }}\n                />\n              </div>\n            )}\n\n            { slots.prepend?.({ ...slotProps, ...treeItemProps, item: item.raw, internalItem: item }) }\n          </>\n        ),\n        append: slots.append\n          ? slotProps => slots.append?.({ ...slotProps, ...treeItemProps, item: item.raw, internalItem: item })\n          : undefined,\n        title: slots.title ? slotProps => slots.title?.({ ...slotProps, item: item.raw, internalItem: item }) : undefined,\n        subtitle: slots.subtitle ? slotProps => slots.subtitle?.({ ...slotProps, item: item.raw, internalItem: item }) : undefined,\n      } satisfies VTreeviewItem['$props']['$children']\n\n      const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps)\n      const treeviewChildrenProps = VTreeviewChildren.filterProps({ ...props, ...treeItemProps })\n\n      return children ? (\n        <VTreeviewGroup\n          { ...treeviewGroupProps }\n          value={ props.returnObject ? item.raw : treeviewGroupProps?.value }\n          rawId={ treeviewGroupProps?.value }\n        >\n          {{\n            activator: ({ props: activatorProps }) => {\n              const listItemProps = {\n                ...itemProps,\n                ...activatorProps,\n                value: itemProps?.value,\n                onToggleExpand: [() => checkChildren(item), activatorProps.onClick] as any,\n                onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] as any : undefined,\n              }\n\n              return (\n                <VTreeviewItem\n                  { ...listItemProps }\n                  value={ props.returnObject ? item.raw : itemProps.value }\n                  loading={ loading }\n                  v-slots={ slotsWithItem }\n                />\n              )\n            },\n            default: () => (\n              <VTreeviewChildren\n                { ...treeviewChildrenProps }\n                items={ children }\n                returnObject={ props.returnObject }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VTreeviewGroup>\n      ) : (\n        slots.item?.({ props: itemProps, item: item.raw, internalItem: item }) ?? (\n          <VTreeviewItem\n            { ...itemProps }\n            value={ props.returnObject ? toRaw(item.raw) : itemProps.value }\n            v-slots={ slotsWithItem }\n          />\n        ))\n    })\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/{labs → components}/VTreeview/VTreeviewGroup.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
 // Components
-import { VDefaultsProvider } from "../../components/VDefaultsProvider/index.js";
-import { makeVListGroupProps, VListGroup } from "../../components/VList/VListGroup.js"; // Utilities
+import { VDefaultsProvider } from "../VDefaultsProvider/index.js";
+import { makeVListGroupProps, VListGroup } from "../VList/VListGroup.js"; // Utilities
 import { computed, ref } from 'vue';
 import { genericComponent, omit, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVTreeviewGroupProps = propsFactory({

package/lib/components/VTreeview/VTreeviewGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTreeviewGroup.js","names":["VDefaultsProvider","makeVListGroupProps","VListGroup","computed","ref","genericComponent","omit","propsFactory","useRender","makeVTreeviewGroupProps","collapseIcon","expandIcon","VTreeviewGroup","name","props","setup","_ref","slots","vListGroupRef","toggleIcon","value","isOpen","activatorDefaults","VTreeviewItem","prependIcon","undefined","appendIcon","active","listGroupProps","filterProps","_createVNode","_mergeProps","class","activator","slotProps","_createElementVNode","_Fragment","default"],"sources":["../../../src/components/VTreeview/VTreeviewGroup.tsx"],"sourcesContent":["// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVListGroupProps, VListGroup } from '@/components/VList/VListGroup'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VListGroupSlots } from '@/components/VList/VListGroup'\n\nexport const makeVTreeviewGroupProps = propsFactory({\n  ...omit(makeVListGroupProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n  }), ['subgroup']),\n}, 'VTreeviewGroup')\n\nexport const VTreeviewGroup = genericComponent<VListGroupSlots>()({\n  name: 'VTreeviewGroup',\n\n  props: makeVTreeviewGroupProps(),\n\n  setup (props, { slots }) {\n    const vListGroupRef = ref<VListGroup>()\n    const toggleIcon = computed(() => vListGroupRef.value?.isOpen ? props.collapseIcon : props.expandIcon)\n\n    const activatorDefaults = computed(() => ({\n      VTreeviewItem: {\n        prependIcon: undefined,\n        appendIcon: undefined,\n        active: vListGroupRef.value?.isOpen,\n        toggleIcon: toggleIcon.value,\n      },\n    }))\n\n    useRender(() => {\n      const listGroupProps = VListGroup.filterProps(props)\n\n      return (\n        <VListGroup\n          { ...listGroupProps }\n          ref={ vListGroupRef }\n          class={[\n            'v-treeview-group',\n            props.class,\n          ]}\n          subgroup\n        >\n          {{\n            ...slots,\n            activator: slots.activator ? slotProps => (\n              <>\n                <VDefaultsProvider defaults={ activatorDefaults.value }>\n                  { slots.activator?.(slotProps) }\n                </VDefaultsProvider>\n              </>\n            ) : undefined,\n          }}\n        </VListGroup>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTreeviewGroup = InstanceType<typeof VTreeviewGroup>\n"],"mappings":";AAAA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,mBAAmB,EAAEC,UAAU,kCAExC;AACA,SAASC,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AAAA,SAC1BC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAExD;AAGA,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClD,GAAGD,IAAI,CAACL,mBAAmB,CAAC;IAC1BS,YAAY,EAAE,mBAAmB;IACjCC,UAAU,EAAE;EACd,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC;AAClB,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMC,cAAc,GAAGP,gBAAgB,CAAkB,CAAC,CAAC;EAChEQ,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAEL,uBAAuB,CAAC,CAAC;EAEhCM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,aAAa,GAAGd,GAAG,CAAa,CAAC;IACvC,MAAMe,UAAU,GAAGhB,QAAQ,CAAC,MAAMe,aAAa,CAACE,KAAK,EAAEC,MAAM,GAAGP,KAAK,CAACJ,YAAY,GAAGI,KAAK,CAACH,UAAU,CAAC;IAEtG,MAAMW,iBAAiB,GAAGnB,QAAQ,CAAC,OAAO;MACxCoB,aAAa,EAAE;QACbC,WAAW,EAAEC,SAAS;QACtBC,UAAU,EAAED,SAAS;QACrBE,MAAM,EAAET,aAAa,CAACE,KAAK,EAAEC,MAAM;QACnCF,UAAU,EAAEA,UAAU,CAACC;MACzB;IACF,CAAC,CAAC,CAAC;IAEHZ,SAAS,CAAC,MAAM;MACd,MAAMoB,cAAc,GAAG1B,UAAU,CAAC2B,WAAW,CAACf,KAAK,CAAC;MAEpD,OAAAgB,YAAA,CAAA5B,UAAA,EAAA6B,WAAA,CAESH,cAAc;QAAA,OACbV,aAAa;QAAA,SACZ,CACL,kBAAkB,EAClBJ,KAAK,CAACkB,KAAK,CACZ;QAAA;MAAA;QAIC,GAAGf,KAAK;QACRgB,SAAS,EAAEhB,KAAK,CAACgB,SAAS,GAAGC,SAAS,IAAAC,mBAAA,CAAAC,SAAA,SAAAN,YAAA,CAAA9B,iBAAA;UAAA,YAEJsB,iBAAiB,CAACF;QAAK;UAAAiB,OAAA,EAAAA,CAAA,MACjDpB,KAAK,CAACgB,SAAS,GAAGC,SAAS,CAAC;QAAA,IAGnC,GAAGT;MAAS;IAIrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}