{"version":3,"file":"index-CejhZJ5t.js","sources":["../../../app/frontend/vue/src/components-tw/shared/s-therapist-avatar/index.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"node\"\n    :class=\"[\n      { 'avatar-grouped': grouped,\n        '_overflow-hidden': !isVideoAvailable\n      },\n      avatarClasses, customClass]\"\n  >\n    <s-therapist-video-profile\n      v-if=\"isVideoAvailable\"\n      :fio=\"fio\"\n      :urls=\"videoUrls\"\n      :thumbnail=\"videoThumbnail\"\n      :disable-teleport=\"disableTeleport\"\n      :is-booking-available=\"isBookingAvailable\"\n      @scroll-to-scheduler=\"$emit('scroll-to-scheduler')\"\n    />\n    <img\n      v-else-if=\"avatarSrc && !error\"\n      v-show=\"!isSkeleton\"\n      :alt=\"alt\"\n      :class=\"[avatarSizeClasses, imgCustomClass, '_object-cover']\"\n      :src=\"avatarSrc\"\n      :srcset=\"avatarSrcset\"\n      @error=\"onError\"\n      @load=\"onLoaded\"\n    >\n    <div\n      v-else\n      class=\"_text-grey-700 _font-medium _text-sm\"\n    >\n      {{ initials }}\n    </div>\n    <tw-ui-skeleton\n      :active=\"isSkeleton\"\n      :width=\"avatarSizeClasses\"\n      class=\"!_absolute _t-0 _l-0 _z-20 !_rounded-full\"\n    />\n  </div>\n</template>\n\n<script>\nimport STherapistVideoProfile from '@shared/s-therapist-video-profile';\nimport { TwUiSkeleton } from '@yasno-live/yasno-components';\n\nconst avatarSizes = {\n  '24x24': '_w-6 _h-6',\n  '32x32': '_w-8 _h-8',\n  '48x48': '_w-12 _h-12',\n  '56x56': '_w-14 _h-14',\n  '64x64': '_w-16 _h-16',\n  '80x80': '_w-[80px] _h-[80px]',\n  '88x88': '_w-[88px] _h-[88px]',\n  '96x96': '_w-24 _h-24',\n  '100x100': '_w-[100px] _h-[100px]',\n  '156x156': '_w-[156px] _h-[156px]',\n  '160x160': '_w-[160px] _h-[160px]',\n  '200x200': '_w-[200px] _h-[200px]',\n  '236x236': '_w-[236px] _h-[236px]',\n};\n\nexport default {\n  name: 'STherapistAvatar',\n  components: {\n    STherapistVideoProfile,\n    TwUiSkeleton,\n  },\n  props: {\n    customClass: {\n      type: String,\n      default: '',\n    },\n    imgCustomClass: {\n      type: String,\n      default: '',\n    },\n    src: {\n      type: [String, Object],\n      default: '',\n    },\n    srcset: {\n      type: String,\n      default: '',\n    },\n    size: {\n      type: String,\n      default: avatarSizes['56x56'],\n      validator: (value) => Object.keys(avatarSizes).includes(value),\n    },\n    alt: {\n      type: String,\n      default: '',\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    fio: {\n      type: String,\n      default: '',\n    },\n    grouped: {\n      type: Boolean,\n      default: false,\n    },\n    videoThumbnail: {\n      type: String,\n      default: '',\n    },\n    videoUrls: {\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n    disableTeleport: {\n      type: Boolean,\n      default: false,\n    },\n    isBookingAvailable: {\n      type: Boolean,\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['onLoad', 'scroll-to-scheduler'],\n  data() {\n    return {\n      error: false,\n      loaded: false,\n    };\n  },\n  computed: {\n    initials() {\n      if (!this.src) {\n        const nameParts = this.fio.split(' ');\n\n        return nameParts.map((part) => part.charAt(0).toUpperCase()).join('');\n      }\n\n      return '';\n    },\n    avatarClasses() {\n      const sizeClasses = this.avatarSizeClasses;\n      const bgColor = this.avatarSrc ? '_bg-grey-100' : '_bg-grey-300';\n      const defaultCss = `${bgColor} _rounded-full _flex _justify-center _items-center`;\n\n      if (!this.active) {\n        return `${defaultCss} ${sizeClasses}`;\n      }\n\n      return `${defaultCss} ${sizeClasses} hover:_bg-grey-400 active:_bg-grey-500 _cursor-pointer ${this.disabled ? '_grayscale _cursor-default' : ''}`;\n    },\n    avatarSizeClasses() {\n      return avatarSizes[this.size] || avatarSizes['64x64'];\n    },\n    avatarSrcset() {\n      // TODO: избавиться от легаси (this.src?)\n      return this.src?.srcset || this.srcset || null;\n    },\n    avatarSrc() {\n      // TODO: избавиться от легаси (this.src?)\n      return this.src?.large?.url || this.src?.large || this.src || null;\n    },\n    isSkeleton() {\n      return this.avatarSrc && !this.loaded;\n    },\n    isVideoAvailable() {\n      return this.videoUrls && this.videoThumbnail;\n    },\n  },\n  methods: {\n    onError() {\n      this.error = true;\n      this.$emit('onLoad');\n    },\n    onLoaded() {\n      this.loaded = true;\n      this.$emit('onLoad');\n    },\n  },\n};\n</script>\n"],"names":["avatarSizes","_sfc_main","name","components","STherapistVideoProfile","TwUiSkeleton","props","customClass","type","String","default","imgCustomClass","src","Object","srcset","size","validator","value","keys","includes","alt","active","Boolean","fio","grouped","videoThumbnail","videoUrls","Array","disableTeleport","isBookingAvailable","disabled","emits","data","error","loaded","computed","initials","this","split","map","part","charAt","toUpperCase","join","avatarClasses","sizeClasses","avatarSizeClasses","defaultCss","avatarSrc","avatarSrcset","_a","_b","large","url","_c","isSkeleton","isVideoAvailable","methods","onError","$emit","onLoaded","_hoisted_1","key","class","_createElementBlock","ref","_normalizeClass","$props","$options","_createBlock","_component_s_therapist_video_profile","urls","thumbnail","onScrollToScheduler","_ctx","$data","args","onLoad","_hoisted_2","_toDisplayString","_createVNode","_component_tw_ui_skeleton","width"],"mappings":"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"}