@vuetify/nightly 3.6.8-master.2024-06-07 → 3.6.9-dev.2024-06-20

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

@@ -1 +1 @@
-{"version":3,"file":"VTimePickerControls.mjs","names":["VBtn","pad","useLocale","genericComponent","propsFactory","useRender","SelectingTimes","makeVTimePickerControlsProps","ampm","Boolean","ampmReadonly","color","String","disabled","hour","Number","minute","second","period","readonly","useSeconds","selecting","value","VTimePickerControls","name","props","emits","data","setup","_ref","emit","slots","t","_createVNode","undefined","onClick","Hour","_createTextVNode","Minute","Second"],"sources":["../../../src/labs/VTimePicker/VTimePickerControls.tsx"],"sourcesContent":["// Styles\nimport './VTimePickerControls.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { pad } from '@/components/VDatePicker/util'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport { SelectingTimes } from './SelectingTimes'\ntype Period = 'am' | 'pm'\n\nexport const makeVTimePickerControlsProps = propsFactory({\n  ampm: Boolean,\n  ampmReadonly: Boolean,\n  color: String,\n  disabled: Boolean,\n  hour: Number,\n  minute: Number,\n  second: Number,\n  period: String,\n  readonly: Boolean,\n  useSeconds: Boolean,\n  selecting: Number,\n  value: Number,\n}, 'VTimePickerControls')\n\nexport const VTimePickerControls = genericComponent()({\n  name: 'VTimePickerControls',\n\n  props: makeVTimePickerControlsProps(),\n\n  emits: {\n    'update:period': (data: Period) => data,\n    'update:selecting': (data: 1 | 2 | 3) => data,\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.selecting === 1 }\n              color={ props.selecting === 1 ? props.color : undefined }\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:selecting', SelectingTimes.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.selecting === 2 }\n              color={ props.selecting === 2 ? props.color : undefined }\n              class={{\n                'v-time-picker-controls__time__btn': true,\n                'v-time-picker-controls__time__btn__active': props.selecting === 2,\n                'v-time-picker-controls__time--with-ampm__btn': props.ampm,\n                'v-time-picker-controls__time--with-seconds__btn': props.useSeconds,\n              }}\n              variant=\"tonal\"\n              text={ props.minute == null ? '--' : pad(props.minute) }\n              onClick={ () => emit('update:selecting', SelectingTimes.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                  variant=\"tonal\"\n                  onClick={ () => emit('update:selecting', SelectingTimes.Second) }\n                  class={{\n                    'v-time-picker-controls__time__btn': true,\n                    'v-time-picker-controls__time__btn__active': props.selecting === 3,\n                    'v-time-picker-controls__time--with-seconds__btn': props.useSeconds,\n                  }}\n                  text={ props.second == null ? '--' : pad(props.second) }\n                />\n              )\n            }\n\n            {\n              props.ampm && (\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                    text={ t('$vuetify.timePicker.am') }\n                    variant=\"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                    text={ t('$vuetify.timePicker.pm') }\n                    variant=\"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.mjs","names":["VBtn","pad","useLocale","genericComponent","propsFactory","useRender","SelectingTimes","makeVTimePickerControlsProps","ampm","Boolean","ampmReadonly","color","String","disabled","hour","Number","minute","second","period","readonly","useSeconds","selecting","value","VTimePickerControls","name","props","emits","data","setup","_ref","emit","slots","t","_createVNode","undefined","onClick","Hour","_createTextVNode","Minute","Second"],"sources":["../../../src/labs/VTimePicker/VTimePickerControls.tsx"],"sourcesContent":["// Styles\nimport './VTimePickerControls.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { pad } from '@/components/VDatePicker/util'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport { SelectingTimes } from './SelectingTimes'\ntype Period = 'am' | 'pm'\n\nexport const makeVTimePickerControlsProps = propsFactory({\n  ampm: Boolean,\n  ampmReadonly: Boolean,\n  color: String,\n  disabled: Boolean,\n  hour: Number,\n  minute: Number,\n  second: Number,\n  period: String,\n  readonly: Boolean,\n  useSeconds: Boolean,\n  selecting: Number,\n  value: Number,\n}, 'VTimePickerControls')\n\nexport const VTimePickerControls = genericComponent()({\n  name: 'VTimePickerControls',\n\n  props: makeVTimePickerControlsProps(),\n\n  emits: {\n    'update:period': (data: Period) => data,\n    'update:selecting': (data: 1 | 2 | 3) => data,\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.selecting === 1 }\n              color={ props.selecting === 1 ? 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:selecting', SelectingTimes.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.selecting === 2 }\n              color={ props.selecting === 2 ? props.color : undefined }\n              class={{\n                'v-time-picker-controls__time__btn': true,\n                'v-time-picker-controls__time__btn__active': props.selecting === 2,\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:selecting', SelectingTimes.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                  variant=\"tonal\"\n                  onClick={ () => emit('update:selecting', SelectingTimes.Second) }\n                  class={{\n                    'v-time-picker-controls__time__btn': true,\n                    'v-time-picker-controls__time__btn__active': props.selecting === 3,\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 && (\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":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI;AAAA,SACJC,GAAG,uDAEZ;AAAA,SACSC,SAAS,wCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAAA,SACSC,cAAc;AAGvB,OAAO,MAAMC,4BAA4B,GAAGH,YAAY,CAAC;EACvDI,IAAI,EAAEC,OAAO;EACbC,YAAY,EAAED,OAAO;EACrBE,KAAK,EAAEC,MAAM;EACbC,QAAQ,EAAEJ,OAAO;EACjBK,IAAI,EAAEC,MAAM;EACZC,MAAM,EAAED,MAAM;EACdE,MAAM,EAAEF,MAAM;EACdG,MAAM,EAAEN,MAAM;EACdO,QAAQ,EAAEV,OAAO;EACjBW,UAAU,EAAEX,OAAO;EACnBY,SAAS,EAAEN,MAAM;EACjBO,KAAK,EAAEP;AACT,CAAC,EAAE,qBAAqB,CAAC;AAEzB,OAAO,MAAMQ,mBAAmB,GAAGpB,gBAAgB,CAAC,CAAC,CAAC;EACpDqB,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAElB,4BAA4B,CAAC,CAAC;EAErCmB,KAAK,EAAE;IACL,eAAe,EAAGC,IAAY,IAAKA,IAAI;IACvC,kBAAkB,EAAGA,IAAe,IAAKA;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAM;MAAEG;IAAE,CAAC,GAAG9B,SAAS,CAAC,CAAC;IAEzBG,SAAS,CAAC,MAAM;MACd,IAAIS,IAAI,GAAGW,KAAK,CAACX,IAAI;MACrB,IAAIW,KAAK,CAACjB,IAAI,EAAE;QACdM,IAAI,GAAGA,IAAI,GAAI,CAACA,IAAI,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,GAAI,EAAE;MAC1C;MACA,OAAAmB,YAAA;QAAA;MAAA,IAAAA,YAAA;QAAA,SAGa;UACL,8BAA8B,EAAE,IAAI;UACpC,4CAA4C,EAAER,KAAK,CAACL;QACtD;MAAC,IAAAa,YAAA,CAAAjC,IAAA;QAAA,UAGUyB,KAAK,CAACJ,SAAS,KAAK,CAAC;QAAA,SACtBI,KAAK,CAACJ,SAAS,KAAK,CAAC,GAAGI,KAAK,CAACd,KAAK,GAAGuB,SAAS;QAAA,YAC5CT,KAAK,CAACZ,QAAQ;QAAA;QAAA,SAElB;UACL,mCAAmC,EAAE,IAAI;UACzC,8CAA8C,EAAEY,KAAK,CAACjB,IAAI;UAC1D,iDAAiD,EAAEiB,KAAK,CAACL;QAC3D,CAAC;QAAA,QACMK,KAAK,CAACX,IAAI,IAAI,IAAI,GAAG,IAAI,GAAGb,GAAG,CAAE,GAAEa,IAAK,EAAC,CAAC;QAAA,WACvCqB,CAAA,KAAML,IAAI,CAAC,kBAAkB,EAAExB,cAAc,CAAC8B,IAAI;MAAC,UAAAH,YAAA;QAAA,SAItD,CACL,yCAAyC,EACzC;UAAE,uDAAuD,EAAER,KAAK,CAACL;QAAW,CAAC;MAC9E,IAAAiB,gBAAA,SAAAJ,YAAA,CAAAjC,IAAA;QAAA,UAIQyB,KAAK,CAACJ,SAAS,KAAK,CAAC;QAAA,SACtBI,KAAK,CAACJ,SAAS,KAAK,CAAC,GAAGI,KAAK,CAACd,KAAK,GAAGuB,SAAS;QAAA,SAChD;UACL,mCAAmC,EAAE,IAAI;UACzC,2CAA2C,EAAET,KAAK,CAACJ,SAAS,KAAK,CAAC;UAClE,8CAA8C,EAAEI,KAAK,CAACjB,IAAI;UAC1D,iDAAiD,EAAEiB,KAAK,CAACL;QAC3D,CAAC;QAAA,YACUK,KAAK,CAACZ,QAAQ;QAAA;QAAA,QAElBY,KAAK,CAACT,MAAM,IAAI,IAAI,GAAG,IAAI,GAAGf,GAAG,CAACwB,KAAK,CAACT,MAAM,CAAC;QAAA,WAC5CmB,CAAA,KAAML,IAAI,CAAC,kBAAkB,EAAExB,cAAc,CAACgC,MAAM;MAAC,UAI/Db,KAAK,CAACL,UAAU,IAAAa,YAAA;QAAA,SAEL,CACL,yCAAyC,EACzC;UAAE,uDAAuD,EAAER,KAAK,CAACL;QAAW,CAAC,CAC9E;QAAA;MAAA,IAAAiB,gBAAA,OAGJ,EAIDZ,KAAK,CAACL,UAAU,IAAAa,YAAA,CAAAjC,IAAA;QAAA;QAAA;QAAA,WAIFmC,CAAA,KAAML,IAAI,CAAC,kBAAkB,EAAExB,cAAc,CAACiC,MAAM,CAAC;QAAA,SACxD;UACL,mCAAmC,EAAE,IAAI;UACzC,2CAA2C,EAAEd,KAAK,CAACJ,SAAS,KAAK,CAAC;UAClE,iDAAiD,EAAEI,KAAK,CAACL;QAC3D,CAAC;QAAA,YACUK,KAAK,CAACZ,QAAQ;QAAA,QAClBY,KAAK,CAACR,MAAM,IAAI,IAAI,GAAG,IAAI,GAAGhB,GAAG,CAACwB,KAAK,CAACR,MAAM;MAAC,QAEzD,EAIDQ,KAAK,CAACjB,IAAI,IAAAyB,YAAA;QAAA,SAEC,CAAC,8BAA8B,EAAE;UACtC,wCAAwC,EAAER,KAAK,CAACf;QAClD,CAAC;MAAC,IAAAuB,YAAA,CAAAjC,IAAA;QAAA,UAGSyB,KAAK,CAACP,MAAM,KAAK,IAAI;QAAA,SACtBO,KAAK,CAACP,MAAM,KAAK,IAAI,GAAGO,KAAK,CAACd,KAAK,GAAGuB,SAAS;QAAA,SAChD;UACL,kCAAkC,EAAE,IAAI;UACxC,mCAAmC,EAAE,IAAI;UACzC,2CAA2C,EAAET,KAAK,CAACP,MAAM,KAAK;QAChE,CAAC;QAAA,YACUO,KAAK,CAACZ,QAAQ;QAAA,QAClBmB,CAAC,CAAC,wBAAwB,CAAC;QAAA,WACxBP,KAAK,CAACZ,QAAQ,IAAIY,KAAK,CAACP,MAAM,KAAK,IAAI,GAAG,UAAU,GAAG,OAAO;QAAA,WAC9DiB,CAAA,KAAMV,KAAK,CAACP,MAAM,KAAK,IAAI,GAAGY,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG;MAAI,UAAAG,YAAA,CAAAjC,IAAA;QAAA,UAIjEyB,KAAK,CAACP,MAAM,KAAK,IAAI;QAAA,SACtBO,KAAK,CAACP,MAAM,KAAK,IAAI,GAAGO,KAAK,CAACd,KAAK,GAAGuB,SAAS;QAAA,SAChD;UACL,kCAAkC,EAAE,IAAI;UACxC,mCAAmC,EAAE,IAAI;UACzC,2CAA2C,EAAET,KAAK,CAACP,MAAM,KAAK;QAChE,CAAC;QAAA,YACUO,KAAK,CAACZ,QAAQ;QAAA,QAClBmB,CAAC,CAAC,wBAAwB,CAAC;QAAA,WACxBP,KAAK,CAACZ,QAAQ,IAAIY,KAAK,CAACP,MAAM,KAAK,IAAI,GAAG,UAAU,GAAG,OAAO;QAAA,WAC9DiB,CAAA,KAAMV,KAAK,CAACP,MAAM,KAAK,IAAI,GAAGY,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG;MAAI,UAG/E;IAKX,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AAEF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VTreeview/VTreeview.mjs

@@ -6,7 +6,7 @@ import { provideDefaults } from "../../composables/defaults.mjs";
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed, provide, ref, toRef, watch } from 'vue';
-import { genericComponent, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
+import { genericComponent, getCurrentInstance, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
 import { VTreeviewSymbol } from "./shared.mjs";
 function flatten(items) {
   let flat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -45,6 +45,7 @@ export const VTreeview = genericComponent()({
     let {
       slots
     } = _ref;
+    const vm = getCurrentInstance('VTreeview');
     const {
       items
     } = useListItems(props);
@@ -127,15 +128,13 @@ export const VTreeview = genericComponent()({
       }
     });
     useRender(() => {
-      const listProps = VList.filterProps(props);
+      const listProps = VList.filterProps(vm.vnode.props);
       const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
       return _createVNode(VList, _mergeProps({
         "ref": vListRef
       }, listProps, {
         "class": ['v-treeview', props.class],
         "style": props.style,
-        "opened": opened.value,
-        "onUpdate:opened": $event => opened.value = $event,
         "activated": activated.value,
         "onUpdate:activated": $event => activated.value = $event,
         "selected": selected.value,

package/lib/labs/VTreeview/VTreeview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTreeview.mjs","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRef","watch","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","openAll","Boolean","search","String","filterKeys","collapseIcon","expandIcon","selectStrategy","openStrategy","slim","VTreeview","name","props","emits","val","value","setup","_ref","slots","activeColor","baseColor","color","opened","activated","selected","vListRef","flatItems","filteredItems","visibleIds","Set","flatMap","getPath","getChildren","id","path","parent","unshift","parents","get","arr","queue","slice","child","shift","immediate","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event","default","open"],"sources":["../../../src/labs/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, toRef, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\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  openAll: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeVTreeviewChildrenProps(),\n  ...omit(makeVListProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n    selectStrategy: 'classic' as const,\n    openStrategy: 'multiple' as const,\n    slim: true,\n  }), ['nav']),\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    '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 opened = useProxiedModel(props, 'opened')\n    const activated = useProxiedModel(props, 'activated')\n    const selected = useProxiedModel(props, 'selected')\n\n    const vListRef = ref<VList>()\n\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) {\n        return null\n      }\n      return new Set(filteredItems.value.flatMap(item => {\n        return [...getPath(item.props.value), ...getChildren(item.props.value)]\n      }))\n    })\n\n    function getPath (id: unknown) {\n      const path: unknown[] = []\n      let parent: unknown = id\n      while (parent != null) {\n        path.unshift(parent)\n        parent = vListRef.value?.parents.get(parent)\n      }\n      return path\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    watch(() => props.openAll, val => {\n      opened.value = val ? openAll(items.value) : []\n    }, { immediate: true })\n\n    function openAll (item: any) {\n      let ids: number[] = []\n\n      for (const i of item) {\n        if (!i.children) continue\n\n        ids.push(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            props.class,\n          ]}\n          style={ props.style }\n          v-model:opened={ opened.value }\n          v-model:activated={ activated.value }\n          v-model:selected={ selected.value }\n        >\n          <VTreeviewChildren\n            { ...treeviewChildrenProps }\n            items={ items.value }\n            v-slots={ slots }\n          ></VTreeviewChildren>\n        </VList>\n      )\n    })\n\n    return {\n      open,\n    }\n  },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTreeview.mjs","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRef","watch","genericComponent","getCurrentInstance","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","openAll","Boolean","search","String","filterKeys","collapseIcon","expandIcon","selectStrategy","openStrategy","slim","VTreeview","name","props","emits","val","value","setup","_ref","slots","vm","activeColor","baseColor","color","opened","activated","selected","vListRef","flatItems","filteredItems","visibleIds","Set","flatMap","getPath","getChildren","id","path","parent","unshift","parents","get","arr","queue","slice","child","shift","immediate","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","vnode","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event","default","open"],"sources":["../../../src/labs/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, toRef, watch } from 'vue'\nimport { genericComponent, getCurrentInstance, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPublicPropTypes } from 'vue'\nimport { VTreeviewSymbol } from './shared'\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  openAll: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeVTreeviewChildrenProps(),\n  ...omit(makeVListProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n    selectStrategy: 'classic' as const,\n    openStrategy: 'multiple' as const,\n    slim: true,\n  }), ['nav']),\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    '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 vm = getCurrentInstance('VTreeview')\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 opened = useProxiedModel(props, 'opened')\n    const activated = useProxiedModel(props, 'activated')\n    const selected = useProxiedModel(props, 'selected')\n\n    const vListRef = ref<VList>()\n\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) {\n        return null\n      }\n      return new Set(filteredItems.value.flatMap(item => {\n        return [...getPath(item.props.value), ...getChildren(item.props.value)]\n      }))\n    })\n\n    function getPath (id: unknown) {\n      const path: unknown[] = []\n      let parent: unknown = id\n      while (parent != null) {\n        path.unshift(parent)\n        parent = vListRef.value?.parents.get(parent)\n      }\n      return path\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    watch(() => props.openAll, val => {\n      opened.value = val ? openAll(items.value) : []\n    }, { immediate: true })\n\n    function openAll (item: any) {\n      let ids: number[] = []\n\n      for (const i of item) {\n        if (!i.children) continue\n\n        ids.push(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(vm.vnode.props! as ExtractPublicPropTypes<typeof makeVTreeviewProps>)\n\n      const treeviewChildrenProps = VTreeviewChildren.filterProps(props)\n\n      return (\n        <VList\n          ref={ vListRef }\n          { ...listProps }\n          class={[\n            'v-treeview',\n            props.class,\n          ]}\n          style={ props.style }\n          v-model:activated={ activated.value }\n          v-model:selected={ selected.value }\n        >\n          <VTreeviewChildren\n            { ...treeviewChildrenProps }\n            items={ items.value }\n            v-slots={ slots }\n          ></VTreeviewChildren>\n        </VList>\n      )\n    })\n\n    return {\n      open,\n    }\n  },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VTreeview/index.d.mts

@@ -215,10 +215,11 @@ declare const VTreeview: {
         baseColor?: string | undefined;
         selected?: any;
         bgColor?: string | undefined;
+        activeColor?: string | undefined;
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
+        'onUpdate:opened'?: (() => void) | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         'onClick:open'?: ((args_0: {
@@ -308,10 +309,11 @@ declare const VTreeview: {
         baseColor?: string | undefined;
         selected?: any;
         bgColor?: string | undefined;
+        activeColor?: string | undefined;
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
+        'onUpdate:opened'?: (() => void) | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         'onClick:open'?: ((args_0: {
@@ -481,10 +483,11 @@ declare const VTreeview: {
         baseColor?: string | undefined;
         selected?: any;
         bgColor?: string | undefined;
+        activeColor?: string | undefined;
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
+        'onUpdate:opened'?: (() => void) | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         'onClick:open'?: ((args_0: {
@@ -593,10 +596,11 @@ declare const VTreeview: {
     baseColor?: string | undefined;
     selected?: any;
     bgColor?: string | undefined;
+    activeColor?: string | undefined;
     activeClass?: string | undefined;
     opened?: any;
     activeStrategy?: ActiveStrategyProp | undefined;
-    activeColor?: string | undefined;
+    'onUpdate:opened'?: (() => void) | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     'onClick:open'?: ((args_0: {
@@ -784,6 +788,7 @@ declare const VTreeview: {
     baseColor: StringConstructor;
     selected: null;
     bgColor: StringConstructor;
+    activeColor: StringConstructor;
     slim: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -811,7 +816,7 @@ declare const VTreeview: {
         type: vue.PropType<NonNullable<NonNullable<OpenStrategyProp>>>;
         default: NonNullable<NonNullable<OpenStrategyProp>>;
     };
-    activeColor: StringConstructor;
+    'onUpdate:opened': vue.PropType<() => void>;
     collapseIcon: {
         type: vue.PropType<string>;
         default: string;
@@ -924,6 +929,7 @@ declare const VTreeview: {
     baseColor: StringConstructor;
     selected: null;
     bgColor: StringConstructor;
+    activeColor: StringConstructor;
     slim: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -951,7 +957,7 @@ declare const VTreeview: {
         type: vue.PropType<NonNullable<NonNullable<OpenStrategyProp>>>;
         default: NonNullable<NonNullable<OpenStrategyProp>>;
     };
-    activeColor: StringConstructor;
+    'onUpdate:opened': vue.PropType<() => void>;
     collapseIcon: {
         type: vue.PropType<string>;
         default: string;
@@ -1054,12 +1060,12 @@ declare const VTreeviewItem: {
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
-        activeColor?: string | undefined;
         subtitle?: string | number | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
@@ -1121,12 +1127,12 @@ declare const VTreeviewItem: {
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
-        activeColor?: string | undefined;
         subtitle?: string | number | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
@@ -1229,12 +1235,12 @@ declare const VTreeviewItem: {
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
-        activeColor?: string | undefined;
         subtitle?: string | number | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
@@ -1318,12 +1324,12 @@ declare const VTreeviewItem: {
     minWidth?: string | number | undefined;
     elevation?: string | number | undefined;
     baseColor?: string | undefined;
+    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     activeClass?: string | undefined;
     appendAvatar?: string | undefined;
     prependAvatar?: string | undefined;
-    activeColor?: string | undefined;
     subtitle?: string | number | undefined;
     lines?: false | "one" | "two" | "three" | undefined;
     toggleIcon?: IconValue | undefined;
@@ -1558,9 +1564,9 @@ declare const VTreeviewGroup: {
         value?: any;
         color?: string | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1594,9 +1600,9 @@ declare const VTreeviewGroup: {
         value?: any;
         color?: string | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1653,9 +1659,9 @@ declare const VTreeviewGroup: {
         value?: any;
         color?: string | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1699,9 +1705,9 @@ declare const VTreeviewGroup: {
     value?: any;
     color?: string | undefined;
     baseColor?: string | undefined;
+    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
-    activeColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -1753,9 +1759,9 @@ declare const VTreeviewGroup: {
         default: string;
     };
     baseColor: StringConstructor;
+    activeColor: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     appendIcon: vue.PropType<IconValue>;
-    activeColor: StringConstructor;
     collapseIcon: Omit<{
         type: vue.PropType<IconValue>;
         default: string;
@@ -1785,9 +1791,9 @@ declare const VTreeviewGroup: {
         default: string;
     };
     baseColor: StringConstructor;
+    activeColor: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     appendIcon: vue.PropType<IconValue>;
-    activeColor: StringConstructor;
     collapseIcon: Omit<{
         type: vue.PropType<IconValue>;
         default: string;