@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VList/VListChildren.mjs

@@ -0,0 +1,53 @@
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+// Components
+import { VDivider } from "../VDivider/index.mjs";
+import { VListGroup } from "./VListGroup.mjs";
+import { VListItem } from "./VListItem.mjs";
+import { VListSubheader } from "./VListSubheader.mjs"; // Utilities
+
+import { genericComponent } from "../../util/index.mjs";
+import { createList } from "./list.mjs"; // Types
+
+export const VListChildren = genericComponent()({
+  name: 'VListChildren',
+  props: {
+    items: Array
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    createList();
+    return () => {
+      var _slots$default, _slots$default2, _props$items;
+
+      return (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : (_props$items = props.items) == null ? void 0 : _props$items.map(_ref2 => {
+        let {
+          children,
+          props: itemProps,
+          type
+        } = _ref2;
+        if (type === 'divider') return _createVNode(VDivider, itemProps, null);
+        if (type === 'subheader') return _createVNode(VListSubheader, itemProps, slots);
+        return children ? _createVNode(VListGroup, {
+          "value": itemProps == null ? void 0 : itemProps.value
+        }, {
+          activator: _ref3 => {
+            let {
+              props: activatorProps
+            } = _ref3;
+            return slots.header ? slots.header({ ...itemProps,
+              ...activatorProps
+            }) : _createVNode(VListItem, _mergeProps(itemProps, activatorProps), slots);
+          },
+          default: () => _createVNode(VListChildren, {
+            "items": children
+          }, slots)
+        }) : slots.item ? slots.item(itemProps) : _createVNode(VListItem, itemProps, slots);
+      });
+    };
+  }
+
+});
+//# sourceMappingURL=VListChildren.mjs.map

package/lib/components/VList/VListChildren.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListChildren.tsx"],"names":["VDivider","VListGroup","VListItem","VListSubheader","genericComponent","createList","VListChildren","name","props","items","Array","setup","slots","default","map","children","itemProps","type","value","activator","activatorProps","header","item"],"mappings":";AAAA;SACSA,Q;SACAC,U;SACAC,S;SACAC,c,gCAET;;SACSC,gB;SACAC,U,sBAET;;AAOA,OAAO,MAAMC,aAAa,GAAGF,gBAAgB,GAWxC;AACHG,EAAAA,IAAI,EAAE,eADH;AAGHC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC;AADF,GAHJ;;AAOHC,EAAAA,KAAK,CAAEH,KAAF,QAAoB;AAAA,QAAX;AAAEI,MAAAA;AAAF,KAAW;AACvBP,IAAAA,UAAU;AAEV,WAAO;AAAA;;AAAA,kDAAMO,KAAK,CAACC,OAAZ,qBAAM,qBAAAD,KAAK,CAAX,6CAA2BJ,KAAK,CAACC,KAAjC,qBAA2B,aAAaK,GAAb,CAAiB,SAA0C;AAAA,YAAzC;AAAEC,UAAAA,QAAF;AAAYP,UAAAA,KAAK,EAAEQ,SAAnB;AAA8BC,UAAAA;AAA9B,SAAyC;AAC3F,YAAIA,IAAI,KAAK,SAAb,EAAwB,8BAAqBD,SAArB;AAExB,YAAIC,IAAI,KAAK,WAAb,EAA0B,oCAA2BD,SAA3B,EAAgDJ,KAAhD;AAE1B,eAAOG,QAAQ;AAAA,mBAEHC,SAFG,oBAEHA,SAAS,CAAEE;AAFR;AAKTC,UAAAA,SAAS,EAAE;AAAA,gBAAC;AAAEX,cAAAA,KAAK,EAAEY;AAAT,aAAD;AAAA,mBAA+BR,KAAK,CAACS,MAAN,GACtCT,KAAK,CAACS,MAAN,CAAa,EAAE,GAAGL,SAAL;AAAgB,iBAAGI;AAAnB,aAAb,CADsC,uCAEtBJ,SAFsB,EAELI,cAFK,GAEsBR,KAFtB,CAA/B;AAAA,WALF;AAQTC,UAAAA,OAAO,EAAE;AAAA,qBACgBE;AADhB,aACqCH,KADrC;AARA,aAcbA,KAAK,CAACU,IAAN,GAAaV,KAAK,CAACU,IAAN,CAAWN,SAAX,CAAb,2BAAqDA,SAArD,EAA2EJ,KAA3E,CAdF;AAgBD,OArBiC,CAA3B;AAAA,KAAP;AAsBD;;AAhCE,CAXwC,CAAtC","sourcesContent":["// Components\nimport { VDivider } from '../VDivider'\nimport { VListGroup } from './VListGroup'\nimport { VListItem } from './VListItem'\nimport { VListSubheader } from './VListSubheader'\n\n// Utilities\nimport { genericComponent } from '@/util'\nimport { createList } from './list'\n\n// Types\nimport type { InternalListItem } from './VList'\nimport type { ListItemSubtitleSlot, ListItemTitleSlot } from './VListItem'\nimport type { ListGroupActivatorSlot } from './VListGroup'\nimport type { MakeSlots } from '@/util'\nimport type { Prop } from 'vue'\n\nexport const VListChildren = genericComponent<new <T extends InternalListItem>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    default: []\n    header: [ListGroupActivatorSlot]\n    item: [T]\n    title: [ListItemTitleSlot]\n    subtitle: [ListItemSubtitleSlot]\n  }>\n}>()({\n  name: 'VListChildren',\n\n  props: {\n    items: Array as Prop<InternalListItem[]>,\n  },\n\n  setup (props, { slots }) {\n    createList()\n\n    return () => slots.default?.() ?? props.items?.map(({ children, props: itemProps, type }) => {\n      if (type === 'divider') return <VDivider {...itemProps} />\n\n      if (type === 'subheader') return <VListSubheader {...itemProps} v-slots={ slots } />\n\n      return children ? (\n        <VListGroup\n          value={ itemProps?.value }\n        >\n          {{\n            activator: ({ props: activatorProps }) => slots.header\n              ? slots.header({ ...itemProps, ...activatorProps })\n              : <VListItem { ...itemProps } { ...activatorProps } v-slots={ slots } />,\n            default: () => (\n              <VListChildren items={ children } v-slots={ slots } />\n            ),\n          }}\n        </VListGroup>\n      ) : (\n        slots.item ? slots.item(itemProps) : <VListItem { ...itemProps } v-slots={ slots } />\n      )\n    })\n  },\n})\n"],"file":"VListChildren.mjs"}

package/lib/components/VList/VListGroup.mjs

@@ -1,181 +1,101 @@
-// @ts-nocheck
-
-/* eslint-disable */
-// Styles
-import "./VListGroup.sass"; // Components
-
-import VIcon from "../VIcon/index.mjs";
-import VListItem from "./VListItem.mjs";
-import VListItemIcon from "./VListItemIcon.mjs"; // Mixins
-
-import BindsAttrs from "../../mixins/binds-attrs/index.mjs";
-import Bootable from "../../mixins/bootable/index.mjs";
-import Colorable from "../../mixins/colorable/index.mjs";
-import Toggleable from "../../mixins/toggleable/index.mjs";
-import { inject as RegistrableInject } from "../../mixins/registrable.mjs"; // Directives
-
-import ripple from "../../directives/ripple/index.mjs"; // Transitions
-
-import { VExpandTransition } from "../transitions/index.mjs"; // Utils
-
-import mixins from "../../util/mixins.mjs";
-import { getSlot } from "../../util/helpers.mjs"; // Types
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+// Components
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VExpandTransition } from "../transitions/index.mjs"; // Composables
+
+import { useList } from "./list.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { useNestedGroupActivator, useNestedItem } from "../../composables/nested/nested.mjs"; // Utilities
+
+import { computed, toRef } from 'vue';
+import { defineComponent, genericComponent } from "../../util/index.mjs"; // Types
+
+const VListGroupActivator = defineComponent({
+  name: 'VListGroupActivator',
+
+  setup(_, _ref) {
+    let {
+      slots
+    } = _ref;
+    useNestedGroupActivator();
+    return () => {
+      var _slots$default;
+
+      return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
+    };
+  }
 
-// import { Route } from 'vue-router'
-const baseMixins = mixins(BindsAttrs, Bootable, Colorable, RegistrableInject('list'), Toggleable);
-export default baseMixins.extend().extend({
-  name: 'v-list-group',
-  directives: {
-    ripple
-  },
+});
+export const VListGroup = genericComponent()({
+  name: 'VListGroup',
   props: {
-    activeClass: {
+    activeColor: String,
+    color: String,
+    collapseIcon: {
       type: String,
-      default: ''
+      default: '$collapse'
     },
-    appendIcon: {
+    expandIcon: {
       type: String,
       default: '$expand'
     },
-    color: {
-      type: String,
-      default: 'primary'
-    },
-    disabled: Boolean,
-    group: String,
-    noAction: Boolean,
-    prependIcon: String,
-    ripple: {
-      type: [Boolean, Object],
-      default: true
-    },
-    subGroup: Boolean
+    value: null,
+    ...makeTagProps()
   },
-  computed: {
-    classes() {
-      return {
-        'v-list-group--active': this.isActive,
-        'v-list-group--disabled': this.disabled,
-        'v-list-group--no-action': this.noAction,
-        'v-list-group--sub-group': this.subGroup
-      };
-    }
 
-  },
-  watch: {
-    isActive(val) {
-      /* istanbul ignore else */
-      if (!this.subGroup && val) {
-        this.list && this.list.listClick(this._uid);
-      }
-    },
+  setup(props, _ref2) {
+    let {
+      slots
+    } = _ref2;
+    const {
+      isOpen,
+      open
+    } = useNestedItem(toRef(props, 'value'), true);
+    const list = useList();
 
-    $route: 'onRouteChange'
-  },
+    const onClick = e => {
+      open(!isOpen.value, e);
+    };
 
-  created() {
-    this.list && this.list.register(this);
+    const activatorProps = computed(() => {
+      var _props$activeColor;
 
-    if (this.group && this.$route && this.value == null) {
-      this.isActive = this.matchRoute(this.$route.path);
-    }
-  },
-
-  beforeDestroy() {
-    this.list && this.list.unregister(this);
-  },
-
-  methods: {
-    click(e) {
-      if (this.disabled) return;
-      this.isBooted = true;
-      this.$emit('click', e);
-      this.$nextTick(() => this.isActive = !this.isActive);
-    },
-
-    genIcon(icon) {
-      return this.$createElement(VIcon, icon);
-    },
-
-    genAppendIcon() {
-      const icon = !this.subGroup ? this.appendIcon : false;
-      if (!icon && !this.$slots.appendIcon) return null;
-      return this.$createElement(VListItemIcon, {
-        staticClass: 'v-list-group__header__append-icon'
-      }, [this.$slots.appendIcon || this.genIcon(icon)]);
-    },
-
-    genHeader() {
-      return this.$createElement(VListItem, {
-        staticClass: 'v-list-group__header',
-        attrs: {
-          'aria-expanded': String(this.isActive),
-          role: 'button'
-        },
-        class: {
-          [this.activeClass]: this.isActive
-        },
-        props: {
-          inputValue: this.isActive
-        },
-        directives: [{
-          name: 'ripple',
-          value: this.ripple
-        }],
-        on: { ...this.listeners$,
-          click: this.click
-        }
-      }, [this.genPrependIcon(), this.$slots.activator, this.genAppendIcon()]);
-    },
+      return {
+        onClick,
+        active: isOpen.value,
+        appendIcon: isOpen.value ? props.collapseIcon : props.expandIcon,
+        class: 'v-list-group__header',
+        color: isOpen.value ? (_props$activeColor = props.activeColor) != null ? _props$activeColor : props.color : undefined
+      };
+    });
+    return () => {
+      var _slots$default2;
 
-    genItems() {
-      return this.showLazyContent(() => [this.$createElement('div', {
-        staticClass: 'v-list-group__items',
-        directives: [{
-          name: 'show',
-          value: this.isActive
+      return _createVNode(props.tag, {
+        "class": ['v-list-group', {
+          'v-list-group--prepend': list == null ? void 0 : list.hasPrepend.value
         }]
-      }, getSlot(this))]);
-    },
-
-    genPrependIcon() {
-      const icon = this.subGroup && this.prependIcon == null ? '$subgroup' : this.prependIcon;
-      if (!icon && !this.$slots.prependIcon) return null;
-      return this.$createElement(VListItemIcon, {
-        staticClass: 'v-list-group__header__prepend-icon'
-      }, [this.$slots.prependIcon || this.genIcon(icon)]);
-    },
-
-    onRouteChange(to) {
-      /* istanbul ignore if */
-      if (!this.group) return;
-      const isActive = this.matchRoute(to.path);
-      /* istanbul ignore else */
-
-      if (isActive && this.isActive !== isActive) {
-        this.list && this.list.listClick(this._uid);
-      }
-
-      this.isActive = isActive;
-    },
-
-    toggle(uid) {
-      const isActive = this._uid === uid;
-      if (isActive) this.isBooted = true;
-      this.$nextTick(() => this.isActive = isActive);
-    },
-
-    matchRoute(to) {
-      return to.match(this.group) !== null;
-    }
-
-  },
-
-  render(h) {
-    return h('div', this.setTextColor(this.isActive && this.color, {
-      staticClass: 'v-list-group',
-      class: this.classes
-    }), [this.genHeader(), h(VExpandTransition, this.genItems())]);
+      }, {
+        default: () => [slots.activator && _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VListItemIcon: {
+              color: activatorProps.value.color
+            }
+          }
+        }, {
+          default: () => [_createVNode(VListGroupActivator, null, {
+            default: () => [slots.activator({
+              props: activatorProps.value,
+              isOpen
+            })]
+          })]
+        }), _createVNode(VExpandTransition, null, {
+          default: () => [_withDirectives(_createVNode("div", {
+            "class": "v-list-group__items"
+          }, [(_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)]), [[_vShow, isOpen.value]])]
+        })]
+      });
+    };
   }
 
 });

package/lib/components/VList/VListGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListGroup.ts"],"names":["VIcon","VListItem","VListItemIcon","BindsAttrs","Bootable","Colorable","Toggleable","inject","RegistrableInject","ripple","VExpandTransition","mixins","getSlot","baseMixins","extend","name","directives","props","activeClass","type","String","default","appendIcon","color","disabled","Boolean","group","noAction","prependIcon","Object","subGroup","computed","classes","isActive","watch","val","list","listClick","_uid","$route","created","register","value","matchRoute","path","beforeDestroy","unregister","methods","click","e","isBooted","$emit","$nextTick","genIcon","icon","$createElement","genAppendIcon","$slots","staticClass","genHeader","attrs","role","class","inputValue","on","listeners$","genPrependIcon","activator","genItems","showLazyContent","onRouteChange","to","toggle","uid","match","render","h","setTextColor"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VListGroup.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VList from './VList'\nimport VListItem from './VListItem'\nimport VListItemIcon from './VListItemIcon'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport Toggleable from '../../mixins/toggleable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Transitions\nimport { VExpandTransition } from '../transitions'\n\n// Utils\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n// import { Route } from 'vue-router'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Bootable,\n  Colorable,\n  RegistrableInject('list'),\n  Toggleable\n)\n\ntype VListInstance = InstanceType<typeof VList>\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  list: VListInstance\n  $refs: {\n    group: HTMLElement\n  }\n  $route: Route\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-list-group',\n\n  directives: { ripple },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    appendIcon: {\n      type: String,\n      default: '$expand',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    group: String,\n    noAction: Boolean,\n    prependIcon: String,\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n    subGroup: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-list-group--active': this.isActive,\n        'v-list-group--disabled': this.disabled,\n        'v-list-group--no-action': this.noAction,\n        'v-list-group--sub-group': this.subGroup,\n      }\n    },\n  },\n\n  watch: {\n    isActive (val: boolean) {\n      /* istanbul ignore else */\n      if (!this.subGroup && val) {\n        this.list && this.list.listClick(this._uid)\n      }\n    },\n    $route: 'onRouteChange',\n  },\n\n  created () {\n    this.list && this.list.register(this)\n\n    if (this.group &&\n      this.$route &&\n      this.value == null\n    ) {\n      this.isActive = this.matchRoute(this.$route.path)\n    }\n  },\n\n  beforeDestroy () {\n    this.list && this.list.unregister(this)\n  },\n\n  methods: {\n    click (e: Event) {\n      if (this.disabled) return\n\n      this.isBooted = true\n\n      this.$emit('click', e)\n      this.$nextTick(() => (this.isActive = !this.isActive))\n    },\n    genIcon (icon: string | false): VNode {\n      return this.$createElement(VIcon, icon)\n    },\n    genAppendIcon (): VNode | null {\n      const icon = !this.subGroup ? this.appendIcon : false\n\n      if (!icon && !this.$slots.appendIcon) return null\n\n      return this.$createElement(VListItemIcon, {\n        staticClass: 'v-list-group__header__append-icon',\n      }, [\n        this.$slots.appendIcon || this.genIcon(icon),\n      ])\n    },\n    genHeader (): VNode {\n      return this.$createElement(VListItem, {\n        staticClass: 'v-list-group__header',\n        attrs: {\n          'aria-expanded': String(this.isActive),\n          role: 'button',\n        },\n        class: {\n          [this.activeClass]: this.isActive,\n        },\n        props: {\n          inputValue: this.isActive,\n        },\n        directives: [{\n          name: 'ripple',\n          value: this.ripple,\n        }],\n        on: {\n          ...this.listeners$,\n          click: this.click,\n        },\n      }, [\n        this.genPrependIcon(),\n        this.$slots.activator,\n        this.genAppendIcon(),\n      ])\n    },\n    genItems (): VNode[] {\n      return this.showLazyContent(() => [\n        this.$createElement('div', {\n          staticClass: 'v-list-group__items',\n          directives: [{\n            name: 'show',\n            value: this.isActive,\n          }],\n        }, getSlot(this)),\n      ])\n    },\n    genPrependIcon (): VNode | null {\n      const icon = this.subGroup && this.prependIcon == null\n        ? '$subgroup'\n        : this.prependIcon\n\n      if (!icon && !this.$slots.prependIcon) return null\n\n      return this.$createElement(VListItemIcon, {\n        staticClass: 'v-list-group__header__prepend-icon',\n      }, [\n        this.$slots.prependIcon || this.genIcon(icon),\n      ])\n    },\n    onRouteChange (to: Route) {\n      /* istanbul ignore if */\n      if (!this.group) return\n\n      const isActive = this.matchRoute(to.path)\n\n      /* istanbul ignore else */\n      if (isActive && this.isActive !== isActive) {\n        this.list && this.list.listClick(this._uid)\n      }\n\n      this.isActive = isActive\n    },\n    toggle (uid: number) {\n      const isActive = this._uid === uid\n\n      if (isActive) this.isBooted = true\n      this.$nextTick(() => (this.isActive = isActive))\n    },\n    matchRoute (to: string) {\n      return to.match(this.group) !== null\n    },\n  },\n\n  render (h): VNode {\n    return h('div', this.setTextColor(this.isActive && this.color, {\n      staticClass: 'v-list-group',\n      class: this.classes,\n    }), [\n      this.genHeader(),\n      h(VExpandTransition, this.genItems()),\n    ])\n  },\n})\n"],"file":"VListGroup.mjs"}
+{"version":3,"sources":["../../../src/components/VList/VListGroup.tsx"],"names":["VDefaultsProvider","VExpandTransition","useList","makeTagProps","useNestedGroupActivator","useNestedItem","computed","toRef","defineComponent","genericComponent","VListGroupActivator","name","setup","_","slots","default","VListGroup","props","activeColor","String","color","collapseIcon","type","expandIcon","value","isOpen","open","list","onClick","e","activatorProps","active","appendIcon","class","undefined","hasPrepend","activator","VListItemIcon"],"mappings":";AAAA;SACSA,iB;SACAC,iB,oCAET;;SACSC,O;SACAC,Y;SACAC,uB,EAAyBC,a,+CAElC;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,e,EAAiBC,gB,gCAE1B;;AAcA,MAAMC,mBAAmB,GAAGF,eAAe,CAAC;AAC1CG,EAAAA,IAAI,EAAE,qBADoC;;AAG1CC,EAAAA,KAAK,CAAEC,CAAF,QAAgB;AAAA,QAAX;AAAEC,MAAAA;AAAF,KAAW;AACnBV,IAAAA,uBAAuB;AAEvB,WAAO;AAAA;;AAAA,+BAAMU,KAAK,CAACC,OAAZ,qBAAM,oBAAAD,KAAK,CAAX;AAAA,KAAP;AACD;;AAPyC,CAAD,CAA3C;AAUA,OAAO,MAAME,UAAU,GAAGP,gBAAgB,GAQrC;AACHE,EAAAA,IAAI,EAAE,YADH;AAGHM,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAEC,MADR;AAELC,IAAAA,KAAK,EAAED,MAFF;AAGLE,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAEH,MADM;AAEZJ,MAAAA,OAAO,EAAE;AAFG,KAHT;AAOLQ,IAAAA,UAAU,EAAE;AACVD,MAAAA,IAAI,EAAEH,MADI;AAEVJ,MAAAA,OAAO,EAAE;AAFC,KAPP;AAWLS,IAAAA,KAAK,EAAE,IAXF;AAaL,OAAGrB,YAAY;AAbV,GAHJ;;AAmBHS,EAAAA,KAAK,CAAEK,KAAF,SAAoB;AAAA,QAAX;AAAEH,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEW,MAAAA,MAAF;AAAUC,MAAAA;AAAV,QAAmBrB,aAAa,CAACE,KAAK,CAACU,KAAD,EAAQ,OAAR,CAAN,EAAwB,IAAxB,CAAtC;AACA,UAAMU,IAAI,GAAGzB,OAAO,EAApB;;AAEA,UAAM0B,OAAO,GAAIC,CAAD,IAAc;AAC5BH,MAAAA,IAAI,CAAC,CAACD,MAAM,CAACD,KAAT,EAAgBK,CAAhB,CAAJ;AACD,KAFD;;AAIA,UAAMC,cAAoD,GAAGxB,QAAQ,CAAC;AAAA;;AAAA,aAAO;AAC3EsB,QAAAA,OAD2E;AAE3EG,QAAAA,MAAM,EAAEN,MAAM,CAACD,KAF4D;AAG3EQ,QAAAA,UAAU,EAAEP,MAAM,CAACD,KAAP,GAAeP,KAAK,CAACI,YAArB,GAAoCJ,KAAK,CAACM,UAHqB;AAI3EU,QAAAA,KAAK,EAAE,sBAJoE;AAK3Eb,QAAAA,KAAK,EAAEK,MAAM,CAACD,KAAP,yBAAeP,KAAK,CAACC,WAArB,iCAAoCD,KAAK,CAACG,KAA1C,GAAkDc;AALkB,OAAP;AAAA,KAAD,CAArE;AAQA,WAAO,MAAM;AAAA;;AACX;AAAA,iBAEW,CACL,cADK,EAEL;AACE,mCAAyBP,IAAzB,oBAAyBA,IAAI,CAAEQ,UAAN,CAAiBX;AAD5C,SAFK;AAFX;AAAA,wBASMV,KAAK,CAACsB,SAAN;AAAA,sBAEY;AACRC,YAAAA,aAAa,EAAE;AAAEjB,cAAAA,KAAK,EAAEU,cAAc,CAACN,KAAf,CAAqBJ;AAA9B;AADP;AAFZ;AAAA;AAAA,4BAOMN,KAAK,CAACsB,SAAN,CAAgB;AAAEnB,cAAAA,KAAK,EAAEa,cAAc,CAACN,KAAxB;AAA+BC,cAAAA;AAA/B,aAAhB,CAPN;AAAA;AAAA,UATN;AAAA;AAAA,qBAqBiB;AArBjB,iCAsBUX,KAAK,CAACC,OAtBhB,qBAsBU,qBAAAD,KAAK,CAtBf,cAqB+CW,MAAM,CAACD,KArBtD;AAAA;AAAA;AA2BD,KA5BD;AA6BD;;AAhEE,CARqC,CAAnC","sourcesContent":["// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandTransition } from '@/components/transitions'\n\n// Composables\nimport { useList } from './list'\nimport { makeTagProps } from '@/composables/tag'\nimport { useNestedGroupActivator, useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent, genericComponent } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport type { InternalListItem } from './VList'\n\nexport type ListGroupActivatorSlot = {\n  props: {\n    onClick: (e: Event) => void\n    appendIcon: string\n    class: string\n    color?: string\n  }\n}\n\nconst VListGroupActivator = defineComponent({\n  name: 'VListGroupActivator',\n\n  setup (_, { slots }) {\n    useNestedGroupActivator()\n\n    return () => slots.default?.()\n  },\n})\n\nexport const VListGroup = genericComponent<new <T extends InternalListItem>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    activator: [ListGroupActivatorSlot]\n    default: []\n  }>\n}>()({\n  name: 'VListGroup',\n\n  props: {\n    activeColor: String,\n    color: String,\n    collapseIcon: {\n      type: String,\n      default: '$collapse',\n    },\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    value: null,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { isOpen, open } = useNestedItem(toRef(props, 'value'), true)\n    const list = useList()\n\n    const onClick = (e: Event) => {\n      open(!isOpen.value, e)\n    }\n\n    const activatorProps: Ref<ListGroupActivatorSlot['props']> = computed(() => ({\n      onClick,\n      active: isOpen.value,\n      appendIcon: isOpen.value ? props.collapseIcon : props.expandIcon,\n      class: 'v-list-group__header',\n      color: isOpen.value ? props.activeColor ?? props.color : undefined,\n    }))\n\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-group',\n            {\n              'v-list-group--prepend': list?.hasPrepend.value,\n            },\n          ]}\n        >\n          { slots.activator && (\n            <VDefaultsProvider\n              defaults={{\n                VListItemIcon: { color: activatorProps.value.color },\n              }}\n            >\n              <VListGroupActivator>\n                { slots.activator({ props: activatorProps.value, isOpen }) }\n              </VListGroupActivator>\n            </VDefaultsProvider>\n          ) }\n          <VExpandTransition>\n            <div class=\"v-list-group__items\" v-show={isOpen.value}>\n              { slots.default?.() }\n            </div>\n          </VExpandTransition>\n        </props.tag>\n      )\n    }\n  },\n})\n"],"file":"VListGroup.mjs"}

package/lib/components/VList/VListImg.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VListImg = createSimpleFunctional('v-list-img');
+//# sourceMappingURL=VListImg.mjs.map

package/lib/components/VList/VListImg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListImg.ts"],"names":["createSimpleFunctional","VListImg"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,QAAQ,GAAGD,sBAAsB,CAAC,YAAD,CAAvC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListImg = createSimpleFunctional('v-list-img')\n"],"file":"VListImg.mjs"}