{"version":3,"file":"D_rsU6A6.js","sources":["../../../../components/search-address-page/SearchAddressHouses.vue"],"sourcesContent":["<template>\n  <section class=\"st-houses\">\n    <div class=\"container\">\n      <div class=\"st-houses__card white--bg\">\n        <h2 class=\"st-houses__title headline-2\">\n          Интернет-провайдеры в домах\n          <span\n            class=\"st-houses__subtitle d-block title secondary--text pointer\"\n            @click=\"showDialogAddress\"\n          >{{\n            getAddressText.cityOnlyLoc + \", \" + getAddressText.streetOnly\n          }}</span>\n        </h2>\n        <p class=\"title-2 gray-b--text\">\n          Выберите дом\n        </p>\n        <div\n          class=\"st-houses__wrap d-flex flex-column relative\"\n          data-test=\"houses-list\"\n        >\n          <div\n            ref=\"refResult\"\n            class=\"st-houses__result d-flex flex-wrap\"\n            :style=\"{ '--showRows': showRows }\"\n          >\n            <component\n              :is=\"item.in_sitemap ? 'a' : 'button'\"\n              v-for=\"(item, i) in houses\"\n              :key=\"'house' + i\"\n              :name=\"\n                'Интернет на ' + getAddressText.streetOnly + ', ' + item.number\n              \"\n              class=\"st-houses__result-item text-no-wrap title-5 black--text d-flex align-center\"\n              :href=\"item.in_sitemap ? `/${currentCity?.url}/address/${houseGenerateUrl(item)}/` : undefined\"\n              @click.prevent=\"goToHouse(item)\"\n            >\n              {{ `${item.number}` }}\n            </component>\n            <button\n              v-for=\"item in 15\"\n              :key=\"'fake' + item\"\n              class=\"st-houses__result-itemfake\"\n            />\n          </div>\n          <button\n            v-if=\"showMoreBtn\"\n            class=\"st-houses__show-more primary--text title-4\"\n            @click=\"showMore\"\n          >\n            Показать ещё\n          </button>\n          <div\n            v-show=\"houseLoading\"\n            class=\"st-houses__checkpc-loading\"\n            style=\"top: 0\"\n          >\n            <img\n              loading=\"lazy\"\n              src=\"~/assets/images/logo.svg\"\n              alt=\"logo\"\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useMainStore } from '~/store/main/main.store'\nimport { useCities } from '~/store/cites/cities.store'\nimport { getAddresLocation } from '~/composible/getAddresLoc'\n\ndefineProps({\n  houses: {},\n})\n\nconst ctx = useNuxtApp()\nconst mainStore = useMainStore()\nconst cityStore = useCities()\nconst $router = useRouter()\nconst getAddressText = computed(() => cityStore.getAddressText)\nconst currentStreet = computed(() => cityStore.getDataStreet)\nconst getCommonHeaders = computed(() => mainStore.getCommonHeaders)\nconst currentCity = computed(() => cityStore.getCity)\nconst oldClientCookie = useCookie('oldClient', { maxAge: 60 * 60 * 24 })\nconst providerClientCookie = useCookie('providerClient', { maxAge: 60 * 60 * 24 })\nconst refResult = ref()\nconst showRows = ref(5)\nconst showMoreBtn = ref(false)\nconst houseLoading = ref(false)\n\nconst houseGenerateUrl = (item) => {\n  return item?.url?.replace(currentCity.value?.url, '').replace(/^\\//, '').replace(/(.*)\\/([^/]*)/, '$1-dom-$2')\n}\nconst goToHouse = async (item) => {\n  mainStore.$patch({\n    showLoader: true,\n  })\n  let res\n\n  const { getAddresLoc } = getAddresLocation()\n\n  const promiseLoc = async () => {\n    await getAddresLoc({\n      url: item.autogenerated_url,\n    })\n  }\n  const promiseRes = async () => {\n    res = await $fetch(`https://${mainStore.domain}/api/locations/address-objects/${currentStreet.value.fias_id}/ancestors/`, {\n      method: 'GET',\n      headers: {\n        ...getCommonHeaders.value,\n      },\n      params: {\n        include_self: true,\n        morph: true,\n      },\n    })\n  }\n\n  await Promise.all([promiseLoc(), promiseRes()])\n\n  cityStore.$patch({\n    addressAncestors: res,\n  })\n  let city = res?.address_objects.find(el => el.level === 'city')\n  if (!city) {\n    city = res?.address_objects.find(el => el.level === 'street')\n  }\n\n  const coockieAddress = useCookie('currentAddress')\n  coockieAddress.value = item.autogenerated_url\n  mainStore.$patch({\n    oldClient: false,\n    providerClient: undefined,\n  })\n  oldClientCookie.value = null\n  providerClientCookie.value = null\n\n  if (item?.in_sitemap) $router.push({\n    path: `/${currentCity.value?.url}/address/${houseGenerateUrl(item)}/`,\n  })\n  else $router.push({\n    path: `/personal/address/${item.autogenerated_url}/`,\n  })\n}\n\nconst showDialogAddress = () => {\n  ctx.$event('addressDialog', { redirect: true, label: 'block-houses' })\n}\n\nconst checkShowMore = () => {\n  const faked = refResult.value?.getElementsByClassName(\n    'st-houses__result-itemfake',\n  )?.[0]\n  if (faked) {\n    const first = refResult.value.offsetLeft - faked.offsetLeft\n\n    setTimeout(() => {\n      if (\n        faked.offsetTop - (first ? 0 : 10)\n        < refResult.value.offsetTop + refResult.value.clientHeight\n      ) {\n        showMoreBtn.value = false\n      }\n      else {\n        showMoreBtn.value = true\n      }\n    }, 1)\n    setTimeout(() => {\n      if (\n        faked.offsetTop - (first ? 0 : 10)\n        < refResult.value.offsetTop + refResult.value.clientHeight\n      ) {\n        showMoreBtn.value = false\n      }\n      else {\n        showMoreBtn.value = true\n      }\n    }, 250)\n  }\n}\n\nconst showMore = () => {\n  showRows.value += 5\n  checkShowMore()\n}\n\nonMounted(() => {\n  checkShowMore()\n})\n</script>\n\n<style scoped lang=\"scss\">\n.st-houses {\n  padding-top: 48px;\n  @media (max-width: getBreakpoint(tablet)) {\n    padding: 0;\n    .container {\n      padding: 0;\n    }\n  }\n\n  &__card {\n    padding: 24px;\n    border-radius: 16px;\n    box-shadow: 0px 0px 5px 0px rgba(2, 4, 30, 0.15);\n    @media (max-width: getBreakpoint(tablet)) {\n      border-radius: 0;\n      box-shadow: none;\n      padding: 24px 16px;\n    }\n    @media (max-width: getBreakpoint(mobile-md)) {\n      padding: 24px 8px;\n    }\n  }\n\n  &__title {\n    margin-bottom: 4px;\n    @media (max-width: getBreakpoint(tablet)) {\n      margin-bottom: 2px;\n    }\n  }\n  &__subtitle {\n    margin-bottom: 16px;\n    transition: color 0.24s;\n    &:hover {\n      color: color(primary);\n    }\n    @media (max-width: getBreakpoint(tablet)) {\n      margin-bottom: 14px;\n    }\n  }\n  &__wrap {\n    margin-top: 12px;\n  }\n  &__show-more {\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 16px;\n  }\n  &__result {\n    max-height: calc(46px * var(--showRows) - 1px);\n    overflow: hidden;\n    transition: max-height 0.24s;\n    @media (max-width: getBreakpoint(tablet)) {\n      max-height: calc(47px * var(--showRows) * 2 - 1px);\n    }\n    //@media (max-width: getBreakpoint(mobile-lg)) {\n    //  max-height: calc(45px * var(--showRows) - 1px);\n    //}\n    @media (max-width: getBreakpoint(mobile-md)) {\n      max-height: calc(45px * var(--showRows) * 2 - 1px);\n    }\n    &-loader {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background: rgba(color(white), 0.5);\n    }\n\n    &-item {\n      height: 46px;\n      flex: 1 1 120px;\n      text-align: start;\n      border-bottom: 1px solid color(gray-darker);\n      padding: 4px 16px 4px 0;\n      transition: color 0.24s;\n      &:hover {\n        color: color(primary);\n      }\n      //@media (max-width: getBreakpoint(desktop)) {\n      //  flex: 1 1 120px;\n      //}\n      @media (max-width: getBreakpoint(tablet)) {\n        flex: 1 1 80px;\n        height: 47px;\n      }\n      @media (max-width: getBreakpoint(mobile-lg)) {\n        flex: 1 1 75px;\n        //  height: 37px;\n      }\n      @media (max-width: getBreakpoint(mobile-md)) {\n        flex: 1 1 70px;\n        height: 45px;\n      }\n    }\n    &-itemfake {\n      flex: 1 1 120px;\n      max-height: 0;\n      @media (max-width: getBreakpoint(tablet)) {\n        flex: 1 1 100px;\n      }\n      @media (max-width: getBreakpoint(mobile-lg)) {\n        flex: 1 1 90px;\n      }\n      @media (max-width: getBreakpoint(mobile-md)) {\n        flex: 1 1 80px;\n      }\n    }\n  }\n}\n</style>\n"],"names":["ctx","useNuxtApp","mainStore","useMainStore","cityStore","useCities","$router","useRouter","getAddressText","computed","currentStreet","getCommonHeaders","currentCity","oldClientCookie","useCookie","providerClientCookie","refResult","ref","showRows","showMoreBtn","houseLoading","houseGenerateUrl","item","_b","_a","goToHouse","res","getAddresLoc","getAddresLocation","promiseLoc","promiseRes","city","el","coockieAddress","showDialogAddress","checkShowMore","faked","first","showMore","onMounted"],"mappings":"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"}