{"version":3,"file":"BtjJNfuA-legacy.js","sources":["../../../../virtual:public?%2Fstatic%2Fimg%2Fempty-search.svg","../../../../components/Ui/UiContentEmpty.vue","../../../../components/Ui/UiContentLoader.vue","../../../../components/entities/SearchResult/SearchResultCard.vue","../../../../components/Scheme/Skeleton/SchemeSvgSkeleton.vue","../../../../components/Scheme/SchemeSvg.vue","../../../../widget/views/VenueWidgetView.vue"],"sourcesContent":["import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/static/img/empty-search.svg\")","<template>\n  <UiCard\n    class=\"border-contrast--full flex items-center justify-center px-5 tablet:flex-col\"\n  >\n    <img\n      src=\"/static/img/empty-search.svg\"\n      :alt=\"emptyStateText.head\"\n      class=\"mr-10 tablet:mb-4 tablet:mr-0 tablet:max-h-[120px]\"\n    />\n    <div class=\"sm:w-full\">\n      <p class=\"mb-3 text-[1.5rem] font-semibold md:text-lg\">\n        {{ emptyStateText.head }}\n      </p>\n      <p class=\"text-base md:text-sm\">\n        {{ emptyStateText.body }}\n      </p>\n      <UiButton\n        v-if=\"emptyStateText.buttonText && emptyStateText.buttonLink\"\n        primary\n        class=\"mt-5 inline-block text-center sm:block\"\n        :tag=\"NuxtLink\"\n        :to=\"emptyStateText.buttonLink\"\n      >\n        {{ emptyStateText.buttonText }}\n      </UiButton>\n    </div>\n  </UiCard>\n</template>\n\n<script setup lang=\"ts\">\ninterface EmptyStateText {\n  head: string\n  body: string\n  buttonText?: string\n  buttonLink?: string\n}\n\ndefineProps({\n  emptyStateText: {\n    type: Object as PropType<EmptyStateText>,\n    required: true,\n  },\n})\n\nconst NuxtLink = resolveComponent('NuxtLink')\n</script>\n","<template>\n  <div class=\"flex flex-col items-center\">\n    <template v-if=\"!isEmpty || loading\">\n      <slot />\n      <UiButton\n        v-if=\"isLoadingAvailable\"\n        v-ui-test-name=\"'getNextExtraCompilationButton'\"\n        primary\n        color=\"white\"\n        :class=\"[\n          'border-contrast--full mx-auto min-w-[350px] !rounded-none font-flex-bold text-lg font-bold uppercase',\n          big ? 'mt-11 md:w-full md:min-w-full' : 'mt-5',\n        ]\"\n        :loading=\"loading\"\n        @click=\"emit('onLoadClick')\"\n      >\n        Показать ещё\n      </UiButton>\n    </template>\n    <template v-else>\n      <UiContentEmpty :empty-state-text=\"emptyStateText\" />\n      <div class=\"mt-4.5 w-full\">\n        <slot name=\"advertising\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ninterface EmptyStateText {\n  head: string\n  body: string\n  buttonText?: string\n  buttonLink?: string\n}\n\ndefineProps({\n  loading: {\n    type: Boolean,\n    required: true,\n  },\n  isEmpty: {\n    type: Boolean,\n    required: true,\n  },\n  isLoadingAvailable: {\n    type: Boolean,\n    required: true,\n  },\n  big: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  emptyStateText: {\n    type: Object as PropType<EmptyStateText>,\n    required: true,\n  },\n})\n\nconst emit = defineEmits<{\n  (e: 'onLoadClick'): void\n}>()\n</script>\n","<template>\n  <UiContentLoader\n    :loading=\"loading || skeleton\"\n    :is-loading-available=\"!allResultLoaded\"\n    :is-empty=\"!value || !value.length\"\n    class=\"flex flex-col\"\n    :empty-state-text=\"emptyStateText\"\n    @on-load-click=\"emit('onLoadClick')\"\n  >\n    <div class=\"w-full\">\n      <template v-if=\"!skeleton && value?.length\">\n        <AnalyticsEcommerceIntersectionListWrapper\n          v-slot=\"{ observer }\"\n          :items-list=\"value\"\n          event-name=\"view_item_list\"\n        >\n          <CompilationList\n            :observer=\"observer\"\n            :items=\"value\"\n            :advertising-position=\"advertisingPosition\"\n          >\n            <template #advertising>\n              <slot />\n            </template>\n          </CompilationList>\n        </AnalyticsEcommerceIntersectionListWrapper>\n      </template>\n      <template v-else>\n        <CompilationCardSkeleton is-vertical />\n      </template>\n    </div>\n  </UiContentLoader>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { PropType } from 'vue'\nimport type { CompilationItem } from '~/models'\n\nconst props = defineProps({\n  value: {\n    type: Array as PropType<CompilationItem[]>,\n    required: false,\n    default: undefined,\n  },\n  loading: {\n    type: Boolean,\n    required: true,\n  },\n  allResultLoaded: {\n    type: Boolean,\n    required: true,\n  },\n  skeleton: {\n    type: Boolean,\n    required: true,\n  },\n  advertisingPosition: {\n    type: Number,\n    required: false,\n    default: 3,\n  },\n  emptyHeader: {\n    type: String,\n    required: false,\n    default: 'Подходящих событий не найдено',\n  },\n})\n\nconst emit = defineEmits<{\n  (e: 'onLoadClick'): void\n}>()\n\nconst emptyStateText = {\n  head: props.emptyHeader,\n  body: 'Попробуйте выбрать другие параметры поиска',\n}\n</script>\n","<template>\n  <div class=\"animate-pulse\">\n    <div class=\"mb-6 h-12 w-52 rounded bg-neutral-200\" />\n    <div class=\"h-[500px] w-full rounded-xl bg-neutral-200 sm:h-[300px]\" />\n  </div>\n</template>\n","<template>\n  <template v-if=\"!skeleton\">\n    <UiTitle v-if=\"title\" tag=\"h2\" class=\"mb-6\"> {{ title }} </UiTitle>\n    <div class=\"h-[886px] w-full lg:h-auto\">\n      <UiPicture\n        :options=\"{ width: 1280, enlarge: 1 }\"\n        :size-options=\"{ xl: { width: 920 }, md: { width: 724 } }\"\n        :src=\"value\"\n        :alt=\"title\"\n        class=\"m-auto h-auto max-h-full !w-auto cursor-pointer overflow-hidden rounded-xl\"\n        lazy\n        @click=\"onSchemeImageClick\"\n      />\n    </div>\n  </template>\n  <SchemeSvgSkeleton v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport { useModalStore } from '~/store/modal.store'\nimport type { Media } from '@/models'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  value: {\n    type: String,\n    required: true,\n  },\n  skeleton: {\n    type: Boolean,\n    required: true,\n  },\n})\n\nconst { showModal } = useModalStore()\n\nconst MediaNavigator = defineAsyncComponent(\n  () => import('~/components/entities/Media/MediaNavigator.vue'),\n)\n\nconst onSchemeImageClick = () => {\n  const MediaScheme: Media = {\n    type: 'image',\n    object: {\n      id: Math.random(),\n      name: 'Схема зала',\n      externalUrl: props.value,\n      alt: 'Схема зала',\n      domain: '',\n    },\n  }\n\n  showModal({\n    key: 'schemeImgModal',\n    modalConfig: {\n      component: MediaNavigator,\n      modalComponentProps: {\n        value: [MediaScheme],\n      },\n      modalSize: 'gallery',\n      isModalCloseButtonShown: true,\n    },\n  })\n}\n</script>\n","<template>\n  <div class=\"w-full overflow-x-hidden\">\n    <WidgetHeader :with-back-button=\"!isInWidgetEntry\">\n      <template #title>{{ afishaTitle }}</template>\n      <template #info>\n        <span v-if=\"venue?.address?.addressString\" class=\"text-sm font-medium\">\n          {{\n            venue.address.addressString\n              .split(' ')\n              .join('&nbsp;')\n              .split(',&nbsp;')\n              .join(', ')\n          }}\n        </span>\n      </template>\n    </WidgetHeader>\n\n    <div class=\"flex w-full flex-1 justify-center\">\n      <UiContainer>\n        <PortalTarget multiple name=\"order-form-widget\" class=\"z-[100]\" />\n        <div class=\"pb-16 tablet:pb-10 tablet:pt-0\">\n          <UiContent tag=\"section\">\n            <DateSelectorCard\n              ref=\"venueDateSelector\"\n              v-model:selected-date=\"selectedDateRange\"\n              :is-range=\"true\"\n              :is-helper-filter=\"false\"\n              :helpers=\"['reset', 'today', 'tomorrow', 'weekendRange']\"\n              :skeleton=\"isSkeletonActive\"\n              class=\"relative mb-4 w-full\"\n            />\n          </UiContent>\n\n          <template v-if=\"!isInitialized\">\n            <CompilationCardSkeleton is-vertical />\n          </template>\n          <template v-else>\n            <UiContent v-if=\"venueAfisha\" class=\"mt-8 flex flex-col\">\n              <SearchResultCard\n                :skeleton=\"isSkeletonActive || isResetLoading\"\n                :all-result-loaded=\"\n                  isLastPage || isSkeletonActive || isResetLoading\n                \"\n                :loading=\"searchIsLoading\"\n                :value=\"venueAfisha\"\n                @on-load-click=\"loadNextPage\"\n              />\n            </UiContent>\n            <UiContent v-if=\"venue?.schemeImage\" class=\"mt-12\">\n              <SchemeSvg\n                title=\"Схема зала\"\n                :value=\"venue.schemeImage\"\n                :skeleton=\"isSkeletonActive\"\n              />\n            </UiContent>\n            <UiContent\n              v-if=\"isSkeletonActive || seoMeta.customText\"\n              class=\"mt-16\"\n            >\n              <UiCard\n                v-if=\"!isSkeletonActive\"\n                class=\"border-contrast--full !rounded-md !p-5\"\n                tag=\"section\"\n              >\n                <div v-html=\"seoMeta.text\" />\n                <br />\n                <div v-html=\"seoMeta.customText\" />\n              </UiCard>\n              <div\n                v-else\n                class=\"h-40 animate-pulse rounded-md bg-neutral-200\"\n              />\n            </UiContent>\n          </template>\n        </div>\n      </UiContainer>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\nimport { useDebugStore } from '~/store/debug.store'\nimport { usePageKitStore } from '~/store/pageKit.store'\nimport { useSearchStore } from '~/store/search.store'\nimport { useSeoMetaStore } from '~/store/seoMeta.store'\nimport { useVenueStore } from '~/store/Venue/venue.store'\nimport { useVenueKitStore } from '~/store/Venue/venuePageKit.store'\nimport type { DateSelector } from '~/models'\nimport { formatDate } from '~/utils'\nimport { useWidgetEnvironment } from '@/widget/composables/useWidgetEnvironment'\n\nconst isInWidgetEntry = inject('isInWidgetEntry')\nconst { isInitialized } = useWidgetEnvironment()\nconst { venue } = storeToRefs(useVenueStore())\n\n/**\n * скелетон\n */\nconst { errors } = storeToRefs(usePageKitStore())\nconst { venuePageKitHasErrors } = storeToRefs(useVenueKitStore())\n\nconst isSkeletonActive = computed(() => {\n  return !!(\n    !isInitialized.value ||\n    errors.value.length ||\n    venuePageKitHasErrors.value ||\n    !venue.value\n  )\n})\n\n/**\n * открывает модалку с картой и адресом\n */\n\n/**\n * устанавливает тип страницы для дебаг панели\n */\nconst { setPageView } = useDebugStore()\n\nonMounted(() => {\n  setPageView('venue')\n})\n\nonUnmounted(() => {\n  setPageView(undefined)\n})\n\n/**\n * SEO\n */\nconst { getContentPageHead } = useSeo()\nconst { seoMeta } = storeToRefs(useSeoMetaStore())\n\nconst venueViewHead = ref<ReturnType<typeof getContentPageHead> | undefined>(\n  getContentPageHead(venue.value),\n)\n\n/**\n * заголовок афиши\n */\n\nconst afishaTitle = computed(() => {\n  return seoMeta.value?.h2 || venue.value?.name\n})\n\n/**\n * селектор дат\n */\nconst selectedDateRange = ref<[DateSelector, DateSelector]>()\nconst selectedDateFormatted = computed(() => {\n  if (!selectedDateRange.value || !Array.isArray(selectedDateRange.value))\n    return\n\n  const [start, end] = selectedDateRange.value\n\n  return [\n    formatDate(start.beginsAt, 'dd.MM.yyyy'),\n    formatDate(end.beginsAt, 'dd.MM.yyyy'),\n  ]\n})\n/**\n * Поисковый результат афиши\n */\nconst {\n  searchResultItems: venueAfisha,\n  isLastPage,\n  searchIsLoading,\n  isResetLoading,\n  searchPagination,\n} = storeToRefs(useSearchStore())\nconst { getNextSearchPage, getCompilationItemsBySearch } = useSearchStore()\n\nconst loadNextPage = () => {\n  getNextSearchPage({\n    venueId: venue.value!.id,\n    dateFrom: selectedDateFormatted.value\n      ? selectedDateFormatted.value[0]\n      : undefined,\n    dateTo: selectedDateFormatted.value\n      ? selectedDateFormatted.value[1]\n      : undefined,\n    currentPage: searchPagination.value!.currentPage + 1,\n  })\n}\n\nwatch(\n  () => selectedDateRange.value,\n  () => {\n    getCompilationItemsBySearch(\n      {\n        venueId: venue.value!.id,\n        dateFrom: selectedDateFormatted.value\n          ? selectedDateFormatted.value[0]\n          : undefined,\n        dateTo: selectedDateFormatted.value\n          ? selectedDateFormatted.value[1]\n          : undefined,\n      },\n      true,\n    )\n  },\n)\n\nuseHead({\n  meta: venueViewHead.value?.meta || [],\n  title: seoMeta.value.title,\n})\n</script>\n"],"names":["_imports_0","publicAssetsURL","NuxtLink","__nuxt_component_0","emit","__emit","emptyStateText","head","__props","emptyHeader","body","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","class","props","showModal","useModalStore","MediaNavigator","defineAsyncComponent","__vitePreload","module","meta","url","onSchemeImageClick","MediaScheme","type","object","id","Math","random","name","externalUrl","value","alt","domain","key","modalConfig","component","modalComponentProps","modalSize","isModalCloseButtonShown","isInWidgetEntry","inject","isInitialized","useWidgetEnvironment","venue","storeToRefs","useVenueStore","errors","usePageKitStore","venuePageKitHasErrors","useVenueKitStore","isSkeletonActive","computed","length","setPageView","useDebugStore","onMounted","onUnmounted","getContentPageHead","useSeo","seoMeta","useSeoMetaStore","venueViewHead","ref","afishaTitle","_seoMeta$value","_venue$value","h2","selectedDateRange","selectedDateFormatted","Array","isArray","start","end","formatDate","beginsAt","searchResultItems","venueAfisha","isLastPage","searchIsLoading","isResetLoading","searchPagination","useSearchStore","getNextSearchPage","getCompilationItemsBySearch","loadNextPage","venueId","dateFrom","dateTo","currentPage","watch","useHead","_venueViewHead$value","title"],"mappings":"iuBAAsE,MAAAA,GAAAC,EAAgB,qPC4ChF,MAAAC,EAAWC,s8BCgBjB,MAAMC,EAAOC,kkCCtBb,MA8BMD,EAAOC,EAIPC,EAAiB,CACrBC,KAnCYC,EAmCAC,YACZC,KAAM,00BCzEN,SAAAC,EAAAC,UACuDC,IAAAC,EAAH,MAAAC,GAAAH,EAAA,KAAAA,EAAA,GAAA,CAClDI,EAAuE,MAAA,CAAlEC,MAAM,yCAAyD,wRCmBxE,MAAMC,EAAQV,GAeRW,UAAEA,GAAcC,IAEhBC,EAAiBC,GACrB,IAAMC,GAAA,IAAAC,SAAO,8BAAgD,EAAAA,EAAAC,KAAAC,OAGzDC,EAAqBA,KACzB,MAAMC,EAAqB,CACzBC,KAAM,QACNC,OAAQ,CACNC,GAAIC,KAAKC,SACTC,KAAM,aACNC,YAAajB,EAAMkB,MACnBC,IAAK,aACLC,OAAQ,KAIFnB,EAAA,CACRoB,IAAK,iBACLC,YAAa,CACXC,UAAWpB,EACXqB,oBAAqB,CACnBN,MAAO,CAACR,IAEVe,UAAW,UACXC,yBAAyB,IAE5B,uvBC2BG,MAAAC,EAAkBC,EAAO,oBACzBC,cAAEA,GAAkBC,KACpBC,MAAEA,GAAUC,EAAYC,MAKxBC,OAAEA,GAAWF,EAAYG,MACzBC,sBAAEA,GAA0BJ,EAAYK,KAExCC,EAAmBC,GAAS,MAE7BV,EAAcX,QACfgB,EAAOhB,MAAMsB,SACbJ,EAAsBlB,OACrBa,EAAMb,UAWLuB,YAAEA,GAAgBC,IAExBC,GAAU,KACRF,EAAY,QAAO,IAGrBG,GAAY,KACVH,OAAY,EAAS,IAMjB,MAAAI,mBAAEA,GAAuBC,KACzBC,QAAEA,GAAYf,EAAYgB,KAE1BC,EAAgBC,EACpBL,EAAmBd,EAAMb,QAOrBiC,EAAcZ,GAAS,KAAMa,IAAAA,EAAAC,EACjC,OAAe,QAARD,EAAAL,EAAQ7B,aAAA,IAAAkC,OAAA,EAARA,EAAeE,MAAmB,QAAbD,EAAAtB,EAAMb,aAAO,IAAAmC,OAAA,EAAbA,EAAarC,KAAA,IAMrCuC,EAAoBL,IACpBM,EAAwBjB,GAAS,KACrC,IAAKgB,EAAkBrC,QAAUuC,MAAMC,QAAQH,EAAkBrC,OAC/D,OAEF,MAAOyC,EAAOC,GAAOL,EAAkBrC,MAEhC,MAAA,CACL2C,EAAWF,EAAMG,SAAU,cAC3BD,EAAWD,EAAIE,SAAU,cAC3B,KAMAC,kBAAmBC,EAAAC,WACnBA,EAAAC,gBACAA,EAAAC,eACAA,GAAAC,iBACAA,IACEpC,EAAYqC,MACVC,kBAAEA,GAAAC,4BAAmBA,IAAgCF,IAErDG,GAAeA,KACDF,GAAA,CAChBG,QAAS1C,EAAMb,MAAOL,GACtB6D,SAAUlB,EAAsBtC,MAC5BsC,EAAsBtC,MAAM,QAC5B,EACJyD,OAAQnB,EAAsBtC,MAC1BsC,EAAsBtC,MAAM,QAC5B,EACJ0D,YAAaR,GAAiBlD,MAAO0D,YAAc,GACpD,SAGHC,GACE,IAAMtB,EAAkBrC,QACxB,KACEqD,GACE,CACEE,QAAS1C,EAAMb,MAAOL,GACtB6D,SAAUlB,EAAsBtC,MAC5BsC,EAAsBtC,MAAM,QAC5B,EACJyD,OAAQnB,EAAsBtC,MAC1BsC,EAAsBtC,MAAM,QAC5B,IAEN,EACF,IAII4D,EAAA,CACNvE,MAA2BwE,QAArBA,EAAA9B,EAAc/B,iBAAO6D,SAArBA,EAAqBxE,OAAQ,GACnCyE,MAAOjC,EAAQ7B,MAAM8D"}