vuetify 3.8.6 → 3.8.8

package/lib/labs/VTimePicker/VTimePickerControls.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+import { normalizeClass as _normalizeClass, createVNode as _createVNode, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode } from "vue";
 // Styles
 import "./VTimePickerControls.css";
 
@@ -42,46 +42,46 @@ export const VTimePickerControls = genericComponent()({
       if (props.ampm) {
         hour = hour ? (hour - 1) % 12 + 1 : 12;
       }
-      return _createVNode("div", {
+      return _createElementVNode("div", {
         "class": "v-time-picker-controls"
-      }, [_createVNode("div", {
-        "class": {
+      }, [_createElementVNode("div", {
+        "class": _normalizeClass({
           'v-time-picker-controls__time': true,
           'v-time-picker-controls__time--with-seconds': props.useSeconds
-        }
+        })
       }, [_createVNode(VBtn, {
         "active": props.viewMode === 'hour',
         "color": props.viewMode === 'hour' ? props.color : undefined,
         "disabled": props.disabled,
         "variant": "tonal",
-        "class": {
+        "class": _normalizeClass({
           'v-time-picker-controls__time__btn': true,
           'v-time-picker-controls__time--with-ampm__btn': props.ampm,
           'v-time-picker-controls__time--with-seconds__btn': props.useSeconds
-        },
+        }),
         "text": props.hour == null ? '--' : pad(`${hour}`),
         "onClick": () => emit('update:viewMode', 'hour')
-      }, null), _createVNode("span", {
-        "class": ['v-time-picker-controls__time__separator', {
+      }, null), _createElementVNode("span", {
+        "class": _normalizeClass(['v-time-picker-controls__time__separator', {
           'v-time-picker-controls--with-seconds__time__separator': props.useSeconds
-        }]
+        }])
       }, [_createTextVNode(":")]), _createVNode(VBtn, {
         "active": props.viewMode === 'minute',
         "color": props.viewMode === 'minute' ? props.color : undefined,
-        "class": {
+        "class": _normalizeClass({
           'v-time-picker-controls__time__btn': true,
           'v-time-picker-controls__time__btn__active': props.viewMode === 'minute',
           'v-time-picker-controls__time--with-ampm__btn': props.ampm,
           'v-time-picker-controls__time--with-seconds__btn': props.useSeconds
-        },
+        }),
         "disabled": props.disabled,
         "variant": "tonal",
         "text": props.minute == null ? '--' : pad(props.minute),
         "onClick": () => emit('update:viewMode', 'minute')
-      }, null), props.useSeconds && _createVNode("span", {
-        "class": ['v-time-picker-controls__time__separator', {
+      }, null), props.useSeconds && _createElementVNode("span", {
+        "class": _normalizeClass(['v-time-picker-controls__time__separator', {
           'v-time-picker-controls--with-seconds__time__separator': props.useSeconds
-        }],
+        }]),
         "key": "secondsDivider"
       }, [_createTextVNode(":")]), props.useSeconds && _createVNode(VBtn, {
         "key": "secondsVal",
@@ -89,25 +89,25 @@ export const VTimePickerControls = genericComponent()({
         "color": props.viewMode === 'second' ? props.color : undefined,
         "variant": "tonal",
         "onClick": () => emit('update:viewMode', 'second'),
-        "class": {
+        "class": _normalizeClass({
           'v-time-picker-controls__time__btn': true,
           'v-time-picker-controls__time__btn__active': props.viewMode === 'second',
           'v-time-picker-controls__time--with-seconds__btn': props.useSeconds
-        },
+        }),
         "disabled": props.disabled,
         "text": props.second == null ? '--' : pad(props.second)
-      }, null), props.ampm && props.ampmInTitle && _createVNode("div", {
-        "class": ['v-time-picker-controls__ampm', {
+      }, null), props.ampm && props.ampmInTitle && _createElementVNode("div", {
+        "class": _normalizeClass(['v-time-picker-controls__ampm', {
           'v-time-picker-controls__ampm--readonly': props.ampmReadonly
-        }]
+        }])
       }, [_createVNode(VBtn, {
         "active": props.period === 'am',
         "color": props.period === 'am' ? props.color : undefined,
-        "class": {
+        "class": _normalizeClass({
           'v-time-picker-controls__ampm__am': true,
           'v-time-picker-controls__ampm__btn': true,
           'v-time-picker-controls__ampm__btn__active': props.period === 'am'
-        },
+        }),
         "disabled": props.disabled,
         "text": t('$vuetify.timePicker.am'),
         "variant": props.disabled && props.period === 'am' ? 'elevated' : 'tonal',
@@ -115,11 +115,11 @@ export const VTimePickerControls = genericComponent()({
       }, null), _createVNode(VBtn, {
         "active": props.period === 'pm',
         "color": props.period === 'pm' ? props.color : undefined,
-        "class": {
+        "class": _normalizeClass({
           'v-time-picker-controls__ampm__pm': true,
           'v-time-picker-controls__ampm__btn': true,
           'v-time-picker-controls__ampm__btn__active': props.period === 'pm'
-        },
+        }),
         "disabled": props.disabled,
         "text": t('$vuetify.timePicker.pm'),
         "variant": props.disabled && props.period === 'pm' ? 'elevated' : 'tonal',

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

@@ -1 +1 @@
-{"version":3,"file":"VTimePickerControls.js","names":["pad","VBtn","useLocale","genericComponent","propsFactory","useRender","makeVTimePickerControlsProps","ampm","Boolean","ampmInTitle","ampmReadonly","color","String","disabled","hour","Number","minute","second","period","readonly","useSeconds","value","viewMode","VTimePickerControls","name","props","emits","data","setup","_ref","emit","slots","t","_createVNode","undefined","onClick","_createTextVNode"],"sources":["../../../src/labs/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  ampmInTitle: Boolean,\n  ampmReadonly: 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            {\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\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\n            {\n              props.ampm && props.ampmInTitle && (\n                <div\n                  class={['v-time-picker-controls__ampm', {\n                    'v-time-picker-controls__ampm--readonly': props.ampmReadonly,\n                  }]}\n                >\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            }\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":[]}
+{"version":3,"file":"VTimePickerControls.js","names":["pad","VBtn","useLocale","genericComponent","propsFactory","useRender","makeVTimePickerControlsProps","ampm","Boolean","ampmInTitle","ampmReadonly","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/labs/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  ampmInTitle: Boolean,\n  ampmReadonly: 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            {\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\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\n            {\n              props.ampm && props.ampmInTitle && (\n                <div\n                  class={['v-time-picker-controls__ampm', {\n                    'v-time-picker-controls__ampm--readonly': props.ampmReadonly,\n                  }]}\n                >\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            }\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/VTreeview/VTreeviewChildren.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
 // Components
 import { VTreeviewGroup } from "./VTreeviewGroup.js";
 import { VTreeviewItem } from "./VTreeviewItem.js";
@@ -63,7 +63,7 @@ export const VTreeviewChildren = genericComponent()({
       } = item;
       const loading = isLoading.has(item.value);
       const slotsWithItem = {
-        prepend: slotProps => _createVNode(_Fragment, null, [props.selectable && (!children || children && !['leaf', 'single-leaf'].includes(props.selectStrategy)) && _createVNode("div", null, [_createVNode(VCheckboxBtn, {
+        prepend: slotProps => _createElementVNode(_Fragment, null, [props.selectable && (!children || children && !['leaf', 'single-leaf'].includes(props.selectStrategy)) && _createElementVNode("div", null, [_createVNode(VCheckboxBtn, {
           "key": item.value,
           "modelValue": slotProps.isSelected,
           "disabled": props.disabled,

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

@@ -1 +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","VTreeviewChildren","name","props","setup","_ref","slots","isLoading","Set","isClickOnOpen","checkChildren","item","length","children","add","value","raw","delete","selectItem","select","isSelected","map","itemProps","loading","has","slotsWithItem","prepend","slotProps","_createVNode","_Fragment","includes","density","isIndeterminate","e","key","stopPropagation","internalItem","append","title","subtitle","treeviewGroupProps","filterProps","treeviewChildrenProps","_mergeProps","activator","_ref2","activatorProps","listItemProps","onToggleExpand","onClick"],"sources":["../../../src/labs/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\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 => {\n      const { children, props: itemProps } = item\n      const loading = isLoading.has(item.value)\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, item: item.raw, internalItem: item }) }\n          </>\n        ),\n        append: slots.append ? slotProps => slots.append?.({ ...slotProps, item: item.raw, internalItem: item }) : 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)\n\n      return children ? (\n        <VTreeviewGroup\n          { ...treeviewGroupProps }\n          value={ props.returnObject ? item.raw : 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":[]}
+{"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","VTreeviewChildren","name","props","setup","_ref","slots","isLoading","Set","isClickOnOpen","checkChildren","item","length","children","add","value","raw","delete","selectItem","select","isSelected","map","itemProps","loading","has","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/labs/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\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 => {\n      const { children, props: itemProps } = item\n      const loading = isLoading.has(item.value)\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, item: item.raw, internalItem: item }) }\n          </>\n        ),\n        append: slots.append ? slotProps => slots.append?.({ ...slotProps, item: item.raw, internalItem: item }) : 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)\n\n      return children ? (\n        <VTreeviewGroup\n          { ...treeviewGroupProps }\n          value={ props.returnObject ? item.raw : 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/VTreeview/VTreeviewGroup.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+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
@@ -35,7 +35,7 @@ export const VTreeviewGroup = genericComponent()({
         "subgroup": true
       }), {
         ...slots,
-        activator: slots.activator ? slotProps => _createVNode(_Fragment, null, [_createVNode(VDefaultsProvider, {
+        activator: slots.activator ? slotProps => _createElementVNode(_Fragment, null, [_createVNode(VDefaultsProvider, {
           "defaults": activatorDefaults.value
         }, {
           default: () => [slots.activator?.(slotProps)]

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

@@ -1 +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","_Fragment","default"],"sources":["../../../src/labs/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,gDAExC;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,IAAAJ,YAAA,CAAAK,SAAA,SAAAL,YAAA,CAAA9B,iBAAA;UAAA,YAEJsB,iBAAiB,CAACF;QAAK;UAAAgB,OAAA,EAAAA,CAAA,MACjDnB,KAAK,CAACgB,SAAS,GAAGC,SAAS,CAAC;QAAA,IAGnC,GAAGT;MAAS;IAIrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"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/labs/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,gDAExC;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":[]}

package/lib/labs/VTreeview/VTreeviewItem.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VTreeviewItem.css";
 
@@ -62,7 +62,7 @@ export const VTreeviewItem = genericComponent()({
       }), {
         ...slots,
         prepend: hasPrepend ? slotProps => {
-          return _createVNode(_Fragment, null, [_createVNode(VListItemAction, {
+          return _createElementVNode(_Fragment, null, [_createVNode(VListItemAction, {
             "start": false
           }, {
             default: () => [props.toggleIcon ? _createVNode(VBtn, {
@@ -79,7 +79,7 @@ export const VTreeviewItem = genericComponent()({
                   "width": "2"
                 }, null);
               }
-            }) : _createVNode("div", {
+            }) : _createElementVNode("div", {
               "class": "v-treeview-item__level"
             }, null)]
           }), slots.prepend?.(slotProps)]);

package/lib/labs/VTreeview/VTreeviewItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VTreeviewItem.js","names":["VBtn","VListItemAction","makeVListItemProps","VListItem","VProgressCircular","IconValue","computed","inject","ref","toRaw","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","makeVTreeviewItemProps","loading","Boolean","toggleIcon","slim","VTreeviewItem","name","props","emits","toggleExpand","value","setup","_ref","slots","emit","visibleIds","vListItemRef","isActivatableGroupActivator","root","activatable","isGroupActivator","vListItemRefIsClickable","link","isClickable","list","disabled","isFiltered","has","id","activateGroupActivator","e","activate","isActivated","onClickAction","preventDefault","listItemProps","filterProps","hasPrepend","prepend","_createVNode","_mergeProps","class","onClick","slotProps","_Fragment","default","loader","undefined"],"sources":["../../../src/labs/VTreeview/VTreeviewItem.tsx"],"sourcesContent":["// Styles\nimport './VTreeviewItem.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VListItemAction } from '@/components/VList'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed, inject, ref, toRaw } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport const makeVTreeviewItemProps = propsFactory({\n  loading: Boolean,\n  toggleIcon: IconValue,\n\n  ...makeVListItemProps({ slim: true }),\n}, 'VTreeviewItem')\n\nexport const VTreeviewItem = genericComponent<VListItemSlots>()({\n  name: 'VTreeviewItem',\n\n  props: makeVTreeviewItemProps(),\n\n  emits: {\n    toggleExpand: (value: PointerEvent) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const visibleIds = inject(VTreeviewSymbol, { visibleIds: ref() }).visibleIds\n\n    const vListItemRef = ref<VListItem>()\n\n    const isActivatableGroupActivator = computed(() =>\n      (vListItemRef.value?.root.activatable.value) &&\n      vListItemRef.value?.isGroupActivator\n    )\n    const vListItemRefIsClickable = computed(() => (\n      vListItemRef.value?.link.isClickable.value ||\n      (props.value != null && !!vListItemRef.value?.list)\n    ))\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || vListItemRefIsClickable.value || isActivatableGroupActivator.value)\n    )\n    const isFiltered = computed(() => visibleIds.value && !visibleIds.value.has(toRaw(vListItemRef.value?.id)))\n\n    function activateGroupActivator (e: MouseEvent | KeyboardEvent) {\n      if (isClickable.value && isActivatableGroupActivator.value) {\n        vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e)\n      }\n    }\n\n    function onClickAction (e: PointerEvent) {\n      e.preventDefault()\n      emit('toggleExpand', e)\n    }\n\n    useRender(() => {\n      const listItemProps = omit(VListItem.filterProps(props), ['onClick'])\n      const hasPrepend = slots.prepend || props.toggleIcon\n\n      return (\n        <VListItem\n          ref={ vListItemRef }\n          { ...listItemProps }\n          active={ vListItemRef.value?.isActivated }\n          class={[\n            'v-treeview-item',\n            {\n              'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,\n              'v-treeview-item--filtered': isFiltered.value,\n            },\n            props.class,\n          ]}\n          ripple={ false }\n          onClick={ props.onClick ?? activateGroupActivator }\n        >\n          {{\n            ...slots,\n            prepend: hasPrepend ? slotProps => {\n              return (\n                <>\n                  <VListItemAction start={ false }>\n                    { props.toggleIcon ? (\n                        <VBtn\n                          density=\"compact\"\n                          icon={ props.toggleIcon }\n                          loading={ props.loading }\n                          variant=\"text\"\n                          onClick={ onClickAction }\n                        >\n                          {{\n                            loader () {\n                              return (\n                                <VProgressCircular\n                                  indeterminate=\"disable-shrink\"\n                                  size=\"20\"\n                                  width=\"2\"\n                                />\n                              )\n                            },\n                          }}\n                        </VBtn>\n                    ) : (\n                      <div class=\"v-treeview-item__level\" />\n                    )}\n                  </VListItemAction>\n\n                  { slots.prepend?.(slotProps) }\n                </>\n              )\n            } : undefined,\n          }}\n        </VListItem>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTreeviewItem = InstanceType<typeof VTreeviewItem>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTreeviewItem.js","names":["VBtn","VListItemAction","makeVListItemProps","VListItem","VProgressCircular","IconValue","computed","inject","ref","toRaw","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","makeVTreeviewItemProps","loading","Boolean","toggleIcon","slim","VTreeviewItem","name","props","emits","toggleExpand","value","setup","_ref","slots","emit","visibleIds","vListItemRef","isActivatableGroupActivator","root","activatable","isGroupActivator","vListItemRefIsClickable","link","isClickable","list","disabled","isFiltered","has","id","activateGroupActivator","e","activate","isActivated","onClickAction","preventDefault","listItemProps","filterProps","hasPrepend","prepend","_createVNode","_mergeProps","class","onClick","slotProps","_createElementVNode","_Fragment","default","loader","undefined"],"sources":["../../../src/labs/VTreeview/VTreeviewItem.tsx"],"sourcesContent":["// Styles\nimport './VTreeviewItem.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VListItemAction } from '@/components/VList'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed, inject, ref, toRaw } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport const makeVTreeviewItemProps = propsFactory({\n  loading: Boolean,\n  toggleIcon: IconValue,\n\n  ...makeVListItemProps({ slim: true }),\n}, 'VTreeviewItem')\n\nexport const VTreeviewItem = genericComponent<VListItemSlots>()({\n  name: 'VTreeviewItem',\n\n  props: makeVTreeviewItemProps(),\n\n  emits: {\n    toggleExpand: (value: PointerEvent) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const visibleIds = inject(VTreeviewSymbol, { visibleIds: ref() }).visibleIds\n\n    const vListItemRef = ref<VListItem>()\n\n    const isActivatableGroupActivator = computed(() =>\n      (vListItemRef.value?.root.activatable.value) &&\n      vListItemRef.value?.isGroupActivator\n    )\n    const vListItemRefIsClickable = computed(() => (\n      vListItemRef.value?.link.isClickable.value ||\n      (props.value != null && !!vListItemRef.value?.list)\n    ))\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || vListItemRefIsClickable.value || isActivatableGroupActivator.value)\n    )\n    const isFiltered = computed(() => visibleIds.value && !visibleIds.value.has(toRaw(vListItemRef.value?.id)))\n\n    function activateGroupActivator (e: MouseEvent | KeyboardEvent) {\n      if (isClickable.value && isActivatableGroupActivator.value) {\n        vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e)\n      }\n    }\n\n    function onClickAction (e: PointerEvent) {\n      e.preventDefault()\n      emit('toggleExpand', e)\n    }\n\n    useRender(() => {\n      const listItemProps = omit(VListItem.filterProps(props), ['onClick'])\n      const hasPrepend = slots.prepend || props.toggleIcon\n\n      return (\n        <VListItem\n          ref={ vListItemRef }\n          { ...listItemProps }\n          active={ vListItemRef.value?.isActivated }\n          class={[\n            'v-treeview-item',\n            {\n              'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,\n              'v-treeview-item--filtered': isFiltered.value,\n            },\n            props.class,\n          ]}\n          ripple={ false }\n          onClick={ props.onClick ?? activateGroupActivator }\n        >\n          {{\n            ...slots,\n            prepend: hasPrepend ? slotProps => {\n              return (\n                <>\n                  <VListItemAction start={ false }>\n                    { props.toggleIcon ? (\n                        <VBtn\n                          density=\"compact\"\n                          icon={ props.toggleIcon }\n                          loading={ props.loading }\n                          variant=\"text\"\n                          onClick={ onClickAction }\n                        >\n                          {{\n                            loader () {\n                              return (\n                                <VProgressCircular\n                                  indeterminate=\"disable-shrink\"\n                                  size=\"20\"\n                                  width=\"2\"\n                                />\n                              )\n                            },\n                          }}\n                        </VBtn>\n                    ) : (\n                      <div class=\"v-treeview-item__level\" />\n                    )}\n                  </VListItemAction>\n\n                  { slots.prepend?.(slotProps) }\n                </>\n              )\n            } : undefined,\n          }}\n        </VListItem>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTreeviewItem = InstanceType<typeof VTreeviewItem>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/entry-bundler.d.ts

@@ -27,6 +27,7 @@ export declare const createVuetify: (options?: VuetifyOptions) => {
         options: import("../composables/date/date.js").InternalDateOptions;
         instance: {
             locale?: any;
+            createDateRange: (start: unknown, stop?: unknown) => unknown[];
             date: (value?: any) => unknown;
             format: (date: unknown, formatString: string) => string;
             toJsDate: (value: unknown) => Date;
@@ -70,6 +71,8 @@ export declare const createVuetify: (options?: VuetifyOptions) => {
             setHours: (date: unknown, hours: number) => unknown;
             getMinutes: (date: unknown) => number;
             setMinutes: (date: unknown, minutes: number) => unknown;
+        } & {
+            createDateRange(start: unknown, stop?: unknown): unknown[];
         };
     };
     goTo: import("../framework.js").GoToInstance;

package/lib/util/box.d.ts

@@ -25,3 +25,4 @@ export declare function getOverflow(a: Box, b: Box): {
     };
 };
 export declare function getTargetBox(target: HTMLElement | [x: number, y: number]): Box;
+export declare function getElementBox(el: HTMLElement): Box;

package/lib/util/box.js

@@ -48,4 +48,31 @@ export function getTargetBox(target) {
     return target.getBoundingClientRect();
   }
 }
+export function getElementBox(el) {
+  if (el === document.documentElement) {
+    if (!visualViewport) {
+      return new Box({
+        x: 0,
+        y: 0,
+        width: document.documentElement.clientWidth,
+        height: document.documentElement.clientHeight
+      });
+    } else {
+      return new Box({
+        x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
+        y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
+        width: visualViewport.width * visualViewport.scale,
+        height: visualViewport.height * visualViewport.scale
+      });
+    }
+  } else {
+    const rect = el.getBoundingClientRect();
+    return new Box({
+      x: rect.x,
+      y: rect.y,
+      width: el.clientWidth,
+      height: el.clientHeight
+    });
+  }
+}
 //# sourceMappingURL=box.js.map

package/lib/util/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","names":["Box","constructor","_ref","x","y","width","height","top","bottom","left","right","getOverflow","a","b","before","Math","max","after","getTargetBox","target","Array","isArray","getBoundingClientRect"],"sources":["../../src/util/box.ts"],"sourcesContent":["export class Box {\n  x: number\n  y: number\n  width: number\n  height: number\n\n  constructor ({ x, y, width, height }: {\n    x: number\n    y: number\n    width: number\n    height: number\n  }) {\n    this.x = x\n    this.y = y\n    this.width = width\n    this.height = height\n  }\n\n  get top () { return this.y }\n  get bottom () { return this.y + this.height }\n  get left () { return this.x }\n  get right () { return this.x + this.width }\n}\n\nexport function getOverflow (a: Box, b: Box) {\n  return {\n    x: {\n      before: Math.max(0, b.left - a.left),\n      after: Math.max(0, a.right - b.right),\n    },\n    y: {\n      before: Math.max(0, b.top - a.top),\n      after: Math.max(0, a.bottom - b.bottom),\n    },\n  }\n}\n\nexport function getTargetBox (target: HTMLElement | [x: number, y: number]): Box {\n  if (Array.isArray(target)) {\n    return new Box({\n      x: target[0],\n      y: target[1],\n      width: 0,\n      height: 0,\n    })\n  } else {\n    return target.getBoundingClientRect()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,GAAG,CAAC;EAMfC,WAAWA,CAAAC,IAAA,EAKR;IAAA,IALU;MAAEC,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAK5B,CAAC,GAAAJ,IAAA;IACC,IAAI,CAACC,CAAC,GAAGA,CAAC;IACV,IAAI,CAACC,CAAC,GAAGA,CAAC;IACV,IAAI,CAACC,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,MAAM,GAAGA,MAAM;EACtB;EAEA,IAAIC,GAAGA,CAAA,EAAI;IAAE,OAAO,IAAI,CAACH,CAAC;EAAC;EAC3B,IAAII,MAAMA,CAAA,EAAI;IAAE,OAAO,IAAI,CAACJ,CAAC,GAAG,IAAI,CAACE,MAAM;EAAC;EAC5C,IAAIG,IAAIA,CAAA,EAAI;IAAE,OAAO,IAAI,CAACN,CAAC;EAAC;EAC5B,IAAIO,KAAKA,CAAA,EAAI;IAAE,OAAO,IAAI,CAACP,CAAC,GAAG,IAAI,CAACE,KAAK;EAAC;AAC5C;AAEA,OAAO,SAASM,WAAWA,CAAEC,CAAM,EAAEC,CAAM,EAAE;EAC3C,OAAO;IACLV,CAAC,EAAE;MACDW,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,CAAC,CAACJ,IAAI,GAAGG,CAAC,CAACH,IAAI,CAAC;MACpCQ,KAAK,EAAEF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,CAAC,CAACF,KAAK,GAAGG,CAAC,CAACH,KAAK;IACtC,CAAC;IACDN,CAAC,EAAE;MACDU,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,CAAC,CAACN,GAAG,GAAGK,CAAC,CAACL,GAAG,CAAC;MAClCU,KAAK,EAAEF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,CAAC,CAACJ,MAAM,GAAGK,CAAC,CAACL,MAAM;IACxC;EACF,CAAC;AACH;AAEA,OAAO,SAASU,YAAYA,CAAEC,MAA4C,EAAO;EAC/E,IAAIC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,EAAE;IACzB,OAAO,IAAInB,GAAG,CAAC;MACbG,CAAC,EAAEgB,MAAM,CAAC,CAAC,CAAC;MACZf,CAAC,EAAEe,MAAM,CAAC,CAAC,CAAC;MACZd,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC,CAAC;EACJ,CAAC,MAAM;IACL,OAAOa,MAAM,CAACG,qBAAqB,CAAC,CAAC;EACvC;AACF","ignoreList":[]}
+{"version":3,"file":"box.js","names":["Box","constructor","_ref","x","y","width","height","top","bottom","left","right","getOverflow","a","b","before","Math","max","after","getTargetBox","target","Array","isArray","getBoundingClientRect","getElementBox","el","document","documentElement","visualViewport","clientWidth","clientHeight","scale","offsetLeft","offsetTop","rect"],"sources":["../../src/util/box.ts"],"sourcesContent":["export class Box {\n  x: number\n  y: number\n  width: number\n  height: number\n\n  constructor ({ x, y, width, height }: {\n    x: number\n    y: number\n    width: number\n    height: number\n  }) {\n    this.x = x\n    this.y = y\n    this.width = width\n    this.height = height\n  }\n\n  get top () { return this.y }\n  get bottom () { return this.y + this.height }\n  get left () { return this.x }\n  get right () { return this.x + this.width }\n}\n\nexport function getOverflow (a: Box, b: Box) {\n  return {\n    x: {\n      before: Math.max(0, b.left - a.left),\n      after: Math.max(0, a.right - b.right),\n    },\n    y: {\n      before: Math.max(0, b.top - a.top),\n      after: Math.max(0, a.bottom - b.bottom),\n    },\n  }\n}\n\nexport function getTargetBox (target: HTMLElement | [x: number, y: number]): Box {\n  if (Array.isArray(target)) {\n    return new Box({\n      x: target[0],\n      y: target[1],\n      width: 0,\n      height: 0,\n    })\n  } else {\n    return target.getBoundingClientRect()\n  }\n}\n\nexport function getElementBox (el: HTMLElement) {\n  if (el === document.documentElement) {\n    if (!visualViewport) {\n      return new Box({\n        x: 0,\n        y: 0,\n        width: document.documentElement.clientWidth,\n        height: document.documentElement.clientHeight,\n      })\n    } else {\n      return new Box({\n        x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,\n        y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,\n        width: visualViewport.width * visualViewport.scale,\n        height: visualViewport.height * visualViewport.scale,\n      })\n    }\n  } else {\n    const rect = el.getBoundingClientRect()\n    return new Box({\n      x: rect.x,\n      y: rect.y,\n      width: el.clientWidth,\n      height: el.clientHeight,\n    })\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/util/helpers.d.ts

@@ -124,4 +124,6 @@ export declare function templateRef(): TemplateRef;
 export declare function checkPrintable(e: KeyboardEvent): boolean;
 export type Primitive = string | number | boolean | symbol | bigint;
 export declare function isPrimitive(value: unknown): value is Primitive;
+export declare function extractNumber(text: string, decimalDigitsLimit: number | null): string;
+export declare function camelizeProps(props: Record<string, unknown> | null | undefined): Record<string, unknown> | undefined;
 

package/lib/util/helpers.js

@@ -4,7 +4,7 @@ function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a),
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 // Utilities
-import { capitalize, Comment, Fragment, isVNode, reactive, shallowRef, toRef, unref, watchEffect } from 'vue';
+import { camelize, capitalize, Comment, Fragment, isVNode, reactive, shallowRef, toRef, unref, watchEffect } from 'vue';
 import { IN_BROWSER } from "./globals.js"; // Types
 export function getNestedValue(obj, path, fallback) {
   const last = path.length - 1;
@@ -533,4 +533,27 @@ export function checkPrintable(e) {
 export function isPrimitive(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint';
 }
+export function extractNumber(text, decimalDigitsLimit) {
+  const cleanText = text.split('').filter(x => /[\d\-.]/.test(x)).filter((x, i, all) => i === 0 && /[-]/.test(x) ||
+  // sign allowed at the start
+  x === '.' && i === all.indexOf('.') ||
+  // decimal separator allowed only once
+  /\d/.test(x)).join('');
+  if (decimalDigitsLimit === 0) {
+    return cleanText.split('.')[0];
+  }
+  if (decimalDigitsLimit !== null && /\.\d/.test(cleanText)) {
+    const parts = cleanText.split('.');
+    return [parts[0], parts[1].substring(0, decimalDigitsLimit)].join('.');
+  }
+  return cleanText;
+}
+export function camelizeProps(props) {
+  if (!props) return;
+  const out = {};
+  for (const prop in props) {
+    out[camelize(prop)] = props[prop];
+  }
+  return out;
+}
 //# sourceMappingURL=helpers.js.map