{"version":3,"file":"DEP-knWc.js","sources":["../../../../pages/flatpage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { Success } from '@/api/results'\n\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\n\nconst appStore = useAppStore()\nconst cityStore = useCityStore()\nconst route = useRoute()\n\nconst { isMobile, isTablet } = useDevice()\n\nconst { data: flatpageData } = await useAsyncData(async (nuxtApp) => {\n  const result = await nuxtApp?.$apiService.site.fetchFlatpageData(route.path)\n\n  if (result instanceof Success) {\n    return result.data\n  }\n})\n\nconst flatpageContent = computed(() => flatpageData.value?.content || '')\n\nconst pageTitle = computed(() => flatpageData?.value?.title || 'Farfor')\n\nconst cityName = computed(() => cityStore.cityName)\n\nconst {\n  cityInfo: { domain },\n} = useCityStore()\n\nconst breadcrumbs = computed(() => {\n  const pred = cityName.value\n  const currentPath = flatpageData.value?.url || ''\n\n  return [\n    { text: `Доставка суши в ${pred}`, href: '/' },\n    { text: pageTitle.value, href: currentPath },\n  ]\n})\n\nconst showBreadcrumb = computed(() => appStore.isWebview)\n\nconst flatpageClasses = computed(() => {\n  return [\n    'flatpage',\n    {\n      'flatpage--mobile': isMobile,\n      'flatpage--tablet': isTablet,\n    },\n  ]\n})\n\n// Классы для блока с полученным HTML простой страницы\nconst htmlClasses = computed(() => {\n  return [\n    'flatpage__html',\n    {\n      'flatpage__html--mobile': isMobile,\n      'flatpage__html--tablet': isTablet,\n    },\n  ]\n})\n</script>\n\n<template>\n  <div :class=\"flatpageClasses\">\n    <app-head\n      :title=\"flatpageData?.seo_title\"\n      :seo=\"{\n        title: flatpageData?.seo_title,\n        description: flatpageData?.seo_description,\n        keywords: flatpageData?.seo_keywords,\n      }\"\n    />\n\n    <div class=\"flatpage__wrapper\">\n      <the-breadcrumbs\n        v-if=\"!showBreadcrumb\"\n        class=\"flatpage__breadcrumbs\"\n        :breadcrumbs=\"breadcrumbs\"\n        :domain=\"domain\"\n      />\n      <div :class=\"htmlClasses\" v-html=\"flatpageContent\"></div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.flatpage {\n  padding-top: 40px;\n\n  &--tablet {\n    padding-top: 24px !important;\n    padding-bottom: 120px !important;\n  }\n\n  &--mobile {\n    padding-top: 20px !important;\n    padding-bottom: 120px !important;\n  }\n\n  &__breadcrumbs {\n    margin-bottom: 20px;\n  }\n\n  &__wrapper {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n\n  &__html:deep() {\n    font-size: 14px;\n    font-weight: 500 !important;\n    line-height: 1.4 !important;\n    color: $text-black !important;\n\n    h1 {\n      margin-bottom: 48px;\n      font-size: 28px !important;\n    }\n\n    h2,\n    h3 {\n      margin: 30px 0;\n      font-size: 16px !important;\n    }\n\n    .v-h2-big {\n      font-size: 22px !important;\n    }\n\n    h1,\n    h2,\n    h3,\n    b,\n    strong {\n      font-weight: 800 !important;\n    }\n\n    p {\n      margin: 0;\n      margin-top: 20px;\n      font-size: 14px !important;\n    }\n\n    b {\n      font-weight: 800;\n    }\n\n    ol {\n      list-style: none;\n      counter-reset: li;\n\n      li::before {\n        font-weight: 800 !important;\n        content: counters(li, '.') '. ';\n        counter-increment: li;\n      }\n    }\n\n    ul {\n      padding-left: 16px;\n      list-style-type: disc;\n\n      li {\n        margin: 16px 0;\n      }\n\n      li:not(:last-child) {\n        // margin-bottom: 10px;\n      }\n\n      li::marker {\n        font-weight: 500 !important;\n      }\n    }\n\n    // Иконка\n    img {\n      width: 24px;\n      height: 24px;\n      margin-right: 10px;\n    }\n\n    table {\n      table-layout: fixed;\n      border-collapse: collapse;\n\n      thead {\n        border-bottom: 1px solid $button-background;\n      }\n\n      tbody {\n        tr:first-child {\n          height: 10px;\n        }\n      }\n\n      th {\n        height: 48px;\n        font-weight: 800;\n      }\n\n      td {\n        height: 36px;\n      }\n\n      th,\n      td {\n        width: 100%;\n\n        &:not(:last-child) {\n          padding-right: 10px;\n        }\n        &:last-child {\n          padding-left: 10px;\n        }\n      }\n    }\n\n    .v-table-important {\n      width: 100%;\n      max-width: 634px;\n\n      th:first-child,\n      td:first-child {\n        text-align: left;\n      }\n\n      th:last-child,\n      td:last-child {\n        text-align: center;\n      }\n    }\n\n    .v-margin-bottom-20 {\n      margin-bottom: 20px !important;\n    }\n\n    .v-margin-bottom-30 {\n      margin-bottom: 30px !important;\n    }\n    .v-margin-bottom-40 {\n      margin-bottom: 40px !important;\n    }\n\n    .v-margin-y-20 {\n      margin: 20px 0 !important;\n    }\n\n    .v-flex-container {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n  }\n\n  &__html--tablet:deep() {\n    font-size: 14px;\n\n    h1 {\n      margin-bottom: 24px !important;\n      font-size: 24px !important;\n    }\n\n    h2,\n    h3 {\n      font-size: 16px !important;\n    }\n\n    .v-h2-big {\n      font-size: 22px !important;\n    }\n\n    p {\n      font-size: 14px !important;\n    }\n  }\n\n  &__html--mobile:deep() {\n    font-size: 12px;\n\n    h1 {\n      margin-bottom: 24px !important;\n      font-size: 18px !important;\n    }\n\n    h2,\n    h3 {\n      font-size: 14px !important;\n    }\n\n    .v-h2-big {\n      font-size: 16px !important;\n    }\n\n    p {\n      font-size: 12px !important;\n    }\n  }\n}\n</style>\n"],"names":["appStore","useAppStore","cityStore","useCityStore","route","useRoute","isMobile","isTablet","useDevice","flatpageData","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","result","Success","flatpageContent","computed","_a","pageTitle","cityName","domain","breadcrumbs","pred","currentPath","showBreadcrumb","flatpageClasses","htmlClasses"],"mappings":";;2rBAQA,MAAMA,EAAWC,IACXC,EAAYC,IACZC,EAAQC,IAER,CAAE,SAAAC,EAAU,SAAAC,CAAS,EAAIC,EAAU,EAEnC,CAAE,KAAMC,CAAa,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,EAAa,MAAOC,GAAY,CACnE,MAAMC,EAAS,MAAMD,GAAA,YAAAA,EAAS,YAAY,KAAK,kBAAkBV,EAAM,OAEvE,GAAIW,aAAkBC,EACpB,OAAOD,EAAO,IAChB,EACF,aAAC,CAAA,mBAEKE,EAAkBC,EAAS,IAAM,OAAA,QAAAC,EAAAV,EAAa,QAAb,YAAAU,EAAoB,UAAW,GAAE,EAElEC,EAAYF,EAAS,IAAM,OAAA,QAAAC,EAAAV,GAAA,YAAAA,EAAc,QAAd,YAAAU,EAAqB,QAAS,SAAQ,EAEjEE,EAAWH,EAAS,IAAMhB,EAAU,QAAQ,EAE5C,CACJ,SAAU,CAAE,OAAAoB,CAAO,GACjBnB,EAAa,EAEXoB,EAAcL,EAAS,IAAM,OACjC,MAAMM,EAAOH,EAAS,MAChBI,IAAcN,EAAAV,EAAa,QAAb,YAAAU,EAAoB,MAAO,GAExC,MAAA,CACL,CAAE,KAAM,mBAAmBK,CAAI,GAAI,KAAM,GAAI,EAC7C,CAAE,KAAMJ,EAAU,MAAO,KAAMK,CAAY,CAAA,CAC7C,CACD,EAEKC,EAAiBR,EAAS,IAAMlB,EAAS,SAAS,EAElD2B,EAAkBT,EAAS,IACxB,CACL,WACA,CACE,mBAAoBZ,EACpB,mBAAoBC,CACtB,CAAA,CAEH,EAGKqB,EAAcV,EAAS,IACpB,CACL,iBACA,CACE,yBAA0BZ,EAC1B,yBAA0BC,CAC5B,CAAA,CAEH","debug_id":"f6d439fd-de47-5bae-8012-6f9b5c9e7a33"}