{"version":3,"mappings":"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","names":["props","__props","$auth","useNuxtApp","getName","computed","fullText","name","prefix","$t","useI18n","labels","typeSlot","defaultSlot","label","EXPIRATION_WARNING_DAYS","locale","supportStore","useSupportStore","titleShare","descriptionShare","urlShare","enabledShare","shareNative","setShareOffer","useShareOffer","$date","isDraft","ID_OFFER_DRAFT_HIRE","ID_OFFER_DRAFT","getLink","isPendingOrNegotiationOrRejected","ID_OFFER_PENDING_TO_APPROVED","ID_OFFER_NEGOTIATION","ID_OFFER_REJECTED","daysRemaining","_a","getDaysRemaining","shouldShowExpirationWarning","formatDate","date","_b","_c","route","useRoute","localePath","useLocalePath","links","isActive","active","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_openBlock","_createBlock","_component_UCard","_withCtx","_createElementVNode","_createVNode","_component_USkeleton","_hoisted_12","EmptyStateOffers","defineAsyncComponent","__vitePreload","CardOfferAdd","CardAvailableOffers","CardSchedule","fetchOffers","useOffersStore","subscriptionStore","useSubscriptionStore","offers","storeToRefs","router","useRouter","loadingOffers","ref","canCreateOffer","isShowCardAvailableOffers","slot","isShowEmptyStateOffers","fetchData","params","status_slugs","changePage","page","query","watch","newQuery","oldQuery","onMounted"],"ignoreList":[],"sources":["../../../../components/users/UserName.vue","../../../../components/offer/PillOfferSlot.vue","../../../../components/offer/CardOffer.vue","../../../../components/home/HomeFilters.vue","../../../../components/offer/SkeletonCardOffer.vue","../../../../components/home/PageHome.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n\tprefix?: string // Texto antes del nombre (ej: \"Bienvenido\")\n\ttag?: string // Tag HTML a usar (h1, h2, span, etc)\n\ticon?: string // Emoji o icono antes del nombre\n\ticonPosition?: 'before' | 'after' // Posición del icono\n\tfullName?: boolean // true = nombre completo, false = solo primer nombre\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tprefix: '',\n\ttag: 'span',\n\ticon: '',\n\ticonPosition: 'before',\n\tfullName: true, // Por defecto muestra nombre completo\n})\n\nconst { $auth } = useNuxtApp()\n\nconst getName = computed(() => {\n\tif (!props.fullName && $auth.user.name) {\n\t\treturn $auth.user.name\n\t}\n\n\tif ($auth.user.name || $auth.user.last_name) {\n\t\treturn `${$auth.user.name} ${$auth.user.last_name}`\n\t}\n\n\treturn $auth.user.business.name\n})\n\nconst fullText = computed(() => {\n\tconst name = getName.value\n\tconst prefix = props.prefix ? `${props.prefix} ` : ''\n\n\tif (!props.icon) return `${prefix}${name}`\n\n\treturn props.iconPosition === 'before' ? `${prefix}${props.icon} ${name}` : `${prefix}${name} ${props.icon}`\n})\n</script>\n\n<template>\n\t<h1>\n\t\t{{ fullText }}\n\t</h1>\n</template>\n","<script setup lang=\"ts\">\nconst { t: $t } = useI18n()\n\ninterface Slot {\n\tbswo_id: number\n\tid: number\n\tname: string\n\texpiration: string | null\n}\n\ninterface TypeSlot {\n\tcolor: string\n\tdescription: string\n}\n\nconst props = defineProps<{\n\tofferSlot: Slot\n}>()\n\nconst labels = computed(() => {\n\treturn [\n\t\t{\n\t\t\tlabel: 'al éxito',\n\t\t\tcolor: 'blue',\n\t\t\tdescription: '',\n\t\t},\n\t\t{\n\t\t\tlabel: 'cotización',\n\t\t\tcolor: 'blue',\n\t\t\tdescription: $t(\n\t\t\t\t'Las ofertas Al éxito deben ser cotizadas por un especialista. Nuestro equipo te contactará en breve.',\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tlabel: 'pro',\n\t\t\tcolor: 'purple',\n\t\t\tdescription: '',\n\t\t},\n\t\t{\n\t\t\tlabel: 'staffing',\n\t\t\tcolor: 'pink',\n\t\t\tdescription: '',\n\t\t},\n\t]\n})\n\nconst typeSlot = computed<TypeSlot>(() => {\n\tconst name = props.offerSlot.name.toLowerCase()\n\n\tconst defaultSlot = {\n\t\tcolor: 'gray',\n\t\tdescription: '',\n\t}\n\n\treturn labels.value.find(({ label }) => name.includes(label)) || defaultSlot\n})\n</script>\n\n<template>\n\t<UTooltip :text=\"typeSlot.description\">\n\t\t<UBadge\n\t\t\tvariant=\"soft\"\n\t\t\t:color=\"typeSlot.color\"\n\t\t>\n\t\t\t{{ offerSlot.name }}\n\t\t</UBadge>\n\t</UTooltip>\n</template>\n","<script setup lang=\"ts\">\nimport StatusPillOffer from '~/components/offer/StatusPillOffer.vue'\nimport OptionsOffer from '~/components/offer/OptionsOffer.vue'\nimport PillOfferSlot from '~/components/offer/PillOfferSlot.vue'\nimport { getDaysRemaining } from '~/utils/dates'\nimport { useShareOffer } from '~/composables/useShareOffer'\nimport { useSupportStore } from '~/store/support'\n\nconst props = defineProps({\n\toffer: {\n\t\ttype: Object,\n\t\trequired: true,\n\t},\n})\n\nconst { locale, t: $t } = useI18n()\nconst supportStore = useSupportStore()\nconst { titleShare, descriptionShare, urlShare, enabledShare, shareNative, setShareOffer } = useShareOffer()\nconst { $date } = useNuxtApp()\n\nconst EXPIRATION_WARNING_DAYS = 7\n\nconst isDraft = computed(() => [ID_OFFER_DRAFT_HIRE, ID_OFFER_DRAFT].includes(props.offer.work_offer_status.id))\n\nconst getLink = computed(() => (isDraft.value ? `/offers/${props.offer.id}/edit` : `/offers/${props.offer.id}`))\n\nconst isPendingOrNegotiationOrRejected = computed<boolean>(() =>\n\t[ID_OFFER_PENDING_TO_APPROVED, ID_OFFER_NEGOTIATION, ID_OFFER_REJECTED].includes(props.offer.work_offer_status.id),\n)\n\nconst daysRemaining = computed(() => {\n\tif (!props.offer.slot?.expiration) return 0\n\treturn getDaysRemaining(props.offer.slot.expiration)\n})\n\nconst shouldShowExpirationWarning = computed(() => {\n\treturn (\n\t\t!isPendingOrNegotiationOrRejected.value &&\n\t\t!isDraft.value &&\n\t\tprops.offer.slot?.expiration &&\n\t\tdaysRemaining.value <= EXPIRATION_WARNING_DAYS &&\n\t\tdaysRemaining.value > 0\n\t)\n})\n\nconst formatDate = (date: string | null): string => {\n\tif (!date) return '--'\n\n\tif (locale.value === 'en') {\n\t\treturn $date(date).format('MM/DD/YYYY')\n\t}\n\n\treturn $date(date).format('DD/MM/YYYY')\n}\n\nsetShareOffer({\n\tofferStatusId: props.offer?.work_offer_status?.id,\n\tname: props.offer.name,\n\tmodality: supportStore.getFindResources('work_modalities', props.offer.work_modality_id)?.name,\n\tdescription: props.offer.description,\n\tslug: props.offer.public_path,\n\tutm: {\n\t\tutm_campaign: 'sharing-component',\n\t},\n})\n</script>\n\n<template>\n\t<UCard\n\t\tclass=\"group transition-shadow hover:ring-2 ring-primary-300 relative flex flex-col justify-between\"\n\t\t:ui=\"{ divide: 'px-6', body: { padding: '!px-0' }, footer: { padding: '!px-0' } }\"\n\t>\n\t\t<div class=\"flex items-center justify-between gap-2 mb-3\">\n\t\t\t<div class=\"space-x-2\">\n\t\t\t\t<StatusPillOffer\n\t\t\t\t\t:id=\"offer.work_offer_status.id\"\n\t\t\t\t\t:label=\"offer.work_offer_status.label\"\n\t\t\t\t/>\n\t\t\t\t<PillOfferSlot\n\t\t\t\t\tv-if=\"offer.slot\"\n\t\t\t\t\tclass=\"z-10\"\n\t\t\t\t\t:offer-slot=\"offer.slot\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div class=\"relative z-10 -mt-1 -mr-1 flex gap-2.5\">\n\t\t\t\t<UButton\n\t\t\t\t\tv-if=\"enabledShare\"\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tcolor=\"white\"\n\t\t\t\t\tsize=\"md\"\n\t\t\t\t\ticon=\"i-material-symbols-ios-share\"\n\t\t\t\t\ttrailing\n\t\t\t\t\tclass=\"px-2.5 sm:hidden group-hover:ring-1 ring-gray-300 group-hover:shadow\"\n\t\t\t\t\t@click=\"shareNative\"\n\t\t\t\t/>\n\n\t\t\t\t<UPopover\n\t\t\t\t\tv-if=\"enabledShare\"\n\t\t\t\t\tclass=\"hidden sm:inline-flex\"\n\t\t\t\t>\n\t\t\t\t\t<UTooltip\n\t\t\t\t\t\t:text=\"$t('Compartir')\"\n\t\t\t\t\t\t:open-delay=\"300\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<UButton\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tcolor=\"white\"\n\t\t\t\t\t\t\tsquare\n\t\t\t\t\t\t\tclass=\"group-hover:ring-1 ring-gray-300 group-hover:shadow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UIcon\n\t\t\t\t\t\t\t\tname=\"i-material-symbols-ios-share\"\n\t\t\t\t\t\t\t\tclass=\"size-4.5\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</UButton>\n\t\t\t\t\t</UTooltip>\n\n\t\t\t\t\t<template #panel>\n\t\t\t\t\t\t<SharedBox\n\t\t\t\t\t\t\t:title=\"titleShare\"\n\t\t\t\t\t\t\t:description=\"descriptionShare\"\n\t\t\t\t\t\t\t:url=\"urlShare\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</template>\n\t\t\t\t</UPopover>\n\n\t\t\t\t<OptionsOffer :offer=\"props.offer\">\n\t\t\t\t\t<UButton\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tcolor=\"white\"\n\t\t\t\t\t\tsquare\n\t\t\t\t\t\tclass=\"group-hover:ring-1 ring-gray-300 group-hover:shadow\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<UIcon\n\t\t\t\t\t\t\tname=\"i-material-symbols-more-vert\"\n\t\t\t\t\t\t\tclass=\"size-4.5\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</UButton>\n\t\t\t\t</OptionsOffer>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<h3 class=\"text-xl font-bold mb-4\">{{ offer.name }}</h3>\n\n\t\t<div class=\"space-y-2 mb-4\">\n\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t<span class=\"bg-gray-50 rounded-full p-1 flex items-center\">\n\t\t\t\t\t<UIcon\n\t\t\t\t\t\tname=\"i-heroicons-calendar\"\n\t\t\t\t\t\tclass=\"text-gray-600 font-bold\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"text-sm text-gray-600\">\n\t\t\t\t\t<strong>{{ isPendingOrNegotiationOrRejected ? $t('Enviada') : $t('Publicada') }}: </strong>\n\t\t\t\t\t<span v-if=\"isDraft\">--</span>\n\t\t\t\t\t<span v-else>{{ formatDate(isPendingOrNegotiationOrRejected ? offer.send_at : offer.published_at) }}</span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t<span class=\"bg-gray-50 rounded-full p-1 flex items-center\">\n\t\t\t\t\t<UIcon\n\t\t\t\t\t\tname=\"i-heroicons-calendar\"\n\t\t\t\t\t\tclass=\"text-gray-600 font-bold\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"text-sm text-gray-600\">\n\t\t\t\t\t<strong>{{ $t('Expira') }}: </strong>\n\t\t\t\t\t<span v-if=\"isDraft\">--</span>\n\t\t\t\t\t<span v-else>\n\t\t\t\t\t\t<template v-if=\"isPendingOrNegotiationOrRejected\"> {{ $t('Pendiente de validación') }} </template>\n\t\t\t\t\t\t<template v-else-if=\"offer.slot\">\n\t\t\t\t\t\t\t{{ offer.slot.expiration ? formatDate(offer.slot.expiration) : $t('Ilimitada') }}\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else> {{ $t('--') }} </template>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"shouldShowExpirationWarning\"\n\t\t\t\t\tclass=\"px-2 py-1 bg-red-100 text-red-700 rounded-full text-sm\"\n\t\t\t\t\tv-html=\"\n\t\t\t\t\t\t$t('offer.card.ends_in', {\n\t\t\t\t\t\t\tdays: daysRemaining,\n\t\t\t\t\t\t})\n\t\t\t\t\t\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<template #footer>\n\t\t\t<div class=\"grid grid-cols-2 gap-4\">\n\t\t\t\t<div class=\"border-r\">\n\t\t\t\t\t<span class=\"font-bold\">{{ offer.to_review_count }}</span>\n\t\t\t\t\t<div class=\"text-xs text-gray-600\">{{ $t('Talentos por revisar') }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"font-bold\">{{ offer.inprocess_count }}</div>\n\t\t\t\t\t<div class=\"text-xs text-gray-600\">{{ $t('Candidatos en pipeline') }}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<NuxtLinkLocale\n\t\t\t:to=\"getLink\"\n\t\t\tclass=\"absolute inset-0 z-1\"\n\t\t/>\n\t</UCard>\n</template>\n","<script lang=\"ts\" setup>\nconst route = useRoute()\nconst { t: $t } = useI18n()\nconst localePath = useLocalePath()\n\nconst links = computed(() => {\n\treturn [\n\t\t{\n\t\t\tlabel: $t('Todas mis ofertas'),\n\t\t\tto: { query: { status_slugs: undefined } },\n\t\t\texact: true,\n\t\t},\n\t\t{\n\t\t\tlabel: $t('Activas'),\n\t\t\tto: { query: { status_slugs: 'active' } },\n\t\t\texact: true,\n\t\t},\n\t\t{\n\t\t\tlabel: $t('En revisión'),\n\t\t\tto: { query: { status_slugs: 'pending' } },\n\t\t\texact: true,\n\t\t},\n\t\t{\n\t\t\tlabel: $t('Archivadas'),\n\t\t\tto: { query: { status_slugs: 'closed' } },\n\t\t\texact: true,\n\t\t},\n\t]\n})\n\nconst isActive = (active) => {\n\tif (!active && !route.query.status_slugs) {\n\t\treturn route.path === localePath('/')\n\t}\n\n\treturn route.query.status_slugs?.includes(active)\n}\n</script>\n\n<template>\n\t<div>\n\t\t<UCard\n\t\t\tclass=\"block md:inline-block\"\n\t\t\t:ui=\"{ rounded: 'rounded-lg', body: { base: 'overflow-auto', padding: 'p-2 sm:p-2' } }\"\n\t\t>\n\t\t\t<ul class=\"flex items-center gap-2 whitespace-nowrap\">\n\t\t\t\t<li\n\t\t\t\t\tv-for=\"link in links\"\n\t\t\t\t\t:key=\"link.label\"\n\t\t\t\t>\n\t\t\t\t\t<ULink\n\t\t\t\t\t\tclass=\"py-1.5 px-2.5 block rounded-lg text-sm\"\n\t\t\t\t\t\t:class=\"{ 'bg-primary-500 text-white': isActive(link.to.query.status_slugs) }\"\n\t\t\t\t\t\t:to=\"link.to\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ link.label }}\n\t\t\t\t\t</ULink>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</UCard>\n\t</div>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\"></script>\n\n<template>\n\t<UCard\n\t\t:ui=\"{ body: { base: 'h-full' } }\"\n\t\tclass=\"h-full min-h-[296px]\"\n\t>\n\t\t<div class=\"flex flex-col justify-between h-full gap-3\">\n\t\t\t<header class=\"space-y-3\">\n\t\t\t\t<ul class=\"flex items-center flex-wrap gap-1\">\n\t\t\t\t\t<li class=\"flex-1\">\n\t\t\t\t\t\t<USkeleton\n\t\t\t\t\t\t\t:ui=\"{ base: 'h-6', rounded: 'rounded-full' }\"\n\t\t\t\t\t\t\tclass=\"w-4/12\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\n\t\t\t\t<h3 class=\"font-semibold\"><USkeleton class=\"w-6/12\" /></h3>\n\t\t\t</header>\n\n\t\t\t<div class=\"space-y-4\">\n\t\t\t\t<ul class=\"text-xs space-y-3\">\n\t\t\t\t\t<li class=\"flex gap-2\">\n\t\t\t\t\t\t<USkeleton class=\"w-3\" />\n\t\t\t\t\t\t<USkeleton class=\"w-7/12\" />\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"flex gap-2\">\n\t\t\t\t\t\t<USkeleton class=\"w-3\" />\n\t\t\t\t\t\t<USkeleton class=\"w-4/12\" />\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"flex gap-2\">\n\t\t\t\t\t\t<USkeleton class=\"w-3\" />\n\t\t\t\t\t\t<USkeleton class=\"w-6/12\" />\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\n\t\t\t<footer class=\"mt-auto pt-2\">\n\t\t\t\t<span class=\"text-sm font-medium\">\n\t\t\t\t\t<USkeleton class=\"w-4/12\" />\n\t\t\t\t</span>\n\t\t\t</footer>\n\t\t</div>\n\t</UCard>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { useOffersStore } from '~/store/offers'\nimport UserName from '~/components/users/UserName.vue'\nimport CardOffer from '~/components/offer/CardOffer.vue'\nimport HomeFilters from '~/components/home/HomeFilters.vue'\nimport SkeletonCardOffer from '~/components/offer/SkeletonCardOffer.vue'\nimport { useSubscriptionStore } from '~/store/subscription'\nimport { useSupportStore } from '~/store/support'\n\nconst EmptyStateOffers = defineAsyncComponent(() => import('~/components/home/empty/EmptyStateOffers.vue'))\nconst CardOfferAdd = defineAsyncComponent(() => import('~/components/offer/CardOfferAdd.vue'))\nconst CardAvailableOffers = defineAsyncComponent(() => import('~/components/offer/CardAvailableOffers.vue'))\nconst CardSchedule = defineAsyncComponent(() => import('~/components/offer/CardSchedule.vue'))\n\nconst { fetchOffers } = useOffersStore()\nconst supportStore = useSupportStore()\nconst subscriptionStore = useSubscriptionStore()\nconst { offers } = storeToRefs(useOffersStore())\nconst router = useRouter()\nconst route = useRoute()\nconst { t: $t } = useI18n()\nconst { $auth } = useNuxtApp()\n\nconst loadingOffers = ref(true)\n\nconst canCreateOffer = computed<boolean>(() => {\n\treturn $auth.user.business.rules.can_create_work_offers\n})\n\nconst isShowCardAvailableOffers = computed(() => {\n\treturn subscriptionStore.slots.filter((slot) => slot.qty_available > 0).length\n})\n\nconst isShowEmptyStateOffers = computed(() => {\n\treturn !loadingOffers.value && offers.value.data.length === 0 && !route.query.status_slugs\n})\n\nconst fetchData = async (params) => {\n\tloadingOffers.value = true\n\tconst { status_slugs } = params\n\n\tif (status_slugs) {\n\t\tparams.status_slugs = Array.isArray(status_slugs) ? status_slugs : [status_slugs]\n\t}\n\n\tawait fetchOffers(params)\n\tloadingOffers.value = false\n}\n\nconst changePage = (page) => {\n\tconst query = { ...route.query, page }\n\trouter.push({ query })\n}\n\nwatch(\n\t() => route.query,\n\t(newQuery, oldQuery) => {\n\t\tif (newQuery.page !== oldQuery.page || newQuery.status_slugs !== oldQuery.status_slugs) {\n\t\t\tfetchData(newQuery)\n\t\t}\n\t},\n)\n\nonMounted(() => {\n\tsupportStore.fetchSupport(['work_modalities'])\n\tfetchData(route.query)\n})\n</script>\n\n<template>\n\t<EmptyStateOffers v-if=\"isShowEmptyStateOffers\" />\n\n\t<UContainer v-else>\n\t\t<UserName\n\t\t\tclass=\"text-xl font-bold mb-6\"\n\t\t\t:prefix=\"$t('Bienvenido')\"\n\t\t\ticon=\"👋\"\n\t\t\ticon-position=\"after\"\n\t\t\t:full-name=\"false\"\n\t\t/>\n\n\t\t<HomeFilters class=\"mb-5\" />\n\n\t\t<div class=\"grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-4\">\n\t\t\t<template v-if=\"loadingOffers\">\n\t\t\t\t<SkeletonCardOffer\n\t\t\t\t\tv-for=\"item in 6\"\n\t\t\t\t\t:key=\"item\"\n\t\t\t\t/>\n\t\t\t</template>\n\n\t\t\t<template v-else>\n\t\t\t\t<CardOffer\n\t\t\t\t\tv-for=\"offer in offers.data\"\n\t\t\t\t\t:key=\"offer.id\"\n\t\t\t\t\t:offer=\"offer\"\n\t\t\t\t/>\n\t\t\t\t<CardAvailableOffers v-if=\"isShowCardAvailableOffers\" />\n\t\t\t\t<CardOfferAdd v-else-if=\"canCreateOffer\" />\n\t\t\t\t<CardSchedule v-else />\n\t\t\t</template>\n\t\t</div>\n\n\t\t<UPagination\n\t\t\tv-if=\"offers.pagination.total_pages > 1\"\n\t\t\tv-model=\"offers.pagination.current_page\"\n\t\t\tclass=\"justify-center mt-6\"\n\t\t\t:total=\"offers.pagination.total\"\n\t\t\t:page-count=\"offers.pagination.per_page\"\n\t\t\t@update:model-value=\"changePage\"\n\t\t/>\n\t</UContainer>\n</template>\n"],"file":"_nuxt/CEPm3zr4.js"}