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

package/lib/components/VPagination/VPagination.css

@@ -0,0 +1,9 @@
+.v-pagination__list {
+  display: inline-flex;
+  list-style-type: none;
+  justify-content: center;
+  width: 100%;
+}
+.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
+  margin: 0.3rem;
+}

package/lib/components/VPagination/VPagination.mjs

@@ -1,45 +1,63 @@
-// @ts-nocheck
+import { createVNode as _createVNode } from "vue";
+import "./VPagination.css"; // Components
 
-/* eslint-disable */
-import "./VPagination.sass";
-import VIcon from "../VIcon/index.mjs"; // Directives
+import { VBtn } from "../VBtn/index.mjs"; // Composables
 
-import Resize from "../../directives/resize/index.mjs"; // Mixins
+import { makeTagProps } from "../../composables/tag.mjs";
+import { useLocale } from "../../composables/locale.mjs";
+import { useRtl } from "../../composables/rtl.mjs";
+import { makeElevationProps } from "../../composables/elevation.mjs";
+import { makeDensityProps } from "../../composables/density.mjs";
+import { makeSizeProps } from "../../composables/size.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { makeVariantProps } from "../../composables/variant.mjs";
+import { useResizeObserver } from "../../composables/resizeObserver.mjs";
+import { makeBorderProps } from "../../composables/border.mjs";
+import { useRefs } from "../../composables/refs.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
 
-import Colorable from "../../mixins/colorable/index.mjs";
-import Intersectable from "../../mixins/intersectable/index.mjs";
-import Themeable from "../../mixins/themeable/index.mjs"; // Utilities
+import { computed, nextTick, ref, toRef } from 'vue';
+import { createRange, defineComponent, keyValues } from "../../util/index.mjs"; // Types
 
-import mixins from "../../util/mixins.mjs"; // Types
-
-/* @vue/component */
-export default mixins(Colorable, Intersectable({
-  onVisible: ['init']
-}), Themeable).extend({
-  name: 'v-pagination',
-  directives: {
-    Resize
-  },
+import { makeRoundedProps } from "../../composables/rounded.mjs";
+export const VPagination = defineComponent({
+  name: 'VPagination',
   props: {
-    circle: Boolean,
+    start: {
+      type: [Number, String],
+      default: 1
+    },
+    modelValue: {
+      type: Number,
+      default: props => props.start
+    },
     disabled: Boolean,
     length: {
-      type: Number,
-      default: 0,
+      type: [Number, String],
+      default: 1,
       validator: val => val % 1 === 0
     },
-    nextIcon: {
+    totalVisible: [Number, String],
+    firstIcon: {
       type: String,
-      default: '$next'
+      default: '$first'
     },
     prevIcon: {
       type: String,
       default: '$prev'
     },
-    totalVisible: [Number, String],
-    value: {
-      type: Number,
-      default: 0
+    nextIcon: {
+      type: String,
+      default: '$next'
+    },
+    lastIcon: {
+      type: String,
+      default: '$last'
+    },
+    ariaLabel: {
+      type: String,
+      default: '$vuetify.pagination.ariaLabel.root'
     },
     pageAriaLabel: {
       type: String,
@@ -49,6 +67,10 @@ export default mixins(Colorable, Intersectable({
       type: String,
       default: '$vuetify.pagination.ariaLabel.currentPage'
     },
+    firstAriaLabel: {
+      type: String,
+      default: '$vuetify.pagination.ariaLabel.first'
+    },
     previousAriaLabel: {
       type: String,
       default: '$vuetify.pagination.ariaLabel.previous'
@@ -57,179 +79,242 @@ export default mixins(Colorable, Intersectable({
       type: String,
       default: '$vuetify.pagination.ariaLabel.next'
     },
-    wrapperAriaLabel: {
+    lastAriaLabel: {
       type: String,
-      default: '$vuetify.pagination.ariaLabel.wrapper'
-    }
+      default: '$vuetify.pagination.ariaLabel.last'
+    },
+    ellipsis: {
+      type: String,
+      default: '...'
+    },
+    showFirstLastPage: Boolean,
+    ...makeRoundedProps(),
+    ...makeBorderProps(),
+    ...makeDensityProps(),
+    ...makeElevationProps(),
+    ...makeSizeProps(),
+    ...makeTagProps({
+      tag: 'nav'
+    }),
+    ...makeThemeProps(),
+    ...makeVariantProps({
+      variant: 'text'
+    })
   },
-
-  data() {
-    return {
-      maxButtons: 0,
-      selected: null
-    };
+  emits: {
+    'update:modelValue': value => true,
+    first: value => true,
+    prev: value => true,
+    next: value => true,
+    last: value => true
   },
 
-  computed: {
-    classes() {
-      return {
-        'v-pagination': true,
-        'v-pagination--circle': this.circle,
-        'v-pagination--disabled': this.disabled,
-        ...this.themeClasses
-      };
-    },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const page = useProxiedModel(props, 'modelValue');
+    const {
+      t,
+      n
+    } = useLocale();
+    const {
+      isRtl
+    } = useRtl();
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const maxButtons = ref(-1);
+    provideDefaults(undefined, {
+      scoped: true
+    });
+    const {
+      resizeRef
+    } = useResizeObserver(entries => {
+      if (!entries.length) return;
+      const {
+        target,
+        contentRect
+      } = entries[0];
+      const firstItem = target.querySelector('.v-pagination__list > *');
+      if (!firstItem) return;
+      const totalWidth = contentRect.width;
+      const itemWidth = firstItem.getBoundingClientRect().width + 10;
+      maxButtons.value = Math.max(0, Math.floor((totalWidth - 96) / itemWidth));
+    });
+    const length = computed(() => parseInt(props.length, 10));
+    const start = computed(() => parseInt(props.start, 10));
+    const totalVisible = computed(() => {
+      var _props$totalVisible;
 
-    items() {
-      const totalVisible = parseInt(this.totalVisible, 10);
+      if (props.totalVisible) return Math.min(parseInt((_props$totalVisible = props.totalVisible) != null ? _props$totalVisible : '', 10), length.value);else if (maxButtons.value >= 0) return maxButtons.value;
+      return length.value;
+    });
+    const range = computed(() => {
+      if (length.value <= 0) return [];
+      if (totalVisible.value <= 2) return [page.value];
 
-      if (totalVisible === 0) {
-        return [];
+      if (length.value <= totalVisible.value) {
+        return createRange(length.value, start.value);
       }
 
-      const maxLength = Math.min(Math.max(0, totalVisible) || this.length, Math.max(0, this.maxButtons) || this.length, this.length);
-
-      if (this.length <= maxLength) {
-        return this.range(1, this.length);
-      }
+      const even = totalVisible.value % 2 === 0;
+      const middle = even ? totalVisible.value / 2 : Math.floor(totalVisible.value / 2);
+      const left = even ? middle : middle + 1;
+      const right = length.value - middle;
 
-      const even = maxLength % 2 === 0 ? 1 : 0;
-      const left = Math.floor(maxLength / 2);
-      const right = this.length - left + 1 + even;
-
-      if (this.value > left && this.value < right) {
-        const start = this.value - left + 2;
-        const end = this.value + left - 2 - even;
-        return [1, '...', ...this.range(start, end), '...', this.length];
-      } else if (this.value === left) {
-        const end = this.value + left - 1 - even;
-        return [...this.range(1, end), '...', this.length];
-      } else if (this.value === right) {
-        const start = this.value - left + 1;
-        return [1, '...', ...this.range(start, this.length)];
+      if (left - page.value >= 0) {
+        return [...createRange(Math.max(1, totalVisible.value - 1), start.value), props.ellipsis, length.value];
+      } else if (page.value - right >= 0) {
+        const rangeLength = totalVisible.value - 1;
+        const rangeStart = length.value - rangeLength + start.value;
+        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart)];
       } else {
-        return [...this.range(1, left), '...', ...this.range(right, this.length)];
+        const rangeLength = Math.max(1, totalVisible.value - 3);
+        const rangeStart = rangeLength === 1 ? page.value : page.value - Math.ceil(rangeLength / 2) + start.value;
+        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, length.value];
       }
-    }
-
-  },
-  watch: {
-    value() {
-      this.init();
-    }
+    }); // TODO: 'first' | 'prev' | 'next' | 'last' does not work here?
 
-  },
-
-  mounted() {
-    this.init();
-  },
-
-  methods: {
-    init() {
-      this.selected = null;
-      this.$nextTick(this.onResize); // TODO: Change this (f75dee3a, cbdf7caa)
-
-      setTimeout(() => this.selected = this.value, 100);
-    },
-
-    onResize() {
-      const width = this.$el && this.$el.parentElement ? this.$el.parentElement.clientWidth : window.innerWidth;
-      this.maxButtons = Math.floor((width - 96) / 42);
-    },
-
-    next(e) {
+    function setValue(e, value, event) {
       e.preventDefault();
-      this.$emit('input', this.value + 1);
-      this.$emit('next');
-    },
-
-    previous(e) {
-      e.preventDefault();
-      this.$emit('input', this.value - 1);
-      this.$emit('previous');
-    },
-
-    range(from, to) {
-      const range = [];
-      from = from > 0 ? from : 1;
+      page.value = value;
+      event && emit(event, value);
+    }
 
-      for (let i = from; i <= to; i++) {
-        range.push(i);
+    const {
+      refs,
+      updateRef
+    } = useRefs();
+    provideDefaults({
+      VBtn: {
+        border: toRef(props, 'border'),
+        density: toRef(props, 'density'),
+        size: toRef(props, 'size'),
+        variant: toRef(props, 'variant')
       }
+    });
+    const items = computed(() => {
+      return range.value.map((item, index) => {
+        const ref = e => updateRef(e, index);
 
-      return range;
-    },
-
-    genIcon(h, icon, disabled, fn, label) {
-      return h('li', [h('button', {
-        staticClass: 'v-pagination__navigation',
-        class: {
-          'v-pagination__navigation--disabled': disabled
-        },
-        attrs: {
-          disabled,
-          type: 'button',
-          'aria-label': label
-        },
-        on: disabled ? {} : {
-          click: fn
+        if (typeof item === 'string') {
+          return {
+            isActive: false,
+            page: item,
+            props: {
+              ref,
+              ellipsis: true,
+              icon: true,
+              disabled: true
+            }
+          };
+        } else {
+          const isActive = item === page.value;
+          return {
+            isActive,
+            page: n(item),
+            props: {
+              ref,
+              ellipsis: false,
+              icon: true,
+              disabled: !!props.disabled || props.length < 2,
+              elevation: props.elevation,
+              rounded: props.rounded,
+              color: isActive ? props.color : undefined,
+              ariaCurrent: isActive,
+              ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, index + 1),
+              onClick: e => setValue(e, item)
+            }
+          };
         }
-      }, [h(VIcon, [icon])])]);
-    },
-
-    genItem(h, i) {
-      const color = i === this.value && (this.color || 'primary');
-      const isCurrentPage = i === this.value;
-      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel;
-      return h('button', this.setBackgroundColor(color, {
-        staticClass: 'v-pagination__item',
-        class: {
-          'v-pagination__item--active': i === this.value
+      });
+    });
+    const controls = computed(() => {
+      const prevDisabled = !!props.disabled || page.value <= start.value;
+      const nextDisabled = !!props.disabled || page.value >= start.value + length.value - 1;
+      return {
+        first: props.showFirstLastPage ? {
+          icon: isRtl.value ? props.lastIcon : props.firstIcon,
+          onClick: e => setValue(e, start.value, 'first'),
+          disabled: prevDisabled,
+          ariaLabel: t(props.firstAriaLabel),
+          ariaDisabled: prevDisabled
+        } : undefined,
+        prev: {
+          icon: isRtl.value ? props.nextIcon : props.prevIcon,
+          onClick: e => setValue(e, page.value - 1, 'prev'),
+          disabled: prevDisabled,
+          ariaLabel: t(props.previousAriaLabel),
+          ariaDisabled: prevDisabled
         },
-        attrs: {
-          type: 'button',
-          'aria-current': isCurrentPage,
-          'aria-label': this.$vuetify.lang.t(ariaLabel, i)
+        next: {
+          icon: isRtl.value ? props.prevIcon : props.nextIcon,
+          onClick: e => setValue(e, page.value + 1, 'next'),
+          disabled: nextDisabled,
+          ariaLabel: t(props.nextAriaLabel),
+          ariaDisabled: nextDisabled
         },
-        on: {
-          click: () => this.$emit('input', i)
-        }
-      }), [i.toString()]);
-    },
+        last: props.showFirstLastPage ? {
+          icon: isRtl.value ? props.firstIcon : props.lastIcon,
+          onClick: e => setValue(e, start.value + length.value - 1, 'last'),
+          disabled: nextDisabled,
+          ariaLabel: t(props.lastAriaLabel),
+          ariaDisabled: nextDisabled
+        } : undefined
+      };
+    });
 
-    genItems(h) {
-      return this.items.map((i, index) => {
-        return h('li', {
-          key: index
-        }, [isNaN(Number(i)) ? h('span', {
-          class: 'v-pagination__more'
-        }, [i.toString()]) : this.genItem(h, i)]);
-      });
-    },
+    function updateFocus() {
+      var _refs$value$currentIn;
 
-    genList(h, children) {
-      return h('ul', {
-        directives: [{
-          modifiers: {
-            quiet: true
-          },
-          name: 'resize',
-          value: this.onResize
-        }],
-        class: this.classes
-      }, children);
+      const currentIndex = page.value - start.value;
+      (_refs$value$currentIn = refs.value[currentIndex]) == null ? void 0 : _refs$value$currentIn.$el.focus();
     }
 
-  },
-
-  render(h) {
-    const children = [this.genIcon(h, this.$vuetify.rtl ? this.nextIcon : this.prevIcon, this.value <= 1, this.previous, this.$vuetify.lang.t(this.previousAriaLabel)), this.genItems(h), this.genIcon(h, this.$vuetify.rtl ? this.prevIcon : this.nextIcon, this.value >= this.length, this.next, this.$vuetify.lang.t(this.nextAriaLabel))];
-    return h('nav', {
-      attrs: {
-        role: 'navigation',
-        'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel)
+    function onKeydown(e) {
+      if (e.key === keyValues.left && !props.disabled && page.value > props.start) {
+        page.value = page.value - 1;
+        nextTick(updateFocus);
+      } else if (e.key === keyValues.right && !props.disabled && page.value < start.value + length.value - 1) {
+        page.value = page.value + 1;
+        nextTick(updateFocus);
       }
-    }, [this.genList(h, children)]);
+    }
+
+    return () => _createVNode(props.tag, {
+      "ref": resizeRef,
+      "class": ['v-pagination', themeClasses.value],
+      "role": "navigation",
+      "aria-label": t(props.ariaLabel),
+      "onKeydown": onKeydown,
+      "data-test": "v-pagination-root"
+    }, {
+      default: () => [_createVNode("ul", {
+        "class": "v-pagination__list"
+      }, [props.showFirstLastPage && _createVNode("li", {
+        "class": "v-pagination__first",
+        "data-test": "v-pagination-first"
+      }, [slots.first ? slots.first(controls.value.first) : _createVNode(VBtn, controls.value.first, null)]), _createVNode("li", {
+        "class": "v-pagination__prev",
+        "data-test": "v-pagination-prev"
+      }, [slots.prev ? slots.prev(controls.value.prev) : _createVNode(VBtn, controls.value.prev, null)]), items.value.map((item, index) => _createVNode("li", {
+        "key": `${index}_${item.page}`,
+        "class": ['v-pagination__item', {
+          'v-pagination__item--is-active': item.isActive
+        }],
+        "data-test": "v-pagination-item"
+      }, [slots.item ? slots.item(item) : _createVNode(VBtn, item.props, {
+        default: () => [item.page]
+      })])), _createVNode("li", {
+        "class": "v-pagination__next",
+        "data-test": "v-pagination-next"
+      }, [slots.next ? slots.next(controls.value.next) : _createVNode(VBtn, controls.value.next, null)]), props.showFirstLastPage && _createVNode("li", {
+        "class": "v-pagination__last",
+        "data-test": "v-pagination-last"
+      }, [slots.last ? slots.last(controls.value.last) : _createVNode(VBtn, controls.value.last, null)])])]
+    });
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VPagination/VPagination.ts"],"names":["VIcon","Resize","Colorable","Intersectable","Themeable","mixins","onVisible","extend","name","directives","props","circle","Boolean","disabled","length","type","Number","default","validator","val","nextIcon","String","prevIcon","totalVisible","value","pageAriaLabel","currentPageAriaLabel","previousAriaLabel","nextAriaLabel","wrapperAriaLabel","data","maxButtons","selected","computed","classes","themeClasses","items","parseInt","maxLength","Math","min","max","range","even","left","floor","right","start","end","watch","init","mounted","methods","$nextTick","onResize","setTimeout","width","$el","parentElement","clientWidth","window","innerWidth","next","e","preventDefault","$emit","previous","from","to","i","push","genIcon","h","icon","fn","label","staticClass","class","attrs","on","click","genItem","color","isCurrentPage","ariaLabel","setBackgroundColor","$vuetify","lang","t","toString","genItems","map","index","key","isNaN","genList","children","modifiers","quiet","render","rtl","role"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VPagination.sass'\n\nimport VIcon from '../VIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, CreateElement, VNodeChildrenArrayContents } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'v-pagination',\n\n  directives: { Resize },\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\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    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-pagination': true,\n        'v-pagination--circle': this.circle,\n        'v-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.value > left && this.value < right) {\n        const start = this.value - left + 2\n        const end = this.value + left - 2 - even\n\n        return [1, '...', ...this.range(start, end), '...', this.length]\n      } else if (this.value === left) {\n        const end = this.value + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.value === right) {\n        const start = this.value - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\n      }\n    },\n  },\n\n  watch: {\n    value () {\n      this.init()\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.value), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): VNode {\n      return h('li', [\n        h('button', {\n          staticClass: 'v-pagination__navigation',\n          class: {\n            'v-pagination__navigation--disabled': disabled,\n          },\n          attrs: {\n            disabled,\n            type: 'button',\n            'aria-label': label,\n          },\n          on: disabled ? {} : { click: fn },\n        }, [h(VIcon, [icon])]),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): VNode {\n      const color: string | false = (i === this.value) && (this.color || 'primary')\n      const isCurrentPage = i === this.value\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        staticClass: 'v-pagination__item',\n        class: {\n          'v-pagination__item--active': i === this.value,\n        },\n        attrs: {\n          type: 'button',\n          'aria-current': isCurrentPage,\n          'aria-label': this.$vuetify.lang.t(ariaLabel, i),\n        },\n        on: {\n          click: () => this.$emit('input', i),\n        },\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): VNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'v-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: VNodeChildrenArrayContents): VNode {\n      return h('ul', {\n        directives: [{\n          modifiers: { quiet: true },\n          name: 'resize',\n          value: this.onResize,\n        }],\n        class: this.classes,\n      }, children)\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.nextIcon : this.prevIcon,\n        this.value <= 1,\n        this.previous,\n        this.$vuetify.lang.t(this.previousAriaLabel)),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.prevIcon : this.nextIcon,\n        this.value >= this.length,\n        this.next,\n        this.$vuetify.lang.t(this.nextAriaLabel)),\n    ]\n\n    return h('nav', {\n      attrs: {\n        role: 'navigation',\n        'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel),\n      },\n    }, [this.genList(h, children)])\n  },\n})\n"],"file":"VPagination.mjs"}
+{"version":3,"sources":["../../../src/components/VPagination/VPagination.tsx"],"names":["VBtn","makeTagProps","useLocale","useRtl","makeElevationProps","makeDensityProps","makeSizeProps","makeThemeProps","provideTheme","makeVariantProps","useResizeObserver","makeBorderProps","useRefs","useProxiedModel","provideDefaults","computed","nextTick","ref","toRef","createRange","defineComponent","keyValues","makeRoundedProps","VPagination","name","props","start","type","Number","String","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","even","middle","left","right","rangeLength","rangeStart","ceil","setValue","e","event","preventDefault","refs","updateRef","border","density","size","items","map","item","index","isActive","icon","elevation","rounded","color","ariaCurrent","onClick","controls","prevDisabled","nextDisabled","ariaDisabled","updateFocus","currentIndex","$el","focus","onKeydown","key"],"mappings":"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","sourcesContent":["import './VPagination.sass'\n\n// Components\nimport { VBtn } from '../VBtn'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useLocale } from '@/composables/locale'\nimport { useRtl } from '@/composables/rtl'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { makeBorderProps } from '@/composables/border'\nimport { useRefs } from '@/composables/refs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { computed, nextTick, ref, toRef } from 'vue'\nimport { createRange, defineComponent, keyValues } from '@/util'\n\n// Types\nimport type { ComponentPublicInstance } from 'vue'\nimport { makeRoundedProps } from '@/composables/rounded'\n\nexport const VPagination = defineComponent({\n  name: 'VPagination',\n\n  props: {\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: String,\n      default: '$first',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    lastIcon: {\n      type: String,\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    ...makeRoundedProps(),\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\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) 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      VBtn: {\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.color : undefined,\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    return () => (\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 class=\"v-pagination__first\" data-test=\"v-pagination-first\">\n              { slots.first ? slots.first(controls.value.first) : (\n                <VBtn {...controls.value.first} />\n              ) }\n            </li>\n          ) }\n\n          <li class=\"v-pagination__prev\" data-test=\"v-pagination-prev\">\n            { slots.prev ? slots.prev(controls.value.prev) : (\n              <VBtn {...controls.value.prev} />\n            ) }\n          </li>\n\n          { items.value.map((item, index) => (\n            <li\n              key={ `${index}_${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 {...item.props}>{ item.page }</VBtn>\n              ) }\n            </li>\n          )) }\n\n          <li class=\"v-pagination__next\" data-test=\"v-pagination-next\">\n            { slots.next ? slots.next(controls.value.next) : (\n              <VBtn {...controls.value.next} />\n            ) }\n          </li>\n\n          { props.showFirstLastPage && (\n            <li class=\"v-pagination__last\" data-test=\"v-pagination-last\">\n              { slots.last ? slots.last(controls.value.last) : (\n                <VBtn {...controls.value.last} />\n              ) }\n            </li>\n          ) }\n        </ul>\n      </props.tag>\n    )\n  },\n})\n\nexport type VPagination = InstanceType<typeof VPagination>\n"],"file":"VPagination.mjs"}