{"version":3,"file":"_nuxt/BXGR-Ajq.js","sources":["../../../../components/AddressSystem/AddressSystemDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  STATE_CONTENT_ADDRESS_SYSTEM,\n  STATE_DIALOG_ADDRESS_SYSTEM,\n} from '@/constants/statesOfAddressSystem'\n\nimport { useAddressSystemDialog } from '@/composables/address-system/useAddressSystemDialog'\n\nimport AddressSystemDelivery from '@/components/AddressSystem/AddressSystemDelivery.vue'\nimport AddressSystemMap from '@/components/AddressSystem/map/AddressSystemMap.vue'\nimport DialogRedirectOtherCity from '@/components/Basket/dialogs/DialogRedirectOtherCity.vue'\n\nconst AddressSystemDialogError = defineAsyncComponent(\n  () => import('@/components/AddressSystem/AddressSystemDialogError.vue'),\n)\n\ntype Props = { modelValue: boolean }\n\nconst emit = defineEmits(['update:modelValue'])\n\ndefineProps<Props>()\n\nconst { $metrics } = useNuxtApp()\n\n// Включает mounted и unmounted\nconst {\n  deliveryBasket,\n  deliveryBasketId,\n  refuseChangeOnOtherCity,\n  stateContentOfDialog,\n  onChangeBasketAddress,\n  onChangeDialogModelValue,\n  stateDialog,\n  isVisibleContent,\n  fetchPoint,\n  initBasketDelivery,\n  setInitStateOfDialog,\n  resetDialogState,\n  setSelectedRestaurant,\n  initAddressStorageInDeliveryAddress,\n} = useAddressSystemDialog(emit)\n\nconst changeDialogModelValue = (value: boolean) => {\n  if (!value) $metrics?.eventSendGoal({ ym: 'address_window_closed' })\n  onChangeDialogModelValue(value)\n}\n\ninitAddressStorageInDeliveryAddress()\n\nonMounted(async () => {\n  await fetchPoint()\n\n  initBasketDelivery()\n  //  Устанавливаем начальное состояние ДО\n  await setInitStateOfDialog()\n})\n\nonUnmounted(() => resetDialogState())\n</script>\n\n<template>\n  <the-dialog\n    :model-value=\"modelValue\"\n    :max-width=\"960\"\n    padding=\"0\"\n    auto-width\n    appear\n    @update:model-value=\"changeDialogModelValue($event)\"\n  >\n    <template\n      v-if=\"stateContentOfDialog === STATE_CONTENT_ADDRESS_SYSTEM.NEW\"\n      #close\n    >\n      <the-button\n        variant=\"transparent\"\n        icon=\"close-bigger\"\n        size=\"xs\"\n        radius=\"lg\"\n        background-color=\"var(--ui-white)\"\n        style=\"box-shadow: var(--ui-card-shadow)\"\n      />\n    </template>\n\n    <div class=\"address-system-dialog\">\n      <the-loader\n        v-if=\"stateDialog === STATE_DIALOG_ADDRESS_SYSTEM.LOADING\"\n        class=\"address-system-dialog__progress\"\n        color=\"var(--ui-primary)\"\n      />\n\n      <address-system-dialog-error\n        v-if=\"stateDialog === STATE_DIALOG_ADDRESS_SYSTEM.ERROR\"\n      />\n\n      <div v-if=\"isVisibleContent\" class=\"address-system-dialog__content\">\n        <address-system-delivery\n          v-model=\"deliveryBasket\"\n          :state-content-of-dialog=\"stateContentOfDialog\"\n          @on-change-basket-address=\"onChangeBasketAddress\"\n        />\n\n        <address-system-map\n          v-if=\"stateContentOfDialog === STATE_CONTENT_ADDRESS_SYSTEM.NEW\"\n          class=\"address-system-dialog__map\"\n          @on-click-restaurant=\"setSelectedRestaurant\"\n          @on-change-dialog-model-value=\"onChangeDialogModelValue\"\n        />\n      </div>\n\n      <dialog-redirect-other-city\n        v-else\n        :id=\"deliveryBasketId\"\n        :city-domain-prefix=\"deliveryBasket.city_domain_prefix\"\n        :delivery-method=\"deliveryBasket.delivery_method\"\n        :order-address=\"deliveryBasket.order_address\"\n        class=\"address-system-dialog__other-city\"\n        @close-dialog-redirect-city=\"refuseChangeOnOtherCity\"\n      />\n    </div>\n  </the-dialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.address-system-dialog {\n  display: flex;\n  min-width: 510px;\n  max-height: 692px;\n  overflow: hidden;\n  background-color: var(--ui-white);\n  border-radius: 10px;\n\n  &__other-city {\n    width: 560px;\n    height: 200px;\n    margin: var(--dialog-padding);\n  }\n\n  &__content {\n    display: flex;\n    height: 624px;\n    background-color: var(--ui-white);\n  }\n\n  &__map {\n    position: relative;\n    width: 550px !important;\n    height: 100%;\n  }\n\n  &__progress {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 2;\n    background-color: var(--ui-white);\n    border-radius: 10px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: var(--ui-white);\n    border-radius: 10px;\n  }\n\n  ::-webkit-scrollbar {\n    width: 5px;\n    background-color: var(--ui-white);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: rgba(var(--ui-secondary-rgb), 0.2);\n    border-radius: 10px;\n  }\n}\n</style>\n"],"names":["AddressSystemDialogError","defineAsyncComponent","__vitePreload","emit","__emit","$metrics","useNuxtApp","deliveryBasket","deliveryBasketId","refuseChangeOnOtherCity","stateContentOfDialog","onChangeBasketAddress","onChangeDialogModelValue","stateDialog","isVisibleContent","fetchPoint","initBasketDelivery","setInitStateOfDialog","resetDialogState","setSelectedRestaurant","initAddressStorageInDeliveryAddress","useAddressSystemDialog","changeDialogModelValue","value","onMounted","onUnmounted"],"mappings":";;;g2BAYA,MAAMA,EAA2BC,EAC/B,IAAMC,EAAA,WAAO,eAAyD,yHACxE,EAIMC,EAAOC,EAIP,CAAE,SAAAC,CAAS,EAAIC,EAAW,EAG1B,CACJ,eAAAC,EACA,iBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,sBAAAC,EACA,oCAAAC,CAAA,EACEC,EAAuBlB,CAAI,EAEzBmB,EAA0BC,GAAmB,CAC5CA,GAAOlB,GAAA,MAAAA,EAAU,cAAc,CAAE,GAAI,0BAC1CO,EAAyBW,CAAK,CAChC,EAEoC,OAAAH,EAAA,EAEpCI,EAAU,SAAY,CACpB,MAAMT,EAAW,EAEEC,EAAA,EAEnB,MAAMC,EAAqB,EAC5B,EAEWQ,EAAA,IAAMP,GAAkB","debug_id":"ea1d9f85-057b-54df-98f1-ab58937674b5"}