UNPKG

reka-ui

Version:

Vue port for Radix UI Primitives.

1 lines 1.34 kB
{"version":3,"file":"PaginationFirst.cjs","sources":["../../src/Pagination/PaginationFirst.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\n\nexport interface PaginationFirstProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Primitive } from '@/Primitive'\nimport { injectPaginationRootContext } from './PaginationRoot.vue'\n\nconst props = withDefaults(defineProps<PaginationFirstProps>(), { as: 'button' })\n\nconst rootContext = injectPaginationRootContext()\nuseForwardExpose()\n\nconst disabled = computed((): boolean => rootContext.page.value === 1 || rootContext.disabled.value)\n</script>\n\n<template>\n <Primitive\n v-bind=\"props\"\n aria-label=\"First Page\"\n :type=\"as === 'button' ? 'button' : undefined\"\n :disabled\n @click=\"!disabled && rootContext.onPageChange(1)\"\n >\n <slot>First page</slot>\n </Primitive>\n</template>\n"],"names":["injectPaginationRootContext","useForwardExpose","computed"],"mappings":";;;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,cAAcA,qDAA4B,EAAA;AAChD,IAAiBC,wCAAA,EAAA;AAEjB,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAe,WAAA,CAAY,KAAK,KAAU,KAAA,CAAA,IAAK,WAAY,CAAA,QAAA,CAAS,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;"}