@vuetify/nightly 3.0.0-next-20220107.0 → 3.0.0-next-20220126.0

package/lib/components/VBtn/VBtn.css

@@ -331,24 +331,8 @@
 }
 
 .v-pagination .v-btn {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
   border-radius: 4px;
 }
-.v-pagination .v-btn.v-btn--density-default {
-  height: calc(var(--v-btn-height) + 0px);
-  width: calc(var(--v-btn-height) + 0px);
-}
-.v-pagination .v-btn.v-btn--density-comfortable {
-  height: calc(var(--v-btn-height) + -4px);
-  width: calc(var(--v-btn-height) + -4px);
-}
-.v-pagination .v-btn.v-btn--density-compact {
-  height: calc(var(--v-btn-height) + -8px);
-  width: calc(var(--v-btn-height) + -8px);
-}
-.v-pagination__list .v-btn--elevated {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
-}
 .v-pagination__item--is-active .v-btn__overlay {
   opacity: var(--v-border-opacity);
 }

package/lib/components/VBtn/VBtn.sass

@@ -184,13 +184,7 @@
 // VPagination
 .v-btn
   .v-pagination &
-    @include tools.elevation($button-pagination-elevation)
     @include tools.rounded($button-pagination-border-radius)
-    @include button-density('height' 'width', $button-pagination-density)
-
-  &--elevated
-    .v-pagination__list &
-      @include tools.elevation($button-pagination-elevation)
 
   &__overlay
     .v-pagination__item--is-active &

package/lib/components/VBtn/_variables.scss

@@ -28,7 +28,6 @@ $button-bottom-navigation-text-transform: none !default;
 $button-bottom-navigation-transition-duration: .2s !default;
 $button-pagination-active-overlay-opacity: var(--v-border-opacity) !default;
 $button-pagination-border-radius: settings.$border-radius-root !default;
-$button-pagination-elevation: 0 !default;
 $button-border-color: settings.$border-color-root !default;
 $button-border-radius: settings.$border-radius-root !default;
 $button-border-style: settings.$border-style-root !default;
@@ -62,7 +61,6 @@ $button-stacked-width-ratio: 1 !default;
 $button-density: ('default': 0, 'comfortable': -2, 'compact': -3) !default;
 $button-stacked-density: ('default': 0, 'comfortable': -4, 'compact': -6) !default;
 $button-icon-density: ('default': 3, 'comfortable': 0, 'compact': -2) !default;
-$button-pagination-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
 
 $button-border: (
   $button-border-color,

package/lib/components/VExpansionPanel/VExpansionPanel.mjs

@@ -40,11 +40,11 @@ export const VExpansionPanel = defineComponent({
     } = useElevation(props);
     provide(VExpansionPanelSymbol, groupItem);
     const isBeforeSelected = computed(() => {
-      const index = groupItem.group.items.value.indexOf(groupItem.id);
+      const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id);
       return !groupItem.isSelected.value && groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === 1);
     });
     const isAfterSelected = computed(() => {
-      const index = groupItem.group.items.value.indexOf(groupItem.id);
+      const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id);
       return !groupItem.isSelected.value && groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === -1);
     });
     const {

package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanel.tsx"],"names":["makeVExpansionPanelTitleProps","VExpansionPanelTitle","VExpansionPanelText","VExpansionPanelSymbol","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","useBackgroundColor","makeTagProps","makeLazyProps","computed","provide","defineComponent","VExpansionPanel","name","props","title","String","text","bgColor","setup","slots","groupItem","roundedClasses","elevationClasses","isBeforeSelected","index","group","items","value","indexOf","id","isSelected","selected","some","isAfterSelected","backgroundColorClasses","backgroundColorStyles","disabled","default","expandIcon","collapseIcon","color","hideActions","ripple","eager"],"mappings":"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","sourcesContent":["// Components\nimport { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from './VExpansionPanelTitle'\nimport { VExpansionPanelText } from './VExpansionPanelText'\nimport { VExpansionPanelSymbol } from './VExpansionPanels'\n\n// Composables\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeLazyProps } from '@/composables/lazy'\n\n// Utilities\nimport { computed, provide } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VExpansionPanel = defineComponent({\n  name: 'VExpansionPanel',\n\n  props: {\n    title: String,\n    text: String,\n    bgColor: String,\n\n    ...makeLazyProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeElevationProps(),\n    ...makeTagProps(),\n    ...makeVExpansionPanelTitleProps(),\n  },\n\n  setup (props, { slots }) {\n    const groupItem = useGroupItem(props, VExpansionPanelSymbol)\n    const { roundedClasses } = useRounded(props)\n    const { elevationClasses } = useElevation(props)\n\n    provide(VExpansionPanelSymbol, groupItem)\n\n    const isBeforeSelected = computed(() => {\n      const index = groupItem.group.items.value.indexOf(groupItem.id)\n      return !groupItem.isSelected.value &&\n        groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === 1)\n    })\n\n    const isAfterSelected = computed(() => {\n      const index = groupItem.group.items.value.indexOf(groupItem.id)\n      return !groupItem.isSelected.value &&\n        groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === -1)\n    })\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'bgColor')\n\n    return () => (\n      <props.tag\n        class={[\n          'v-expansion-panel',\n          {\n            'v-expansion-panel--active': groupItem.isSelected.value,\n            'v-expansion-panel--before-active': isBeforeSelected.value,\n            'v-expansion-panel--after-active': isAfterSelected.value,\n            'v-expansion-panel--disabled': groupItem.disabled.value,\n          },\n          roundedClasses.value,\n          backgroundColorClasses.value,\n        ]}\n        style={ backgroundColorStyles.value }\n        aria-expanded={ groupItem.isSelected.value }\n      >\n        <div\n          class={[\n            'v-expansion-panel__shadow',\n            ...elevationClasses.value,\n          ]}\n        />\n        { slots.default?.() || (\n          <>\n            <VExpansionPanelTitle\n              expandIcon={ props.expandIcon }\n              collapseIcon={ props.collapseIcon }\n              color={ props.color }\n              hideActions={ props.hideActions }\n              ripple={ props.ripple }\n            >\n              { slots.title ? slots.title() : props.title }\n            </VExpansionPanelTitle>\n            <VExpansionPanelText eager={ props.eager }>\n              { slots.text ? slots.text() : props.text }\n            </VExpansionPanelText>\n          </>\n        ) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VExpansionPanel = InstanceType<typeof VExpansionPanel>\n"],"file":"VExpansionPanel.mjs"}
+{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanel.tsx"],"names":["makeVExpansionPanelTitleProps","VExpansionPanelTitle","VExpansionPanelText","VExpansionPanelSymbol","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","useBackgroundColor","makeTagProps","makeLazyProps","computed","provide","defineComponent","VExpansionPanel","name","props","title","String","text","bgColor","setup","slots","groupItem","roundedClasses","elevationClasses","isBeforeSelected","index","group","items","value","findIndex","item","id","isSelected","selected","some","indexOf","isAfterSelected","backgroundColorClasses","backgroundColorStyles","disabled","default","expandIcon","collapseIcon","color","hideActions","ripple","eager"],"mappings":"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","sourcesContent":["// Components\nimport { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from './VExpansionPanelTitle'\nimport { VExpansionPanelText } from './VExpansionPanelText'\nimport { VExpansionPanelSymbol } from './VExpansionPanels'\n\n// Composables\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeLazyProps } from '@/composables/lazy'\n\n// Utilities\nimport { computed, provide } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VExpansionPanel = defineComponent({\n  name: 'VExpansionPanel',\n\n  props: {\n    title: String,\n    text: String,\n    bgColor: String,\n\n    ...makeLazyProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeElevationProps(),\n    ...makeTagProps(),\n    ...makeVExpansionPanelTitleProps(),\n  },\n\n  setup (props, { slots }) {\n    const groupItem = useGroupItem(props, VExpansionPanelSymbol)\n    const { roundedClasses } = useRounded(props)\n    const { elevationClasses } = useElevation(props)\n\n    provide(VExpansionPanelSymbol, groupItem)\n\n    const isBeforeSelected = computed(() => {\n      const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id)\n      return !groupItem.isSelected.value &&\n        groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === 1)\n    })\n\n    const isAfterSelected = computed(() => {\n      const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id)\n      return !groupItem.isSelected.value &&\n        groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === -1)\n    })\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'bgColor')\n\n    return () => (\n      <props.tag\n        class={[\n          'v-expansion-panel',\n          {\n            'v-expansion-panel--active': groupItem.isSelected.value,\n            'v-expansion-panel--before-active': isBeforeSelected.value,\n            'v-expansion-panel--after-active': isAfterSelected.value,\n            'v-expansion-panel--disabled': groupItem.disabled.value,\n          },\n          roundedClasses.value,\n          backgroundColorClasses.value,\n        ]}\n        style={ backgroundColorStyles.value }\n        aria-expanded={ groupItem.isSelected.value }\n      >\n        <div\n          class={[\n            'v-expansion-panel__shadow',\n            ...elevationClasses.value,\n          ]}\n        />\n        { slots.default?.() || (\n          <>\n            <VExpansionPanelTitle\n              expandIcon={ props.expandIcon }\n              collapseIcon={ props.collapseIcon }\n              color={ props.color }\n              hideActions={ props.hideActions }\n              ripple={ props.ripple }\n            >\n              { slots.title ? slots.title() : props.title }\n            </VExpansionPanelTitle>\n            <VExpansionPanelText eager={ props.eager }>\n              { slots.text ? slots.text() : props.text }\n            </VExpansionPanelText>\n          </>\n        ) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VExpansionPanel = InstanceType<typeof VExpansionPanel>\n"],"file":"VExpansionPanel.mjs"}

package/lib/components/VHover/VHover.mjs

@@ -21,16 +21,16 @@ export const VHover = defineComponent({
     let {
       slots
     } = _ref;
-    const hover = useProxiedModel(props, 'modelValue');
+    const isHovering = useProxiedModel(props, 'modelValue');
     const {
       runOpenDelay,
       runCloseDelay
-    } = useDelay(props, value => !props.disabled && (hover.value = value));
+    } = useDelay(props, value => !props.disabled && (isHovering.value = value));
     return () => {
       var _slots$default;
 
       return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
-        hover: hover.value,
+        isHovering: isHovering.value,
         props: {
           onMouseenter: runOpenDelay,
           onMouseleave: runCloseDelay

package/lib/components/VHover/VHover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VHover/VHover.tsx"],"names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","hover","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"mappings":"AAAA;SACSA,c,EAAgBC,Q;SAChBC,e,8CAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;AACpCE,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEC,OADL;AAELC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAEF,OADI;AAEVG,MAAAA,OAAO,EAAEC;AAFC,KAFP;AAOL,OAAGZ,cAAc;AAPZ,GAH6B;AAapCa,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAb6B;;AAiBpCC,EAAAA,KAAK,CAAET,KAAF,QAAoB;AAAA,QAAX;AAAEU,MAAAA;AAAF,KAAW;AACvB,UAAMC,KAAK,GAAGf,eAAe,CAACI,KAAD,EAAQ,YAAR,CAA7B;AACA,UAAM;AAAEY,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QAAkClB,QAAQ,CAACK,KAAD,EAAQQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAP,KAAoBU,KAAK,CAACH,KAAN,GAAcA,KAAlC,CAAjB,CAAhD;AAEA,WAAO;AAAA;;AAAA,+BAAME,KAAK,CAACL,OAAZ,qBAAM,oBAAAK,KAAK,EAAW;AAC3BC,QAAAA,KAAK,EAAEA,KAAK,CAACH,KADc;AAE3BR,QAAAA,KAAK,EAAE;AACLc,UAAAA,YAAY,EAAEF,YADT;AAELG,UAAAA,YAAY,EAAEF;AAFT;AAFoB,OAAX,CAAX;AAAA,KAAP;AAOD;;AA5BmC,CAAD,CAA9B","sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const hover = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (hover.value = value))\n\n    return () => slots.default?.({\n      hover: hover.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n"],"file":"VHover.mjs"}
+{"version":3,"sources":["../../../src/components/VHover/VHover.tsx"],"names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"mappings":"AAAA;SACSA,c,EAAgBC,Q;SAChBC,e,8CAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;AACpCE,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEC,OADL;AAELC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAEF,OADI;AAEVG,MAAAA,OAAO,EAAEC;AAFC,KAFP;AAOL,OAAGZ,cAAc;AAPZ,GAH6B;AAapCa,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAb6B;;AAiBpCC,EAAAA,KAAK,CAAET,KAAF,QAAoB;AAAA,QAAX;AAAEU,MAAAA;AAAF,KAAW;AACvB,UAAMC,UAAU,GAAGf,eAAe,CAACI,KAAD,EAAQ,YAAR,CAAlC;AACA,UAAM;AAAEY,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QAAkClB,QAAQ,CAACK,KAAD,EAAQQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAP,KAAoBU,UAAU,CAACH,KAAX,GAAmBA,KAAvC,CAAjB,CAAhD;AAEA,WAAO;AAAA;;AAAA,+BAAME,KAAK,CAACL,OAAZ,qBAAM,oBAAAK,KAAK,EAAW;AAC3BC,QAAAA,UAAU,EAAEA,UAAU,CAACH,KADI;AAE3BR,QAAAA,KAAK,EAAE;AACLc,UAAAA,YAAY,EAAEF,YADT;AAELG,UAAAA,YAAY,EAAEF;AAFT;AAFoB,OAAX,CAAX;AAAA,KAAP;AAOD;;AA5BmC,CAAD,CAA9B","sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n"],"file":"VHover.mjs"}

package/lib/components/VInput/VInput.mjs

@@ -106,10 +106,11 @@ export const VInput = genericComponent()({
         "class": "v-input__details"
       }, [_createVNode(VMessages, {
         "active": showMessages,
-        "value": errorMessages.value || (hasMessages ? props.messages : props.hint)
+        "color": isValid.value === false ? 'error' : undefined,
+        "value": errorMessages.value.length > 0 ? errorMessages.value : hasMessages ? props.messages : props.hint
       }, {
         default: slots.messages
-      }, 8, ["active", "value"]), (_slots$details = slots.details) == null ? void 0 : _slots$details.call(slots, slotProps.value)])], 2);
+      }, 8, ["active", "color", "value"]), (_slots$details = slots.details) == null ? void 0 : _slots$details.call(slots, slotProps.value)])], 2);
     });
     return {
       isValid,

package/lib/components/VInput/VInput.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VInput/VInput.tsx"],"names":["VIcon","VMessages","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","provide","toRef","genericComponent","getUid","pick","propsFactory","useRender","VInputSymbol","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","hint","messages","type","Array","default","persistentHint","direction","validator","v","includes","VInput","name","props","focused","emits","val","e","setup","slots","emit","densityClasses","errorMessages","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","uid","isFocused","slotProps","hasPrepend","prepend","hasAppend","append","hasHint","hasMessages","length","value","hasDetails","showMessages","details","filterInputProps","Object","keys"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,K;SACAC,S,kCAET;;SACSC,gB,EAAkBC,U;SAClBC,mB,EAAqBC,a,4CAE9B;;AACA,SAASC,QAAT,EAAmBC,OAAnB,EAA4BC,KAA5B,QAAyC,KAAzC;SACSC,gB,EAAkBC,M,EAAQC,I,EAAMC,Y,EAAcC,S,gCAEvD;;AAiBA,OAAO,MAAMC,YAAY,GAAG,QAArB;AAEP,OAAO,MAAMC,eAAe,GAAGH,YAAY,CAAC;AAC1CI,EAAAA,EAAE,EAAEC,MADsC;AAE1CC,EAAAA,UAAU,EAAED,MAF8B;AAG1CE,EAAAA,WAAW,EAAEF,MAH6B;AAI1CG,EAAAA,WAAW,EAAE,CAACC,OAAD,EAAUJ,MAAV,CAJ6B;AAK1CK,EAAAA,IAAI,EAAEL,MALoC;AAM1CM,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CAACC,KAAD,EAAQR,MAAR,CADE;AAERS,IAAAA,OAAO,EAAE,MAAO;AAFR,GANgC;AAU1CC,EAAAA,cAAc,EAAEN,OAV0B;AAW1CO,EAAAA,SAAS,EAAE;AACTJ,IAAAA,IAAI,EAAEP,MADG;AAETS,IAAAA,OAAO,EAAE,YAFA;AAGTG,IAAAA,SAAS,EAAGC,CAAD,IAAY,CAAC,YAAD,EAAe,UAAf,EAA2BC,QAA3B,CAAoCD,CAApC;AAHd,GAX+B;AAiB1C,KAAG5B,gBAAgB,EAjBuB;AAkB1C,KAAGE,mBAAmB;AAlBoB,CAAD,CAApC;AAqBP,OAAO,MAAM4B,MAAM,GAAGvB,gBAAgB,GAOjC;AACHwB,EAAAA,IAAI,EAAE,QADH;AAGHC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEd,OADJ;AAGL,OAAGN,eAAe;AAHb,GAHJ;AASHqB,EAAAA,KAAK,EAAE;AACL,yBAAsBC,GAAD,IAAc,IAD9B;AAEL,qBAAkBC,CAAD,IAAmB,IAF/B;AAGL,oBAAiBA,CAAD,IAAmB;AAH9B,GATJ;;AAeHC,EAAAA,KAAK,CAAEL,KAAF,QAA0B;AAAA,QAAjB;AAAEM,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAiB;AAC7B,UAAM;AAAEC,MAAAA;AAAF,QAAqBvC,UAAU,CAAC+B,KAAD,CAArC;AACA,UAAM;AACJS,MAAAA,aADI;AAEJC,MAAAA,UAFI;AAGJC,MAAAA,UAHI;AAIJC,MAAAA,UAJI;AAKJC,MAAAA,OALI;AAMJC,MAAAA,YANI;AAOJC,MAAAA,KAPI;AAQJC,MAAAA,eARI;AASJC,MAAAA,QATI;AAUJC,MAAAA;AAVI,QAWF/C,aAAa,CAAC6B,KAAD,CAXjB;AAaA,UAAMmB,GAAG,GAAG3C,MAAM,EAAlB;AACA,UAAMM,EAAE,GAAGV,QAAQ,CAAC,MAAM4B,KAAK,CAAClB,EAAN,IAAa,SAAQqC,GAAI,EAAhC,CAAnB;AACA,UAAMC,SAAS,GAAG9C,KAAK,CAAC0B,KAAD,EAAQ,SAAR,CAAvB;AAEA,UAAMqB,SAAS,GAAGjD,QAAQ,CAAa,OAAO;AAC5CU,MAAAA,EAD4C;AAE5C4B,MAAAA,UAF4C;AAG5CU,MAAAA,SAH4C;AAI5CT,MAAAA,UAJ4C;AAK5CC,MAAAA,UAL4C;AAM5CC,MAAAA,OAN4C;AAO5CC,MAAAA,YAP4C;AAQ5CC,MAAAA,KAR4C;AAS5CC,MAAAA,eAT4C;AAU5CC,MAAAA;AAV4C,KAAP,CAAb,CAA1B;AAaA5C,IAAAA,OAAO,CAACO,YAAD,EAAeyC,SAAf,CAAP;AAEA1C,IAAAA,SAAS,CAAC,MAAM;AAAA;;AACd,YAAM2C,UAAU,GAAIhB,KAAK,CAACiB,OAAN,IAAiBvB,KAAK,CAACf,WAA3C;AACA,YAAMuC,SAAS,GAAIlB,KAAK,CAACmB,MAAN,IAAgBzB,KAAK,CAAChB,UAAzC;AACA,YAAM0C,OAAO,GAAG,CAAC,EAAEpB,KAAK,CAAClB,IAAN,IAAcY,KAAK,CAACZ,IAAtB,CAAjB;AACA,YAAMuC,WAAW,GAAG,CAAC,EACnBrB,KAAK,CAACjB,QAAN,uBACAW,KAAK,CAACX,QADN,aACA,gBAAgBuC,MADhB,IAEAnB,aAAa,CAACoB,KAAd,CAAoBD,MAHD,CAArB;AAKA,YAAME,UAAU,GAAG,CAAC9B,KAAK,CAACd,WAAP,IACjBc,KAAK,CAACd,WAAN,KAAsB,MAAtB,KACCyC,WAAW,IAAID,OADhB,CADF;AAIA,YAAMK,YAAY,GAAGJ,WAAW,IAC9BD,OAAO,KACN1B,KAAK,CAACP,cAAN,IAAwBO,KAAK,CAACC,OADxB,CADT;AAKA;AAAA,iBACc,CACV,SADU,EAET,YAAWD,KAAK,CAACN,SAAU,EAFlB,EAGVc,cAAc,CAACqB,KAHL,EAIVX,iBAAiB,CAACW,KAJR;AADd,UAQMP,UAAU;AAAA,iBAEF,kBAFE;AAAA,mBAGElB,CAAC,IAAIG,IAAI,CAAC,eAAD,EAAkBH,CAAlB;AAHX,UAKNE,KALM,sCAKNA,KAAK,CAAEiB,OALD,qBAKN,oBAAAjB,KAAK,EAAYe,SAAS,CAACQ,KAAtB,CALC,EAON7B,KAAK,CAACf,WAAN;AAAA,gBACce,KAAK,CAACf;AADpB,2BAPM,kBARhB;AAAA,iBAqBe;AArBf,4BAsBQqB,KAAK,CAACd,OAtBd,qBAsBQ,oBAAAc,KAAK,EAAWe,SAAS,CAACQ,KAArB,CAtBb,IAyBML,SAAS;AAAA,iBAED,iBAFC;AAAA,mBAGGpB,CAAC,IAAIG,IAAI,CAAC,cAAD,EAAiBH,CAAjB;AAHZ,UAKLE,KALK,qCAKLA,KAAK,CAAEmB,MALF,qBAKL,mBAAAnB,KAAK,EAAWe,SAAS,CAACQ,KAArB,CALA,EAOL7B,KAAK,CAAChB,UAAN;AAAA,gBACcgB,KAAK,CAAChB;AADpB,2BAPK,kBAzBf,EAsCM8C,UAAU;AAAA,iBACC;AADD;AAAA,kBAGGC,YAHH;AAAA,iBAIEtB,aAAa,CAACoB,KAAd,KAAwBF,WAAW,GAAG3B,KAAK,CAACX,QAAT,GAAoBW,KAAK,CAACZ,IAA7D;AAJF,SAKG;AAAEI,QAAAA,OAAO,EAAEc,KAAK,CAACjB;AAAjB,OALH,6CAQNiB,KAAK,CAAC0B,OARA,qBAQN,oBAAA1B,KAAK,EAAWe,SAAS,CAACQ,KAArB,CARC,EAtChB;AAmDD,KArEQ,CAAT;AAuEA,WAAO;AACLhB,MAAAA,OADK;AAELI,MAAAA,QAFK;AAGLF,MAAAA,KAHK;AAILC,MAAAA,eAJK;AAKLP,MAAAA;AALK,KAAP;AAOD;;AA/HE,CAPiC,CAA/B;AA2IP,OAAO,SAASwB,gBAAT,CAA2BjC,KAA3B,EAAwF;AAC7F,SAAOvB,IAAI,CAACuB,KAAD,EAAQkC,MAAM,CAACC,IAAP,CAAYrC,MAAM,CAACE,KAAnB,CAAR,CAAX;AACD","sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed, provide, toRef } from 'vue'\nimport { genericComponent, getUid, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDisabled: ComputedRef<boolean>\n  isFocused: Ref<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const VInputSymbol = 'VInput' as any as InjectionKey<ComputedRef<VInputSlot>>\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: String,\n  prependIcon: String,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  hint: String,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  persistentHint: Boolean,\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n})\n\nexport const VInput = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    default: [VInputSlot]\n    prepend: [VInputSlot]\n    append: [VInputSlot]\n    details: [VInputSlot]\n  }>\n}>()({\n  name: 'VInput',\n\n  props: {\n    focused: Boolean,\n\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n    'click:prepend': (e: MouseEvent) => true,\n    'click:append': (e: MouseEvent) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const { densityClasses } = useDensity(props)\n    const {\n      errorMessages,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n    const isFocused = toRef(props, 'focused')\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    provide(VInputSymbol, slotProps)\n\n    useRender(() => {\n      const hasPrepend = (slots.prepend || props.prependIcon)\n      const hasAppend = (slots.append || props.appendIcon)\n      const hasHint = !!(slots.hint || props.hint)\n      const hasMessages = !!(\n        slots.messages ||\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        (hasMessages || hasHint)\n      )\n      const showMessages = hasMessages || (\n        hasHint &&\n        (props.persistentHint || props.focused)\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div\n              class=\"v-input__prepend\"\n              onClick={ e => emit('click:prepend', e) }\n            >\n              { slots?.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <VIcon icon={ props.prependIcon } />\n              ) }\n            </div>\n          ) }\n\n          <div class=\"v-input__control\">\n            { slots.default?.(slotProps.value) }\n          </div>\n\n          { hasAppend && (\n            <div\n              class=\"v-input__append\"\n              onClick={ e => emit('click:append', e) }\n            >\n              { slots?.append?.(slotProps.value) }\n\n              { props.appendIcon && (\n                <VIcon icon={ props.appendIcon } />\n              ) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ showMessages }\n                value={ errorMessages.value || (hasMessages ? props.messages : props.hint) }\n                v-slots={{ default: slots.messages }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      isValid,\n      validate,\n      reset,\n      resetValidation,\n      errorMessages,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: ExtractPropTypes<ReturnType<typeof makeVInputProps>>) {\n  return pick(props, Object.keys(VInput.props) as any)\n}\n"],"file":"VInput.mjs"}
+{"version":3,"sources":["../../../src/components/VInput/VInput.tsx"],"names":["VIcon","VMessages","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","provide","toRef","genericComponent","getUid","pick","propsFactory","useRender","VInputSymbol","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","hint","messages","type","Array","default","persistentHint","direction","validator","v","includes","VInput","name","props","focused","emits","val","e","setup","slots","emit","densityClasses","errorMessages","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","uid","isFocused","slotProps","hasPrepend","prepend","hasAppend","append","hasHint","hasMessages","length","value","hasDetails","showMessages","undefined","details","filterInputProps","Object","keys"],"mappings":"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","sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed, provide, toRef } from 'vue'\nimport { genericComponent, getUid, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDisabled: ComputedRef<boolean>\n  isFocused: Ref<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const VInputSymbol = 'VInput' as any as InjectionKey<ComputedRef<VInputSlot>>\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: String,\n  prependIcon: String,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  hint: String,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  persistentHint: Boolean,\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n})\n\nexport const VInput = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    default: [VInputSlot]\n    prepend: [VInputSlot]\n    append: [VInputSlot]\n    details: [VInputSlot]\n  }>\n}>()({\n  name: 'VInput',\n\n  props: {\n    focused: Boolean,\n\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n    'click:prepend': (e: MouseEvent) => true,\n    'click:append': (e: MouseEvent) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const { densityClasses } = useDensity(props)\n    const {\n      errorMessages,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n    const isFocused = toRef(props, 'focused')\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    provide(VInputSymbol, slotProps)\n\n    useRender(() => {\n      const hasPrepend = (slots.prepend || props.prependIcon)\n      const hasAppend = (slots.append || props.appendIcon)\n      const hasHint = !!(slots.hint || props.hint)\n      const hasMessages = !!(\n        slots.messages ||\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        (hasMessages || hasHint)\n      )\n      const showMessages = hasMessages || (\n        hasHint &&\n        (props.persistentHint || props.focused)\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div\n              class=\"v-input__prepend\"\n              onClick={ e => emit('click:prepend', e) }\n            >\n              { slots?.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <VIcon icon={ props.prependIcon } />\n              ) }\n            </div>\n          ) }\n\n          <div class=\"v-input__control\">\n            { slots.default?.(slotProps.value) }\n          </div>\n\n          { hasAppend && (\n            <div\n              class=\"v-input__append\"\n              onClick={ e => emit('click:append', e) }\n            >\n              { slots?.append?.(slotProps.value) }\n\n              { props.appendIcon && (\n                <VIcon icon={ props.appendIcon } />\n              ) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ showMessages }\n                color={ isValid.value === false ? 'error' : undefined }\n                value={ errorMessages.value.length > 0\n                  ? errorMessages.value\n                  : (hasMessages ? props.messages : props.hint)\n                }\n                v-slots={{ default: slots.messages }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      isValid,\n      validate,\n      reset,\n      resetValidation,\n      errorMessages,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: ExtractPropTypes<ReturnType<typeof makeVInputProps>>) {\n  return pick(props, Object.keys(VInput.props) as any)\n}\n"],"file":"VInput.mjs"}

package/lib/components/VList/VList.css

@@ -54,7 +54,6 @@
   font-weight: 500;
   line-height: 1.375rem;
   padding-inline-end: 16px;
-  padding-inline-start: 16px;
   min-height: 48px;
   transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -66,14 +65,17 @@
 }
 .v-list--density-default .v-list-subheader {
   min-height: 48px;
+  padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list--density-comfortable .v-list-subheader {
   min-height: 44px;
+  padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list--density-compact .v-list-subheader {
   min-height: 40px;
+  padding-inline-start: calc(16px + var(--indent-padding)) !important;
 }
 
 .v-list-subheader--inset {
@@ -82,7 +84,7 @@
 .v-list--nav .v-list-subheader {
   font-size: 0.75rem;
 }
-.v-list--subheader-sticky .v-list-subheader {
+.v-list-subheader--sticky {
   background: inherit;
   left: 0;
   position: sticky;

package/lib/components/VList/VList.mjs

@@ -2,7 +2,6 @@ import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VList.css"; // Components
 
-import { VListSubheader } from "./VListSubheader.mjs";
 import { VListChildren } from "./VListChildren.mjs"; // Composables
 
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
@@ -13,32 +12,41 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { makeNestedProps, useNested } from "../../composables/nested/nested.mjs"; // Utilities
+import { makeNestedProps, useNested } from "../../composables/nested/nested.mjs";
+import { createList } from "./list.mjs"; // Utilities
 
-import { inject, provide, ref, toRef } from 'vue';
+import { computed, toRef } from 'vue';
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
 
-// Depth
-export const DepthKey = Symbol.for('vuetify:depth'); // List
-
-export const ListKey = Symbol.for('vuetify:list');
-export const createList = () => {
-  const parent = inject(ListKey, {
-    hasPrepend: ref(false),
-    updateHasPrepend: () => null
+const parseItems = items => {
+  if (!items) return undefined;
+  return items.map(item => {
+    if (typeof item === 'string') return {
+      type: 'item',
+      value: item,
+      title: item
+    };
+    const {
+      $type,
+      $children,
+      ...props
+    } = item;
+    if ($type === 'subheader') return {
+      type: 'subheader',
+      props
+    };
+    if ($type === 'divider') return {
+      type: 'divider',
+      props
+    };
+    return {
+      type: 'item',
+      props,
+      children: parseItems($children)
+    };
   });
-  const data = {
-    hasPrepend: ref(false),
-    updateHasPrepend: value => {
-      if (value) data.hasPrepend.value = value;
-    }
-  };
-  provide(ListKey, data);
-  return parent;
-};
-export const useList = () => {
-  return inject(ListKey, null);
 };
+
 export const VList = genericComponent()({
   name: 'VList',
   props: {
@@ -49,10 +57,6 @@ export const VList = genericComponent()({
       default: 'one'
     },
     nav: Boolean,
-    subheader: {
-      type: [Boolean, String],
-      default: false
-    },
     items: Array,
     ...makeNestedProps({
       selectStrategy: 'leaf',
@@ -77,6 +81,7 @@ export const VList = genericComponent()({
     let {
       slots
     } = _ref;
+    const items = computed(() => parseItems(props.items));
     const {
       themeClasses
     } = provideTheme(props);
@@ -106,28 +111,22 @@ export const VList = genericComponent()({
     } = useNested(props);
     createList();
     useRender(() => {
-      const hasHeader = typeof props.subheader === 'string' || slots.subheader;
       return _createVNode(props.tag, {
         "class": ['v-list', {
           'v-list--disabled': props.disabled,
           'v-list--nav': props.nav,
-          'v-list--subheader': props.subheader,
-          'v-list--subheader-sticky': props.subheader === 'sticky',
           [`v-list--${props.lines}-line`]: true
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value],
         "style": [backgroundColorStyles.value, dimensionStyles.value]
       }, {
-        default: () => [hasHeader && (slots.subheader ? slots.subheader() : _createVNode(VListSubheader, null, {
-          default: () => [props.subheader]
-        })), _createVNode(VListChildren, {
-          "items": props.items
+        default: () => [_createVNode(VListChildren, {
+          "items": items.value
         }, {
           default: slots.default,
           item: slots.item,
           externalHeader: slots.header,
           _: 1
-        }, 8, ["items"])],
-        _: 1
+        }, 8, ["items"])]
       }, 8, ["class", "style"]);
     });
     return {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VList.tsx"],"names":["VListSubheader","VListChildren","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","useBackgroundColor","makeThemeProps","provideTheme","makeNestedProps","useNested","inject","provide","ref","toRef","genericComponent","useRender","DepthKey","Symbol","for","ListKey","createList","parent","hasPrepend","updateHasPrepend","data","value","useList","VList","name","props","color","String","disabled","Boolean","lines","type","default","nav","subheader","items","Array","selectStrategy","openStrategy","activeStrategy","emits","val","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","open","select","activate","hasHeader","item","externalHeader","header"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,c;SACAC,a,+BAET;;SACSC,e,EAAiBC,S;SACjBC,gB,EAAkBC,U;SAClBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,gB,EAAkBC,U;SAClBC,Y;SACAC,kB;SACAC,c,EAAgBC,Y;SAChBC,e,EAAiBC,S,+CAE1B;;AACA,SAASC,MAAT,EAAiBC,OAAjB,EAA0BC,GAA1B,EAA+BC,KAA/B,QAA4C,KAA5C;SACSC,gB,EAAkBC,S,gCAE3B;;AAUA;AACA,OAAO,MAAMC,QAAmC,GAAGC,MAAM,CAACC,GAAP,CAAW,eAAX,CAA5C,C,CAEP;;AACA,OAAO,MAAMC,OAGX,GAAGF,MAAM,CAACC,GAAP,CAAW,cAAX,CAHE;AAKP,OAAO,MAAME,UAAU,GAAG,MAAM;AAC9B,QAAMC,MAAM,GAAGX,MAAM,CAACS,OAAD,EAAU;AAAEG,IAAAA,UAAU,EAAEV,GAAG,CAAC,KAAD,CAAjB;AAA0BW,IAAAA,gBAAgB,EAAE,MAAM;AAAlD,GAAV,CAArB;AAEA,QAAMC,IAAI,GAAG;AACXF,IAAAA,UAAU,EAAEV,GAAG,CAAC,KAAD,CADJ;AAEXW,IAAAA,gBAAgB,EAAGE,KAAD,IAAoB;AACpC,UAAIA,KAAJ,EAAWD,IAAI,CAACF,UAAL,CAAgBG,KAAhB,GAAwBA,KAAxB;AACZ;AAJU,GAAb;AAOAd,EAAAA,OAAO,CAACQ,OAAD,EAAUK,IAAV,CAAP;AAEA,SAAOH,MAAP;AACD,CAbM;AAeP,OAAO,MAAMK,OAAO,GAAG,MAAM;AAC3B,SAAOhB,MAAM,CAACS,OAAD,EAAU,IAAV,CAAb;AACD,CAFM;AAIP,OAAO,MAAMQ,KAAK,GAAGb,gBAAgB,GAShC;AACHc,EAAAA,IAAI,EAAE,OADH;AAGHC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,QAAQ,EAAEC,OAFL;AAGLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAEJ,MADD;AAELK,MAAAA,OAAO,EAAE;AAFJ,KAHF;AAOLC,IAAAA,GAAG,EAAEJ,OAPA;AAQLK,IAAAA,SAAS,EAAE;AACTH,MAAAA,IAAI,EAAE,CAACF,OAAD,EAAUF,MAAV,CADG;AAETK,MAAAA,OAAO,EAAE;AAFA,KARN;AAYLG,IAAAA,KAAK,EAAEC,KAZF;AAcL,OAAGhC,eAAe,CAAC;AACjBiC,MAAAA,cAAc,EAAE,MADC;AAEjBC,MAAAA,YAAY,EAAE,UAFG;AAGjBC,MAAAA,cAAc,EAAE;AAHC,KAAD,CAdb;AAmBL,OAAGjD,eAAe,EAnBb;AAoBL,OAAGE,gBAAgB,EApBd;AAqBL,OAAGE,kBAAkB,EArBhB;AAsBL,OAAGE,kBAAkB,EAtBhB;AAuBL,OAAGE,gBAAgB,EAvBd;AAwBL,OAAGE,YAAY,EAxBV;AAyBL,OAAGE,cAAc;AAzBZ,GAHJ;AA+BHsC,EAAAA,KAAK,EAAE;AACL,uBAAoBC,GAAD,IAAmB,IADjC;AAEL,qBAAkBA,GAAD,IAAmB,IAF/B;AAGL,qBAAkBA,GAAD,IAAmB;AAH/B,GA/BJ;;AAqCHC,EAAAA,KAAK,CAAEjB,KAAF,QAAoB;AAAA,QAAX;AAAEkB,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBzC,YAAY,CAACsB,KAAD,CAArC;AACA,UAAM;AAAEoB,MAAAA,sBAAF;AAA0BC,MAAAA;AAA1B,QAAoD7C,kBAAkB,CAACQ,KAAK,CAACgB,KAAD,EAAQ,OAAR,CAAN,CAA5E;AACA,UAAM;AAAEsB,MAAAA;AAAF,QAAoBxD,SAAS,CAACkC,KAAD,CAAnC;AACA,UAAM;AAAEuB,MAAAA;AAAF,QAAqBvD,UAAU,CAACgC,KAAD,CAArC;AACA,UAAM;AAAEwB,MAAAA;AAAF,QAAsBtD,YAAY,CAAC8B,KAAD,CAAxC;AACA,UAAM;AAAEyB,MAAAA;AAAF,QAAuBrD,YAAY,CAAC4B,KAAD,CAAzC;AACA,UAAM;AAAE0B,MAAAA;AAAF,QAAqBpD,UAAU,CAAC0B,KAAD,CAArC;AACA,UAAM;AAAE2B,MAAAA,IAAF;AAAQC,MAAAA,MAAR;AAAgBC,MAAAA;AAAhB,QAA6BjD,SAAS,CAACoB,KAAD,CAA5C;AACAT,IAAAA,UAAU;AAEVL,IAAAA,SAAS,CAAC,MAAM;AACd,YAAM4C,SAAS,GAAG,OAAO9B,KAAK,CAACS,SAAb,KAA2B,QAA3B,IAAuCS,KAAK,CAACT,SAA/D;AAEA;AAAA,iBAEW,CACL,QADK,EAEL;AACE,8BAAoBT,KAAK,CAACG,QAD5B;AAEE,yBAAeH,KAAK,CAACQ,GAFvB;AAGE,+BAAqBR,KAAK,CAACS,SAH7B;AAIE,sCAA4BT,KAAK,CAACS,SAAN,KAAoB,QAJlD;AAKE,WAAE,WAAUT,KAAK,CAACK,KAAM,OAAxB,GAAiC;AALnC,SAFK,EASLc,YAAY,CAACvB,KATR,EAULwB,sBAAsB,CAACxB,KAVlB,EAWL0B,aAAa,CAAC1B,KAXT,EAYL2B,cAAc,CAAC3B,KAZV,EAaL6B,gBAAgB,CAAC7B,KAbZ,EAcL8B,cAAc,CAAC9B,KAdV,CAFX;AAAA,iBAkBW,CACLyB,qBAAqB,CAACzB,KADjB,EAEL4B,eAAe,CAAC5B,KAFX;AAlBX;AAAA,wBAuBMkC,SAAS,KACTZ,KAAK,CAACT,SAAN,GACIS,KAAK,CAACT,SAAN,EADJ;AAAA,0BAEsBT,KAAK,CAACS,SAF5B;AAAA,UADS,CAvBf;AAAA,mBA6B2BT,KAAK,CAACU;AA7BjC;AA+BQH,UAAAA,OAAO,EAAEW,KAAK,CAACX,OA/BvB;AAgCQwB,UAAAA,IAAI,EAAEb,KAAK,CAACa,IAhCpB;AAiCQC,UAAAA,cAAc,EAAEd,KAAK,CAACe,MAjC9B;AAAA;AAAA;AAAA;AAAA;AAsCD,KAzCQ,CAAT;AA2CA,WAAO;AACLN,MAAAA,IADK;AAELC,MAAAA,MAFK;AAGLC,MAAAA;AAHK,KAAP;AAKD;;AAhGE,CATgC,CAA9B","sourcesContent":["// Styles\nimport './VList.sass'\n\n// Components\nimport { VListSubheader } from './VListSubheader'\nimport { VListChildren } from './VListChildren'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeNestedProps, useNested } from '@/composables/nested/nested'\n\n// Utilities\nimport { inject, provide, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey, Prop, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport type { ListGroupHeaderSlot } from './VListGroup'\n\nexport type ListItem = {\n  children?: ListItem[]\n  value?: string\n}\n\n// Depth\nexport const DepthKey: InjectionKey<Ref<number>> = Symbol.for('vuetify:depth')\n\n// List\nexport const ListKey: InjectionKey<{\n  hasPrepend: Ref<boolean>\n  updateHasPrepend: (value: boolean) => void\n}> = Symbol.for('vuetify:list')\n\nexport const createList = () => {\n  const parent = inject(ListKey, { hasPrepend: ref(false), updateHasPrepend: () => null })\n\n  const data = {\n    hasPrepend: ref(false),\n    updateHasPrepend: (value: boolean) => {\n      if (value) data.hasPrepend.value = value\n    },\n  }\n\n  provide(ListKey, data)\n\n  return parent\n}\n\nexport const useList = () => {\n  return inject(ListKey, null)\n}\n\nexport const VList = genericComponent<new <T>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    subheader: []\n    header: [ListGroupHeaderSlot]\n    item: [T]\n  }>\n}>()({\n  name: 'VList',\n\n  props: {\n    color: String,\n    disabled: Boolean,\n    lines: {\n      type: String,\n      default: 'one',\n    },\n    nav: Boolean,\n    subheader: {\n      type: [Boolean, String],\n      default: false,\n    },\n    items: Array as Prop<ListItem[]>,\n\n    ...makeNestedProps({\n      selectStrategy: 'leaf' as const,\n      openStrategy: 'multiple' as const,\n      activeStrategy: 'single' as const,\n    }),\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:selected': (val: string[]) => true,\n    'update:opened': (val: string[]) => true,\n    'update:active': (val: string[]) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { open, select, activate } = useNested(props)\n    createList()\n\n    useRender(() => {\n      const hasHeader = typeof props.subheader === 'string' || slots.subheader\n\n      return (\n        <props.tag\n          class={[\n            'v-list',\n            {\n              'v-list--disabled': props.disabled,\n              'v-list--nav': props.nav,\n              'v-list--subheader': props.subheader,\n              'v-list--subheader-sticky': props.subheader === 'sticky',\n              [`v-list--${props.lines}-line`]: true,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            dimensionStyles.value,\n          ]}\n        >\n          { hasHeader && (\n            slots.subheader\n              ? slots.subheader()\n              : <VListSubheader>{ props.subheader }</VListSubheader>\n          ) }\n\n          <VListChildren items={ props.items }>\n            {{\n              default: slots.default,\n              item: slots.item,\n              externalHeader: slots.header,\n            }}\n          </VListChildren>\n        </props.tag>\n      )\n    })\n\n    return {\n      open,\n      select,\n      activate,\n    }\n  },\n})\n\nexport type VList = InstanceType<typeof VList>\n"],"file":"VList.mjs"}
+{"version":3,"sources":["../../../src/components/VList/VList.tsx"],"names":["VListChildren","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","useBackgroundColor","makeThemeProps","provideTheme","makeNestedProps","useNested","createList","computed","toRef","genericComponent","useRender","parseItems","items","undefined","map","item","type","value","title","$type","$children","props","children","VList","name","color","String","disabled","Boolean","lines","default","nav","Array","selectStrategy","openStrategy","activeStrategy","emits","val","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","open","select","activate","externalHeader","header"],"mappings":"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","sourcesContent":["// Styles\nimport './VList.sass'\n\n// Components\nimport { VListChildren } from './VListChildren'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeNestedProps, useNested } from '@/composables/nested/nested'\nimport { createList } from './list'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { Prop } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport type { ListGroupHeaderSlot } from './VListGroup'\n\nexport type ListItem = {\n  [key: string]: any\n  $type?: 'item' | 'subheader' | 'divider'\n  $children?: (string | ListItem)[]\n}\n\nexport type InternalListItem = {\n  type?: 'item' | 'subheader' | 'divider'\n  props?: Record<string, any>\n  children?: InternalListItem[]\n}\n\nconst parseItems = (items?: (string | ListItem)[]): InternalListItem[] | undefined => {\n  if (!items) return undefined\n\n  return items.map(item => {\n    if (typeof item === 'string') return { type: 'item', value: item, title: item }\n\n    const { $type, $children, ...props } = item\n\n    if ($type === 'subheader') return { type: 'subheader', props }\n    if ($type === 'divider') return { type: 'divider', props }\n\n    return { type: 'item', props, children: parseItems($children) }\n  })\n}\n\nexport const VList = genericComponent<new <T>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    subheader: []\n    header: [ListGroupHeaderSlot]\n    item: [T]\n  }>\n}>()({\n  name: 'VList',\n\n  props: {\n    color: String,\n    disabled: Boolean,\n    lines: {\n      type: String,\n      default: 'one',\n    },\n    nav: Boolean,\n    items: Array as Prop<ListItem[]>,\n\n    ...makeNestedProps({\n      selectStrategy: 'leaf' as const,\n      openStrategy: 'multiple' as const,\n      activeStrategy: 'single' as const,\n    }),\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:selected': (val: string[]) => true,\n    'update:opened': (val: string[]) => true,\n    'update:active': (val: string[]) => true,\n  },\n\n  setup (props, { slots }) {\n    const items = computed(() => parseItems(props.items))\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { open, select, activate } = useNested(props)\n\n    createList()\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-list',\n            {\n              'v-list--disabled': props.disabled,\n              'v-list--nav': props.nav,\n              [`v-list--${props.lines}-line`]: true,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            dimensionStyles.value,\n          ]}\n        >\n          <VListChildren items={ items.value }>\n            {{\n              default: slots.default,\n              item: slots.item,\n              externalHeader: slots.header,\n            }}\n          </VListChildren>\n        </props.tag>\n      )\n    })\n\n    return {\n      open,\n      select,\n      activate,\n    }\n  },\n})\n\nexport type VList = InstanceType<typeof VList>\n"],"file":"VList.mjs"}

package/lib/components/VList/VList.sass

@@ -1,4 +1,5 @@
 @forward './variables'
+@use 'sass:list'
 @use '../../styles/tools'
 @use './variables' as *
 
@@ -47,7 +48,6 @@
   font-weight: $list-subheader-font-weight
   line-height: $list-subheader-line-height
   padding-inline-end: $list-subheader-padding-end
-  padding-inline-start: $list-subheader-padding-start
   min-height: $list-subheader-min-height
   transition: $list-subheader-transition
 
@@ -59,8 +59,11 @@
 
   @at-root
     @include tools.density('v-list', $list-density) using ($modifier)
+      $base-padding: list.nth($list-item-padding, 2)
+
       #{$root}
         min-height: $list-subheader-min-height + ($modifier * $list-subheader-min-height-multiplier)
+        padding-inline-start: calc(#{$base-padding} + var(--indent-padding)) !important
 
   &--inset
     padding-inline-start: $list-subheader-inset-padding-start
@@ -68,7 +71,7 @@
   .v-list--nav &
     font-size: $list-nav-subheader-font-size
 
-  .v-list--subheader-sticky &
+  &--sticky
     background: inherit
     left: 0
     position: sticky

package/lib/components/VList/VListChildren.mjs

@@ -1,9 +1,12 @@
-import { resolveDirective as _resolveDirective, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+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"; // Utilities
+import { VListItem } from "./VListItem.mjs";
+import { VListSubheader } from "./VListSubheader.mjs"; // Utilities
 
-import { genericComponent } from "../../util/index.mjs"; // Types
+import { genericComponent } from "../../util/index.mjs";
+import { createList } from "./list.mjs"; // Types
 
 export const VListChildren = genericComponent()({
   name: 'VListChildren',
@@ -15,27 +18,29 @@ export const VListChildren = genericComponent()({
     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,
-          ...item
+          props: itemProps,
+          type
         } = _ref2;
-        const {
-          value,
-          ...rest
-        } = item;
+        if (type === 'divider') return _createVNode(VDivider, itemProps, null, 16);
+        if (type === 'subheader') return _createVNode(VListSubheader, itemProps, slots, 16);
         return children ? _createVNode(VListGroup, {
-          "value": value,
-          "items": children
-        }, { ...slots,
-          header: headerProps => slots.externalHeader ? slots.externalHeader({ ...rest,
+          "value": itemProps == null ? void 0 : itemProps.value
+        }, {
+          items: () => _createVNode(VListChildren, {
+            "items": children
+          }, slots, 8, ["items"]),
+          header: headerProps => slots.externalHeader ? slots.externalHeader({ ...itemProps,
             ...headerProps
-          }) : _createVNode(VListItem, _mergeProps(rest, headerProps), null, 16),
+          }) : _createVNode(VListItem, _mergeProps(itemProps, headerProps), null, 16),
           _: 2
-        }, 8, ["value", "items"]) : slots.item ? slots.item(item) : _createVNode(VListItem, item, slots, 16);
+        }, 8, ["value"]) : slots.item ? slots.item(itemProps) : _createVNode(VListItem, itemProps, slots, 16);
       });
     };
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListChildren.tsx"],"names":["VListGroup","VListItem","genericComponent","VListChildren","name","props","items","Array","setup","slots","default","map","children","item","value","rest","header","headerProps","externalHeader"],"mappings":";AAAA;SACSA,U;SACAC,S,2BAET;;SACSC,gB,gCAET;;AAMA,OAAO,MAAMC,aAAa,GAAGD,gBAAgB,GASxC;AACHE,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;AACvB,WAAO;AAAA;;AAAA,kDAAMA,KAAK,CAACC,OAAZ,qBAAM,qBAAAD,KAAK,CAAX,6CAA2BJ,KAAK,CAACC,KAAjC,qBAA2B,aAAaK,GAAb,CAAiB,SAA2B;AAAA,YAA1B;AAAEC,UAAAA,QAAF;AAAY,aAAGC;AAAf,SAA0B;AAC5E,cAAM;AAAEC,UAAAA,KAAF;AAAS,aAAGC;AAAZ,YAAqBF,IAA3B;AACA,eAAOD,QAAQ;AAAA,mBAEJE,KAFI;AAAA,mBAGJF;AAHI,aAMT,GAAGH,KANM;AAOTO,UAAAA,MAAM,EAAEC,WAAW,IAAIR,KAAK,CAACS,cAAN,GACnBT,KAAK,CAACS,cAAN,CAAqB,EAAE,GAAGH,IAAL;AAAW,eAAGE;AAAd,WAArB,CADmB,uCAEJF,IAFI,EAEME,WAFN,YAPd;AAAA;AAAA,oCAabR,KAAK,CAACI,IAAN,GAAaJ,KAAK,CAACI,IAAN,CAAWA,IAAX,CAAb,2BAA+CA,IAA/C,EAA8DJ,KAA9D,KAbF;AAeD,OAjBiC,CAA3B;AAAA,KAAP;AAkBD;;AA1BE,CATwC,CAAtC","sourcesContent":["// Components\nimport { VListGroup } from './VListGroup'\nimport { VListItem } from './VListItem'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { Prop } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport type { ListGroupHeaderSlot } from './VListGroup'\nimport type { ListItem } from './VList'\n\nexport const VListChildren = genericComponent<new <T extends ListItem>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    default: []\n    externalHeader: [ListGroupHeaderSlot]\n    item: [T]\n  }>\n}>()({\n  name: 'VListChildren',\n\n  props: {\n    items: Array as Prop<ListItem[]>,\n  },\n\n  setup (props, { slots }) {\n    return () => slots.default?.() ?? props.items?.map(({ children, ...item }) => {\n      const { value, ...rest } = item\n      return children ? (\n        <VListGroup\n          value={value}\n          items={children}\n        >\n          {{\n            ...slots,\n            header: headerProps => slots.externalHeader\n              ? slots.externalHeader({ ...rest, ...headerProps })\n              : <VListItem {...rest} {...headerProps} />,\n          }}\n        </VListGroup>\n      ) : (\n        slots.item ? slots.item(item) : <VListItem {...item} v-slots={slots} />\n      )\n    })\n  },\n})\n"],"file":"VListChildren.mjs"}
+{"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","header","headerProps","externalHeader","item"],"mappings":";AAAA;SACSA,Q;SACAC,U;SACAC,S;SACAC,c,gCAET;;SACSC,gB;SACAC,U,sBAET;;AAMA,OAAO,MAAMC,aAAa,GAAGF,gBAAgB,GASxC;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;AAKTT,UAAAA,KAAK,EAAE;AAAA,qBACkBM;AADlB,aACuCH,KADvC,eALE;AAQTO,UAAAA,MAAM,EAAEC,WAAW,IAAIR,KAAK,CAACS,cAAN,GACnBT,KAAK,CAACS,cAAN,CAAqB,EAAE,GAAGL,SAAL;AAAgB,eAAGI;AAAnB,WAArB,CADmB,uCAEHJ,SAFG,EAEcI,WAFd,YARd;AAAA;AAAA,2BAcbR,KAAK,CAACU,IAAN,GAAaV,KAAK,CAACU,IAAN,CAAWN,SAAX,CAAb,2BAAqDA,SAArD,EAA2EJ,KAA3E,KAdF;AAgBD,OArBiC,CAA3B;AAAA,KAAP;AAsBD;;AAhCE,CATwC,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 { ListGroupHeaderSlot } 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    externalHeader: [ListGroupHeaderSlot]\n    item: [T]\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            items: () => (\n              <VListChildren items={ children } v-slots={ slots } />\n            ),\n            header: headerProps => slots.externalHeader\n              ? slots.externalHeader({ ...itemProps, ...headerProps })\n              : <VListItem { ...itemProps } { ...headerProps } />,\n          }}\n        </VListGroup>\n      ) : (\n        slots.item ? slots.item(itemProps) : <VListItem { ...itemProps } v-slots={ slots } />\n      )\n    })\n  },\n})\n"],"file":"VListChildren.mjs"}