{"version":3,"file":"C7JU8Wi1.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\nimport AppBreadcrumbs from '~/components/App/AppBreadcrumbs.vue'\n\nconst appStore = useAppStore()\nconst cityStore = useCityStore()\nconst route = useRoute()\n\nconst { isMobile, isTablet, isDesktop } = 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 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      <app-breadcrumbs\n        v-if=\"!showBreadcrumb\"\n        class=\"breadcrumbs-offset\"\n        :class=\"{ 'breadcrumbs-offset--desktop': isDesktop }\"\n        :server-breadcrumbs=\"breadcrumbs\"\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    :deep() {\n      .breadcrumbs-mobile {\n        .item {\n          font-size: 16px;\n        }\n      }\n    }\n  }\n\n  &--mobile {\n    padding-top: 20px !important;\n    padding-bottom: 120px !important;\n\n    :deep() {\n      .breadcrumbs-mobile {\n        .item {\n          font-size: 14px;\n        }\n      }\n    }\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\n.breadcrumbs-offset {\n  margin-bottom: 20px;\n}\n</style>\n"],"names":["appStore","useAppStore","cityStore","useCityStore","route","useRoute","isMobile","isTablet","isDesktop","useDevice","flatpageData","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","result","Success","flatpageContent","computed","_a","pageTitle","cityName","breadcrumbs","pred","currentPath","showBreadcrumb","flatpageClasses","htmlClasses"],"mappings":";;irBAUA,MAAMA,EAAWC,IACXC,EAAYC,IACZC,EAAQC,IAER,CAAE,SAAAC,EAAU,SAAAC,EAAU,UAAAC,GAAcC,EAAU,EAE9C,CAAE,KAAMC,CAAa,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,EAAa,MAAOC,GAAY,CACnE,MAAMC,EAAS,MAAMD,GAAA,YAAAA,EAAS,YAAY,KAAK,kBAAkBX,EAAM,OAEvE,GAAIY,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,IAAMjB,EAAU,QAAQ,EAE5CqB,EAAcJ,EAAS,IAAM,OACjC,MAAMK,EAAOF,EAAS,MAChBG,IAAcL,EAAAV,EAAa,QAAb,YAAAU,EAAoB,MAAO,GAExC,MAAA,CACL,CAAE,KAAM,mBAAmBI,CAAI,GAAI,KAAM,GAAI,EAC7C,CAAE,KAAMH,EAAU,MAAO,KAAMI,CAAY,CAAA,CAC7C,CACD,EAEKC,EAAiBP,EAAS,IAAMnB,EAAS,SAAS,EAElD2B,EAAkBR,EAAS,IACxB,CACL,WACA,CACE,mBAAoBb,EACpB,mBAAoBC,CACtB,CAAA,CAEH,EAGKqB,EAAcT,EAAS,IACpB,CACL,iBACA,CACE,yBAA0Bb,EAC1B,yBAA0BC,CAC5B,CAAA,CAEH","debug_id":"e57b3064-5dc3-57e9-a5b1-e3254b626f4b"}