{"version":3,"file":"BcG8yn1o.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            <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\"\n              @click=\"goToHouse(item)\"\n            >\n              <!--              <a :href=\"`/personal/address/${item.autogenerated_url}/${siteVersion ? '?site_version=' + siteVersion : ''}`\" @click.prevent=\"goToHouse(item)\">{{`${item.number}`}}</a> -->\n              {{ `${item.number}` }}\n            </button>\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 { locationsApi } from '~/api'\nimport { useMainStore } from '~/store/main/main.store'\nimport { useCities } from '~/store/cites/cities.store'\nimport { useTariffs } from '~/store/tariffs/tariffs.store'\nimport { getAddresLocation } from '~/composible/getAddresLoc'\n\nconst props = defineProps({\n  houses: {},\n})\n\nconst ctx = useNuxtApp()\nconst mainStore = useMainStore()\nconst cityStore = useCities()\nconst tariffsStore = useTariffs()\nconst $router = useRouter()\nconst getAddressText = computed(() => tariffsStore.getAddressText)\nconst currentStreet = computed(() => cityStore.getDataStreet)\nconst refResult = ref()\nconst showRows = ref(5)\nconst showMoreBtn = ref(false)\nconst houseLoading = ref(false)\nconst siteVersion = computed(() => mainStore.getSiteVersion)\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 = (\n      await locationsApi.getAncestorsChainForAddress({\n        fiasId: currentStreet.value.fias_id,\n        includeSelf: true,\n        morph: true,\n      })\n    ).data\n  }\n\n  await Promise.all([promiseLoc(), promiseRes()])\n\n  tariffsStore.$patch({\n    addressAncestors: res,\n  })\n  let city = res?.address_objects.find((el: any) => el.level === 'city')\n  if (!city) {\n    city = res?.address_objects.find((el: any) => el.level === 'street')\n  }\n  cityStore.$patch({\n    currentCity: city,\n  })\n\n  const coockieAddress = useCookie('currentAddress')\n  coockieAddress.value = item.autogenerated_url\n\n  $router.push({\n    path: `/personal/address/${item.autogenerated_url}/`,\n    query: { site_version: siteVersion.value || undefined },\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","tariffsStore","useTariffs","$router","useRouter","getAddressText","computed","currentStreet","refResult","ref","showRows","showMoreBtn","houseLoading","siteVersion","goToHouse","item","res","getAddresLoc","getAddresLocation","promiseLoc","promiseRes","locationsApi","city","el","coockieAddress","useCookie","showDialogAddress","checkShowMore","faked","_b","_a","first","showMore","onMounted"],"mappings":"6mBA8EA,MAAMA,EAAMC,IACNC,EAAYC,IACZC,EAAYC,IACZC,EAAeC,IACfC,EAAUC,IACVC,EAAiBC,EAAS,IAAML,EAAa,cAAc,EAC3DM,EAAgBD,EAAS,IAAMP,EAAU,aAAa,EACtDS,EAAYC,IACZC,EAAWD,EAAI,CAAC,EAChBE,EAAcF,EAAI,EAAK,EACvBG,EAAeH,EAAI,EAAK,EACxBI,EAAcP,EAAS,IAAMT,EAAU,cAAc,EAErDiB,EAAY,MAAOC,GAAS,CAChClB,EAAU,OAAO,CACf,WAAY,EAAA,CACb,EACG,IAAAmB,EAEE,KAAA,CAAE,aAAAC,GAAiBC,IAEnBC,EAAa,SAAY,CAC7B,MAAMF,EAAa,CACjB,IAAKF,EAAK,iBAAA,CACX,CAAA,EAEGK,EAAa,SAAY,CAE3BJ,GAAA,MAAMK,EAAa,4BAA4B,CAC7C,OAAQd,EAAc,MAAM,QAC5B,YAAa,GACb,MAAO,EACR,CAAA,GACD,IAAA,EAGJ,MAAM,QAAQ,IAAI,CAACY,IAAcC,EAAY,CAAA,CAAC,EAE9CnB,EAAa,OAAO,CAClB,iBAAkBe,CAAA,CACnB,EACG,IAAAM,EAAON,GAAA,YAAAA,EAAK,gBAAgB,KAAMO,GAAYA,EAAG,QAAU,QAC1DD,IACHA,EAAON,GAAA,YAAAA,EAAK,gBAAgB,KAAMO,GAAYA,EAAG,QAAU,WAE7DxB,EAAU,OAAO,CACf,YAAauB,CAAA,CACd,EAEK,MAAAE,EAAiBC,EAAU,gBAAgB,EACjDD,EAAe,MAAQT,EAAK,kBAE5BZ,EAAQ,KAAK,CACX,KAAM,qBAAqBY,EAAK,iBAAiB,IACjD,MAAO,CAAE,aAAcF,EAAY,OAAS,MAAU,CAAA,CACvD,CAAA,EAGGa,EAAoB,IAAM,CAC9B/B,EAAI,OAAO,gBAAiB,CAAE,SAAU,GAAM,MAAO,eAAgB,CAAA,EAGjEgC,EAAgB,IAAM,SACpB,MAAAC,GAAQC,GAAAC,EAAAtB,EAAU,QAAV,YAAAsB,EAAiB,uBAC7B,gCADY,YAAAD,EAEV,GACJ,GAAID,EAAO,CACT,MAAMG,EAAQvB,EAAU,MAAM,WAAaoB,EAAM,WAEjD,WAAW,IAAM,CAEbA,EAAM,WAAaG,EAAQ,EAAI,IAC7BvB,EAAU,MAAM,UAAYA,EAAU,MAAM,aAE9CG,EAAY,MAAQ,GAGpBA,EAAY,MAAQ,IAErB,CAAC,EACJ,WAAW,IAAM,CAEbiB,EAAM,WAAaG,EAAQ,EAAI,IAC7BvB,EAAU,MAAM,UAAYA,EAAU,MAAM,aAE9CG,EAAY,MAAQ,GAGpBA,EAAY,MAAQ,IAErB,GAAG,CACR,CAAA,EAGIqB,EAAW,IAAM,CACrBtB,EAAS,OAAS,EACJiB,GAAA,EAGhB,OAAAM,EAAU,IAAM,CACAN,GAAA,CACf"}