vuetify 3.0.0-beta.9 → 3.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"VListItem.mjs","names":["VAvatar","VDefaultsProvider","VIcon","VListItemSubtitle","VListItemTitle","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","useNestedItem","computed","watch","genericComponent","useRender","VListItem","name","directives","props","active","type","Boolean","default","undefined","activeClass","String","activeColor","appendAvatar","appendIcon","disabled","lines","link","nav","prependAvatar","prependIcon","subtitle","Number","title","value","variant","setup","attrs","slots","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","list","isActive","isExactActive","isLink","isClickable","roundedProps","rounded","variantProps","color","val","open","immediate","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","slotProps","Tag","tag","hasColor","hasTitle","hasSubtitle","hasAppend","append","hasPrepend","prepend","updateHasPrepend","e","navigate","density","image","icon","VListItemAction","start","end"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\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 { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n  isActive: boolean\n  activate: (value: boolean) => void\n  isSelected: boolean\n  select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n  title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n  subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    prepend: [ListItemSlot]\n    append: [ListItemSlot]\n    default: [ListItemSlot]\n    title: [ListItemTitleSlot]\n    subtitle: [ListItemSubtitleSlot]\n  }>\n}>()({\n  name: 'VListItem',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    activeClass: String,\n    activeColor: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    disabled: Boolean,\n    lines: String as PropType<'one' | 'two' | 'three'>,\n    link: {\n      type: Boolean,\n      default: undefined,\n    },\n    nav: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: [String, Number, Boolean],\n    title: [String, Number, Boolean],\n    value: null,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const link = useLink(props, attrs)\n    const id = computed(() => props.value ?? link.href.value)\n    const { select, isSelected, isIndeterminate, isGroupActivator, root, parent } = useNestedItem(id, false)\n    const list = useList()\n    const isActive = computed(() =>\n      props.active !== false &&\n      (props.active || link.isExactActive?.value || isSelected.value)\n    )\n    const isLink = computed(() => props.link !== false && link.isLink.value)\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value || (props.value != null && !!list))\n    )\n\n    const roundedProps = computed(() => props.rounded || props.nav)\n    const variantProps = computed(() => ({\n      color: isActive.value ? props.activeColor ?? props.color : props.color,\n      variant: props.variant,\n    }))\n\n    watch(() => link.isExactActive?.value, val => {\n      if (val && parent.value != null) {\n        root.open(parent.value, true)\n      }\n    }, { immediate: true })\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(roundedProps)\n    const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n    const slotProps = computed(() => ({\n      isActive: isActive.value,\n      select,\n      isSelected: isSelected.value,\n      isIndeterminate: isIndeterminate.value,\n    }))\n\n    useRender(() => {\n      const Tag = isLink.value ? 'a' : props.tag\n      const hasColor = !list || isSelected.value || isActive.value\n      const hasTitle = (slots.title || props.title)\n      const hasSubtitle = (slots.subtitle || props.subtitle)\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n\n      list?.updateHasPrepend(hasPrepend)\n\n      return (\n        <Tag\n          class={[\n            'v-list-item',\n            {\n              'v-list-item--active': isActive.value,\n              'v-list-item--disabled': props.disabled,\n              'v-list-item--link': isClickable.value,\n              'v-list-item--nav': props.nav,\n              'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n              [`${props.activeClass}`]: isActive.value,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n          ]}\n          href={ link.href.value }\n          tabindex={ isClickable.value ? 0 : undefined }\n          onClick={ isClickable.value && ((e: MouseEvent) => {\n            if (isGroupActivator) return\n\n            link.navigate?.(e)\n            props.value != null && select(!isSelected.value, e)\n          })}\n          v-ripple={ isClickable.value }\n        >\n          { genOverlays(isClickable.value || isActive.value, 'v-list-item') }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n                VListItemAction: {\n                  start: true,\n                },\n              }}\n            >\n              <div class=\"v-list-item__prepend\">\n                { props.prependAvatar && (\n                  <VAvatar key=\"prepend-avatar\" />\n                ) }\n\n                { props.prependIcon && (\n                  <VIcon key=\"prepend-icon\" />\n                ) }\n\n                { slots.prepend?.(slotProps.value) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-list-item__content\">\n            { hasTitle && (\n              <VListItemTitle key=\"title\">\n                { slots.title?.({ title: props.title }) ?? props.title}\n              </VListItemTitle>\n            ) }\n\n            { hasSubtitle && (\n              <VListItemSubtitle key=\"subtitle\">\n                { slots.subtitle?.({ subtitle: props.subtitle }) ?? props.subtitle }\n              </VListItemSubtitle>\n            ) }\n\n            { slots.default?.(slotProps.value) }\n          </div>\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n                VListItemAction: {\n                  end: true,\n                },\n              }}\n            >\n              <div class=\"v-list-item__append\">\n                { slots.append?.(slotProps.value) }\n\n                { props.appendIcon && (\n                  <VIcon key=\"append-icon\" />\n                ) }\n\n                { props.appendAvatar && (\n                  <VAvatar key=\"append-avatar\" />\n                ) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,O;SACAC,iB;SACAC,K;SACAC,iB;SACAC,c,gCAET;;SACSC,M,6CAET;;SACSC,W,EAAaC,gB,EAAkBC,U;SAC/BC,S;SACAC,e,EAAiBC,S;SACjBC,gB,EAAkBC,U;SAClBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,gB,EAAkBC,U;SAClBC,e,EAAiBC,O;SACjBC,Y;SACAC,c,EAAgBC,Y;SAChBC,O;SACAC,a,+CAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,gB,EAAkBC,S,gCAE3B;;AAmBA,OAAO,MAAMC,SAAS,GAAGF,gBAAgB,GAQpC;EACHG,IAAI,EAAE,WADH;EAGHC,UAAU,EAAE;IAAE5B;EAAF,CAHT;EAKH6B,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,IAAI,EAAEC,OADA;MAENC,OAAO,EAAEC;IAFH,CADH;IAKLC,WAAW,EAAEC,MALR;IAMLC,WAAW,EAAED,MANR;IAOLE,YAAY,EAAEF,MAPT;IAQLG,UAAU,EAAEnC,SARP;IASLoC,QAAQ,EAAER,OATL;IAULS,KAAK,EAAEL,MAVF;IAWLM,IAAI,EAAE;MACJX,IAAI,EAAEC,OADF;MAEJC,OAAO,EAAEC;IAFL,CAXD;IAeLS,GAAG,EAAEX,OAfA;IAgBLY,aAAa,EAAER,MAhBV;IAiBLS,WAAW,EAAEzC,SAjBR;IAkBL0C,QAAQ,EAAE,CAACV,MAAD,EAASW,MAAT,EAAiBf,OAAjB,CAlBL;IAmBLgB,KAAK,EAAE,CAACZ,MAAD,EAASW,MAAT,EAAiBf,OAAjB,CAnBF;IAoBLiB,KAAK,EAAE,IApBF;IAsBL,GAAG5C,eAAe,EAtBb;IAuBL,GAAGE,gBAAgB,EAvBd;IAwBL,GAAGE,kBAAkB,EAxBhB;IAyBL,GAAGE,kBAAkB,EAzBhB;IA0BL,GAAGE,gBAAgB,EA1Bd;IA2BL,GAAGE,eAAe,EA3Bb;IA4BL,GAAGE,YAAY,EA5BV;IA6BL,GAAGC,cAAc,EA7BZ;IA8BL,GAAGhB,gBAAgB,CAAC;MAAEgD,OAAO,EAAE;IAAX,CAAD;EA9Bd,CALJ;;EAsCHC,KAAK,CAAEtB,KAAF,QAA2B;IAAA,IAAlB;MAAEuB,KAAF;MAASC;IAAT,CAAkB;IAC9B,MAAMX,IAAI,GAAG1B,OAAO,CAACa,KAAD,EAAQuB,KAAR,CAApB;IACA,MAAME,EAAE,GAAGhC,QAAQ,CAAC;MAAA;;MAAA,uBAAMO,KAAK,CAACoB,KAAZ,2BAAqBP,IAAI,CAACa,IAAL,CAAUN,KAA/B;IAAA,CAAD,CAAnB;IACA,MAAM;MAAEO,MAAF;MAAUC,UAAV;MAAsBC,eAAtB;MAAuCC,gBAAvC;MAAyDC,IAAzD;MAA+DC;IAA/D,IAA0ExC,aAAa,CAACiC,EAAD,EAAK,KAAL,CAA7F;IACA,MAAMQ,IAAI,GAAG1C,OAAO,EAApB;IACA,MAAM2C,QAAQ,GAAGzC,QAAQ,CAAC;MAAA;;MAAA,OACxBO,KAAK,CAACC,MAAN,KAAiB,KAAjB,KACCD,KAAK,CAACC,MAAN,4BAAgBY,IAAI,CAACsB,aAArB,qBAAgB,oBAAoBf,KAApC,KAA6CQ,UAAU,CAACR,KADzD,CADwB;IAAA,CAAD,CAAzB;IAIA,MAAMgB,MAAM,GAAG3C,QAAQ,CAAC,MAAMO,KAAK,CAACa,IAAN,KAAe,KAAf,IAAwBA,IAAI,CAACuB,MAAL,CAAYhB,KAA3C,CAAvB;IACA,MAAMiB,WAAW,GAAG5C,QAAQ,CAAC,MAC3B,CAACO,KAAK,CAACW,QAAP,IACAX,KAAK,CAACa,IAAN,KAAe,KADf,KAECb,KAAK,CAACa,IAAN,IAAcA,IAAI,CAACwB,WAAL,CAAiBjB,KAA/B,IAAyCpB,KAAK,CAACoB,KAAN,IAAe,IAAf,IAAuB,CAAC,CAACa,IAFnE,CAD0B,CAA5B;IAMA,MAAMK,YAAY,GAAG7C,QAAQ,CAAC,MAAMO,KAAK,CAACuC,OAAN,IAAiBvC,KAAK,CAACc,GAA9B,CAA7B;IACA,MAAM0B,YAAY,GAAG/C,QAAQ,CAAC;MAAA;;MAAA,OAAO;QACnCgD,KAAK,EAAEP,QAAQ,CAACd,KAAT,yBAAiBpB,KAAK,CAACQ,WAAvB,iCAAsCR,KAAK,CAACyC,KAA5C,GAAoDzC,KAAK,CAACyC,KAD9B;QAEnCpB,OAAO,EAAErB,KAAK,CAACqB;MAFoB,CAAP;IAAA,CAAD,CAA7B;IAKA3B,KAAK,CAAC;MAAA;;MAAA,+BAAMmB,IAAI,CAACsB,aAAX,qBAAM,qBAAoBf,KAA1B;IAAA,CAAD,EAAkCsB,GAAG,IAAI;MAC5C,IAAIA,GAAG,IAAIV,MAAM,CAACZ,KAAP,IAAgB,IAA3B,EAAiC;QAC/BW,IAAI,CAACY,IAAL,CAAUX,MAAM,CAACZ,KAAjB,EAAwB,IAAxB;MACD;IACF,CAJI,EAIF;MAAEwB,SAAS,EAAE;IAAb,CAJE,CAAL;IAMA,MAAM;MAAEC;IAAF,IAAmBvD,YAAY,CAACU,KAAD,CAArC;IACA,MAAM;MAAE8C;IAAF,IAAoBrE,SAAS,CAACuB,KAAD,CAAnC;IACA,MAAM;MAAE+C,YAAF;MAAgBC,WAAhB;MAA6BC;IAA7B,IAAgD3E,UAAU,CAACkE,YAAD,CAAhE;IACA,MAAM;MAAEU;IAAF,IAAqBvE,UAAU,CAACqB,KAAD,CAArC;IACA,MAAM;MAAEmD;IAAF,IAAsBtE,YAAY,CAACmB,KAAD,CAAxC;IACA,MAAM;MAAEoD;IAAF,IAAuBrE,YAAY,CAACiB,KAAD,CAAzC;IACA,MAAM;MAAEqD;IAAF,IAAqBpE,UAAU,CAACqD,YAAD,CAArC;IACA,MAAMgB,WAAW,GAAG7D,QAAQ,CAAC,MAAMO,KAAK,CAACY,KAAN,GAAe,gBAAeZ,KAAK,CAACY,KAAM,OAA1C,GAAmDP,SAA1D,CAA5B;IAEA,MAAMkD,SAAS,GAAG9D,QAAQ,CAAC,OAAO;MAChCyC,QAAQ,EAAEA,QAAQ,CAACd,KADa;MAEhCO,MAFgC;MAGhCC,UAAU,EAAEA,UAAU,CAACR,KAHS;MAIhCS,eAAe,EAAEA,eAAe,CAACT;IAJD,CAAP,CAAD,CAA1B;IAOAxB,SAAS,CAAC,MAAM;MAAA;;MACd,MAAM4D,GAAG,GAAGpB,MAAM,CAAChB,KAAP,GAAe,GAAf,GAAqBpB,KAAK,CAACyD,GAAvC;MACA,MAAMC,QAAQ,GAAG,CAACzB,IAAD,IAASL,UAAU,CAACR,KAApB,IAA6Bc,QAAQ,CAACd,KAAvD;MACA,MAAMuC,QAAQ,GAAInC,KAAK,CAACL,KAAN,IAAenB,KAAK,CAACmB,KAAvC;MACA,MAAMyC,WAAW,GAAIpC,KAAK,CAACP,QAAN,IAAkBjB,KAAK,CAACiB,QAA7C;MACA,MAAM4C,SAAS,GAAG,CAAC,EAAErC,KAAK,CAACsC,MAAN,IAAgB9D,KAAK,CAACS,YAAtB,IAAsCT,KAAK,CAACU,UAA9C,CAAnB;MACA,MAAMqD,UAAU,GAAG,CAAC,EAAEvC,KAAK,CAACwC,OAAN,IAAiBhE,KAAK,CAACe,aAAvB,IAAwCf,KAAK,CAACgB,WAAhD,CAApB;MAEAiB,IAAI,QAAJ,YAAAA,IAAI,CAAEgC,gBAAN,CAAuBF,UAAvB;MAEA;QAAA,SAEW,CACL,aADK,EAEL;UACE,uBAAuB7B,QAAQ,CAACd,KADlC;UAEE,yBAAyBpB,KAAK,CAACW,QAFjC;UAGE,qBAAqB0B,WAAW,CAACjB,KAHnC;UAIE,oBAAoBpB,KAAK,CAACc,GAJ5B;UAKE,wBAAwB,CAACiD,UAAD,KAAe9B,IAAf,oBAAeA,IAAI,CAAE8B,UAAN,CAAiB3C,KAAhC,CAL1B;UAME,CAAE,GAAEpB,KAAK,CAACM,WAAY,EAAtB,GAA0B4B,QAAQ,CAACd;QANrC,CAFK,EAULyB,YAAY,CAACzB,KAVR,EAWL0B,aAAa,CAAC1B,KAXT,EAYLsC,QAAQ,GAAGX,YAAY,CAAC3B,KAAhB,GAAwBf,SAZ3B,EAaL6C,cAAc,CAAC9B,KAbV,EAcLgC,gBAAgB,CAAChC,KAdZ,EAeLkC,WAAW,CAAClC,KAfP,EAgBLiC,cAAc,CAACjC,KAhBV,EAiBL6B,cAAc,CAAC7B,KAjBV,CAFX;QAAA,SAqBW,CACLsC,QAAQ,GAAGV,WAAW,CAAC5B,KAAf,GAAuBf,SAD1B,EAEL8C,eAAe,CAAC/B,KAFX,CArBX;QAAA,QAyBWP,IAAI,CAACa,IAAL,CAAUN,KAzBrB;QAAA,YA0BeiB,WAAW,CAACjB,KAAZ,GAAoB,CAApB,GAAwBf,SA1BvC;QAAA,WA2BcgC,WAAW,CAACjB,KAAZ,KAAuB8C,CAAD,IAAmB;UAAA;;UACjD,IAAIpC,gBAAJ,EAAsB;UAEtB,kBAAAjB,IAAI,CAACsD,QAAL,yCAAAtD,IAAI,EAAYqD,CAAZ,CAAJ;UACAlE,KAAK,CAACoB,KAAN,IAAe,IAAf,IAAuBO,MAAM,CAAC,CAACC,UAAU,CAACR,KAAb,EAAoB8C,CAApB,CAA7B;QACD,CALS;MA3Bd;QAAA,gBAmCM9F,WAAW,CAACiE,WAAW,CAACjB,KAAZ,IAAqBc,QAAQ,CAACd,KAA/B,EAAsC,aAAtC,CAnCjB,EAqCM2C,UAAU;UAAA,OAEJ,SAFI;UAAA,YAGE;YACRjG,OAAO,EAAE;cACPsG,OAAO,EAAEpE,KAAK,CAACoE,OADR;cAEPC,KAAK,EAAErE,KAAK,CAACe;YAFN,CADD;YAKR/C,KAAK,EAAE;cACLoG,OAAO,EAAEpE,KAAK,CAACoE,OADV;cAELE,IAAI,EAAEtE,KAAK,CAACgB;YAFP,CALC;YASRuD,eAAe,EAAE;cACfC,KAAK,EAAE;YADQ;UATT;QAHF;UAAA;YAAA,SAiBG;UAjBH,IAkBJxE,KAAK,CAACe,aAAN;YAAA,OACa;UADb,QAlBI,EAsBJf,KAAK,CAACgB,WAAN;YAAA,OACW;UADX,QAtBI,oBA0BJQ,KAAK,CAACwC,OA1BF,qBA0BJ,oBAAAxC,KAAK,EAAW+B,SAAS,CAACnC,KAArB,CA1BD;QAAA,EArChB;UAAA,SAoEe;QApEf,IAqEQuC,QAAQ;UAAA,OACY;QADZ;UAAA,iDAEJnC,KAAK,CAACL,KAFF,qBAEJ,mBAAAK,KAAK,EAAS;YAAEL,KAAK,EAAEnB,KAAK,CAACmB;UAAf,CAAT,CAFD,2BAEqCnB,KAAK,CAACmB,KAF3C;QAAA,EArEhB,EA2EQyC,WAAW;UAAA,OACY;QADZ;UAAA,uDAEPpC,KAAK,CAACP,QAFC,qBAEP,sBAAAO,KAAK,EAAY;YAAEP,QAAQ,EAAEjB,KAAK,CAACiB;UAAlB,CAAZ,CAFE,8BAE2CjB,KAAK,CAACiB,QAFjD;QAAA,EA3EnB,oBAiFQO,KAAK,CAACpB,OAjFd,qBAiFQ,oBAAAoB,KAAK,EAAW+B,SAAS,CAACnC,KAArB,CAjFb,IAoFMyC,SAAS;UAAA,OAEH,QAFG;UAAA,YAGG;YACR/F,OAAO,EAAE;cACPsG,OAAO,EAAEpE,KAAK,CAACoE,OADR;cAEPC,KAAK,EAAErE,KAAK,CAACS;YAFN,CADD;YAKRzC,KAAK,EAAE;cACLoG,OAAO,EAAEpE,KAAK,CAACoE,OADV;cAELE,IAAI,EAAEtE,KAAK,CAACU;YAFP,CALC;YASR6D,eAAe,EAAE;cACfE,GAAG,EAAE;YADU;UATT;QAHH;UAAA;YAAA,SAiBI;UAjBJ,qBAkBHjD,KAAK,CAACsC,MAlBH,qBAkBH,mBAAAtC,KAAK,EAAU+B,SAAS,CAACnC,KAApB,CAlBF,EAoBHpB,KAAK,CAACU,UAAN;YAAA,OACW;UADX,QApBG,EAwBHV,KAAK,CAACS,YAAN;YAAA,OACa;UADb,QAxBG;QAAA,EApFf;MAAA,mCAiCe4B,WAAW,CAACjB,KAjC3B;IAoHD,CA9HQ,CAAT;IAgIA,OAAO,EAAP;EACD;;AAnNE,CARoC,CAAlC"}
+{"version":3,"file":"VListItem.mjs","names":["VAvatar","VDefaultsProvider","VIcon","VListItemSubtitle","VListItemTitle","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","useNestedItem","computed","watch","EventProp","genericComponent","useRender","VListItem","name","directives","props","active","type","Boolean","default","undefined","activeClass","String","activeColor","appendAvatar","appendIcon","disabled","lines","link","nav","prependAvatar","prependIcon","subtitle","Number","title","value","onClick","onClickOnce","variant","emits","click","e","setup","attrs","slots","emit","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","openOnSelect","list","isActive","isLink","isClickable","roundedProps","rounded","variantProps","color","val","open","immediate","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","slotProps","navigate","onKeyDown","key","preventDefault","Tag","tag","hasColor","hasTitle","hasSubtitle","hasAppend","append","hasPrepend","prepend","updateHasPrepend","density","image","icon","VListItemAction","start","end"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\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 { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { EventProp, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n  isActive: boolean\n  activate: (value: boolean) => void\n  isSelected: boolean\n  select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n  title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n  subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n  $props: SlotsToProps<{\n    prepend: [ListItemSlot]\n    append: [ListItemSlot]\n    default: [ListItemSlot]\n    title: [ListItemTitleSlot]\n    subtitle: [ListItemSubtitleSlot]\n  }>\n}>()({\n  name: 'VListItem',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    activeClass: String,\n    activeColor: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    disabled: Boolean,\n    lines: String as PropType<'one' | 'two' | 'three'>,\n    link: {\n      type: Boolean,\n      default: undefined,\n    },\n    nav: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: [String, Number, Boolean],\n    title: [String, Number, Boolean],\n    value: null,\n\n    onClick: EventProp,\n    onClickOnce: EventProp,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  emits: {\n    click: (e: MouseEvent | KeyboardEvent) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const link = useLink(props, attrs)\n    const id = computed(() => props.value ?? link.href.value)\n    const { select, isSelected, isIndeterminate, isGroupActivator, root, parent, openOnSelect } = useNestedItem(id, false)\n    const list = useList()\n    const isActive = computed(() =>\n      props.active !== false &&\n      (props.active || link.isActive?.value || isSelected.value)\n    )\n    const isLink = computed(() => props.link !== false && link.isLink.value)\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value || (props.value != null && !!list))\n    )\n\n    const roundedProps = computed(() => props.rounded || props.nav)\n    const variantProps = computed(() => ({\n      color: isActive.value ? props.activeColor ?? props.color : props.color,\n      variant: props.variant,\n    }))\n\n    watch(() => link.isActive?.value, val => {\n      if (val && parent.value != null) {\n        root.open(parent.value, true)\n      }\n\n      if (val) {\n        openOnSelect(val)\n      }\n    }, { immediate: true })\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(roundedProps)\n    const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n    const slotProps = computed(() => ({\n      isActive: isActive.value,\n      select,\n      isSelected: isSelected.value,\n      isIndeterminate: isIndeterminate.value,\n    }))\n\n    function onClick (e: MouseEvent) {\n      emit('click', e)\n\n      if (isGroupActivator || !isClickable.value) return\n\n      link.navigate?.(e)\n      props.value != null && select(!isSelected.value, e)\n    }\n\n    function onKeyDown (e: KeyboardEvent) {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onClick(e as any as MouseEvent)\n      }\n    }\n\n    useRender(() => {\n      const Tag = isLink.value ? 'a' : props.tag\n      const hasColor = !list || isSelected.value || isActive.value\n      const hasTitle = (slots.title || props.title)\n      const hasSubtitle = (slots.subtitle || props.subtitle)\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n\n      list?.updateHasPrepend(hasPrepend)\n\n      return (\n        <Tag\n          class={[\n            'v-list-item',\n            {\n              'v-list-item--active': isActive.value,\n              'v-list-item--disabled': props.disabled,\n              'v-list-item--link': isClickable.value,\n              'v-list-item--nav': props.nav,\n              'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n              [`${props.activeClass}`]: props.activeClass && isActive.value,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n          ]}\n          href={ link.href.value }\n          tabindex={ isClickable.value ? 0 : undefined }\n          onClick={ onClick }\n          onKeydown={ isClickable.value && !isLink.value && onKeyDown }\n          v-ripple={ isClickable.value }\n        >\n          { genOverlays(isClickable.value || isActive.value, 'v-list-item') }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n                VListItemAction: {\n                  start: true,\n                },\n              }}\n            >\n              <div class=\"v-list-item__prepend\">\n                { props.prependAvatar && (\n                  <VAvatar key=\"prepend-avatar\" />\n                ) }\n\n                { props.prependIcon && (\n                  <VIcon key=\"prepend-icon\" />\n                ) }\n\n                { slots.prepend?.(slotProps.value) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-list-item__content\">\n            { hasTitle && (\n              <VListItemTitle key=\"title\">\n                { slots.title?.({ title: props.title }) ?? props.title}\n              </VListItemTitle>\n            ) }\n\n            { hasSubtitle && (\n              <VListItemSubtitle key=\"subtitle\">\n                { slots.subtitle?.({ subtitle: props.subtitle }) ?? props.subtitle }\n              </VListItemSubtitle>\n            ) }\n\n            { slots.default?.(slotProps.value) }\n          </div>\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n                VListItemAction: {\n                  end: true,\n                },\n              }}\n            >\n              <div class=\"v-list-item__append\">\n                { slots.append?.(slotProps.value) }\n\n                { props.appendIcon && (\n                  <VIcon key=\"append-icon\" />\n                ) }\n\n                { props.appendAvatar && (\n                  <VAvatar key=\"append-avatar\" />\n                ) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":"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"}

package/lib/components/VList/VListItem.sass

@@ -239,6 +239,6 @@ $base-padding: list.nth($list-item-padding, 2)
 .v-list-group__items .v-list-item
   padding-inline-start: calc(#{$base-padding} + var(--indent-padding)) !important
 
-.v-list-group__header.v-list-item--active
+.v-list-group__header.v-list-item--active:not(:focus-visible)
   .v-list-item__overlay
-    display: none
+    opacity: 0

package/lib/components/VList/VListItemAction.mjs

@@ -1,7 +1,6 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VListItemAction = defineComponent({
   name: 'VListItemAction',
@@ -10,7 +9,6 @@ export const VListItemAction = defineComponent({
     end: Boolean,
     ...makeTagProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -23,6 +21,5 @@ export const VListItemAction = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VListItemAction.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VListItemAction.mjs","names":["makeTagProps","defineComponent","useRender","VListItemAction","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemAction.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListItemAction = defineComponent({\n  name: 'VListItemAction',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-list-item-action',\n          {\n            'v-list-item-action--start': props.start,\n            'v-list-item-action--end': props.end,\n          },\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC;EAC7CG,IAAI,EAAE,iBADuC;EAG7CC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,GAAG,EAAED,OAFA;IAIL,GAAGP,YAAY;EAJV,CAHsC;;EAU7CS,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBR,SAAS,CAAC;MAAA,SAEC,CACL,oBADK,EAEL;QACE,6BAA6BG,KAAK,CAACC,KADrC;QAEE,2BAA2BD,KAAK,CAACG;MAFnC,CAFK;IAFD,GASIE,KATJ,CAAD,CAAT;IAaA,OAAO,EAAP;EACD;;AAzB4C,CAAD,CAAvC"}
+{"version":3,"file":"VListItemAction.mjs","names":["makeTagProps","defineComponent","useRender","VListItemAction","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemAction.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListItemAction = defineComponent({\n  name: 'VListItemAction',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-list-item-action',\n          {\n            'v-list-item-action--start': props.start,\n            'v-list-item-action--end': props.end,\n          },\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VListItemAction = InstanceType<typeof VListItemAction>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY,qCAErB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC;EAC7CG,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAE;IACLC,KAAK,EAAEC,OAAO;IACdC,GAAG,EAAED,OAAO;IAEZ,GAAGP,YAAY;EACjB,CAAC;EAEDS,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrBR,SAAS,CAAC;MAAA,SAEC,CACL,oBAAoB,EACpB;QACE,2BAA2B,EAAEG,KAAK,CAACC,KAAK;QACxC,yBAAyB,EAAED,KAAK,CAACG;MACnC,CAAC;IACF,GACSE,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VList/VListItemMedia.mjs

@@ -1,7 +1,6 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VListItemMedia = defineComponent({
   name: 'VListItemMedia',
@@ -10,7 +9,6 @@ export const VListItemMedia = defineComponent({
     end: Boolean,
     ...makeTagProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -25,6 +23,5 @@ export const VListItemMedia = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VListItemMedia.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VListItemMedia.mjs","names":["makeTagProps","defineComponent","useRender","VListItemMedia","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemMedia.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.start,\n              'v-list-item-media--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,GAAG,EAAED,OAFA;IAIL,GAAGP,YAAY;EAJV,CAHqC;;EAU5CS,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBR,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,mBADK,EAEL;UACE,4BAA4BG,KAAK,CAACC,KADpC;UAEE,0BAA0BD,KAAK,CAACG;QAFlC,CAFK;MAFX,GAScE,KATd;IAYD,CAbQ,CAAT;IAeA,OAAO,EAAP;EACD;;AA3B2C,CAAD,CAAtC"}
+{"version":3,"file":"VListItemMedia.mjs","names":["makeTagProps","defineComponent","useRender","VListItemMedia","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemMedia.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.start,\n              'v-list-item-media--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VListItemMedia = InstanceType<typeof VListItemMedia>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY,qCAErB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,OAAO;IACdC,GAAG,EAAED,OAAO;IAEZ,GAAGP,YAAY;EACjB,CAAC;EAEDS,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrBR,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,mBAAmB,EACnB;UACE,0BAA0B,EAAEG,KAAK,CAACC,KAAK;UACvC,wBAAwB,EAAED,KAAK,CAACG;QAClC,CAAC;MACF,GACSE,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"VListItemSubtitle.mjs","names":["createSimpleFunctional","VListItemSubtitle"],"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAD,CAAhD"}
+{"version":3,"file":"VListItemSubtitle.mjs","names":["createSimpleFunctional","VListItemSubtitle"],"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n\nexport type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAsB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"VListItemTitle.mjs","names":["createSimpleFunctional","VListItemTitle"],"sources":["../../../src/components/VList/VListItemTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAD,CAA7C"}
+{"version":3,"file":"VListItemTitle.mjs","names":["createSimpleFunctional","VListItemTitle"],"sources":["../../../src/components/VList/VListItemTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n\nexport type VListItemTitle = InstanceType<typeof VListItemTitle>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAmB,CAAC"}

package/lib/components/VList/VListSubheader.mjs

@@ -2,7 +2,6 @@ import { createVNode as _createVNode } from "vue";
 // Composables
 import { makeTagProps } from "../../composables/tag.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
-
 import { toRef } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VListSubheader = defineComponent({
@@ -14,7 +13,6 @@ export const VListSubheader = defineComponent({
     title: String,
     ...makeTagProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -24,8 +22,7 @@ export const VListSubheader = defineComponent({
       textColorStyles
     } = useTextColor(toRef(props, 'color'));
     useRender(() => {
-      var _slots$default, _slots$default2;
-
+      var _slots$default;
       const hasText = !!(slots.default || props.title);
       return _createVNode(props.tag, {
         "class": ['v-list-subheader', {
@@ -38,11 +35,10 @@ export const VListSubheader = defineComponent({
       }, {
         default: () => [hasText && _createVNode("div", {
           "class": "v-list-subheader__text"
-        }, [(_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.title])]
+        }, [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? props.title])]
       });
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VListSubheader.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VListSubheader.mjs","names":["makeTagProps","useTextColor","toRef","defineComponent","useRender","VListSubheader","name","props","color","String","inset","Boolean","sticky","title","setup","slots","textColorClasses","textColorStyles","hasText","default","value"],"sources":["../../../src/components/VList/VListSubheader.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListSubheader = defineComponent({\n  name: 'VListSubheader',\n\n  props: {\n    color: String,\n    inset: Boolean,\n    sticky: Boolean,\n    title: String,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const hasText = !!(slots.default || props.title)\n\n      return (\n        <props.tag\n          class={[\n            'v-list-subheader',\n            {\n              'v-list-subheader--inset': props.inset,\n              'v-list-subheader--sticky': props.sticky,\n            },\n            textColorClasses.value,\n          ]}\n          style={{ textColorStyles }}\n        >\n          { hasText && (\n            <div class=\"v-list-subheader__text\">\n              { slots.default?.() ?? props.title }\n            </div>\n          ) }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,Y;SACAC,Y,uCAET;;AACA,SAASC,KAAT,QAAsB,KAAtB;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,KAAK,EAAEC,MADF;IAELC,KAAK,EAAEC,OAFF;IAGLC,MAAM,EAAED,OAHH;IAILE,KAAK,EAAEJ,MAJF;IAML,GAAGT,YAAY;EANV,CAHqC;;EAY5Cc,KAAK,CAAEP,KAAF,QAAoB;IAAA,IAAX;MAAEQ;IAAF,CAAW;IACvB,MAAM;MAAEC,gBAAF;MAAoBC;IAApB,IAAwChB,YAAY,CAACC,KAAK,CAACK,KAAD,EAAQ,OAAR,CAAN,CAA1D;IAEAH,SAAS,CAAC,MAAM;MAAA;;MACd,MAAMc,OAAO,GAAG,CAAC,EAAEH,KAAK,CAACI,OAAN,IAAiBZ,KAAK,CAACM,KAAzB,CAAjB;MAEA;QAAA,SAEW,CACL,kBADK,EAEL;UACE,2BAA2BN,KAAK,CAACG,KADnC;UAEE,4BAA4BH,KAAK,CAACK;QAFpC,CAFK,EAMLI,gBAAgB,CAACI,KANZ,CAFX;QAAA,SAUW;UAAEH;QAAF;MAVX;QAAA,gBAYMC,OAAO;UAAA,SACI;QADJ,yCAEHH,KAAK,CAACI,OAFH,qBAEH,qBAAAJ,KAAK,CAFF,6BAEkBR,KAAK,CAACM,KAFxB,EAZb;MAAA;IAmBD,CAtBQ,CAAT;IAwBA,OAAO,EAAP;EACD;;AAxC2C,CAAD,CAAtC"}
+{"version":3,"file":"VListSubheader.mjs","names":["makeTagProps","useTextColor","toRef","defineComponent","useRender","VListSubheader","name","props","color","String","inset","Boolean","sticky","title","setup","slots","textColorClasses","textColorStyles","hasText","default","value"],"sources":["../../../src/components/VList/VListSubheader.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListSubheader = defineComponent({\n  name: 'VListSubheader',\n\n  props: {\n    color: String,\n    inset: Boolean,\n    sticky: Boolean,\n    title: String,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const hasText = !!(slots.default || props.title)\n\n      return (\n        <props.tag\n          class={[\n            'v-list-subheader',\n            {\n              'v-list-subheader--inset': props.inset,\n              'v-list-subheader--sticky': props.sticky,\n            },\n            textColorClasses.value,\n          ]}\n          style={{ textColorStyles }}\n        >\n          { hasText && (\n            <div class=\"v-list-subheader__text\">\n              { slots.default?.() ?? props.title }\n            </div>\n          ) }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VListSubheader = InstanceType<typeof VListSubheader>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY;AAAA,SACZC,YAAY,uCAErB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAAM;IACbC,KAAK,EAAEC,OAAO;IACdC,MAAM,EAAED,OAAO;IACfE,KAAK,EAAEJ,MAAM;IAEb,GAAGT,YAAY;EACjB,CAAC;EAEDc,KAAK,CAAEP,KAAK,QAAa;IAAA,IAAX;MAAEQ;IAAM,CAAC;IACrB,MAAM;MAAEC,gBAAgB;MAAEC;IAAgB,CAAC,GAAGhB,YAAY,CAACC,KAAK,CAACK,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFH,SAAS,CAAC,MAAM;MAAA;MACd,MAAMc,OAAO,GAAG,CAAC,EAAEH,KAAK,CAACI,OAAO,IAAIZ,KAAK,CAACM,KAAK,CAAC;MAEhD;QAAA,SAEW,CACL,kBAAkB,EAClB;UACE,yBAAyB,EAAEN,KAAK,CAACG,KAAK;UACtC,0BAA0B,EAAEH,KAAK,CAACK;QACpC,CAAC,EACDI,gBAAgB,CAACI,KAAK,CACvB;QAAA,SACM;UAAEH;QAAgB;MAAC;QAAA,gBAExBC,OAAO;UAAA,SACI;QAAwB,IAC/B,mBAAAH,KAAK,CAACI,OAAO,qBAAb,oBAAAJ,KAAK,CAAY,KAAIR,KAAK,CAACM,KAAK,EAErC;MAAA;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}