vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VPagination/VPagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VPagination.mjs","names":["VBtn","IconValue","makeBorderProps","makeDensityProps","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","useLocale","useProxiedModel","useRefs","useResizeObserver","useRtl","computed","nextTick","ref","toRef","createRange","defineComponent","keyValues","useRender","VPagination","name","props","activeColor","String","start","type","Number","default","modelValue","disabled","Boolean","length","validator","val","totalVisible","firstIcon","prevIcon","nextIcon","lastIcon","ariaLabel","pageAriaLabel","currentPageAriaLabel","firstAriaLabel","previousAriaLabel","nextAriaLabel","lastAriaLabel","ellipsis","showFirstLastPage","tag","variant","emits","value","first","prev","next","last","setup","slots","emit","page","t","n","isRtl","themeClasses","maxButtons","undefined","scoped","resizeRef","entries","target","contentRect","firstItem","querySelector","totalWidth","width","itemWidth","getBoundingClientRect","Math","max","floor","parseInt","min","range","isNaN","MAX_SAFE_INTEGER","even","middle","left","right","rangeLength","rangeStart","ceil","setValue","e","event","preventDefault","refs","updateRef","VPaginationBtn","color","border","density","size","items","map","item","index","isActive","icon","elevation","rounded","ariaCurrent","onClick","controls","prevDisabled","nextDisabled","ariaDisabled","updateFocus","currentIndex","$el","focus","onKeydown","key"],"sources":["../../../src/components/VPagination/VPagination.tsx"],"sourcesContent":["// Styles\nimport './VPagination.sass'\n\n// Components\nimport { VBtn } from '../VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps } from '@/composables/border'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRefs } from '@/composables/refs'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed, nextTick, ref, toRef } from 'vue'\nimport { createRange, defineComponent, keyValues, useRender } from '@/util'\n\n// Types\nimport type { ComponentPublicInstance } from 'vue'\n\nexport const VPagination = defineComponent({\n  name: 'VPagination',\n\n  props: {\n    activeColor: String,\n    start: {\n      type: [Number, String],\n      default: 1,\n    },\n    modelValue: {\n      type: Number,\n      default: (props: any) => props.start,\n    },\n    disabled: Boolean,\n    length: {\n      type: [Number, String],\n      default: 1,\n      validator: (val: number) => val % 1 === 0,\n    },\n    totalVisible: [Number, String],\n    firstIcon: {\n      type: IconValue,\n      default: '$first',\n    },\n    prevIcon: {\n      type: IconValue,\n      default: '$prev',\n    },\n    nextIcon: {\n      type: IconValue,\n      default: '$next',\n    },\n    lastIcon: {\n      type: IconValue,\n      default: '$last',\n    },\n    ariaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.root',\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    firstAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.first',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    lastAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.last',\n    },\n    ellipsis: {\n      type: String,\n      default: '...',\n    },\n    showFirstLastPage: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'nav' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n    first: (value: number) => true,\n    prev: (value: number) => true,\n    next: (value: number) => true,\n    last: (value: number) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const page = useProxiedModel(props, 'modelValue')\n    const { t, n } = useLocale()\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const maxButtons = ref(-1)\n\n    provideDefaults(undefined, { scoped: true })\n\n    const { resizeRef } = useResizeObserver((entries: ResizeObserverEntry[]) => {\n      if (!entries.length) return\n\n      const { target, contentRect } = entries[0]\n\n      const firstItem = target.querySelector('.v-pagination__list > *')\n\n      if (!firstItem) return\n\n      const totalWidth = contentRect.width\n      const itemWidth = firstItem.getBoundingClientRect().width + 10\n\n      maxButtons.value = Math.max(0, Math.floor((totalWidth - 96) / itemWidth))\n    })\n\n    const length = computed(() => parseInt(props.length, 10))\n    const start = computed(() => parseInt(props.start, 10))\n\n    const totalVisible = computed(() => {\n      if (props.totalVisible) return Math.min(parseInt(props.totalVisible ?? '', 10), length.value)\n      else if (maxButtons.value >= 0) return maxButtons.value\n      return length.value\n    })\n\n    const range = computed(() => {\n      if (length.value <= 0 || isNaN(length.value) || length.value > Number.MAX_SAFE_INTEGER) return []\n\n      if (totalVisible.value <= 2) return [page.value]\n\n      if (length.value <= totalVisible.value) {\n        return createRange(length.value, start.value)\n      }\n\n      const even = totalVisible.value % 2 === 0\n      const middle = even ? totalVisible.value / 2 : Math.floor(totalVisible.value / 2)\n      const left = even ? middle : middle + 1\n      const right = length.value - middle\n\n      if (left - page.value >= 0) {\n        return [...createRange(Math.max(1, totalVisible.value - 1), start.value), props.ellipsis, length.value]\n      } else if (page.value - right >= 0) {\n        const rangeLength = totalVisible.value - 1\n        const rangeStart = length.value - rangeLength + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart)]\n      } else {\n        const rangeLength = Math.max(1, totalVisible.value - 3)\n        const rangeStart = rangeLength === 1 ? page.value : page.value - Math.ceil(rangeLength / 2) + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, length.value]\n      }\n    })\n\n    // TODO: 'first' | 'prev' | 'next' | 'last' does not work here?\n    function setValue (e: Event, value: number, event?: any) {\n      e.preventDefault()\n      page.value = value\n      event && emit(event, value)\n    }\n\n    const { refs, updateRef } = useRefs<ComponentPublicInstance>()\n\n    provideDefaults({\n      VPaginationBtn: {\n        color: toRef(props, 'color'),\n        border: toRef(props, 'border'),\n        density: toRef(props, 'density'),\n        size: toRef(props, 'size'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    const items = computed(() => {\n      return range.value.map((item, index) => {\n        const ref = (e: any) => updateRef(e, index)\n\n        if (typeof item === 'string') {\n          return {\n            isActive: false,\n            page: item,\n            props: {\n              ref,\n              ellipsis: true,\n              icon: true,\n              disabled: true,\n            },\n          }\n        } else {\n          const isActive = item === page.value\n          return {\n            isActive,\n            page: n(item),\n            props: {\n              ref,\n              ellipsis: false,\n              icon: true,\n              disabled: !!props.disabled || props.length < 2,\n              elevation: props.elevation,\n              rounded: props.rounded,\n              color: isActive ? props.activeColor : props.color,\n              ariaCurrent: isActive,\n              ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, index + 1),\n              onClick: (e: Event) => setValue(e, item),\n            },\n          }\n        }\n      })\n    })\n\n    const controls = computed(() => {\n      const prevDisabled = !!props.disabled || page.value <= start.value\n      const nextDisabled = !!props.disabled || page.value >= start.value + length.value - 1\n\n      return {\n        first: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.lastIcon : props.firstIcon,\n          onClick: (e: Event) => setValue(e, start.value, 'first'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.firstAriaLabel),\n          ariaDisabled: prevDisabled,\n        } : undefined,\n        prev: {\n          icon: isRtl.value ? props.nextIcon : props.prevIcon,\n          onClick: (e: Event) => setValue(e, page.value - 1, 'prev'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.previousAriaLabel),\n          ariaDisabled: prevDisabled,\n        },\n        next: {\n          icon: isRtl.value ? props.prevIcon : props.nextIcon,\n          onClick: (e: Event) => setValue(e, page.value + 1, 'next'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.nextAriaLabel),\n          ariaDisabled: nextDisabled,\n        },\n        last: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.firstIcon : props.lastIcon,\n          onClick: (e: Event) => setValue(e, start.value + length.value - 1, 'last'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.lastAriaLabel),\n          ariaDisabled: nextDisabled,\n        } : undefined,\n      }\n    })\n\n    function updateFocus () {\n      const currentIndex = page.value - start.value\n      refs.value[currentIndex]?.$el.focus()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === keyValues.left && !props.disabled && page.value > props.start) {\n        page.value = page.value - 1\n        nextTick(updateFocus)\n      } else if (e.key === keyValues.right && !props.disabled && page.value < start.value + length.value - 1) {\n        page.value = page.value + 1\n        nextTick(updateFocus)\n      }\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ resizeRef }\n        class={[\n          'v-pagination',\n          themeClasses.value,\n        ]}\n        role=\"navigation\"\n        aria-label={ t(props.ariaLabel) }\n        onKeydown={ onKeydown }\n        data-test=\"v-pagination-root\"\n      >\n        <ul class=\"v-pagination__list\">\n          { props.showFirstLastPage && (\n            <li key=\"first\" class=\"v-pagination__first\" data-test=\"v-pagination-first\">\n              { slots.first ? slots.first(controls.value.first) : (\n                <VBtn _as=\"VPaginationBtn\" {...controls.value.first} />\n              ) }\n            </li>\n          ) }\n\n          <li key=\"prev\" class=\"v-pagination__prev\" data-test=\"v-pagination-prev\">\n            { slots.prev ? slots.prev(controls.value.prev) : (\n              <VBtn _as=\"VPaginationBtn\" {...controls.value.prev} />\n            ) }\n          </li>\n\n          { items.value.map((item, index) => (\n            <li\n              key={ item.page }\n              class={[\n                'v-pagination__item',\n                {\n                  'v-pagination__item--is-active': item.isActive,\n                },\n              ]}\n              data-test=\"v-pagination-item\"\n            >\n              { slots.item ? slots.item(item) : (\n                <VBtn _as=\"VPaginationBtn\" {...item.props}>{ item.page }</VBtn>\n              ) }\n            </li>\n          )) }\n\n          <li\n            key=\"next\"\n            class=\"v-pagination__next\"\n            data-test=\"v-pagination-next\"\n          >\n            { slots.next ? slots.next(controls.value.next) : (\n              <VBtn _as=\"VPaginationBtn\" {...controls.value.next} />\n            ) }\n          </li>\n\n          { props.showFirstLastPage && (\n            <li\n              key=\"last\"\n              class=\"v-pagination__last\"\n              data-test=\"v-pagination-last\"\n            >\n              { slots.last ? slots.last(controls.value.last) : (\n                <VBtn _as=\"VPaginationBtn\" {...controls.value.last} />\n              ) }\n            </li>\n          ) }\n        </ul>\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VPagination = InstanceType<typeof VPagination>\n"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,I,6BAET;;SACSC,S;SACAC,e;SACAC,gB;SACAC,kB;SACAC,gB;SACAC,a;SACAC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e;SACAC,S;SACAC,e;SACAC,O;SACAC,iB;SACAC,M,qCAET;;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,GAA7B,EAAkCC,KAAlC,QAA+C,KAA/C;SACSC,W,EAAaC,e,EAAiBC,S,EAAWC,S,gCAElD;;AAGA,OAAO,MAAMC,WAAW,GAAGH,eAAe,CAAC;EACzCI,IAAI,EAAE,aADmC;EAGzCC,KAAK,EAAE;IACLC,WAAW,EAAEC,MADR;IAELC,KAAK,EAAE;MACLC,IAAI,EAAE,CAACC,MAAD,EAASH,MAAT,CADD;MAELI,OAAO,EAAE;IAFJ,CAFF;IAMLC,UAAU,EAAE;MACVH,IAAI,EAAEC,MADI;MAEVC,OAAO,EAAGN,KAAD,IAAgBA,KAAK,CAACG;IAFrB,CANP;IAULK,QAAQ,EAAEC,OAVL;IAWLC,MAAM,EAAE;MACNN,IAAI,EAAE,CAACC,MAAD,EAASH,MAAT,CADA;MAENI,OAAO,EAAE,CAFH;MAGNK,SAAS,EAAGC,GAAD,IAAiBA,GAAG,GAAG,CAAN,KAAY;IAHlC,CAXH;IAgBLC,YAAY,EAAE,CAACR,MAAD,EAASH,MAAT,CAhBT;IAiBLY,SAAS,EAAE;MACTV,IAAI,EAAE9B,SADG;MAETgC,OAAO,EAAE;IAFA,CAjBN;IAqBLS,QAAQ,EAAE;MACRX,IAAI,EAAE9B,SADE;MAERgC,OAAO,EAAE;IAFD,CArBL;IAyBLU,QAAQ,EAAE;MACRZ,IAAI,EAAE9B,SADE;MAERgC,OAAO,EAAE;IAFD,CAzBL;IA6BLW,QAAQ,EAAE;MACRb,IAAI,EAAE9B,SADE;MAERgC,OAAO,EAAE;IAFD,CA7BL;IAiCLY,SAAS,EAAE;MACTd,IAAI,EAAEF,MADG;MAETI,OAAO,EAAE;IAFA,CAjCN;IAqCLa,aAAa,EAAE;MACbf,IAAI,EAAEF,MADO;MAEbI,OAAO,EAAE;IAFI,CArCV;IAyCLc,oBAAoB,EAAE;MACpBhB,IAAI,EAAEF,MADc;MAEpBI,OAAO,EAAE;IAFW,CAzCjB;IA6CLe,cAAc,EAAE;MACdjB,IAAI,EAAEF,MADQ;MAEdI,OAAO,EAAE;IAFK,CA7CX;IAiDLgB,iBAAiB,EAAE;MACjBlB,IAAI,EAAEF,MADW;MAEjBI,OAAO,EAAE;IAFQ,CAjDd;IAqDLiB,aAAa,EAAE;MACbnB,IAAI,EAAEF,MADO;MAEbI,OAAO,EAAE;IAFI,CArDV;IAyDLkB,aAAa,EAAE;MACbpB,IAAI,EAAEF,MADO;MAEbI,OAAO,EAAE;IAFI,CAzDV;IA6DLmB,QAAQ,EAAE;MACRrB,IAAI,EAAEF,MADE;MAERI,OAAO,EAAE;IAFD,CA7DL;IAiELoB,iBAAiB,EAAEjB,OAjEd;IAmEL,GAAGlC,eAAe,EAnEb;IAoEL,GAAGC,gBAAgB,EApEd;IAqEL,GAAGC,kBAAkB,EArEhB;IAsEL,GAAGC,gBAAgB,EAtEd;IAuEL,GAAGC,aAAa,EAvEX;IAwEL,GAAGC,YAAY,CAAC;MAAE+C,GAAG,EAAE;IAAP,CAAD,CAxEV;IAyEL,GAAG9C,cAAc,EAzEZ;IA0EL,GAAGE,gBAAgB,CAAC;MAAE6C,OAAO,EAAE;IAAX,CAAD;EA1Ed,CAHkC;EAgFzCC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAmB,IADnC;IAELC,KAAK,EAAGD,KAAD,IAAmB,IAFrB;IAGLE,IAAI,EAAGF,KAAD,IAAmB,IAHpB;IAILG,IAAI,EAAGH,KAAD,IAAmB,IAJpB;IAKLI,IAAI,EAAGJ,KAAD,IAAmB;EALpB,CAhFkC;;EAwFzCK,KAAK,CAAEnC,KAAF,QAA0B;IAAA,IAAjB;MAAEoC,KAAF;MAASC;IAAT,CAAiB;IAC7B,MAAMC,IAAI,GAAGpD,eAAe,CAACc,KAAD,EAAQ,YAAR,CAA5B;IACA,MAAM;MAAEuC,CAAF;MAAKC;IAAL,IAAWvD,SAAS,EAA1B;IACA,MAAM;MAAEwD;IAAF,IAAYpD,MAAM,EAAxB;IACA,MAAM;MAAEqD;IAAF,IAAmB5D,YAAY,CAACkB,KAAD,CAArC;IACA,MAAM2C,UAAU,GAAGnD,GAAG,CAAC,CAAC,CAAF,CAAtB;IAEAR,eAAe,CAAC4D,SAAD,EAAY;MAAEC,MAAM,EAAE;IAAV,CAAZ,CAAf;IAEA,MAAM;MAAEC;IAAF,IAAgB1D,iBAAiB,CAAE2D,OAAD,IAAoC;MAC1E,IAAI,CAACA,OAAO,CAACrC,MAAb,EAAqB;MAErB,MAAM;QAAEsC,MAAF;QAAUC;MAAV,IAA0BF,OAAO,CAAC,CAAD,CAAvC;MAEA,MAAMG,SAAS,GAAGF,MAAM,CAACG,aAAP,CAAqB,yBAArB,CAAlB;MAEA,IAAI,CAACD,SAAL,EAAgB;MAEhB,MAAME,UAAU,GAAGH,WAAW,CAACI,KAA/B;MACA,MAAMC,SAAS,GAAGJ,SAAS,CAACK,qBAAV,GAAkCF,KAAlC,GAA0C,EAA5D;MAEAV,UAAU,CAACb,KAAX,GAAmB0B,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYD,IAAI,CAACE,KAAL,CAAW,CAACN,UAAU,GAAG,EAAd,IAAoBE,SAA/B,CAAZ,CAAnB;IACD,CAbsC,CAAvC;IAeA,MAAM5C,MAAM,GAAGpB,QAAQ,CAAC,MAAMqE,QAAQ,CAAC3D,KAAK,CAACU,MAAP,EAAe,EAAf,CAAf,CAAvB;IACA,MAAMP,KAAK,GAAGb,QAAQ,CAAC,MAAMqE,QAAQ,CAAC3D,KAAK,CAACG,KAAP,EAAc,EAAd,CAAf,CAAtB;IAEA,MAAMU,YAAY,GAAGvB,QAAQ,CAAC,MAAM;MAAA;;MAClC,IAAIU,KAAK,CAACa,YAAV,EAAwB,OAAO2C,IAAI,CAACI,GAAL,CAASD,QAAQ,wBAAC3D,KAAK,CAACa,YAAP,kCAAuB,EAAvB,EAA2B,EAA3B,CAAjB,EAAiDH,MAAM,CAACoB,KAAxD,CAAP,CAAxB,KACK,IAAIa,UAAU,CAACb,KAAX,IAAoB,CAAxB,EAA2B,OAAOa,UAAU,CAACb,KAAlB;MAChC,OAAOpB,MAAM,CAACoB,KAAd;IACD,CAJ4B,CAA7B;IAMA,MAAM+B,KAAK,GAAGvE,QAAQ,CAAC,MAAM;MAC3B,IAAIoB,MAAM,CAACoB,KAAP,IAAgB,CAAhB,IAAqBgC,KAAK,CAACpD,MAAM,CAACoB,KAAR,CAA1B,IAA4CpB,MAAM,CAACoB,KAAP,GAAezB,MAAM,CAAC0D,gBAAtE,EAAwF,OAAO,EAAP;MAExF,IAAIlD,YAAY,CAACiB,KAAb,IAAsB,CAA1B,EAA6B,OAAO,CAACQ,IAAI,CAACR,KAAN,CAAP;;MAE7B,IAAIpB,MAAM,CAACoB,KAAP,IAAgBjB,YAAY,CAACiB,KAAjC,EAAwC;QACtC,OAAOpC,WAAW,CAACgB,MAAM,CAACoB,KAAR,EAAe3B,KAAK,CAAC2B,KAArB,CAAlB;MACD;;MAED,MAAMkC,IAAI,GAAGnD,YAAY,CAACiB,KAAb,GAAqB,CAArB,KAA2B,CAAxC;MACA,MAAMmC,MAAM,GAAGD,IAAI,GAAGnD,YAAY,CAACiB,KAAb,GAAqB,CAAxB,GAA4B0B,IAAI,CAACE,KAAL,CAAW7C,YAAY,CAACiB,KAAb,GAAqB,CAAhC,CAA/C;MACA,MAAMoC,IAAI,GAAGF,IAAI,GAAGC,MAAH,GAAYA,MAAM,GAAG,CAAtC;MACA,MAAME,KAAK,GAAGzD,MAAM,CAACoB,KAAP,GAAemC,MAA7B;;MAEA,IAAIC,IAAI,GAAG5B,IAAI,CAACR,KAAZ,IAAqB,CAAzB,EAA4B;QAC1B,OAAO,CAAC,GAAGpC,WAAW,CAAC8D,IAAI,CAACC,GAAL,CAAS,CAAT,EAAY5C,YAAY,CAACiB,KAAb,GAAqB,CAAjC,CAAD,EAAsC3B,KAAK,CAAC2B,KAA5C,CAAf,EAAmE9B,KAAK,CAACyB,QAAzE,EAAmFf,MAAM,CAACoB,KAA1F,CAAP;MACD,CAFD,MAEO,IAAIQ,IAAI,CAACR,KAAL,GAAaqC,KAAb,IAAsB,CAA1B,EAA6B;QAClC,MAAMC,WAAW,GAAGvD,YAAY,CAACiB,KAAb,GAAqB,CAAzC;QACA,MAAMuC,UAAU,GAAG3D,MAAM,CAACoB,KAAP,GAAesC,WAAf,GAA6BjE,KAAK,CAAC2B,KAAtD;QACA,OAAO,CAAC3B,KAAK,CAAC2B,KAAP,EAAc9B,KAAK,CAACyB,QAApB,EAA8B,GAAG/B,WAAW,CAAC0E,WAAD,EAAcC,UAAd,CAA5C,CAAP;MACD,CAJM,MAIA;QACL,MAAMD,WAAW,GAAGZ,IAAI,CAACC,GAAL,CAAS,CAAT,EAAY5C,YAAY,CAACiB,KAAb,GAAqB,CAAjC,CAApB;QACA,MAAMuC,UAAU,GAAGD,WAAW,KAAK,CAAhB,GAAoB9B,IAAI,CAACR,KAAzB,GAAiCQ,IAAI,CAACR,KAAL,GAAa0B,IAAI,CAACc,IAAL,CAAUF,WAAW,GAAG,CAAxB,CAAb,GAA0CjE,KAAK,CAAC2B,KAApG;QACA,OAAO,CAAC3B,KAAK,CAAC2B,KAAP,EAAc9B,KAAK,CAACyB,QAApB,EAA8B,GAAG/B,WAAW,CAAC0E,WAAD,EAAcC,UAAd,CAA5C,EAAuErE,KAAK,CAACyB,QAA7E,EAAuFf,MAAM,CAACoB,KAA9F,CAAP;MACD;IACF,CAzBqB,CAAtB,CAjC6B,CA4D7B;;IACA,SAASyC,QAAT,CAAmBC,CAAnB,EAA6B1C,KAA7B,EAA4C2C,KAA5C,EAAyD;MACvDD,CAAC,CAACE,cAAF;MACApC,IAAI,CAACR,KAAL,GAAaA,KAAb;MACA2C,KAAK,IAAIpC,IAAI,CAACoC,KAAD,EAAQ3C,KAAR,CAAb;IACD;;IAED,MAAM;MAAE6C,IAAF;MAAQC;IAAR,IAAsBzF,OAAO,EAAnC;IAEAH,eAAe,CAAC;MACd6F,cAAc,EAAE;QACdC,KAAK,EAAErF,KAAK,CAACO,KAAD,EAAQ,OAAR,CADE;QAEd+E,MAAM,EAAEtF,KAAK,CAACO,KAAD,EAAQ,QAAR,CAFC;QAGdgF,OAAO,EAAEvF,KAAK,CAACO,KAAD,EAAQ,SAAR,CAHA;QAIdiF,IAAI,EAAExF,KAAK,CAACO,KAAD,EAAQ,MAAR,CAJG;QAKd4B,OAAO,EAAEnC,KAAK,CAACO,KAAD,EAAQ,SAAR;MALA;IADF,CAAD,CAAf;IAUA,MAAMkF,KAAK,GAAG5F,QAAQ,CAAC,MAAM;MAC3B,OAAOuE,KAAK,CAAC/B,KAAN,CAAYqD,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,KAAiB;QACtC,MAAM7F,GAAG,GAAIgF,CAAD,IAAYI,SAAS,CAACJ,CAAD,EAAIa,KAAJ,CAAjC;;QAEA,IAAI,OAAOD,IAAP,KAAgB,QAApB,EAA8B;UAC5B,OAAO;YACLE,QAAQ,EAAE,KADL;YAELhD,IAAI,EAAE8C,IAFD;YAGLpF,KAAK,EAAE;cACLR,GADK;cAELiC,QAAQ,EAAE,IAFL;cAGL8D,IAAI,EAAE,IAHD;cAIL/E,QAAQ,EAAE;YAJL;UAHF,CAAP;QAUD,CAXD,MAWO;UACL,MAAM8E,QAAQ,GAAGF,IAAI,KAAK9C,IAAI,CAACR,KAA/B;UACA,OAAO;YACLwD,QADK;YAELhD,IAAI,EAAEE,CAAC,CAAC4C,IAAD,CAFF;YAGLpF,KAAK,EAAE;cACLR,GADK;cAELiC,QAAQ,EAAE,KAFL;cAGL8D,IAAI,EAAE,IAHD;cAIL/E,QAAQ,EAAE,CAAC,CAACR,KAAK,CAACQ,QAAR,IAAoBR,KAAK,CAACU,MAAN,GAAe,CAJxC;cAKL8E,SAAS,EAAExF,KAAK,CAACwF,SALZ;cAMLC,OAAO,EAAEzF,KAAK,CAACyF,OANV;cAOLX,KAAK,EAAEQ,QAAQ,GAAGtF,KAAK,CAACC,WAAT,GAAuBD,KAAK,CAAC8E,KAPvC;cAQLY,WAAW,EAAEJ,QARR;cASLpE,SAAS,EAAEqB,CAAC,CAAC+C,QAAQ,GAAGtF,KAAK,CAACoB,oBAAT,GAAgCpB,KAAK,CAACmB,aAA/C,EAA8DkE,KAAK,GAAG,CAAtE,CATP;cAULM,OAAO,EAAGnB,CAAD,IAAcD,QAAQ,CAACC,CAAD,EAAIY,IAAJ;YAV1B;UAHF,CAAP;QAgBD;MACF,CAjCM,CAAP;IAkCD,CAnCqB,CAAtB;IAqCA,MAAMQ,QAAQ,GAAGtG,QAAQ,CAAC,MAAM;MAC9B,MAAMuG,YAAY,GAAG,CAAC,CAAC7F,KAAK,CAACQ,QAAR,IAAoB8B,IAAI,CAACR,KAAL,IAAc3B,KAAK,CAAC2B,KAA7D;MACA,MAAMgE,YAAY,GAAG,CAAC,CAAC9F,KAAK,CAACQ,QAAR,IAAoB8B,IAAI,CAACR,KAAL,IAAc3B,KAAK,CAAC2B,KAAN,GAAcpB,MAAM,CAACoB,KAArB,GAA6B,CAApF;MAEA,OAAO;QACLC,KAAK,EAAE/B,KAAK,CAAC0B,iBAAN,GAA0B;UAC/B6D,IAAI,EAAE9C,KAAK,CAACX,KAAN,GAAc9B,KAAK,CAACiB,QAApB,GAA+BjB,KAAK,CAACc,SADZ;UAE/B6E,OAAO,EAAGnB,CAAD,IAAcD,QAAQ,CAACC,CAAD,EAAIrE,KAAK,CAAC2B,KAAV,EAAiB,OAAjB,CAFA;UAG/BtB,QAAQ,EAAEqF,YAHqB;UAI/B3E,SAAS,EAAEqB,CAAC,CAACvC,KAAK,CAACqB,cAAP,CAJmB;UAK/B0E,YAAY,EAAEF;QALiB,CAA1B,GAMHjD,SAPC;QAQLZ,IAAI,EAAE;UACJuD,IAAI,EAAE9C,KAAK,CAACX,KAAN,GAAc9B,KAAK,CAACgB,QAApB,GAA+BhB,KAAK,CAACe,QADvC;UAEJ4E,OAAO,EAAGnB,CAAD,IAAcD,QAAQ,CAACC,CAAD,EAAIlC,IAAI,CAACR,KAAL,GAAa,CAAjB,EAAoB,MAApB,CAF3B;UAGJtB,QAAQ,EAAEqF,YAHN;UAIJ3E,SAAS,EAAEqB,CAAC,CAACvC,KAAK,CAACsB,iBAAP,CAJR;UAKJyE,YAAY,EAAEF;QALV,CARD;QAeL5D,IAAI,EAAE;UACJsD,IAAI,EAAE9C,KAAK,CAACX,KAAN,GAAc9B,KAAK,CAACe,QAApB,GAA+Bf,KAAK,CAACgB,QADvC;UAEJ2E,OAAO,EAAGnB,CAAD,IAAcD,QAAQ,CAACC,CAAD,EAAIlC,IAAI,CAACR,KAAL,GAAa,CAAjB,EAAoB,MAApB,CAF3B;UAGJtB,QAAQ,EAAEsF,YAHN;UAIJ5E,SAAS,EAAEqB,CAAC,CAACvC,KAAK,CAACuB,aAAP,CAJR;UAKJwE,YAAY,EAAED;QALV,CAfD;QAsBL5D,IAAI,EAAElC,KAAK,CAAC0B,iBAAN,GAA0B;UAC9B6D,IAAI,EAAE9C,KAAK,CAACX,KAAN,GAAc9B,KAAK,CAACc,SAApB,GAAgCd,KAAK,CAACiB,QADd;UAE9B0E,OAAO,EAAGnB,CAAD,IAAcD,QAAQ,CAACC,CAAD,EAAIrE,KAAK,CAAC2B,KAAN,GAAcpB,MAAM,CAACoB,KAArB,GAA6B,CAAjC,EAAoC,MAApC,CAFD;UAG9BtB,QAAQ,EAAEsF,YAHoB;UAI9B5E,SAAS,EAAEqB,CAAC,CAACvC,KAAK,CAACwB,aAAP,CAJkB;UAK9BuE,YAAY,EAAED;QALgB,CAA1B,GAMFlD;MA5BC,CAAP;IA8BD,CAlCwB,CAAzB;;IAoCA,SAASoD,WAAT,GAAwB;MAAA;;MACtB,MAAMC,YAAY,GAAG3D,IAAI,CAACR,KAAL,GAAa3B,KAAK,CAAC2B,KAAxC;MACA,yBAAA6C,IAAI,CAAC7C,KAAL,CAAWmE,YAAX,4CAA0BC,GAA1B,CAA8BC,KAA9B;IACD;;IAED,SAASC,SAAT,CAAoB5B,CAApB,EAAsC;MACpC,IAAIA,CAAC,CAAC6B,GAAF,KAAUzG,SAAS,CAACsE,IAApB,IAA4B,CAAClE,KAAK,CAACQ,QAAnC,IAA+C8B,IAAI,CAACR,KAAL,GAAa9B,KAAK,CAACG,KAAtE,EAA6E;QAC3EmC,IAAI,CAACR,KAAL,GAAaQ,IAAI,CAACR,KAAL,GAAa,CAA1B;QACAvC,QAAQ,CAACyG,WAAD,CAAR;MACD,CAHD,MAGO,IAAIxB,CAAC,CAAC6B,GAAF,KAAUzG,SAAS,CAACuE,KAApB,IAA6B,CAACnE,KAAK,CAACQ,QAApC,IAAgD8B,IAAI,CAACR,KAAL,GAAa3B,KAAK,CAAC2B,KAAN,GAAcpB,MAAM,CAACoB,KAArB,GAA6B,CAA9F,EAAiG;QACtGQ,IAAI,CAACR,KAAL,GAAaQ,IAAI,CAACR,KAAL,GAAa,CAA1B;QACAvC,QAAQ,CAACyG,WAAD,CAAR;MACD;IACF;;IAEDnG,SAAS,CAAC;MAAA,OAEAiD,SAFA;MAAA,SAGC,CACL,cADK,EAELJ,YAAY,CAACZ,KAFR,CAHD;MAAA,QAOD,YAPC;MAAA,cAQOS,CAAC,CAACvC,KAAK,CAACkB,SAAP,CARR;MAAA,aASMkF,SATN;MAAA,aAUI;IAVJ;MAAA;QAAA,SAYI;MAZJ,IAaFpG,KAAK,CAAC0B,iBAAN;QAAA,OACQ,OADR;QAAA,SACsB,qBADtB;QAAA,aACsD;MADtD,IAEIU,KAAK,CAACL,KAAN,GAAcK,KAAK,CAACL,KAAN,CAAY6D,QAAQ,CAAC9D,KAAT,CAAeC,KAA3B,CAAd;QAAA,OACU;MADV,GAC+B6D,QAAQ,CAAC9D,KAAT,CAAeC,KAD9C,QAFJ,EAbE;QAAA,OAqBI,MArBJ;QAAA,SAqBiB,oBArBjB;QAAA,aAqBgD;MArBhD,IAsBAK,KAAK,CAACJ,IAAN,GAAaI,KAAK,CAACJ,IAAN,CAAW4D,QAAQ,CAAC9D,KAAT,CAAeE,IAA1B,CAAb;QAAA,OACU;MADV,GAC+B4D,QAAQ,CAAC9D,KAAT,CAAeE,IAD9C,QAtBA,IA2BFkD,KAAK,CAACpD,KAAN,CAAYqD,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP;QAAA,OAERD,IAAI,CAAC9C,IAFG;QAAA,SAGP,CACL,oBADK,EAEL;UACE,iCAAiC8C,IAAI,CAACE;QADxC,CAFK,CAHO;QAAA,aASJ;MATI,IAWZlD,KAAK,CAACgD,IAAN,GAAahD,KAAK,CAACgD,IAAN,CAAWA,IAAX,CAAb;QAAA,OACU;MADV,GAC+BA,IAAI,CAACpF,KADpC;QAAA,gBAC6CoF,IAAI,CAAC9C,IADlD;MAAA,EAXY,EAAhB,CA3BE;QAAA,OA6CE,MA7CF;QAAA,SA8CI,oBA9CJ;QAAA,aA+CQ;MA/CR,IAiDAF,KAAK,CAACH,IAAN,GAAaG,KAAK,CAACH,IAAN,CAAW2D,QAAQ,CAAC9D,KAAT,CAAeG,IAA1B,CAAb;QAAA,OACU;MADV,GAC+B2D,QAAQ,CAAC9D,KAAT,CAAeG,IAD9C,QAjDA,IAsDFjC,KAAK,CAAC0B,iBAAN;QAAA,OAEM,MAFN;QAAA,SAGQ,oBAHR;QAAA,aAIY;MAJZ,IAMIU,KAAK,CAACF,IAAN,GAAaE,KAAK,CAACF,IAAN,CAAW0D,QAAQ,CAAC9D,KAAT,CAAeI,IAA1B,CAAb;QAAA,OACU;MADV,GAC+B0D,QAAQ,CAAC9D,KAAT,CAAeI,IAD9C,QANJ,EAtDE;IAAA,EAAD,CAAT;IAqEA,OAAO,EAAP;EACD;;AArUwC,CAAD,CAAnC"}
+{"version":3,"file":"VPagination.mjs","names":["VBtn","IconValue","makeBorderProps","makeDensityProps","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","useLocale","useRtl","useProxiedModel","useRefs","useResizeObserver","computed","nextTick","ref","toRef","createRange","defineComponent","keyValues","useRender","VPagination","name","props","activeColor","String","start","type","Number","default","modelValue","disabled","Boolean","length","validator","val","totalVisible","firstIcon","prevIcon","nextIcon","lastIcon","ariaLabel","pageAriaLabel","currentPageAriaLabel","firstAriaLabel","previousAriaLabel","nextAriaLabel","lastAriaLabel","ellipsis","showFirstLastPage","tag","variant","emits","value","first","prev","next","last","setup","slots","emit","page","t","n","isRtl","themeClasses","maxButtons","undefined","scoped","resizeRef","entries","target","contentRect","firstItem","querySelector","totalWidth","width","itemWidth","offsetWidth","parseFloat","getComputedStyle","marginRight","minButtons","Math","max","floor","toFixed","parseInt","range","isNaN","MAX_SAFE_INTEGER","even","middle","left","right","rangeLength","rangeStart","ceil","setValue","e","event","preventDefault","refs","updateRef","VPaginationBtn","color","border","density","size","rounded","elevation","items","map","item","index","isActive","key","icon","ariaCurrent","onClick","controls","prevDisabled","nextDisabled","ariaDisabled","updateFocus","currentIndex","$el","focus","onKeydown"],"sources":["../../../src/components/VPagination/VPagination.tsx"],"sourcesContent":["// Styles\nimport './VPagination.sass'\n\n// Components\nimport { VBtn } from '../VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps } from '@/composables/border'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useLocale, useRtl } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRefs } from '@/composables/refs'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, nextTick, ref, toRef } from 'vue'\nimport { createRange, defineComponent, keyValues, useRender } from '@/util'\n\n// Types\nimport type { ComponentPublicInstance } from 'vue'\n\nexport const VPagination = defineComponent({\n  name: 'VPagination',\n\n  props: {\n    activeColor: String,\n    start: {\n      type: [Number, String],\n      default: 1,\n    },\n    modelValue: {\n      type: Number,\n      default: (props: any) => props.start,\n    },\n    disabled: Boolean,\n    length: {\n      type: [Number, String],\n      default: 1,\n      validator: (val: number) => val % 1 === 0,\n    },\n    totalVisible: [Number, String],\n    firstIcon: {\n      type: IconValue,\n      default: '$first',\n    },\n    prevIcon: {\n      type: IconValue,\n      default: '$prev',\n    },\n    nextIcon: {\n      type: IconValue,\n      default: '$next',\n    },\n    lastIcon: {\n      type: IconValue,\n      default: '$last',\n    },\n    ariaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.root',\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    firstAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.first',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    lastAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.last',\n    },\n    ellipsis: {\n      type: String,\n      default: '...',\n    },\n    showFirstLastPage: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'nav' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n    first: (value: number) => true,\n    prev: (value: number) => true,\n    next: (value: number) => true,\n    last: (value: number) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const page = useProxiedModel(props, 'modelValue')\n    const { t, n } = useLocale()\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const maxButtons = ref(-1)\n\n    provideDefaults(undefined, { scoped: true })\n\n    const { resizeRef } = useResizeObserver((entries: ResizeObserverEntry[]) => {\n      if (!entries.length) return\n\n      const { target, contentRect } = entries[0]\n\n      const firstItem = target.querySelector('.v-pagination__list > *') as HTMLElement\n\n      if (!firstItem) return\n\n      const totalWidth = contentRect.width\n      const itemWidth =\n        firstItem.offsetWidth +\n        parseFloat(getComputedStyle(firstItem).marginRight) * 2\n      const minButtons = props.showFirstLastPage ? 5 : 3\n\n      maxButtons.value = Math.max(0, Math.floor(\n        // Round to two decimal places to avoid floating point errors\n        +((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2)\n      ))\n    })\n\n    const length = computed(() => parseInt(props.length, 10))\n    const start = computed(() => parseInt(props.start, 10))\n\n    const totalVisible = computed(() => {\n      if (props.totalVisible) return parseInt(props.totalVisible, 10)\n      else if (maxButtons.value >= 0) return maxButtons.value\n      return length.value\n    })\n\n    const range = computed(() => {\n      if (length.value <= 0 || isNaN(length.value) || length.value > Number.MAX_SAFE_INTEGER) return []\n\n      if (totalVisible.value <= 1) return [page.value]\n\n      if (length.value <= totalVisible.value) {\n        return createRange(length.value, start.value)\n      }\n\n      const even = totalVisible.value % 2 === 0\n      const middle = even ? totalVisible.value / 2 : Math.floor(totalVisible.value / 2)\n      const left = even ? middle : middle + 1\n      const right = length.value - middle\n\n      if (left - page.value >= 0) {\n        return [...createRange(Math.max(1, totalVisible.value - 1), start.value), props.ellipsis, length.value]\n      } else if (page.value - right >= (even ? 1 : 0)) {\n        const rangeLength = totalVisible.value - 1\n        const rangeStart = length.value - rangeLength + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart)]\n      } else {\n        const rangeLength = Math.max(1, totalVisible.value - 3)\n        const rangeStart = rangeLength === 1 ? page.value : page.value - Math.ceil(rangeLength / 2) + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, length.value]\n      }\n    })\n\n    // TODO: 'first' | 'prev' | 'next' | 'last' does not work here?\n    function setValue (e: Event, value: number, event?: any) {\n      e.preventDefault()\n      page.value = value\n      event && emit(event, value)\n    }\n\n    const { refs, updateRef } = useRefs<ComponentPublicInstance>()\n\n    provideDefaults({\n      VPaginationBtn: {\n        color: toRef(props, 'color'),\n        border: toRef(props, 'border'),\n        density: toRef(props, 'density'),\n        size: toRef(props, 'size'),\n        variant: toRef(props, 'variant'),\n        rounded: toRef(props, 'rounded'),\n        elevation: toRef(props, 'elevation'),\n      },\n    })\n\n    const items = computed(() => {\n      return range.value.map((item, index) => {\n        const ref = (e: any) => updateRef(e, index)\n\n        if (typeof item === 'string') {\n          return {\n            isActive: false,\n            key: `ellipsis-${index}`,\n            page: item,\n            props: {\n              ref,\n              ellipsis: true,\n              icon: true,\n              disabled: true,\n            },\n          }\n        } else {\n          const isActive = item === page.value\n          return {\n            isActive,\n            key: item,\n            page: n(item),\n            props: {\n              ref,\n              ellipsis: false,\n              icon: true,\n              disabled: !!props.disabled || props.length < 2,\n              color: isActive ? props.activeColor : props.color,\n              ariaCurrent: isActive,\n              ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, index + 1),\n              onClick: (e: Event) => setValue(e, item),\n            },\n          }\n        }\n      })\n    })\n\n    const controls = computed(() => {\n      const prevDisabled = !!props.disabled || page.value <= start.value\n      const nextDisabled = !!props.disabled || page.value >= start.value + length.value - 1\n\n      return {\n        first: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.lastIcon : props.firstIcon,\n          onClick: (e: Event) => setValue(e, start.value, 'first'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.firstAriaLabel),\n          ariaDisabled: prevDisabled,\n        } : undefined,\n        prev: {\n          icon: isRtl.value ? props.nextIcon : props.prevIcon,\n          onClick: (e: Event) => setValue(e, page.value - 1, 'prev'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.previousAriaLabel),\n          ariaDisabled: prevDisabled,\n        },\n        next: {\n          icon: isRtl.value ? props.prevIcon : props.nextIcon,\n          onClick: (e: Event) => setValue(e, page.value + 1, 'next'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.nextAriaLabel),\n          ariaDisabled: nextDisabled,\n        },\n        last: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.firstIcon : props.lastIcon,\n          onClick: (e: Event) => setValue(e, start.value + length.value - 1, 'last'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.lastAriaLabel),\n          ariaDisabled: nextDisabled,\n        } : undefined,\n      }\n    })\n\n    function updateFocus () {\n      const currentIndex = page.value - start.value\n      refs.value[currentIndex]?.$el.focus()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === keyValues.left && !props.disabled && page.value > props.start) {\n        page.value = page.value - 1\n        nextTick(updateFocus)\n      } else if (e.key === keyValues.right && !props.disabled && page.value < start.value + length.value - 1) {\n        page.value = page.value + 1\n        nextTick(updateFocus)\n      }\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ resizeRef }\n        class={[\n          'v-pagination',\n          themeClasses.value,\n        ]}\n        role=\"navigation\"\n        aria-label={ t(props.ariaLabel) }\n        onKeydown={ onKeydown }\n        data-test=\"v-pagination-root\"\n      >\n        <ul class=\"v-pagination__list\">\n          { props.showFirstLastPage && (\n            <li key=\"first\" class=\"v-pagination__first\" data-test=\"v-pagination-first\">\n              { slots.first ? slots.first(controls.value.first) : (\n                <VBtn _as=\"VPaginationBtn\" {...controls.value.first} />\n              ) }\n            </li>\n          ) }\n\n          <li key=\"prev\" class=\"v-pagination__prev\" data-test=\"v-pagination-prev\">\n            { slots.prev ? slots.prev(controls.value.prev) : (\n              <VBtn _as=\"VPaginationBtn\" {...controls.value.prev} />\n            ) }\n          </li>\n\n          { items.value.map((item, index) => (\n            <li\n              key={ item.key }\n              class={[\n                'v-pagination__item',\n                {\n                  'v-pagination__item--is-active': item.isActive,\n                },\n              ]}\n              data-test=\"v-pagination-item\"\n            >\n              { slots.item ? slots.item(item) : (\n                <VBtn _as=\"VPaginationBtn\" {...item.props}>{ item.page }</VBtn>\n              ) }\n            </li>\n          )) }\n\n          <li\n            key=\"next\"\n            class=\"v-pagination__next\"\n            data-test=\"v-pagination-next\"\n          >\n            { slots.next ? slots.next(controls.value.next) : (\n              <VBtn _as=\"VPaginationBtn\" {...controls.value.next} />\n            ) }\n          </li>\n\n          { props.showFirstLastPage && (\n            <li\n              key=\"last\"\n              class=\"v-pagination__last\"\n              data-test=\"v-pagination-last\"\n            >\n              { slots.last ? slots.last(controls.value.last) : (\n                <VBtn _as=\"VPaginationBtn\" {...controls.value.last} />\n              ) }\n            </li>\n          ) }\n        </ul>\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VPagination = InstanceType<typeof VPagination>\n"],"mappings":"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"}

package/lib/components/VPagination/index.d.ts

@@ -0,0 +1,249 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VPagination: vue.DefineComponent<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    activeColor: StringConstructor;
+    start: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: (props: any) => any;
+    };
+    disabled: BooleanConstructor;
+    length: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    totalVisible: (StringConstructor | NumberConstructor)[];
+    firstIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    prevIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    nextIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    lastIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentPageAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    previousAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    ellipsis: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFirstLastPage: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => true;
+    first: (value: number) => true;
+    prev: (value: number) => true;
+    next: (value: number) => true;
+    last: (value: number) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    activeColor: StringConstructor;
+    start: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: (props: any) => any;
+    };
+    disabled: BooleanConstructor;
+    length: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    totalVisible: (StringConstructor | NumberConstructor)[];
+    firstIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    prevIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    nextIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    lastIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentPageAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    previousAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lastAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    ellipsis: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFirstLastPage: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onNext?: ((value: number) => any) | undefined;
+    onPrev?: ((value: number) => any) | undefined;
+    onFirst?: ((value: number) => any) | undefined;
+    onLast?: ((value: number) => any) | undefined;
+}, {
+    length: string | number;
+    start: string | number;
+    ariaLabel: string;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    ellipsis: string;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    modelValue: number;
+    nextIcon: IconValue;
+    prevIcon: IconValue;
+    firstIcon: IconValue;
+    lastIcon: IconValue;
+    pageAriaLabel: string;
+    currentPageAriaLabel: string;
+    firstAriaLabel: string;
+    previousAriaLabel: string;
+    nextAriaLabel: string;
+    lastAriaLabel: string;
+    showFirstLastPage: boolean;
+}>;
+declare type VPagination = InstanceType<typeof VPagination>;
+
+export { VPagination };

package/lib/components/VPagination/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VPagination"],"sources":["../../../src/components/VPagination/index.ts"],"sourcesContent":["export { VPagination } from './VPagination'\n"],"mappings":"SAASA,W"}
+{"version":3,"file":"index.mjs","names":["VPagination"],"sources":["../../../src/components/VPagination/index.ts"],"sourcesContent":["export { VPagination } from './VPagination'\n"],"mappings":"SAASA,WAAW"}

package/lib/components/VParallax/VParallax.mjs

@@ -1,27 +1,25 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VParallax.css"; // Components
+import "./VParallax.css";
 
+// Components
 import { VImg } from "../VImg/index.mjs"; // Composables
-
 import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs"; // Utilities
-
-import { defineComponent, getScrollParent, useRender } from "../../util/index.mjs";
-import { onBeforeUnmount, ref, watch, watchEffect } from 'vue';
-
+import { clamp, defineComponent, getScrollParent, useRender } from "../../util/index.mjs";
+import { computed, onBeforeUnmount, ref, watch, watchEffect } from 'vue';
+import { useResizeObserver } from "../../composables/resizeObserver.mjs";
+import { useDisplay } from "../../composables/index.mjs";
 function floor(val) {
   return Math.floor(Math.abs(val)) * Math.sign(val);
 }
-
 export const VParallax = defineComponent({
   name: 'VParallax',
   props: {
     scale: {
       type: [Number, String],
-      default: 1.3
+      default: 0.5
     }
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -30,11 +28,17 @@ export const VParallax = defineComponent({
       intersectionRef,
       isIntersecting
     } = useIntersectionObserver();
+    const {
+      resizeRef,
+      contentRect
+    } = useResizeObserver();
+    const {
+      height: displayHeight
+    } = useDisplay();
     const root = ref();
     watchEffect(() => {
       var _root$value;
-
-      intersectionRef.value = (_root$value = root.value) == null ? void 0 : _root$value.$el;
+      intersectionRef.value = resizeRef.value = (_root$value = root.value) == null ? void 0 : _root$value.$el;
     });
     let scrollParent;
     watch(isIntersecting, val => {
@@ -51,29 +55,34 @@ export const VParallax = defineComponent({
     });
     onBeforeUnmount(() => {
       var _scrollParent;
-
       (_scrollParent = scrollParent) == null ? void 0 : _scrollParent.removeEventListener('scroll', onScroll);
     });
+    watch(displayHeight, onScroll);
+    watch(() => {
+      var _contentRect$value;
+      return (_contentRect$value = contentRect.value) == null ? void 0 : _contentRect$value.height;
+    }, onScroll);
+    const scale = computed(() => {
+      return 1 - clamp(+props.scale);
+    });
     let frame = -1;
-
     function onScroll() {
       if (!isIntersecting.value) return;
       cancelAnimationFrame(frame);
       frame = requestAnimationFrame(() => {
-        var _root$value2, _scrollParent$clientH, _scrollParent$scrollT;
-
+        var _root$value2;
         const el = ((_root$value2 = root.value) == null ? void 0 : _root$value2.$el).querySelector('.v-img__img');
         if (!el) return;
-        const rect = intersectionRef.value.getBoundingClientRect();
-        const scrollHeight = (_scrollParent$clientH = scrollParent.clientHeight) != null ? _scrollParent$clientH : window.innerHeight;
-        const scrollPos = (_scrollParent$scrollT = scrollParent.scrollTop) != null ? _scrollParent$scrollT : window.scrollY;
-        const top = rect.top + scrollPos;
-        const progress = (scrollPos + scrollHeight - top) / (rect.height + scrollHeight);
-        const translate = floor((rect.height * +props.scale - rect.height) * (-progress + 0.5));
-        el.style.setProperty('transform', `translateY(${translate}px) scale(${props.scale})`);
+        const scrollHeight = scrollParent.clientHeight ?? document.documentElement.clientHeight;
+        const scrollPos = scrollParent.scrollTop ?? window.scrollY;
+        const top = intersectionRef.value.offsetTop;
+        const height = contentRect.value.height;
+        const center = top + (height - scrollHeight) / 2;
+        const translate = floor((scrollPos - center) * scale.value);
+        const sizeScale = Math.max(1, (scale.value * (scrollHeight - height) + height) / height);
+        el.style.setProperty('transform', `translateY(${translate}px) scale(${sizeScale})`);
       });
     }
-
     useRender(() => _createVNode(VImg, {
       "class": ['v-parallax', {
         'v-parallax--active': isIntersecting.value
@@ -85,6 +94,5 @@ export const VParallax = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VParallax.mjs.map

package/lib/components/VParallax/VParallax.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VParallax.mjs","names":["VImg","useIntersectionObserver","defineComponent","getScrollParent","useRender","onBeforeUnmount","ref","watch","watchEffect","floor","val","Math","abs","sign","VParallax","name","props","scale","type","Number","String","default","setup","slots","intersectionRef","isIntersecting","root","value","$el","scrollParent","document","scrollingElement","addEventListener","onScroll","passive","removeEventListener","frame","cancelAnimationFrame","requestAnimationFrame","el","querySelector","rect","getBoundingClientRect","scrollHeight","clientHeight","window","innerHeight","scrollPos","scrollTop","scrollY","top","progress","height","translate","style","setProperty"],"sources":["../../../src/components/VParallax/VParallax.tsx"],"sourcesContent":["// Styles\nimport './VParallax.sass'\n\n// Components\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\n\n// Utilities\nimport { defineComponent, getScrollParent, useRender } from '@/util'\nimport { onBeforeUnmount, ref, watch, watchEffect } from 'vue'\n\nfunction floor (val: number) {\n  return Math.floor(Math.abs(val)) * Math.sign(val)\n}\n\nexport const VParallax = defineComponent({\n  name: 'VParallax',\n\n  props: {\n    scale: {\n      type: [Number, String],\n      default: 1.3,\n    },\n  },\n\n  setup (props, { slots }) {\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const root = ref<VImg>()\n\n    watchEffect(() => {\n      intersectionRef.value = root.value?.$el\n    })\n\n    let scrollParent: Element\n    watch(isIntersecting, val => {\n      if (val) {\n        scrollParent = getScrollParent(intersectionRef.value)\n        scrollParent = scrollParent === document.scrollingElement ? document as any : scrollParent\n        scrollParent.addEventListener('scroll', onScroll, { passive: true })\n        onScroll()\n      } else {\n        scrollParent.removeEventListener('scroll', onScroll)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      scrollParent?.removeEventListener('scroll', onScroll)\n    })\n\n    let frame = -1\n    function onScroll () {\n      if (!isIntersecting.value) return\n\n      cancelAnimationFrame(frame)\n      frame = requestAnimationFrame(() => {\n        const el: HTMLElement | null = (root.value?.$el as Element).querySelector('.v-img__img')\n        if (!el) return\n\n        const rect = intersectionRef.value!.getBoundingClientRect()\n        const scrollHeight = scrollParent.clientHeight ?? window.innerHeight\n        const scrollPos = scrollParent.scrollTop ?? window.scrollY\n        const top = rect.top + scrollPos\n        const progress = (scrollPos + scrollHeight - top) / (rect.height + scrollHeight)\n        const translate = floor((rect.height * +props.scale - rect.height) * (-progress + 0.5))\n\n        el.style.setProperty('transform', `translateY(${translate}px) scale(${props.scale})`)\n      })\n    }\n\n    useRender(() => (\n      <VImg\n        class={[\n          'v-parallax',\n          { 'v-parallax--active': isIntersecting.value },\n        ]}\n        ref={ root }\n        cover\n        onLoadstart={ onScroll }\n        onLoad={ onScroll }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VParallax = InstanceType<typeof VParallax>\n"],"mappings":"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"}
+{"version":3,"file":"VParallax.mjs","names":["VImg","useIntersectionObserver","clamp","defineComponent","getScrollParent","useRender","computed","onBeforeUnmount","ref","watch","watchEffect","useResizeObserver","useDisplay","floor","val","Math","abs","sign","VParallax","name","props","scale","type","Number","String","default","setup","slots","intersectionRef","isIntersecting","resizeRef","contentRect","height","displayHeight","root","value","$el","scrollParent","document","scrollingElement","addEventListener","onScroll","passive","removeEventListener","frame","cancelAnimationFrame","requestAnimationFrame","el","querySelector","scrollHeight","clientHeight","documentElement","scrollPos","scrollTop","window","scrollY","top","offsetTop","center","translate","sizeScale","max","style","setProperty"],"sources":["../../../src/components/VParallax/VParallax.tsx"],"sourcesContent":["// Styles\nimport './VParallax.sass'\n\n// Components\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\n\n// Utilities\nimport { clamp, defineComponent, getScrollParent, useRender } from '@/util'\nimport { computed, onBeforeUnmount, ref, watch, watchEffect } from 'vue'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useDisplay } from '@/composables'\n\nfunction floor (val: number) {\n  return Math.floor(Math.abs(val)) * Math.sign(val)\n}\n\nexport const VParallax = defineComponent({\n  name: 'VParallax',\n\n  props: {\n    scale: {\n      type: [Number, String],\n      default: 0.5,\n    },\n  },\n\n  setup (props, { slots }) {\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n    const { height: displayHeight } = useDisplay()\n\n    const root = ref<VImg>()\n\n    watchEffect(() => {\n      intersectionRef.value = resizeRef.value = root.value?.$el\n    })\n\n    let scrollParent: Element\n    watch(isIntersecting, val => {\n      if (val) {\n        scrollParent = getScrollParent(intersectionRef.value)\n        scrollParent = scrollParent === document.scrollingElement ? document as any : scrollParent\n        scrollParent.addEventListener('scroll', onScroll, { passive: true })\n        onScroll()\n      } else {\n        scrollParent.removeEventListener('scroll', onScroll)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      scrollParent?.removeEventListener('scroll', onScroll)\n    })\n\n    watch(displayHeight, onScroll)\n    watch(() => contentRect.value?.height, onScroll)\n\n    const scale = computed(() => {\n      return 1 - clamp(+props.scale)\n    })\n\n    let frame = -1\n    function onScroll () {\n      if (!isIntersecting.value) return\n\n      cancelAnimationFrame(frame)\n      frame = requestAnimationFrame(() => {\n        const el: HTMLElement | null = (root.value?.$el as Element).querySelector('.v-img__img')\n        if (!el) return\n\n        const scrollHeight = scrollParent.clientHeight ?? document.documentElement.clientHeight\n        const scrollPos = scrollParent.scrollTop ?? window.scrollY\n        const top = intersectionRef.value!.offsetTop\n        const height = contentRect.value!.height\n\n        const center = top + (height - scrollHeight) / 2\n        const translate = floor((scrollPos - center) * scale.value)\n        const sizeScale = Math.max(1, (scale.value * (scrollHeight - height) + height) / height)\n\n        el.style.setProperty('transform', `translateY(${translate}px) scale(${sizeScale})`)\n      })\n    }\n\n    useRender(() => (\n      <VImg\n        class={[\n          'v-parallax',\n          { 'v-parallax--active': isIntersecting.value },\n        ]}\n        ref={ root }\n        cover\n        onLoadstart={ onScroll }\n        onLoad={ onScroll }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VParallax = InstanceType<typeof VParallax>\n"],"mappings":"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"}

package/lib/components/VParallax/index.d.ts

@@ -0,0 +1,18 @@
+import * as vue from 'vue';
+
+declare const VParallax: vue.DefineComponent<{
+    scale: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    scale: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>>, {
+    scale: string | number;
+}>;
+declare type VParallax = InstanceType<typeof VParallax>;
+
+export { VParallax };

package/lib/components/VParallax/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VParallax"],"sources":["../../../src/components/VParallax/index.ts"],"sourcesContent":["export { VParallax } from './VParallax'\n"],"mappings":"SAASA,S"}
+{"version":3,"file":"index.mjs","names":["VParallax"],"sources":["../../../src/components/VParallax/index.ts"],"sourcesContent":["export { VParallax } from './VParallax'\n"],"mappings":"SAASA,SAAS"}

package/lib/components/VPicker/VPicker.mjs

@@ -1,18 +1,16 @@
 // @ts-nocheck
-
 /* eslint-disable */
+
 import "./VPicker.css";
-import "../VCard/VCard.css"; // Mixins
+import "../VCard/VCard.css";
 
+// Mixins
 import Colorable from "../../mixins/colorable.mjs";
 import Elevatable from "../../mixins/elevatable.mjs";
 import Themeable from "../../mixins/themeable.mjs"; // Helpers
-
 import { convertToUnit } from "../../util/helpers.mjs"; // Types
-
 import mixins from "../../util/mixins.mjs";
 /* @vue/component */
-
 export default mixins(Colorable, Elevatable, Themeable).extend({
   name: 'v-picker',
   props: {
@@ -34,7 +32,6 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
       const defaultTitleColor = this.isDark ? false : this.color || 'primary';
       return this.color || defaultTitleColor;
     }
-
   },
   methods: {
     genTitle() {
@@ -45,7 +42,6 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
         }
       }), this.$slots.title);
     },
-
     genBodyTransition() {
       return this.$createElement('transition', {
         props: {
@@ -53,7 +49,6 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
         }
       }, this.$slots.default);
     },
-
     genBody() {
       return this.$createElement('div', {
         staticClass: 'v-picker__body',
@@ -66,7 +61,6 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
         }
       }, [this.genBodyTransition()]);
     },
-
     genActions() {
       return this.$createElement('div', {
         staticClass: 'v-picker__actions v-card__actions',
@@ -75,9 +69,7 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
         }
       }, this.$slots.actions);
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'v-picker v-card',
@@ -90,6 +82,5 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
       }
     }, [this.$slots.title ? this.genTitle() : null, this.genBody(), this.$slots.actions ? this.genActions() : null]);
   }
-
 });
 //# sourceMappingURL=VPicker.mjs.map