{"version":3,"file":"index-DHqfC7_8.js","sources":["../../../app/frontend/vue/src/app-containers/therapist/card/components/match-label/modal-info.vue","../../../app/frontend/vue/src/app-containers/therapist/card/components/match-label/index.vue"],"sourcesContent":["<template>\n  <s-popup\n    :is-open=\"shown\"\n    @on-close=\"onClose\"\n  >\n    <template #title>\n      Показатель соответствия\n    </template>\n    <template #body>\n      <div class=\"_t-body-regular\">\n        <p class=\"_mb-3\">\n          Мы&nbsp;используем комплексный подход при подборе психологов. Что&nbsp;анализируем?\n        </p>\n        <div class=\"_bg-blue-transparent _p-4 _pt-3 _rounded-xl _mt-1\">\n          <p class=\"_t-body-accent _mb-1\">\n            Соответствие вашему запросу\n          </p>\n          <p class=\"_mb-0\">\n            Сопоставляем вашу анкету с&nbsp;опытом и&nbsp;специализацией психологов,\n            чтобы найти того, кто максимально соответствует вашему запросу.\n          </p>\n        </div>\n        <div class=\"_bg-blue-transparent _p-4 _pt-3 _rounded-xl _mt-1\">\n          <p class=\"_t-body-accent _mb-1\">\n            Доверие к психологу\n          </p>\n          <p class=\"_mb-0\">\n            Опираясь на&nbsp;предпочтения других клиентов и&nbsp;накопленные данные,\n            мы&nbsp;оцениваем уровень доверия и&nbsp;востребованности психолога, чтобы вы&nbsp;могли начать работу\n            с&nbsp;кем-то, кому доверяют и&nbsp;кого ценят другие клиенты.\n          </p>\n        </div>\n        <div class=\"_bg-blue-transparent _p-4 _pt-3 _rounded-xl _mt-1\">\n          <p class=\"_t-body-accent _mb-1\">\n            Качество и стабильность практики\n          </p>\n          <p class=\"_mb-0\">\n            Анализируем динамику отношений психологов и&nbsp;их&nbsp;клиентов, чтобы&nbsp;рекомендовать тех,\n            с&nbsp;кем вы&nbsp;сможете построить надежные отношения.\n          </p>\n        </div>\n        <div class=\"_bg-blue-transparent _p-4 _pt-3 _rounded-xl _mt-1\">\n          <p class=\"_t-body-accent _mb-1\">\n            Доступность и удобство\n          </p>\n          <p class=\"_mb-0\">\n            Наличие свободных слотов и&nbsp;возможность записаться на&nbsp;сессию в&nbsp;удобное время,\n            чтобы процесс терапии был максимально комфортным.\n          </p>\n        </div>\n      </div>\n    </template>\n    <template #controls>\n      <div class=\"_flex _justify-center _w-full\">\n        <tw-ui-button\n          class=\"_outline-none\"\n          @click=\"onClose\"\n          @keydown.enter=\"onClose\"\n        >\n          Теперь Ясно\n        </tw-ui-button>\n      </div>\n    </template>\n  </s-popup>\n</template>\n\n<script setup>\nimport { TwUiButton } from '@yasno-live/yasno-components';\nimport SPopup from '@shared/s-popup';\n\ndefineOptions({\n  name: 'MatchLabelModalInfo',\n});\n\nconst shown = defineModel({ type: Boolean, default: false });\n\nconst onClose = () => {\n  shown.value = false;\n};\n</script>\n","<template>\n  <div\n    class=\"\n      _bg-gray-100 hover:_bg-blue-transparent _transition-colors _rounded-lg\n      _px-3 _py-2 _flex _items-center _gap-1 _cursor-pointer\n    \"\n    @click=\"showPopup\"\n  >\n    <tw-ui-icon icon=\"target.svg\" />\n    <span class=\"_t-body-regular\">\n      <slot />\n    </span>\n    <!-- TODO: вынести в корневой элемент после удаления therapist_card.html.erb -->\n    <modal-info v-model=\"isPopupShowed\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { TwUiIcon } from '@yasno-live/yasno-components';\nimport ModalInfo from './modal-info.vue';\n\ndefineOptions({\n  name: 'MatchLabel',\n});\n\nconst isPopupShowed = ref(false);\n\nconst showPopup = () => {\n  isPopupShowed.value = true;\n};\n</script>\n"],"names":["shown","_useModel","__props","onClose","value","isPopupShowed","ref","showPopup"],"mappings":"4aA0EM,MAAAA,EAAQC,EAAWC,EAAA,cAEnBC,EAAU,KACdH,EAAMI,OAAQ,CAAA,+xDCnDV,MAAAC,EAAgBC,GAAI,GAEpBC,EAAY,KAChBF,EAAcD,OAAQ,CAAA"}