{"version":3,"file":"shared-CYotd-EX.js","sources":["../../refocus_core/shared/activities/discussion-preview/DiscussionPreviewShared.vue","../../refocus_core/shared/activities/bonus/BonusShared.vue","../../refocus_core/shared/activities/preview/ActivityPreviewShared.vue","../../refocus_core/shared/activities/preview-image/ActivityPreviewImageShared.vue","../../refocus_core/shared/avatar/AvatarShared.vue","../../refocus_core/shared/code/CodeShared.vue","../../refocus_core/shared/common/context/types/buttons.ts","../../refocus_core/shared/common/context/ContextShared.vue","../../refocus_core/shared/loadmore/LoadmoreShared.vue","../../src/components/shared/construction/ConstructionShared.vue","../../src/components/shared/demo-table/DemoTableShared.vue","../../src/components/shared/email-preview/templates/activity-template.html?raw","../../src/components/shared/email-preview/templates/invitation_member-template.html?raw","../../src/components/shared/email-preview/EmailPreviewShared.vue","../../src/components/shared/import/ImportShared.vue","../../src/components/shared/journal/JournalShared.vue","../../src/components/shared/members/MembersShared.vue","../../src/components/shared/section/SectionShared.vue","../../src/components/shared/segmentation/SegmentationShared.vue","../../src/components/shared/segrate/SegrateShared.vue","../../src/components/shared/side-window/SideWindowShared.vue","../../src/components/shared/tag/TagShared.vue","../../src/components/shared/tags/add-dialog/AddTagDialog.vue","../../src/components/shared/tags/section-dialog/SectionDialog.vue","../../src/components/shared/tags/TagsShared.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { getDownloadLink } from '@api';\nimport {\n  CheckRoundEmptyIcon,\n  CloseRoundIcon,\n  CommentIcon,\n  EditIcon,\n  FileIcon,\n  SpinnerIcon,\n} from '@icons';\nimport type { IDiscussionPreview, IFile, IFileSource, IURL } from '@models';\nimport { AvatarShared, BonusShared } from '@shared';\nimport { EditorControl, GalleryControl, LikeControl } from '@uikit';\nimport { downloadFile, formatDateTime, getCommentsCountText, isImageFile } from '@utils';\nimport { computed, ref } from 'vue';\n\ninterface IDiscussionPreviewSharedProps {\n  data: IDiscussionPreview;\n\n  /**\n   * img source type\n   * @default 'remote'\n   */\n  images?: IFileSource;\n\n  /**\n   * Show avatar\n   * @default true\n   */\n  avatar?: boolean;\n\n  /**\n   * Show border\n   * @default false\n   */\n  border?: boolean;\n\n  /**\n   * Show placeholder text in Title and Description\n   * @default false\n   */\n  placeholders?: boolean;\n\n  /**\n   * Like click handler\n   * uses emit if undefined\n   */\n  onLike?: () => void | Promise<void>;\n\n  /**\n   * @default 'all'\n   */\n  display?: 'all' | 'header' | 'description';\n\n  /**\n   * @default false\n   */\n  edit?: boolean;\n}\n\ninterface IDiscussionPreviewSharedEmits {\n  (e: 'edit', text: string): void;\n}\n\nconst props = withDefaults(defineProps<IDiscussionPreviewSharedProps>(), {\n  images: 'remote',\n  border: false,\n  avatar: true,\n  placeholders: false,\n  header: true,\n  display: 'all',\n});\n\nconst emits = defineEmits<IDiscussionPreviewSharedEmits>();\n\nconst isLikeLoading = ref<boolean>(false);\n\nconst text = ref<string>(props.data.description);\n\nconst isEditing = ref<boolean>(false);\n\nconst activityImages = computed(() => {\n  if (!props.data.files?.length) return;\n  return props.data.files.filter((file) => isImageFile(file.url)).map((file) => file.url);\n});\n\nconst activityFiles = computed<IFile[] | undefined>(() => {\n  if (!props.data.files?.length) return;\n  return props.data.files.filter((file) => !isImageFile(file.url));\n});\nconst title = computed<string>(() => {\n  return props.data.title || (props.placeholders ? 'Название дискуссии' : '');\n});\n\nconst description = computed<string>(() => {\n  return props.data.description || (props.placeholders ? 'Описание дискуссии' : '');\n});\n\nfunction getActivityDateString(): string {\n  return formatDateTime(props.data.started, 'date');\n}\n\nasync function onDownload(id: IURL) {\n  const filename = props.data.files?.find((file) => file.id === id)?.name;\n  const url = getDownloadLink(id);\n  if (!url) return;\n  await downloadFile(url, filename);\n}\n\nasync function onLikeClick() {\n  if (props.onLike) {\n    try {\n      isLikeLoading.value = true;\n      await props.onLike();\n    } finally {\n      isLikeLoading.value = false;\n    }\n  }\n}\n\nfunction onEditClick() {\n  isEditing.value = !isEditing.value;\n\n  if (!isEditing.value) {\n    emits('edit', text.value);\n  }\n}\n\nfunction onCancelEditClick() {\n  isEditing.value = false;\n  text.value = props.data.description;\n}\n</script>\n\n<template>\n  <div class=\"preview\" :class=\"{ preview_border: border }\">\n    <div\n      v-if=\"edit\"\n      class=\"preview__edit\"\n      :class=\"{ preview__edit_active: isEditing }\"\n      @click=\"onEditClick\"\n    >\n      <template v-if=\"isEditing\">\n        <close-round-icon class=\"icon\" @click.stop=\"onCancelEditClick\" />\n        <check-round-empty-icon class=\"icon icon_primary\" />\n      </template>\n      <edit-icon v-else class=\"icon\" />\n    </div>\n    <div v-if=\"display === 'all' || display === 'header'\" class=\"preview__header\">\n      <avatar-shared v-if=\"avatar && data.author\" :id=\"data.author.id\" :src=\"data.author.avatar\" />\n      <div class=\"preview__info\">\n        <div v-if=\"title\" class=\"preview__title\">\n          {{ title }}\n        </div>\n        <div class=\"preview__date\">{{ getActivityDateString() }}</div>\n      </div>\n    </div>\n\n    <div v-if=\"display === 'all' || display === 'description'\" class=\"preview__content\">\n      <div\n        v-if=\"description\"\n        class=\"preview__description\"\n        :class=\"{ preview__description_editing: isEditing }\"\n      >\n        <editor-control v-model=\"text\" :readonly=\"!isEditing\" borderless />\n      </div>\n      <gallery-control\n        v-if=\"activityImages?.length\"\n        v-model=\"activityImages\"\n        dialog\n        :download=\"onDownload\"\n      />\n      <div v-if=\"activityFiles?.length\" class=\"preview__files\">\n        <div\n          v-for=\"(file, index) in activityFiles\"\n          :key=\"index\"\n          class=\"preview__file\"\n          @click=\"onDownload(file.url)\"\n        >\n          <file-icon class=\"icon\" />\n          {{ file?.name }}\n        </div>\n      </div>\n      <div class=\"preview__stats\">\n        <div class=\"preview__group\">\n          <spinner-icon\n            v-if=\"isLikeLoading\"\n            class=\"icon interaction__icon_small preview__like-spinner\"\n          />\n          <like-control v-else :liked=\"data.reaction === 'like'\" @like=\"onLikeClick\" />\n          <span>{{ data.likesCount }}</span>\n        </div>\n        <div class=\"preview__group\">\n          <comment-icon class=\"preview__icon\" />\n          <span>{{ getCommentsCountText(data.commentsCount) }}</span>\n        </div>\n      </div>\n      <div class=\"preview__bonuses\">\n        <bonus-shared v-if=\"data.extraField\" :data=\"data.extraField\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.preview {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 5px;\n  position: relative;\n\n  &_border {\n    border: 1px solid #d4d7d9;\n    border-radius: 12px;\n    padding: 15px;\n  }\n\n  &__edit {\n    position: absolute;\n    top: -10px;\n    right: 50px;\n    border: 1px solid #d4d7d9;\n    color: $gray;\n    background: $white;\n    border-radius: 12px;\n\n    display: flex;\n    place-items: center;\n    cursor: pointer;\n    transition: 0.3s;\n    padding: 10px;\n\n    &:hover {\n      scale: 1.05;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding-top: 10px;\n  }\n\n  &__icon {\n    width: 18px;\n    height: 18px;\n  }\n\n  &__group {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    font-size: 15px;\n  }\n\n  &__header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: $gray;\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  &__title {\n    font-size: 18px;\n    line-height: 21.48px;\n    text-align: left;\n    font-weight: 700;\n    color: var(--textColor);\n  }\n\n  &__description {\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 22.51px;\n    text-align: left;\n    color: $black_a;\n    white-space: pre-wrap;\n\n    &_editing {\n      border: 1px solid #d4d7d9;\n    }\n  }\n\n  &__files {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  &__file {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 14px;\n    font-weight: 400;\n    color: $gray_d;\n    cursor: pointer;\n    width: fit-content;\n  }\n\n  &__date {\n    font-size: 13px;\n    color: $gray;\n  }\n\n  &__stats {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: $gray;\n    padding-left: 10px;\n  }\n\n  &__like-spinner {\n    width: 18px;\n    height: 18px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { CheckRoundIcon, CoinsIcon, RubleIcon, StarIcon, WarningIcon } from '@icons';\nimport type { IBonus } from '@models';\nimport { computed } from 'vue';\n\ninterface IBonusSharedProps {\n  /**\n   * if type defined, icon field will be ignored\n   */\n  data: IBonus;\n}\n\nconst props = defineProps<IBonusSharedProps>();\n\nconst extraFieldIcon = computed((): string => {\n  if (props.data.type) {\n    if (props.data.type === 'money') {\n      return CoinsIcon;\n    } else if (props.data.type === 'points') {\n      return StarIcon;\n    } else {\n      return CheckRoundIcon;\n    }\n  } else {\n    switch (props.data.icon) {\n      case 'ruble':\n        return RubleIcon;\n      case 'warning':\n        return WarningIcon;\n      case 'star':\n        return StarIcon;\n      default:\n        return CheckRoundIcon;\n    }\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"data?.text\" class=\"bonus\">\n    <component :is=\"extraFieldIcon\" class=\"bonus__icon\" />\n    <span>{{ data.text }}</span>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.bonus {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border-radius: 12px;\n  background-color: $white_a;\n  padding: 10px;\n  color: var(--primaryColor);\n\n  &__icon {\n    $size: 18px;\n    width: $size;\n    height: $size;\n    min-width: $size;\n    min-height: $size;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { CommentIcon } from '@lib/assets/icons';\nimport type { IActivityText, IColor } from '@models';\nimport { ActivityBlockBorderType } from '@models';\nimport { ActivityPreviewImageShared } from '@shared';\n\ninterface ActivityPreviewSharedProps {\n  title?: IActivityText;\n  subtitle?: IActivityText;\n  image?: string;\n  small?: boolean;\n  border?: { type: ActivityBlockBorderType; color: IColor };\n  /**\n   * Number of unread comments\n   */\n  comments?: number;\n  /**\n   * Uploading status\n   */\n  uploading?: boolean;\n  /**\n   * Max Width 425px, default 300px\n   * @default false\n   */\n  wide?: boolean;\n}\n\nconst props = withDefaults(defineProps<ActivityPreviewSharedProps>(), {\n  small: false,\n  wide: false,\n});\n\nfunction getBorderClassName(): string {\n  if (!props.border) return '';\n  switch (props.border.type) {\n    case ActivityBlockBorderType.LINE:\n      return '_line';\n    case ActivityBlockBorderType.BORDER:\n      return '_empty';\n    case ActivityBlockBorderType.FILLED:\n      return '_filled';\n    default:\n      return '';\n  }\n}\n</script>\n\n<template>\n  <div>\n    <div\n      class=\"preview\"\n      :class=\"[\n        { preview_small: small, preview_wide: wide },\n        small && 'preview_small' + getBorderClassName(),\n      ]\"\n      :style=\"\n        small &&\n        border &&\n        (border.type === ActivityBlockBorderType.FILLED\n          ? { backgroundColor: border.color, borderColor: border.color }\n          : { borderColor: border.color })\n      \"\n    >\n      <activity-preview-image-shared :src=\"image\" :small=\"small\" :loading=\"uploading\" />\n\n      <div class=\"preview__set preview__content\">\n        <div class=\"preview__title\" :style=\"{ color: title?.color }\">\n          {{ (title && title.content) || 'Название активности' }}\n        </div>\n        <div v-if=\"!small\" class=\"preview__subtitle\">\n          <div class=\"preview__text\" :style=\"{ color: subtitle?.color }\">\n            {{ subtitle?.content }}\n          </div>\n          <div v-if=\"comments\" class=\"preview__counter\">\n            <comment-icon class=\"icon icon_small preview__counter-icon\" />\n            {{ comments }}+\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.preview {\n  height: 100%;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  padding-right: 10px;\n  gap: 15px;\n  width: 300px;\n  max-width: 300px;\n  font-size: 14px;\n  text-wrap: normal;\n  word-wrap: break-word;\n\n  &_wide {\n    width: 425px;\n    max-width: 425px;\n    gap: 44px;\n  }\n\n  &_small {\n    width: 195px;\n    max-width: 195px;\n    height: 90px;\n    padding: 0;\n    padding-left: 10px;\n    position: relative;\n    gap: 5px;\n\n    &_line::before {\n      content: ' ';\n      height: 51px;\n      border: 0;\n      border-left: 3px solid;\n      border-color: v-bind('border?.color');\n      border-radius: 0;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &_empty,\n    &_filled {\n      border: 1px solid;\n      border-radius: 12px;\n    }\n  }\n\n  &__title {\n    font-weight: 700;\n    font-size: 15px;\n    line-height: 17.9px;\n    text-align: left;\n  }\n\n  &__subtitle {\n    display: flex;\n    justify-content: space-between;\n    gap: 5px;\n  }\n\n  &__content {\n    width: 100%;\n  }\n\n  &__set,\n  &__group {\n    display: flex;\n    gap: 10px;\n  }\n\n  &__set {\n    flex-direction: column;\n  }\n\n  &__group {\n    align-items: center;\n  }\n\n  &__text {\n    font-size: 14px;\n    font-weight: 200;\n    color: $gray;\n  }\n\n  &__counter {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    color: $white;\n    background: var(--primaryColor);\n    border-radius: 25px;\n    padding: 3px 4px;\n    font-family: SF UI Display;\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 15.51px;\n    letter-spacing: 0%;\n  }\n}\n\n@include mobile {\n  .preview {\n    gap: 25px;\n\n    &:not(&_small) {\n      width: 100%;\n    }\n\n    &_small {\n      gap: 12px;\n      min-width: 168px;\n      width: calc(50% - 10px);\n    }\n\n    &__counter {\n      &-icon {\n        display: none;\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { BinIcon, BulbIcon, ImageIcon } from '@icons';\nimport { ImageControl } from '@uikit';\nimport { ref, watch } from 'vue';\n\ninterface IActivityPreviewImageSharedProps {\n  src: string | undefined;\n  small?: boolean;\n  /**\n   * Is remove button shown on hover\n   */\n  remove?: boolean;\n  /**\n   * Show full image on click\n   */\n  full?: boolean;\n\n  /**\n   * Always show loading\n   */\n  loading?: boolean;\n}\n\ntype IActivityPreviewImageSharedEmits = (e: 'remove') => void;\n\nconst props = withDefaults(defineProps<IActivityPreviewImageSharedProps>(), {\n  small: false,\n  remove: false,\n  full: false,\n});\n\ndefineEmits<IActivityPreviewImageSharedEmits>();\n\nconst isLoaded = ref<boolean>(false);\n\nconst isRemoveButtonShown = ref<boolean>(false);\n\nwatch(\n  () => props.src,\n  () => {\n    isLoaded.value = false;\n  },\n);\n\nfunction onLoaded() {\n  isLoaded.value = true;\n}\n</script>\n\n<template>\n  <div\n    class=\"preview__wrapper\"\n    @mouseover=\"isRemoveButtonShown = true\"\n    @mouseleave=\"isRemoveButtonShown = false\"\n    @mousedown=\"isRemoveButtonShown = false\"\n  >\n    <image-control\n      class=\"preview\"\n      cover\n      :src=\"src\"\n      :stub=\"small ? BulbIcon : ImageIcon\"\n      :stub-size=\"src || !small ? 'medium' : 'large'\"\n      :class=\"{\n        preview_bordered: !small && !isLoaded,\n        preview_small: small,\n        preview_full: full,\n      }\"\n      :loading=\"loading\"\n      compress=\"preview\"\n      @downloaded=\"onLoaded\"\n    />\n    <bin-icon\n      v-if=\"remove\"\n      v-show=\"isRemoveButtonShown\"\n      class=\"icon icon_small preview__remove\"\n      @click=\"$emit('remove')\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.preview {\n  height: 90px;\n  width: 90px;\n  max-width: 90px;\n  max-height: 90px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 12px;\n  overflow: hidden;\n\n  :is(&.image) {\n    width: 90px;\n  }\n\n  &_bordered {\n    border: 1px solid #d4d7d9;\n  }\n\n  &_small {\n    width: 40px;\n    height: 40px;\n    max-width: 40px;\n    max-height: 40px;\n\n    @include mobile {\n      width: 24px;\n      height: 24px;\n      max-width: 24px;\n      max-height: 24px;\n    }\n  }\n\n  &_full {\n    cursor: pointer;\n    transition: 0.3s;\n\n    &:hover {\n      scale: 1.01;\n    }\n  }\n\n  &__wrapper {\n    position: relative;\n  }\n\n  &__remove {\n    position: absolute;\n    bottom: -16px;\n    right: 6px;\n    cursor: pointer;\n    transition: 0.3s;\n\n    &:hover {\n      scale: 1.1;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { IURL } from '@models';\nimport { useSocketStore } from '@stores';\nimport { AvatarControl } from '@uikit';\nimport { computed } from 'vue';\n\ninterface IAvatarSharedProps {\n  src?: IURL;\n  id?: number;\n}\n\nconst props = defineProps<IAvatarSharedProps>();\n\nconst socketStore = useSocketStore();\n\nconst isOnline = computed<boolean>(() => {\n  if (!props.id) return false;\n  return socketStore.usersOnline.includes(props.id);\n});\n</script>\n\n<template>\n  <div class=\"avatar\">\n    <avatar-control :src=\"src\" :hash=\"id\" />\n    <div v-if=\"isOnline\" class=\"avatar__online\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.avatar {\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n\n  &__online {\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #0ed039;\n    border: 1px solid $white;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Routes } from '@router';\n\ninterface ICodeSharedProps {\n  /**\n   * Member id\n   */\n  link?: number;\n  text?: string;\n}\n\nconst props = withDefaults(defineProps<ICodeSharedProps>(), {});\n</script>\n\n<template>\n  <component\n    :is=\"props.link ? 'router-link' : 'span'\"\n    v-if=\"text\"\n    :to=\"{\n      name: Routes.MEMBER,\n      params: { id: link },\n    }\"\n    class=\"code\"\n    :class=\"{ code_link: props.link }\"\n  >\n    {{ text }}\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n.code {\n  color: #959aad;\n  font-size: 12px;\n  padding: 5px 10px;\n  border-radius: 50px;\n  background-color: #ebebeb;\n\n  &_link {\n    transition: 0.3s;\n\n    &:hover {\n      text-decoration: underline;\n      cursor: pointer;\n      scale: 1.05;\n      box-shadow: 0 0 20px #dfdfdf;\n    }\n  }\n}\n</style>\n","export enum ContextButtons {\n  edit = 'edit',\n  delete = 'delete',\n  link = 'link',\n}\n","<script setup lang=\"ts\">\nimport { BinIcon, ChainsIcon, DotsIcon, EditIcon } from '@icons';\nimport { ref } from 'vue';\nimport { ContextButtons, type IContextButtons } from './types';\n\ninterface IContextSharedProps {\n  /**\n   * @default 'normal'\n   */\n  mode?: 'normal' | 'custom';\n  /**\n   * override normal mode buttons display\n   * @default ['edit', 'delete']\n   */\n  buttons?: IContextButtons[];\n}\n\ninterface IContextSharedEmits {\n  (e: 'click', button: IContextButtons): void;\n}\n\nwithDefaults(defineProps<IContextSharedProps>(), {\n  mode: 'normal',\n  buttons: () => ['edit', 'delete'],\n});\n\nconst emits = defineEmits<IContextSharedEmits>();\n\nconst isShown = ref<boolean>(false);\n\nconst id = Date.now();\n\nfunction onItemClick(e: ContextButtons): void {\n  emits('click', e);\n  isShown.value = false;\n}\n\nfunction onDotsClick(e: MouseEvent) {\n  e.stopPropagation();\n  e.preventDefault();\n  isShown.value = !isShown.value;\n}\n\nfunction onClickOutside(e?: MouseEvent) {\n  if ((e?.target as HTMLElement).id.startsWith('context-')) return;\n  isShown.value = false;\n}\n\nfunction getButtonText(button: ContextButtons): string {\n  switch (button) {\n    case ContextButtons.edit:\n      return 'Редактировать';\n    case ContextButtons.delete:\n      return 'Удалить';\n    case ContextButtons.link:\n      return 'Копировать ссылку';\n  }\n}\n\nfunction getButtonIcon(button: ContextButtons): string {\n  switch (button) {\n    case ContextButtons.edit:\n      return EditIcon;\n    case ContextButtons.delete:\n      return BinIcon;\n    case ContextButtons.link:\n      return ChainsIcon;\n    default:\n      return '';\n  }\n}\n</script>\n\n<template>\n  <div class=\"context\">\n    <dots-icon\n      :id=\"'context-' + id\"\n      class=\"icon icon_large context__dots\"\n      @click.stop.prevent=\"onDotsClick\"\n    />\n    <div v-if=\"isShown\" v-click-outside=\"onClickOutside\" class=\"context__content\">\n      <template v-if=\"mode === 'normal'\">\n        <div v-for=\"(button, index) in buttons\" :key=\"index\" class=\"context__item\">\n          <component\n            :is=\"getButtonIcon(ContextButtons[button])\"\n            class=\"icon icon_small context__icon\"\n          />\n          <span class=\"context__text\" @click=\"onItemClick(ContextButtons[button])\">{{\n            getButtonText(ContextButtons[button])\n          }}</span>\n        </div>\n      </template>\n      <template v-else>\n        <slot></slot>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  color: $gray;\n  cursor: pointer;\n\n  &__dots {\n    transition: 0.3s;\n    border: 1px solid transparent;\n    border-radius: 50%;\n\n    &:hover {\n      border-color: $gray_b;\n      scale: 1.1;\n      transform: translateY(-3%);\n    }\n\n    &:active {\n      scale: 0.9;\n    }\n  }\n\n  &__content {\n    position: absolute;\n    top: -5px;\n    right: calc(100% + 2px);\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 10px 20px;\n    border-radius: 15px;\n    border: 1px solid $gray_b;\n    background: $white;\n  }\n\n  &__item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: 0.3s;\n\n    &:hover {\n      text-decoration: underline;\n      color: var(--primaryColor);\n    }\n  }\n\n  &__text {\n    font-size: 16px;\n    font-weight: 400;\n    user-select: none;\n    white-space: nowrap;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { SpinnerIcon } from '@icons';\nimport { getCommentsCountText } from '@utils';\nimport { computed } from 'vue';\n\ninterface ILoadmoreSharedProps {\n  data?: {\n    limit: number;\n    length: number;\n    total: number;\n  };\n  text?: string;\n  unread?: boolean;\n}\n\nconst props = withDefaults(defineProps<ILoadmoreSharedProps>(), {\n  unread: false,\n});\n\nconst isLoading = defineModel<boolean>({ required: false, default: false });\n\nfunction onLoadmoreClick() {}\n\nconst text = computed<string>(() => {\n  if (props.text) return props.text;\n  if (!props.data) return '';\n  const limit = props.data.limit;\n  const length = props.data.length;\n  const total = props.data.total;\n  const delta = total - length;\n  const count = delta > limit ? limit : delta;\n  return `Ещё ${getCommentsCountText(count)} ...`;\n});\n</script>\n\n<template>\n  <div class=\"loadmore\" @click=\"onLoadmoreClick\">\n    <span v-if=\"isLoading\" class=\"loadmore__group\">\n      <spinner-icon class=\"icon\" />\n      Загрузка\n    </span>\n    <span v-else>{{ text }}</span>\n    <div v-if=\"unread\" class=\"loadmore__unread\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.loadmore {\n  border-radius: 12px;\n  color: var(--primaryColor);\n  padding: 10px 20px;\n  cursor: pointer;\n  transition: 0.3s;\n  font-weight: 400;\n  height: 44px;\n  background: #f8f8f8;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  &__unread {\n    position: absolute;\n    left: -15px;\n    top: 50%;\n    transform: translateY(-50%);\n    $size: 10px;\n    width: 10px;\n    height: 10px;\n    background: var(--primaryColor);\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 12px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup></script>\n\n<template>\n  <div class=\"construction\">\n    <span class=\"construction__text\">В разработке</span>\n    <div class=\"construction__container\">\n      <svg\n        id=\"bongo-cat\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        viewBox=\"0 0 787.3 433.8\"\n      >\n        <defs>\n          <symbol id=\"eye\" data-name=\"eye\" viewBox=\"0 0 19.2 18.7\">\n            <circle cx=\"9.4\" cy=\"9.1\" r=\"8\"></circle>\n            <path\n              d=\"M16.3,5.1a1.3,1.3,0,0,1-1.4-.3,7.2,7.2,0,0,0-4.5-2.6A7.2,7.2,0,0,0,5.5,3.5,6.8,6.8,0,0,0,2.8,7.8a6.8,6.8,0,0,0,1,4.8,6.2,6.2,0,0,0,4,2.7,6.1,6.1,0,0,0,4.6-.7,6.7,6.7,0,0,0,2.9-3.7,6.4,6.4,0,0,0-.5-4.5c-.1-.2.8-1,1.5-1.3s2.2,0,2.3.5a9.4,9.4,0,0,1-.2,7.2,9.4,9.4,0,0,1-5.1,5.1,9,9,0,0,1-7,.2A9.6,9.6,0,0,1,1,13.5,9.2,9.2,0,0,1,.4,6.6,8.9,8.9,0,0,1,4.6,1.3,9,9,0,0,1,11.2.2,9.3,9.3,0,0,1,16.7,4C16.9,4.3,17,4.8,16.3,5.1Z\"\n            ></path>\n          </symbol>\n          <symbol id=\"paw-pads\" data-name=\"paw-pads\" viewBox=\"0 0 31.4 33.9\">\n            <path\n              d=\"M6.8,16a3.7,3.7,0,0,1,1.1,2.8,3.2,3.2,0,0,1-1.6,2.6L5,21.8H4.4a2.8,2.8,0,0,1-1.8.3A4.2,4.2,0,0,1,.2,19.1,7.7,7.7,0,0,1,0,17.6a2.8,2.8,0,0,1,.6-2,3.2,3.2,0,0,1,2.1-.8H4A5,5,0,0,1,6.8,16Zm7.3-4.8a1.8,1.8,0,0,0,.7-.5l.7-.4a3.5,3.5,0,0,0,1.1-1,3.2,3.2,0,0,0,.3-1.4,1.4,1.4,0,0,0-.2-.6,3.4,3.4,0,0,0-.3-2.4,3.2,3.2,0,0,0-2.1-1.5H13.1a4.7,4.7,0,0,0-1.6.4,2,2,0,0,0-.9.9l-.4.6v.4a6.1,6.1,0,0,0-.5,1.2,4.3,4.3,0,0,0,0,1.6,3.5,3.5,0,0,0,.5,2l.7.6a3.3,3.3,0,0,0,1.7.7A3,3,0,0,0,14.1,11.2ZM22.7,7l.6.2h.3A2.3,2.3,0,0,0,25,6.8l.4-.3.6-.3a7.5,7.5,0,0,0,1.5-.9,4.2,4.2,0,0,0,.8-1.2,1.9,1.9,0,0,0,.1-1.5A2.6,2.6,0,0,0,27.5,1,3.5,3.5,0,0,0,23.6.3a3.8,3.8,0,0,0-2,1.5,4.8,4.8,0,0,0-.7,2,3.6,3.6,0,0,0,.9,2.6ZM31,24.1a13.5,13.5,0,0,0-2.2-4.7,36.6,36.6,0,0,0-3.2-3.9,5.3,5.3,0,0,0-5-1.9,10.5,10.5,0,0,0-4.5,2.2A5.6,5.6,0,0,0,13.5,20a15.1,15.1,0,0,0,1.2,6.3c.8,2,1.7,4,2.6,5.9a1.6,1.6,0,0,0,1.5.8,1.7,1.7,0,0,0,1.9.9,17.1,17.1,0,0,0,8.7-4.8,8.2,8.2,0,0,0,1.7-2C31.6,26.3,31.3,25,31,24.1Z\"\n              fill=\"#ef97b0\"\n            ></path>\n          </symbol>\n        </defs>\n        <g id=\"head\">\n          <g id=\"head__outline\">\n            <path\n              d=\"M303.2,186.3c4-7,14.8-20.2,20-26,17-19,34.6-34.9,43-41l12-8s16.6-32,21-33c9-2,33,22,33,22s20-9,79,7c41,11.1,47,14,57,22,7.5,6,18,16,18,16s33.7-19.5,41-15-2,66-2,66,5.9,12.9,11,22c9.1,16.2,13.6,20.2,19,31,3.6,7.2,8.4,28.5,10.5,43.5l-385-62Z\"\n              fill=\"#fff\"\n            ></path>\n            <path\n              d=\"M302.9,186.9c-1.2,3-5.9,12.6-9,18.8l-12.5,25.5-.6-1.2c32.2,4.8,64.4,9.2,96.6,13.6s64.4,8.9,96.5,13.7,64.3,9.7,96.4,14.9,64.1,10.5,96.2,15.8l-5.6,5.5c-1.2-8.5-2.8-17.1-4.8-25.6-1-4.1-2.1-8.4-3.4-12.3l-.5-1.4-.5-1.4-.6-1.3-.7-1.3a59.5,59.5,0,0,0-3.1-5.5c-2.2-3.6-4.7-7.2-7.1-11s-4.8-7.6-7-11.5c-4.5-7.9-8.3-15.9-12.1-24a4,4,0,0,1-.3-2.6h0c1.4-9.1,2.7-18.2,3.7-27.4.5-4.5.9-9.1,1.2-13.7s.4-9.1.2-13.4a26.4,26.4,0,0,0-.8-6,8.1,8.1,0,0,0-.3-1.1c-.1-.3-.2-.4-.1-.3h.3c0,.1.1.1,0,.1h-.6a11.9,11.9,0,0,0-2.5.2,16.3,16.3,0,0,0-3,.7,56.7,56.7,0,0,0-6.2,2.1,212.6,212.6,0,0,0-24.5,11.9h-.1a3.9,3.9,0,0,1-4.7-.6c-4.9-4.7-10-9.4-15.1-13.8a86.6,86.6,0,0,0-7.9-6,46.1,46.1,0,0,0-8.5-4.6c-6-2.6-12.6-4.6-19.2-6.7l-19.8-5.7a324.9,324.9,0,0,0-40-8.9,196.8,196.8,0,0,0-20.2-1.8c-1.7,0-3.4-.1-5.1,0h-2.5l-2.5.2-2.5.2-2.4.4-2.4.5-1.1.3h-.5l-.4.2H433a2.5,2.5,0,0,1-2.6-.7c-4.6-4.6-9.5-9.1-14.5-13.2a82.7,82.7,0,0,0-7.9-5.7L403.9,81a10.8,10.8,0,0,0-4-.9c-.1,0-.3,0-.3.1h0l-.7.5-1.5,1.7c-1,1.2-2,2.6-2.9,3.9s-3.6,5.5-5.3,8.3c-3.5,5.7-6.8,11.4-9.9,17.3h0l-.4.4-10.2,6.6a53.6,53.6,0,0,0-4.9,3.4l-4.6,3.8c-6.2,5.1-12.1,10.6-17.9,16.2s-11.3,11.4-16.7,17.4c-2.7,3-5.3,6.1-7.8,9.2s-5,6.3-7.4,9.5c-4.2,5.6-7,10-5.7,7.1a34.1,34.1,0,0,1,2.1-3.8l3.8-5.6c2.9-4,6.3-8.3,8.5-10.9s4.4-5.2,6.7-7.7l6.9-7.4c4.7-4.9,9.4-9.7,14.3-14.3s9.8-9.3,15-13.7l4-3.2,4.2-2.9,8.3-5.7-.4.4c3-5.9,6.1-11.8,9.4-17.7,1.6-2.9,3.3-5.8,5.1-8.6l2.9-4.3,1.8-2a7.5,7.5,0,0,1,1.3-1.1c.1-.2.6-.4,1-.5l.9-.2h1.7l1.4.2,2.7.8c1.7.7,3.3,1.5,4.8,2.3a84,84,0,0,1,8.5,5.7A175.7,175.7,0,0,1,434,98.5l-2.9-.6.8-.3.7-.2L434,97l2.7-.7,2.7-.5a23,23,0,0,1,2.6-.3l2.7-.3,2.7-.2h5.3a182.1,182.1,0,0,1,21,1.3,332.5,332.5,0,0,1,41.1,8.4l20,5.5c6.7,2,13.4,4,20.1,6.7a65.3,65.3,0,0,1,9.8,5.1c3.1,2.1,5.9,4.3,8.6,6.5,5.4,4.5,10.6,9.2,15.7,14l-4.8-.6c4.1-2.4,8.2-4.6,12.4-6.7s8.6-4.2,13-6c2.3-.9,4.6-1.7,7-2.4a23.4,23.4,0,0,1,3.8-.9,20,20,0,0,1,4.4-.4h1.3l1.5.4a5.1,5.1,0,0,1,1.7.7l.9.7.8.7a8.3,8.3,0,0,1,1.6,2.6,12.7,12.7,0,0,1,.8,2.3,44.6,44.6,0,0,1,1.1,7.7c.2,5,.1,9.7-.1,14.4s-.7,9.5-1.2,14.1c-.9,9.4-2.1,18.6-3.6,27.9l-.3-2.6c3.7,7.9,7.5,15.8,11.8,23.3,2.1,3.7,4.4,7.4,6.8,11s4.9,7.2,7.3,11.1c1.3,2,2.4,4,3.5,6.1a10.9,10.9,0,0,0,.8,1.5l.8,1.8.7,1.7.6,1.7c1.5,4.4,2.6,8.7,3.7,13.1a262,262,0,0,1,5.2,26.4,4.9,4.9,0,0,1-4.1,5.6h-1.5c-32.1-5-64.2-9.9-96.3-15.1s-64.1-10.6-96.1-16.1-64-11.4-96-17.4-63.9-11.9-95.9-17.4h-.1a.8.8,0,0,1-.6-.9v-.2l16.6-32.1C299.8,192.2,304.1,183.9,302.9,186.9Z\"\n            ></path>\n          </g>\n          <g id=\"head__face\">\n            <g id=\"eyes\">\n              <use\n                width=\"19.2\"\n                height=\"18.7\"\n                transform=\"translate(474.8 195.2)\"\n                xlink:href=\"#eye\"\n              ></use>\n              <use\n                width=\"19.2\"\n                height=\"18.7\"\n                transform=\"matrix(-0.51, -0.85, 0.82, -0.5, 370.39, 192.59)\"\n                xlink:href=\"#eye\"\n              ></use>\n            </g>\n            <g id=\"mouth\">\n              <path\n                d=\"M399.2,186.3c.9,3.6,2.6,7.8,6,9,6.4,2.3,19-6,19-6s4.1,12.4,10,15,10.7-1.7,16-6\"\n                fill=\"#fff\"\n              ></path>\n              <path\n                d=\"M450.2,198.3c.6,1.2.2,1.9-.2,2.2a36.7,36.7,0,0,1-7.6,4.9,14.9,14.9,0,0,1-4.8,1.4h-1.4l-1.3-.2-1.4-.4-1.3-.6a21.6,21.6,0,0,1-6.4-7.2,52.8,52.8,0,0,1-4-8.3l3.8,1.3a62.3,62.3,0,0,1-7.1,4.1,32.1,32.1,0,0,1-7.9,2.8,13.2,13.2,0,0,1-4.9.2l-1.4-.3a7.5,7.5,0,0,1-1.3-.6,7.9,7.9,0,0,1-2.3-1.6,16.8,16.8,0,0,1-2.9-4,24.1,24.1,0,0,1-1.6-4.2c-.1-.5,1.6-1.3,3-1.4s3.5.2,3.6.6a10.3,10.3,0,0,0,2.6,4.9l.7.5h2.4l1.5-.2a28.4,28.4,0,0,0,6.5-2c2.1-1,4.3-2.1,6.3-3.3h.1a2.5,2.5,0,0,1,3.4.9l.3.5a43.1,43.1,0,0,0,3.2,7.7,19.8,19.8,0,0,0,2.2,3.4,8.1,8.1,0,0,0,2.6,2.6,5,5,0,0,0,3,.7,10.8,10.8,0,0,0,3.7-1,33.4,33.4,0,0,0,7.2-4.3C448.8,197.4,449.5,197.2,450.2,198.3Z\"\n              ></path>\n            </g>\n          </g>\n        </g>\n        <g id=\"table\">\n          <path d=\"M65.7,181.8l714,124c0,74-2,54-2,128l-673-161Z\" fill=\"#fff\"></path>\n          <path\n            d=\"M786.7,304.2c-2.7,1.2-10.8,0-16.1-.9L31.1,176.4c-5.2-.9-8.9-3.8-6.2-5s14.3-1.4,19.5-.5L777.1,300.6C782.3,301.6,789.4,303.1,786.7,304.2Z\"\n          ></path>\n        </g>\n        <g id=\"laptop\">\n          <g id=\"laptop__base\">\n            <polygon\n              points=\"641.9 304.1 454.7 348.2 103.8 271.3 254.6 230.3 641.9 304.1\"\n              fill=\"#f2f2f2\"\n            ></polygon>\n            <path\n              d=\"M641.9,304.1c1.5-.1-2.3,1.5-10.3,3.6-28.9,7.5-58.1,15.2-87.7,22.6s-59.1,14.5-88.4,21.3l-.8.2-.8-.2-349.5-78-1.1-.2-8.7-1.9,8.6-2.3,150.6-41.5.6-.2h.7c62.5,11.7,125.5,23.6,188.4,35.9s125.6,25.1,188,37.6c8,1.6,11.9,3,10.4,3a185.6,185.6,0,0,1-18.4-2.6c-61.9-11.2-123.6-22.2-185-33.5s-122.7-23.1-184.4-35h1.2L104.4,273.4h-.1v-4.3l351.2,75.7h-1.5c28.3-6.7,56.3-13.3,84.3-19.5s56.5-12,85.2-18.1C631.3,305.6,640.4,304.1,641.9,304.1Z\"\n            ></path>\n          </g>\n          <g id=\"laptop__keyboard\">\n            <polygon\n              points=\"371.1 274.8 256.8 253.5 257 252.7 266.2 251.1 382.4 271.5 382.3 272.3 371.1 274.8\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"237.4 265.6 221.3 262.4 221.4 261.7 230.2 260.2 246.8 262.6 246.6 263.4 237.4 265.6\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"474.6 312.9 249.9 268.1 250.1 267.3 259.2 265.8 487.7 309.6 487.5 310.5 474.6 312.9\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"411.8 309.4 204.2 266.7 204.4 266 212.9 264.5 423.9 306.3 423.7 307.2 411.8 309.4\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"450 317.3 428.5 312.9 428.8 312 440.7 310.6 462.7 314.1 462.5 315 450 317.3\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"201.6 273.9 187.5 270.9 187.7 270.2 196 268.7 210.4 271 210.3 271.7 201.6 273.9\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"222.6 278.3 208.1 275.3 208.3 274.5 216.9 273.1 231.8 275.4 231.6 276.2 222.6 278.3\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"362.9 308.1 231.5 280.2 231.7 279.5 240.7 278.1 374.2 305.1 374 305.9 362.9 308.1\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"444.3 288.4 385.2 277.4 385.4 276.5 396.6 274.9 456.9 285.1 456.7 285.9 444.3 288.4\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"526.1 303.6 460.1 291.3 460.3 290.4 472.8 288.9 540.1 300.2 539.9 301.1 526.1 303.6\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <polygon\n              points=\"426.2 321.6 376.1 310.9 376.3 310.1 387.4 308.7 438.5 318.5 438.3 319.4 426.2 321.6\"\n              fill=\"#3e3e54\"\n            ></polygon>\n            <g>\n              <polygon\n                points=\"410.6 286.5 399.1 288 398.9 288.8 499.9 308.3 513.3 305.9 513.5 305 410.6 286.5\"\n                fill=\"#3e3e54\"\n              ></polygon>\n              <polygon\n                points=\"395.7 283.7 395.9 282.8 248.2 255.7 239.2 257.3 239 258 384.3 286 395.7 283.7\"\n                fill=\"#3e3e54\"\n              ></polygon>\n            </g>\n            <polygon\n              points=\"371.3 273.9 256.9 252.7 266.4 250.3 382.4 271.5 371.3 273.9\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"237.6 264.9 221.4 261.7 230.4 259.4 246.8 262.6 237.6 264.9\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"474.8 312 250 267.3 259.4 265.1 487.7 309.6 474.8 312\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"412 308.5 204.4 266 213.1 263.8 423.9 306.3 412 308.5\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"450.2 316.4 428.8 312 440.9 309.7 462.8 314.1 450.2 316.4\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"201.7 273.1 187.7 270.2 196.2 268 210.4 271 201.7 273.1\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"222.8 277.6 208.3 274.5 217.1 272.4 231.8 275.4 222.8 277.6\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"363.1 307.3 231.7 279.5 240.9 277.3 374.2 305.1 363.1 307.3\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"444.6 287.5 385.4 276.5 396.8 274.1 456.9 285 444.6 287.5\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"526.3 302.7 460.3 290.4 473 288 540.1 300.2 526.3 302.7\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <polygon\n              points=\"426.4 320.7 376.3 310.1 387.6 307.9 438.5 318.5 426.4 320.7\"\n              stroke=\"#000\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.2\"\n            ></polygon>\n            <g>\n              <polygon\n                points=\"410.7 285.6 399.1 288 500.1 307.4 513.5 305 410.7 285.6\"\n                stroke=\"#000\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.2\"\n              ></polygon>\n              <polygon\n                points=\"395.9 282.8 248.4 255 239.2 257.3 384.5 285.2 395.9 282.8\"\n                stroke=\"#000\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.2\"\n              ></polygon>\n            </g>\n          </g>\n          <g id=\"paw-right\">\n            <g id=\"paw-right--down\">\n              <path\n                d=\"M293.2,191.3l10-7s-18.4,11.1-24,20-13,20.4-9,31c4.7,12.4,20.5,15.7,22,16,20,3.8,47.8-24.3,47.8-24.3s1.9-3.3,2.2-3.7\"\n                fill=\"#fff\"\n              ></path>\n              <path\n                d=\"M342.1,223.4c.9,1.2.2,2.8-.3,3.7l-.4.7-.3.3a118.1,118.1,0,0,1-14.2,12.3,83.2,83.2,0,0,1-16.2,9.8,43.9,43.9,0,0,1-9.3,3,26.3,26.3,0,0,1-10.1.2,44.5,44.5,0,0,1-9.3-3.2,34.2,34.2,0,0,1-8.3-5.5,23,23,0,0,1-5.8-8.5,21.3,21.3,0,0,1-1.3-10.3,34.9,34.9,0,0,1,2.7-9.7,76.1,76.1,0,0,1,4.5-8.5l2.4-4,.6-1,.8-1.1a15.6,15.6,0,0,1,1.6-2,49.9,49.9,0,0,1,7-6.8,136.1,136.1,0,0,1,15.3-11.2,3.1,3.1,0,0,1,4.4,1,3,3,0,0,1-.8,4.2H305l-8.6,6.2c-.9.6-2.7-.5-3.1-1.9s.5-4.4,1.5-5l6.6-4.5,3.5,5.3A131.9,131.9,0,0,0,290,197.4a52.7,52.7,0,0,0-6.4,6,6.5,6.5,0,0,0-1.3,1.6l-.6.8-.7,1-2.4,3.8c-1.6,2.6-3.1,5.2-4.4,7.8a27.7,27.7,0,0,0-2.4,8.1,15.6,15.6,0,0,0,.8,8,17.4,17.4,0,0,0,4.4,6.7,27.2,27.2,0,0,0,7.1,4.9,39.5,39.5,0,0,0,8.1,3,21.6,21.6,0,0,0,8.4,0,37.8,37.8,0,0,0,8.5-2.6,84.9,84.9,0,0,0,15.7-9,142.4,142.4,0,0,0,14.1-11.6l-.3.3,1.1-1.8C340.3,223.4,341.3,222.2,342.1,223.4Z\"\n              ></path>\n            </g>\n            <g id=\"paw-right--up\">\n              <g>\n                <path\n                  d=\"M282.2,215.2c-1.6-1.6-12.8-17.9-14-34.3-.1-2.5,1.7-16,12.9-22.4s22.3-1.9,26.2.4c12.2,7.3,21.2,19.1,22.8,22.4\"\n                  fill=\"#fff\"\n                ></path>\n                <path\n                  d=\"M330,181.2a2.4,2.4,0,0,1-2.6-1.3,71.4,71.4,0,0,0-9.8-10.8,64,64,0,0,0-11.7-8.6,26.3,26.3,0,0,0-6.5-2.3,26.9,26.9,0,0,0-6.9-.6,24.9,24.9,0,0,0-6.7,1.3,20.8,20.8,0,0,0-5.8,3.3,23.1,23.1,0,0,0-7.6,11,32.5,32.5,0,0,0-1.4,6.6,6.6,6.6,0,0,0,.1,1.4l.2,1.8c.1,1.2.4,2.3.6,3.5a65,65,0,0,0,4.8,13.4c1,2.2,2.2,4.3,3.4,6.4a43.1,43.1,0,0,0,3.9,5.9.6.6,0,0,1,0,.6c0,.2-.2.4-.4.7a5.7,5.7,0,0,1-1.5,1.6c-1.3.6-4.1.1-4.6-.6a89.5,89.5,0,0,1-7.2-13.7,63.7,63.7,0,0,1-4.3-14.9,25.7,25.7,0,0,1-.5-4c0-.3-.1-.6-.1-1v-1.2a12.5,12.5,0,0,1,.2-2.1,35.2,35.2,0,0,1,2.4-7.8,28.6,28.6,0,0,1,4.1-6.9,24.6,24.6,0,0,1,6.1-5.5,26.2,26.2,0,0,1,15.5-4.2,28.9,28.9,0,0,1,7.8,1.2l3.8,1.3,1.8.9,1.8,1a78.2,78.2,0,0,1,11.9,9.6,80.2,80.2,0,0,1,9.7,11.8C331.1,179.7,331.4,181,330,181.2Z\"\n                ></path>\n              </g>\n              <use\n                width=\"31.4\"\n                height=\"33.93\"\n                transform=\"translate(273.2 166.1) rotate(-5.6)\"\n                xlink:href=\"#paw-pads\"\n              ></use>\n            </g>\n          </g>\n          <g id=\"laptop__terminal\">\n            <path\n              d=\"M316.9,238.7,153.5,205.2a5.1,5.1,0,0,1-4-3.5L109.8,75.4c-1-3.3,1.9-6.6,5.6-6.3L277.9,84.5a5.2,5.2,0,0,1,4.6,3.7l40.7,144.4C324.2,236.2,320.8,239.5,316.9,238.7Z\"\n            ></path>\n            <path\n              d=\"M317.3,238.7a7.9,7.9,0,0,0,2.2-.7,5,5,0,0,0,2.2-1.9,3.7,3.7,0,0,0,.6-2.9l-.3-.8-.2-.9a15.4,15.4,0,0,1-.5-1.7L300,154.6l-10.7-37.5L284,98.3l-2.6-9.4a7.9,7.9,0,0,0-.4-.9,4.3,4.3,0,0,0-.4-.7,3.3,3.3,0,0,0-1.5-1.1l-.9-.3h-1.1l-2.4-.2L119.2,71.2l-2.4-.3h-2.2a3.3,3.3,0,0,0-2.8,1.6,2.4,2.4,0,0,0-.5,1.4v.8c.1.1.1.2.1.4l.2.6,1.5,4.6L119,98.8l11.8,37.3,11.7,37.2,5.9,18.6,2.9,9.3a3.4,3.4,0,0,0,2.2,2h1l1.2.3,2.4.4,153,31.1c4.3.9,7.4,2.9,5.2,3.3s-11.7-.1-16-1l-75.8-15.7L186.6,214l-19-3.9-9.5-2-4.7-1h-.7l-.8-.3a6.1,6.1,0,0,1-1.4-.7,7.6,7.6,0,0,1-2.3-2.4l-.4-.8a1.9,1.9,0,0,1-.2-.7l-.4-1.2-.7-2.3-1.4-4.6-2.9-9.2-5.8-18.5-11.5-36.9-11.5-37-2.9-9.2L109,78.5l-.7-2.3v-.6c0-.3-.1-.6-.1-.8a4.8,4.8,0,0,1,0-1.7,6.8,6.8,0,0,1,3.8-5,10.1,10.1,0,0,1,3-.7h2.6l9.6,1L204.1,76l38.5,3.7,19.3,1.9,9.6.9,4.8.5h2.6a6.6,6.6,0,0,1,2.7,1.2,7.2,7.2,0,0,1,1.9,2.4,12.1,12.1,0,0,1,.5,1.4l.3,1.1,1.3,4.7,2.6,9.3,5.2,18.6,10.4,37.3,10.4,37.3,5.3,18.6,2.6,9.4,1.3,4.6.6,2.4a7,7,0,0,1,.4,2.7,5.7,5.7,0,0,1-1.8,3.7,5.9,5.9,0,0,1-3.4,1.6,3.5,3.5,0,0,1-2.1-.4C316.7,239,316.8,238.9,317.3,238.7Z\"\n            ></path>\n          </g>\n          <g id=\"laptop__terminal_code_scene\">\n            <g id=\"laptop__code\">\n              <g stroke=\"#3DE0E8\" stroke-width=\"6\" transform=\"matrix(-1 0 0 1 278 103)\">\n                <g id=\"f3\" transform=\"translate(0 76)\">\n                  <path\n                    id=\"f3-l9\"\n                    class=\"typing-animation\"\n                    d=\"M8,25L8,25\"\n                    stroke-dasharray=\"60,10\"\n                  ></path>\n                  <path\n                    id=\"f3-l8\"\n                    class=\"typing-animation\"\n                    d=\"M8,13L8,13\"\n                    stroke-dasharray=\"50,10\"\n                  ></path>\n                  <path\n                    id=\"f3-l7\"\n                    class=\"typing-animation\"\n                    d=\"M0,1L0,1\"\n                    stroke-dasharray=\"25,10\"\n                  ></path>\n                </g>\n                <g id=\"f2\" transform=\"translate(0 38)\">\n                  <path\n                    id=\"f2-l6\"\n                    class=\"typing-animation\"\n                    d=\"M8,25L8,25\"\n                    stroke-dasharray=\"40,10\"\n                  ></path>\n                  <path\n                    id=\"f2-l5\"\n                    class=\"typing-animation\"\n                    d=\"M8,13L8,13\"\n                    stroke-dasharray=\"60,10\"\n                  ></path>\n                  <path\n                    id=\"f2-l4\"\n                    class=\"typing-animation\"\n                    d=\"M0,1L0,1\"\n                    stroke-dasharray=\"30,10\"\n                  ></path>\n                </g>\n                <g id=\"f1\">\n                  <path\n                    id=\"f1-l3\"\n                    class=\"typing-animation\"\n                    d=\"M8,25L8,25\"\n                    stroke-dasharray=\"60,10\"\n                  ></path>\n                  <path\n                    id=\"f1-l2\"\n                    class=\"typing-animation\"\n                    d=\"M8,13L8,13\"\n                    stroke-dasharray=\"60,10\"\n                  ></path>\n                  <path\n                    id=\"f1-l1\"\n                    class=\"typing-animation\"\n                    d=\"M0,1L0,1\"\n                    stroke-dasharray=\"60,10\"\n                  ></path>\n                </g>\n              </g>\n            </g>\n          </g>\n          <g id=\"laptop__cover\" style=\"mix-blend-mode: hard-light\">\n            <polygon\n              points=\"440.7 347.2 90.3 275.6 4.7 3.8 353 36.7 440.7 347.2\"\n              fill=\"#f2f2f2\"\n            ></polygon>\n            <path\n              d=\"M440.4,346.4c-2.5-5.3-6.5-18.8-9-27.4L390.7,178c-13.6-46.8-26.9-93.7-40.3-140.6l2.3,2L4.4,7.1,7.9,2.8,94,274.5l-2.9-2.6q83.7,16.8,166.8,34.2t166.8,35.4c8.8,1.9,17.5,5.1,14.7,5.5s-6.3-.2-12-.9-12.3-1.5-16.8-2.3Q330.5,328.1,250,312.1c-53.5-10.8-107.1-21.7-160.4-32.7l-2.3-.5-.6-2.1L1.5,4.8,0,0,5,.5,353.3,34l1.8.2.5,1.8q20.7,73.8,41.2,147.8l40.6,147.5C439.8,340.1,442.9,351.7,440.4,346.4Z\"\n            ></path>\n          </g>\n        </g>\n        <g id=\"paw-left\">\n          <g id=\"paw-left--up\">\n            <g>\n              <path\n                d=\"M545.4,261.9c-7.1-13-12.9-31.1-13.3-37.6-.6-9,0-15.6,5.2-22.2s15-9.8,22.7-8.8a26.7,26.7,0,0,1,17.3,9.4c5.3,5.8,9.4,12.9,11.6,16.6\"\n                fill=\"#fff\"\n              ></path>\n              <path\n                d=\"M588.9,219.2c-1.4.4-2.3-.7-2.8-1.4a93.9,93.9,0,0,0-8.9-12.5c-3.3-3.9-7.1-7-11.7-8.6a24.2,24.2,0,0,0-7.1-1.4,24.5,24.5,0,0,0-7.1.7,27,27,0,0,0-6.6,2.7,21,21,0,0,0-5.2,4.6,20.6,20.6,0,0,0-3.5,6.1,22.2,22.2,0,0,0-1.3,6.9,47.3,47.3,0,0,0,.1,7.5,52.2,52.2,0,0,0,1.4,7.1c1.4,4.8,3.1,9.7,5,14.4a147.7,147.7,0,0,0,6.5,13.9c.4.7-1,2.3-2.4,2.6s-4-.6-4.4-1.4c-2.3-4.8-4.3-9.7-6.1-14.6a128.8,128.8,0,0,1-4.6-15.3c-.3-1.3-.5-2.6-.7-4a16.4,16.4,0,0,1-.2-2.2v-2a57,57,0,0,1,.4-8.2,27.2,27.2,0,0,1,2.3-8.2c.7-1.3,1.4-2.5,2.2-3.7l1.3-1.7,1.4-1.6a28.8,28.8,0,0,1,7-5,27.6,27.6,0,0,1,8-2.5,25.6,25.6,0,0,1,8.3-.2,27.4,27.4,0,0,1,15.1,6.7,50.6,50.6,0,0,1,5.5,5.9,111.3,111.3,0,0,1,8.7,13.2C589.8,217.7,590.3,218.9,588.9,219.2Z\"\n              ></path>\n            </g>\n            <use\n              width=\"31.4\"\n              height=\"33.93\"\n              transform=\"matrix(0.99, -0.03, 0.04, 1, 539.85, 203.52)\"\n              xlink:href=\"#paw-pads\"\n            ></use>\n          </g>\n          <g id=\"paw-left--down\">\n            <path\n              d=\"M538.2,239.3c-3.2,1.6-33,10.8-37,28-.4,1.8-2.1,18.9,7,26,5.5,4.3,12.7,2.8,25,0,10.3-2.3,19-5.8,40-16,9.1-4.4,16.6-8.2,22-11\"\n              fill=\"#fff\"\n            ></path>\n            <path\n              d=\"M595.1,266.4c.1,1.4-1.4,2.4-2.4,2.9l-18.3,9.4c-6.2,3.1-12.3,6.1-18.6,9a120.8,120.8,0,0,1-19.6,7.2l-5.1,1.2-5.1,1.1a43.4,43.4,0,0,1-5.2.9,33.8,33.8,0,0,1-5.6.3,17.8,17.8,0,0,1-5.8-1.5,6.1,6.1,0,0,1-1.4-.7l-1.3-.9-2.2-2a23.6,23.6,0,0,1-5.2-10.2,44.5,44.5,0,0,1-1.3-10.9c0-.9.1-1.8.1-2.7a6.6,6.6,0,0,0,.1-1.4v-.7c.1-.3.1-.7.2-.9a21.6,21.6,0,0,1,2.1-5.5,33.4,33.4,0,0,1,7.1-8.7,67.1,67.1,0,0,1,8.7-6.4,121.7,121.7,0,0,1,19-9,1.5,1.5,0,0,1,1.7.6,3.4,3.4,0,0,1,.9,1.9c.1,1.5-1.6,4.2-2.6,4.6a91.1,91.1,0,0,0-17.8,8.5,40.1,40.1,0,0,0-7.6,5.8,22.8,22.8,0,0,0-5.2,7.3l-.4,1-.3,1a1.7,1.7,0,0,0-.2.5v.4c-.1.4-.1.8-.2,1.2s-.1,3.1-.1,4.7a35.4,35.4,0,0,0,1.4,9.3,15.6,15.6,0,0,0,4.5,7.3c2,1.9,4.7,2.6,7.8,2.5a55.9,55.9,0,0,0,9.7-1.2l4.9-1.1,4.9-1.1a121,121,0,0,0,18.8-6.8c12.4-5.3,24.6-11.5,36.8-17.4C593.4,265.4,595,264.9,595.1,266.4Z\"\n            ></path>\n          </g>\n        </g>\n      </svg>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@use 'sass:math';\n\n$base-typing-speed: 300ms;\n$code-typing-animation-duration: 1200ms;\n\n.construction {\n  position: relative;\n  min-height: 170px;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n\n  &__text {\n    text-align: center;\n    color: var(--primaryColor);\n  }\n\n  &__container {\n    position: relative;\n  }\n}\n\n#bongo-cat {\n  position: absolute;\n  width: 110px;\n\n  left: 0;\n  right: 0;\n  margin: auto;\n\n  fill: var(--primaryColor);\n}\n\n.typing-animation {\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  animation-duration: $code-typing-animation-duration;\n}\n\n@for $line from 1 through 9 {\n  $fn-group: math.ceil(math.div($line, 3));\n  path#f#{$fn-group}-l#{$line} {\n    animation-name: typing-f#{$fn-group}-l#{$line};\n  }\n}\n\n@keyframes typing-f3-l9 {\n  0% {\n    d: path('M8,25L8,25');\n  }\n  82% {\n    d: path('M8,25L8,25');\n  }\n  92% {\n    d: path('M8,25L96,25');\n  }\n  100% {\n    d: path('M8,25L96,25');\n  }\n}\n\n@keyframes typing-f3-l8 {\n  0% {\n    d: path('M8,13L8,13');\n  }\n  68% {\n    d: path('M8,13L8,13');\n  }\n  82% {\n    d: path('M8,13L146,13');\n  }\n  100% {\n    d: path('M8,13L146,13');\n  }\n}\n\n@keyframes typing-f3-l7 {\n  0% {\n    d: path('M0,1L0,1');\n  }\n  60% {\n    d: path('M0,1L0,1');\n  }\n  68% {\n    d: path('M0,1L96,1');\n  }\n  100% {\n    d: path('M0,1L96,1');\n  }\n}\n\n@keyframes typing-f2-l6 {\n  0% {\n    d: path('M8,25L8,25');\n  }\n  54% {\n    d: path('M8,25L8,25');\n  }\n  60% {\n    d: path('M8,25L69,25');\n  }\n  100% {\n    d: path('M8,25L69,25');\n  }\n}\n\n@keyframes typing-f2-l5 {\n  0% {\n    d: path('M8,13L8,13');\n  }\n  44% {\n    d: path('M8,13L8,13');\n  }\n  54% {\n    d: path('M8,13L114,13');\n  }\n  100% {\n    d: path('M8,13L114,13');\n  }\n}\n\n@keyframes typing-f2-l4 {\n  0% {\n    d: path('M0,1L0,1');\n  }\n  30% {\n    d: path('M0,1L0,1');\n  }\n  44% {\n    d: path('M0,1L136,1');\n  }\n  100% {\n    d: path('M0,1L136,1');\n  }\n}\n\n@keyframes typing-f1-l3 {\n  0% {\n    d: path('M8,25L8,25');\n  }\n  24% {\n    d: path('M8,25L8,25');\n  }\n  30% {\n    d: path('M8,25L61,25');\n  }\n  100% {\n    d: path('M8,25L61,25');\n  }\n}\n\n@keyframes typing-f1-l2 {\n  0% {\n    d: path('M8,13L8,13');\n  }\n  14% {\n    d: path('M8,13L8,13');\n  }\n  24% {\n    d: path('M8,13L124,13');\n  }\n  100% {\n    d: path('M8,13L124,13');\n  }\n}\n\n@keyframes typing-f1-l1 {\n  0% {\n    d: path('M0,1L0,1');\n  }\n  14% {\n    d: path('M0,1L160,1');\n  }\n  100% {\n    d: path('M0,1L160,1');\n  }\n}\n\n#paw-right--up,\n#paw-right--down,\n#paw-left--up,\n#paw-left--down {\n  animation: blink $base-typing-speed infinite;\n}\n\n#paw-right--up,\n#paw-left--down {\n  animation-delay: math.div($base-typing-speed, 2);\n}\n\n@keyframes blink {\n  0% {\n    opacity: 0;\n  }\n  49% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n#laptop__code {\n  transform: rotateX(-37deg) rotateY(-46deg) rotateZ(-23deg) translateX(8px) translateY(20px)\n    translateZ(-50px);\n}\n</style>\n","<script lang=\"ts\" setup>\nexport type IDemoTableData = Array<Array<string>>;\n\ninterface IDemoTableSharedProps {\n  data: IDemoTableData;\n}\n\nconst props = defineProps<IDemoTableSharedProps>();\n\nconst headersList = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').slice(0, props.data[0].length);\n</script>\n\n<template>\n  <table class=\"table\">\n    <thead class=\"table__thead\">\n      <th v-for=\"header in headersList\" :key=\"header\" class=\"table__th\">{{ header }}</th>\n    </thead>\n    <tbody>\n      <tr v-for=\"(row, rowIndex) in data\" :key=\"rowIndex\" class=\"table__row\">\n        <td v-for=\"(item, itemIndex) in row\" :key=\"itemIndex\" class=\"table__cell\">{{ item }}</td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<style lang=\"scss\" scoped>\n.table {\n  font-weight: 300;\n  border-collapse: collapse;\n  text-align: left;\n\n  &__thead {\n    background: #edf1fe;\n  }\n\n  &__th,\n  &__cell {\n    padding: 10px 10px;\n\n    &:not(:last-child) {\n      border-right: 1px solid #5a80fb90;\n    }\n  }\n\n  &__th {\n    font-weight: 300;\n  }\n\n  &__row {\n    &:nth-child(even) {\n      background: #edf1fe;\n    }\n  }\n}\n</style>\n","export default \"<!doctype html>\\n<html>\\n  <head>\\n    <meta charset=\\\"utf-8\\\" />\\n    <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=utf-8\\\" />\\n    <meta name=\\\"viewport\\\" content=\\\"width=400\\\" />\\n    <title>Новая дискуссия</title>\\n    <link rel=\\\"shortcut icon\\\" href=\\\"https://tilda.ws/img/tildafavicon.ico\\\" />\\n    <style type=\\\"text/css\\\">\\n      {{contentStyle}}\\n      .ExternalClass {\\n        width: 100%;\\n      }\\n      img {\\n        border: 0 none;\\n        height: auto;\\n        line-height: 100%;\\n        outline: none;\\n        text-decoration: none;\\n        -ms-interpolation-mode: bicubic;\\n      }\\n      a img {\\n        border: 0 none;\\n      }\\n      #outlook a {\\n        padding: 0;\\n      }\\n      #allrecords {\\n        height: 100% !important;\\n        margin: 0;\\n        padding: 0;\\n        width: 100% !important;\\n        -webkit-font-smoothing: antialiased;\\n        line-height: 1.45;\\n      }\\n      #allrecords td {\\n        margin: 0;\\n        padding: 0;\\n      }\\n      #allrecords ul {\\n        -webkit-padding-start: 30px;\\n      }\\n      .t-records ol,\\n      .t-records ul {\\n        padding-left: 20px;\\n        margin-top: 0px;\\n        margin-bottom: 10px;\\n      }\\n      @media only screen and (max-width: 600px) {\\n        .r {\\n          width: 100% !important;\\n          min-width: 400px !important;\\n          margin-top: -1px !important;\\n        }\\n      }\\n      @media only screen and (max-width: 480px) {\\n        .t-emailBlock {\\n          display: block !important;\\n          padding-left: 0 !important;\\n          padding-right: 0 !important;\\n          width: 100% !important;\\n        }\\n        .t-emailBlockPadding {\\n          padding-top: 15px !important;\\n        }\\n        .t-emailBlockPadding30 {\\n          padding-top: 30px !important;\\n        }\\n        .t-emailAlignLeft {\\n          text-align: left !important;\\n          margin-left: 0 !important;\\n        }\\n        .t-emailAlignCenter {\\n          text-align: center !important;\\n          margin-left: auto !important;\\n          margin-right: auto !important;\\n        }\\n      }\\n    </style>\\n  </head>\\n  <body\\n    cellpadding=\\\"0\\\"\\n    cellspacing=\\\"0\\\"\\n    style=\\\"\\n      padding: 0;\\n      margin: 0;\\n      border: 0;\\n      width: 100%;\\n      -webkit-text-size-adjust: 100%;\\n      -ms-text-size-adjust: 100%;\\n      background-color: #efefef;\\n    \\\"\\n  >\\n    <!--allrecords-->\\n    <table\\n      id=\\\"allrecords\\\"\\n      class=\\\"t-records\\\"\\n      data-tilda-email=\\\"yes\\\"\\n      data-tilda-project-id=\\\"10384229\\\"\\n      data-tilda-page-id=\\\"55293287\\\"\\n      data-tilda-page-alias=\\\"\\\"\\n      cellpadding=\\\"0\\\"\\n      cellspacing=\\\"0\\\"\\n      style=\\\"\\n        width: 100%;\\n        border-collapse: collapse;\\n        border-spacing: 0;\\n        padding: 0;\\n        margin: 0;\\n        border: 0;\\n      \\\"\\n    >\\n      <tr>\\n        <td style=\\\"background-color: #efefef\\\">\\n          <!--record_mail-->\\n          <table\\n            id=\\\"rec801658474\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"619\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin801658474\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 0px;\\n                        padding-left: 0;\\n                        padding-right: 0;\\n                      \\\"\\n                    >\\n                      <table\\n                        valign=\\\"top\\\"\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"table-layout: fixed\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"height: 30px\\\" height=\\\"30px\\\"></td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec801658475\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"624\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin801658475\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; background-color: #ffffff; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 15px;\\n                        padding-bottom: 0px;\\n                        padding-left: 30px;\\n                        padding-right: 30px;\\n                      \\\"\\n                    >\\n                      <table\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"width: 100%\\\"\\n                      >\\n                        <tr>\\n                          <td\\n                            class=\\\"t-emailBlock\\\"\\n                            valign=\\\"middle\\\"\\n                            style=\\\"text-align: left; padding-right: 10px; width: 50%\\\"\\n                          >\\n                            <table border=\\\"0\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" width=\\\"100%\\\">\\n                              <tr>\\n                                <td width=\\\"90px\\\">\\n                                  <a style=\\\"text-decoration: none\\\" href=\\\"http://{{domain}}\\\">\\n                                    <img\\n                                      width=\\\"90\\\"\\n                                      style=\\\"display: block; width: 90px\\\"\\n                                      src=\\\"{{logo}}\\\"\\n                                    />\\n                                  </a>\\n                                </td>\\n                              </tr>\\n                            </table>\\n                          </td>\\n                          <td\\n                            class=\\\"t-emailBlock t-emailBlockPadding t-emailAlignLeft\\\"\\n                            valign=\\\"middle\\\"\\n                            style=\\\"\\n                              text-align: right;\\n                              padding-left: 10px;\\n                              width: 50%;\\n                              vertical-align: middle;\\n                            \\\"\\n                          >\\n                            <table\\n                              text-align=\\\"right\\\"\\n                              width=\\\"100%\\\"\\n                              style=\\\"text-align: right; width: 100%\\\"\\n                            >\\n                              <tr\\n                                style=\\\"\\n                                  font-family:\\n                                    Helvetica Neue,\\n                                    Helvetica,\\n                                    Arial,\\n                                    sans-serif;\\n                                  color: #222222;\\n                                  font-size: 16px;\\n                                  max-width: 520px;\\n                                \\\"\\n                              >\\n                                <td>\\n                                  <span>{{project}}</span>\\n                                </td>\\n                              </tr>\\n\\n                              <tr />\\n                              <tr\\n                                style=\\\"\\n                                  font-family:\\n                                    Helvetica Neue,\\n                                    Helvetica,\\n                                    Arial,\\n                                    sans-serif;\\n                                  color: #222222;\\n                                  font-size: 16px;\\n                                  max-width: 520px;\\n                                \\\"\\n                              >\\n                                <td>\\n                                  <a href=\\\"https://{{domain}}\\\">{{domain}}</a>\\n                                </td>\\n                              </tr>\\n\\n                              <tr />\\n                            </table>\\n                          </td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec801658476\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"329\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin801658476\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; background-color: #ffffff; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 15px;\\n                        padding-bottom: 15px;\\n                        padding-left: 30px;\\n                        padding-right: 30px;\\n                      \\\"\\n                    >\\n                      <table\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"width: 100%\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"text-align: left; padding: 0 0 0\\\">\\n                            <div\\n                              style=\\\"\\n                                margin-right: auto;\\n                                font-family:\\n                                  Helvetica Neue,\\n                                  Helvetica,\\n                                  Arial,\\n                                  sans-serif;\\n                                color: #444444;\\n                                font-size: 14px;\\n                                line-height: 1.4;\\n                              \\\"\\n                            >\\n                              {{content}}\\n                            </div>\\n                          </td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec801658478\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"632\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin801658478\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 30px;\\n                        padding-left: 30px;\\n                        padding-right: 30px;\\n                      \\\"\\n                    >\\n                      <table\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"width: 100%; margin: 0 auto; table-layout: fixed\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"text-align: center; padding: 50px 0 15px\\\">\\n                            <div\\n                              style=\\\"\\n                                margin: 0 auto;\\n                                font-weight: normal;\\n                                font-family:\\n                                  Helvetica Neue,\\n                                  Helvetica,\\n                                  Arial,\\n                                  sans-serif;\\n                                color: #222222;\\n                                font-size: 14px;\\n                                line-height: 1.5;\\n                              \\\"\\n                            >\\n                              Это письмо получено вами, потому что у вас установлена вы являетесь\\n                              участником сообщества \\\"{{project}}\\\". Управлять рассылкой и отписаться\\n                              вы можете\\n                              <a href=\\\"https://{{domain}}/profile\\\">здесь</a>\\n                            </div>\\n                          </td>\\n                        </tr>\\n                        <tr>\\n                          <td style=\\\"text-align: center; padding: 25px 0 0\\\">\\n                            <div\\n                              style=\\\"\\n                                margin: 0 auto;\\n                                font-weight: normal;\\n                                font-family:\\n                                  Helvetica Neue,\\n                                  Helvetica,\\n                                  Arial,\\n                                  sans-serif;\\n                                color: #a1a1a1;\\n                                font-size: 14px;\\n                                line-height: 1.5;\\n                              \\\"\\n                            >\\n                              © Copyright Refocus Community. All rights reserved.\\n                            </div>\\n                          </td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec801658479\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"619\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin801658479\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 0px;\\n                        padding-left: 0;\\n                        padding-right: 0;\\n                      \\\"\\n                    >\\n                      <table\\n                        valign=\\\"top\\\"\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"table-layout: fixed\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"height: 30px\\\" height=\\\"30px\\\"></td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record-->\\n        </td>\\n      </tr>\\n    </table>\\n    <!--/allrecords-->\\n  </body>\\n</html>\\n\"","export default \"<!doctype html>\\n<html>\\n  <head>\\n    <meta charset=\\\"utf-8\\\" />\\n    <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=utf-8\\\" />\\n    <meta name=\\\"viewport\\\" content=\\\"width=400\\\" />\\n    <title>Приглашаем в сообщество \\\"{{project}}</title>\\n    <link rel=\\\"shortcut icon\\\" href=\\\"https://tilda.ws/img/tildafavicon.ico\\\" />\\n    <style type=\\\"text/css\\\">\\n      {{contentStyle}}\\n      .ExternalClass {\\n        width: 100%;\\n      }\\n      img {\\n        border: 0 none;\\n        height: auto;\\n        line-height: 100%;\\n        outline: none;\\n        text-decoration: none;\\n        -ms-interpolation-mode: bicubic;\\n      }\\n      a img {\\n        border: 0 none;\\n      }\\n      #outlook a {\\n        padding: 0;\\n      }\\n      #allrecords {\\n        height: 100% !important;\\n        margin: 0;\\n        padding: 0;\\n        width: 100% !important;\\n        -webkit-font-smoothing: antialiased;\\n        line-height: 1.45;\\n      }\\n      #allrecords td {\\n        margin: 0;\\n        padding: 0;\\n      }\\n      #allrecords ul {\\n        -webkit-padding-start: 30px;\\n      }\\n      .t-records ol,\\n      .t-records ul {\\n        padding-left: 20px;\\n        margin-top: 0px;\\n        margin-bottom: 10px;\\n      }\\n      @media only screen and (max-width: 600px) {\\n        .r {\\n          width: 100% !important;\\n          min-width: 400px !important;\\n          margin-top: -1px !important;\\n        }\\n      }\\n      @media only screen and (max-width: 480px) {\\n        .t-emailBlock {\\n          display: block !important;\\n          padding-left: 0 !important;\\n          padding-right: 0 !important;\\n          width: 100% !important;\\n        }\\n        .t-emailBlockPadding {\\n          padding-top: 15px !important;\\n        }\\n        .t-emailBlockPadding30 {\\n          padding-top: 30px !important;\\n        }\\n        .t-emailAlignLeft {\\n          text-align: left !important;\\n          margin-left: 0 !important;\\n        }\\n        .t-emailAlignCenter {\\n          text-align: center !important;\\n          margin-left: auto !important;\\n          margin-right: auto !important;\\n        }\\n      }\\n    </style>\\n  </head>\\n  <body\\n    cellpadding=\\\"0\\\"\\n    cellspacing=\\\"0\\\"\\n    style=\\\"\\n      padding: 0;\\n      margin: 0;\\n      border: 0;\\n      width: 100%;\\n      -webkit-text-size-adjust: 100%;\\n      -ms-text-size-adjust: 100%;\\n      background-color: #efefef;\\n    \\\"\\n  >\\n    <!--allrecords-->\\n    <table\\n      id=\\\"allrecords\\\"\\n      class=\\\"t-records\\\"\\n      data-tilda-email=\\\"yes\\\"\\n      data-tilda-project-id=\\\"10384229\\\"\\n      data-tilda-page-id=\\\"53644399\\\"\\n      data-tilda-page-alias=\\\"\\\"\\n      cellpadding=\\\"0\\\"\\n      cellspacing=\\\"0\\\"\\n      style=\\\"\\n        width: 100%;\\n        border-collapse: collapse;\\n        border-spacing: 0;\\n        padding: 0;\\n        margin: 0;\\n        border: 0;\\n      \\\"\\n    >\\n      <tr>\\n        <td style=\\\"background-color: #efefef\\\">\\n          <!--record_mail-->\\n          <table\\n            id=\\\"rec787653106\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"619\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin787653106\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 0px;\\n                        padding-left: 0;\\n                        padding-right: 0;\\n                      \\\"\\n                    >\\n                      <table\\n                        valign=\\\"top\\\"\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"table-layout: fixed\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"height: 30px\\\" height=\\\"30px\\\"></td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec787653107\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"624\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin787653107\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; background-color: #ffffff; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 15px;\\n                        padding-left: 30px;\\n                        padding-right: 30px;\\n                      \\\"\\n                    >\\n                      <table\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"width: 100%\\\"\\n                      >\\n                        <tr>\\n                          <td\\n                            class=\\\"t-emailBlock\\\"\\n                            valign=\\\"middle\\\"\\n                            style=\\\"text-align: left; padding-right: 10px; width: 50%\\\"\\n                          >\\n                            <table border=\\\"0\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" width=\\\"100%\\\">\\n                              <tr>\\n                                <td width=\\\"120px\\\">\\n                                  <a style=\\\"text-decoration: none\\\" href=\\\"https//{{domain}}/\\\">\\n                                    <img\\n                                      width=\\\"120\\\"\\n                                      style=\\\"display: block; width: 120px\\\"\\n                                      src=\\\"{{logo}}\\\"\\n                                    />\\n                                  </a>\\n                                </td>\\n                                <td style=\\\"text-align: left; padding-left: 18px\\\">\\n                                  <div\\n                                    style=\\\"\\n                                      font-weight: normal;\\n                                      font-family:\\n                                        Helvetica Neue,\\n                                        Helvetica,\\n                                        Arial,\\n                                        sans-serif;\\n                                      color: #222222;\\n                                      font-size: 16px;\\n                                    \\\"\\n                                  >\\n                                    <a\\n                                      style=\\\"color: initial; text-decoration: none\\\"\\n                                      href=\\\"https//{{domain}}/\\\"\\n                                    >\\n                                    </a>\\n                                  </div>\\n                                </td>\\n                              </tr>\\n                            </table>\\n                          </td>\\n                          <td\\n                            class=\\\"t-emailBlock t-emailBlockPadding t-emailAlignLeft\\\"\\n                            valign=\\\"middle\\\"\\n                            style=\\\"\\n                              text-align: right;\\n                              padding-left: 10px;\\n                              width: 50%;\\n                              vertical-align: middle;\\n                            \\\"\\n                          >\\n                            <div\\n                              style=\\\"\\n                                font-family:\\n                                  Helvetica Neue,\\n                                  Helvetica,\\n                                  Arial,\\n                                  sans-serif;\\n                                color: #222222;\\n                                font-size: 16px;\\n                                max-width: 520px;\\n                              \\\"\\n                            >\\n                              {{project}}<br /><a href=\\\"https://{{domain}}\\\">{{domain}}</a>\\n                            </div>\\n                          </td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec787654368\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"329\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin787654368\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; background-color: #ffffff; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 15px;\\n                        padding-bottom: 15px;\\n                        padding-left: 30px;\\n                        padding-right: 30px;\\n                      \\\"\\n                    >\\n                      <table\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"width: 100%\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"text-align: left; padding: 0 0 0\\\">\\n                            <div\\n                              style=\\\"\\n                                margin-right: auto;\\n                                font-family:\\n                                  Helvetica Neue,\\n                                  Helvetica,\\n                                  Arial,\\n                                  sans-serif;\\n                                color: #444444;\\n                                font-size: 14px;\\n                                line-height: 1.4;\\n                              \\\"\\n                            >\\n                              {{content}}\\n                            </div>\\n                          </td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record-->\\n          <!--record_mail-->\\n          <table\\n            id=\\\"rec807613712\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"632\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin807613712\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 30px;\\n                        padding-left: 30px;\\n                        padding-right: 30px;\\n                      \\\"\\n                    >\\n                      <table\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"width: 100%; margin: 0 auto; table-layout: fixed\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"text-align: center; padding: 25px 0 0\\\">\\n                            <div\\n                              style=\\\"\\n                                margin: 0 auto;\\n                                font-weight: normal;\\n                                font-family:\\n                                  Helvetica Neue,\\n                                  Helvetica,\\n                                  Arial,\\n                                  sans-serif;\\n                                color: #a1a1a1;\\n                                font-size: 14px;\\n                                line-height: 1.5;\\n                              \\\"\\n                            >\\n                              © Copyright Refocus Community. All rights reserved.\\n                            </div>\\n                          </td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record--><!--record_mail-->\\n          <table\\n            id=\\\"rec787653112\\\"\\n            style=\\\"width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; border: 0\\\"\\n            cellpadding=\\\"0\\\"\\n            cellspacing=\\\"0\\\"\\n            data-record-type=\\\"619\\\"\\n          >\\n            <tr>\\n              <td style=\\\"padding-left: 15px; padding-right: 15px\\\">\\n                <table\\n                  id=\\\"recin787653112\\\"\\n                  class=\\\"r\\\"\\n                  style=\\\"margin: 0 auto; border-spacing: 0; width: 600px\\\"\\n                  align=\\\"center\\\"\\n                >\\n                  <tr>\\n                    <td\\n                      style=\\\"\\n                        padding-top: 0px;\\n                        padding-bottom: 0px;\\n                        padding-left: 0;\\n                        padding-right: 0;\\n                      \\\"\\n                    >\\n                      <table\\n                        valign=\\\"top\\\"\\n                        border=\\\"0\\\"\\n                        cellpadding=\\\"0\\\"\\n                        cellspacing=\\\"0\\\"\\n                        width=\\\"100%\\\"\\n                        style=\\\"table-layout: fixed\\\"\\n                      >\\n                        <tr>\\n                          <td style=\\\"height: 30px\\\" height=\\\"30px\\\"></td>\\n                        </tr>\\n                      </table>\\n                    </td>\\n                  </tr>\\n                </table>\\n              </td>\\n            </tr>\\n          </table>\\n          <!--/record-->\\n        </td>\\n      </tr>\\n    </table>\\n    <!--/allrecords-->\\n  </body>\\n</html>\\n\"","<script lang=\"ts\" setup>\nimport { getDownloadLink } from '@api';\nimport { DesktopIcon, EditIcon } from '@icons';\nimport type { IURL } from '@models';\nimport { useCommonStore } from '@stores';\nimport { EditorControl, TabControl, TabHeaderControl, TabsControl } from '@uikit';\nimport { computed } from 'vue';\nimport activityTemplate from './templates/activity-template.html?raw';\nimport invitationMemberTemplate from './templates/invitation_member-template.html?raw';\nimport contentStyle from '/refocus_core/assets/styles/tinymce/content.css?raw';\n\ninterface IEmailPreviewSharedProps {\n  // invitation - community inviitation\n  // notification - activity email notification\n  type: 'invitation' | 'notification';\n  buttonText?: string;\n  /**\n   * @default false\n   */\n  readonly?: boolean;\n}\n\nconst props = withDefaults(defineProps<IEmailPreviewSharedProps>(), {\n  buttonText: 'Регистрация',\n  readonly: false,\n});\n\nconst content = defineModel<string>({ required: true });\nconst commonStore = useCommonStore();\n\nconst logo = computed<IURL | undefined>(() => {\n  const project = commonStore.currentProject;\n  if (!project) return;\n  return project.UI.logo;\n});\n\nconst domain = computed<string>(() => {\n  return commonStore.currentProject?.domain ?? '';\n});\n\nconst letter = computed<string | undefined>(() => {\n  let template: string = '';\n  if (props.type === 'invitation') {\n    template = invitationMemberTemplate;\n  } else if (props.type === 'notification') {\n    template = activityTemplate;\n  }\n\n  const contentStyleText =\n    contentStyle +\n    `\n  a {\n  color: {{projectColor}}\n  }`;\n\n  let result = template.replace('{{contentStyle}}', contentStyleText);\n  result = result.replace('{{content}}', content.value);\n  result = result.replaceAll('{{logo}}', getDownloadLink(logo.value) ?? '');\n  result = result.replaceAll('{{domain}}', domain.value);\n  result = result.replaceAll('{{project}}', commonStore.currentProject?.name ?? '');\n  result = result.replaceAll('{{projectColor}}', commonStore.currentProject?.UI.accentColor ?? '');\n  return result;\n});\n</script>\n\n<template>\n  <div class=\"email\">\n    <tabs-control :hide-headers=\"readonly\">\n      <template #tabs-headers>\n        <tab-header-control>\n          <div class=\"email__group\">\n            <edit-icon class=\"icon icon_small\" />\n            <span>Редактирование</span>\n          </div>\n        </tab-header-control>\n        <tab-header-control>\n          <div class=\"email__group\">\n            <desktop-icon class=\"icon icon_small\" />\n            <span>Вид на устройстве</span>\n          </div>\n        </tab-header-control>\n      </template>\n      <tab-control v-if=\"!readonly\">\n        <editor-control v-model=\"content\" />\n      </tab-control>\n      <tab-control>\n        <!-- eslint-disable-next-line vue/no-v-html -->\n        <div v-if=\"letter\" class=\"email__content\" v-html=\"letter\" />\n      </tab-control>\n    </tabs-control>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.email {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  padding: 15px;\n  border: 1px solid #d4d7d9;\n  border-radius: 8px;\n\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  color: #444444;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 19.6px;\n\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { importMembers, importUsers, uploadFile } from '@api';\nimport { AppError } from '@models';\nimport { UploadControl } from '@uikit';\nimport { getMembersMessage, getUsersMessage } from '@utils';\nimport { ref } from 'vue';\n\ninterface IImportSharedProps {\n  type: 'users' | 'members';\n}\n\ntype IImportSharedEmits = (e: 'finished', result: string) => void;\n\nconst props = defineProps<IImportSharedProps>();\n\nconst emits = defineEmits<IImportSharedEmits>();\n\nconst isLoading = ref<boolean>(false);\n\nconst resultMessage = ref<string>('');\n\nasync function onFileUploaded(file: File): Promise<void> {\n  if (isLoading.value || !file) return;\n\n  try {\n    isLoading.value = true;\n    const { path } = await uploadFile({ file });\n    if (!path) throw new AppError('Ошибка при загрузке файла');\n\n    const response =\n      props.type === 'users'\n        ? await importUsers({ file: path })\n        : await importMembers({ file: path });\n\n    const text =\n      props.type === 'users'\n        ? getUsersMessage(response.success)\n        : getMembersMessage(response.success);\n\n    resultMessage.value = `Загружено ${response.success} ${text}\\n`;\n\n    if (response.errors?.length) {\n      resultMessage.value += `Не удалось импортировать ${response.errors.length} ${text}\\n`;\n      resultMessage.value += response.errors\n        .map((e) => {\n          return `Строка: ${e.line} - ${getErrorText(e.text)}`;\n        })\n        .join('\\n');\n    }\n  } catch (error: any) {\n    console.error(error);\n    resultMessage.value =\n      `Произошла ошибка при импорте ` + (props.type === 'users' ? 'модераторов' : 'участников');\n    if (error.message.includes('upload error')) {\n      resultMessage.value += '\\nНе удалось загрузить файл';\n    } else if (error.message.includes('zip: not a valid zip file')) {\n      resultMessage.value += '\\nНе поддерживаемый формат файла';\n    } else {\n      throw error;\n    }\n  } finally {\n    isLoading.value = false;\n    emits('finished', resultMessage.value);\n  }\n}\n\nfunction getErrorText(message: string): string {\n  switch (message) {\n    case 'email already exists':\n      return props.type === 'users' ? 'Модератор' : 'Участник' + ' с таким Email уже существует';\n    case 'unknown role':\n      return 'Неизвестная роль';\n    case 'region not found':\n      return 'Регион не найден';\n    case 'wrong field Email':\n      return 'Неправильный формат Email';\n    default:\n      return message;\n  }\n}\n</script>\n\n<template>\n  <div class=\"import\">\n    <upload-control v-model=\"isLoading\" @upload=\"onFileUploaded\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped></style>\n","<script lang=\"ts\" setup>\nimport { getDownloadLink } from '@api';\nimport { CancelIcon, PersonMinusIcon, PersonPlusIcon, XlsIcon } from '@icons';\nimport type { IJournal, IJournalEntry } from '@models';\nimport { JournalEntryType } from '@models';\nimport { ButtonControl, LoaderControl } from '@uikit';\nimport { formatDate, formatTime } from '@utils';\nimport { ref } from 'vue';\n\ninterface IJournalSharedProps {\n  /**\n   * Journal entries\n   */\n  items: IJournal;\n\n  /**\n   * Retry action in case of loading failure\n   */\n  retry?: () => void;\n\n  /**\n   * Get Content function\n   * @param item Journal entry\n   */\n  content: (item: IJournalEntry) => string;\n\n  /**\n   * Import file name\n   * @default 'Entries'\n   */\n  file: string;\n}\n\ntype IJournalSharedEmits = (e: 'revert', index: number) => void;\n\nwithDefaults(defineProps<IJournalSharedProps>(), {\n  items: () => [],\n  file: 'Entries',\n});\n\ndefineEmits<IJournalSharedEmits>();\n\n/**\n * Loading state\n */\nconst isLoading = defineModel<boolean>({ required: true });\n\nconst errorMessage = ref<string>();\n</script>\n\n<template>\n  <loader-control v-model=\"isLoading\" :error=\"errorMessage\" @retry=\"retry\">\n    <div class=\"journal\">\n      <div v-if=\"!items?.length\" class=\"journal__empty\">Ничего не найдено</div>\n      <table v-else class=\"journal__content\">\n        <tbody>\n          <tr v-for=\"(item, index) in items\" :key=\"index\" class=\"journal__item\">\n            <td class=\"journal__datetime journal__cell\">\n              <span>{{ formatDate(item.date) }}</span>\n              <span>{{ formatTime(item.date) }}</span>\n            </td>\n            <td class=\"journal__cell\">\n              <person-minus-icon\n                v-if=\"item.type === JournalEntryType.DELETED\"\n                class=\"journal__icon_large\"\n              />\n              <person-plus-icon v-else class=\"journal__icon_large\" />\n            </td>\n            <td\n              class=\"journal__description journal__cell\"\n              :class=\"{ journal__description_crossed: item.reverted }\"\n            >\n              {{ content(item) }}\n            </td>\n            <td class=\"journal__cell\">\n              <a\n                v-if=\"item.type === JournalEntryType.IMPORTED && item.file\"\n                :href=\"item.file ? getDownloadLink(item.file) : ''\"\n                :download=\"file + '.xlsx'\"\n                class=\"journal__action\"\n              >\n                <xls-icon class=\"journal__icon\" />\n                <span>Скачать файл</span>\n              </a>\n            </td>\n            <td class=\"journal__cell\">\n              <button-control\n                v-if=\"item.reversible\"\n                class=\"journal__action\"\n                hollow\n                @click=\"$emit('revert', index)\"\n              >\n                <cancel-icon class=\"journal__icon\" />\n                <span>Отмена</span>\n              </button-control>\n              <div v-else-if=\"item.reverted\" class=\"journal__action journal__action_reverted\">\n                Отменено\n              </div>\n              <div v-else></div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </loader-control>\n</template>\n\n<style lang=\"scss\" scoped>\n.journal {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n\n  &__icon {\n    width: 24px;\n    height: 24px;\n\n    &_large {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  &__content {\n    border: none;\n    border-spacing: 0;\n  }\n\n  &__item {\n    &:nth-child(odd) {\n      background-color: $gray_a;\n    }\n  }\n\n  &__cell {\n    padding: 15px 10px;\n    vertical-align: middle;\n  }\n\n  &__description {\n    white-space: pre;\n    &_crossed {\n      text-decoration: line-through;\n    }\n  }\n\n  &__datetime {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__action {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 0;\n    gap: 10px;\n\n    &:hover {\n      scale: 1.1;\n    }\n\n    &_reverted {\n      justify-content: flex-end;\n      cursor: default;\n      padding-right: 10px;\n\n      &:hover {\n        scale: 1;\n      }\n    }\n  }\n\n  &__empty {\n    display: flex;\n    justify-content: center;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { AppError, IMembersFilter, IMemberView, ISorting } from '@models';\nimport { Routes } from '@router';\nimport { useMembersStore } from '@stores';\nimport {\n  LoaderControl,\n  PaginationControl,\n  SearchControl,\n  TableControl,\n  TableHeadCell,\n  TableHeadCells,\n  TableItems,\n} from '@uikit';\nimport { formatDateTime } from '@utils';\nimport { storeToRefs } from 'pinia';\nimport { onMounted, ref, watch, watchEffect } from 'vue';\nimport { useRouter } from 'vue-router';\n\ninterface IMembersSharedProps {\n  filter?: IMembersFilter;\n}\n\nconst props = defineProps<IMembersSharedProps>();\n\nconst router = useRouter();\nrouter.afterEach(() => {\n  membersStore.$reset();\n});\n\nconst membersStore = useMembersStore();\n\nconst { isLoading, currentPage, members, currentTotal, currentLimit, totalPages } =\n  storeToRefs(membersStore);\n\nconst errorMessage = ref<string>('');\n\nconst query = ref<string>('');\n\nconst sorting = ref<ISorting>();\n\nconst membersHeadCells = new TableHeadCells([\n  new TableHeadCell({\n    text: 'SID',\n    isNarrow: true,\n  }),\n  new TableHeadCell({\n    text: 'ID',\n    sortable: true,\n    property: 'code',\n  }),\n  new TableHeadCell({\n    text: 'Участник',\n    sortable: true,\n    property: 'name',\n  }),\n  new TableHeadCell({\n    text: 'Регион',\n    sortable: true,\n    property: 'regions',\n  }),\n  new TableHeadCell({\n    text: 'Баллы',\n    sortable: true,\n    property: 'points',\n  }),\n  new TableHeadCell({\n    text: 'Уровень',\n    sortable: true,\n    property: 'status',\n  }),\n  new TableHeadCell({\n    text: 'Активность',\n    sortable: true,\n    property: 'lastActivity',\n  }),\n]);\n\nconst membersItems = ref<TableItems>(new TableItems());\n\nonMounted(async () => {\n  await init();\n});\n\nwatch(() => props.filter, init, { deep: true });\n\nwatchEffect(() => {\n  fillMembers();\n});\n\nasync function init() {\n  await fetchMembers();\n}\n\nfunction fillMembers() {\n  membersItems.value.clear();\n  members.value.forEach((member: IMemberView) => {\n    membersItems.value.add({\n      cells: [\n        {\n          content: member.id!.toString(),\n          showTitle: true,\n          action: async () => await router.push({ name: Routes.MEMBER, params: { id: member.id } }),\n        },\n        {\n          content: member.code ?? '—',\n          action: async () => await router.push({ name: Routes.MEMBER, params: { id: member.id } }),\n        },\n        {\n          content: member.name,\n          image: {\n            url: member.avatar,\n            isAvatar: true,\n          },\n          service: `${member.id}`,\n          action: async () => await router.push({ name: Routes.MEMBER, params: { id: member.id } }),\n        },\n        {\n          content: member.region?.name ?? '-',\n        },\n        {\n          content: member.points?.toString() ?? '0',\n        },\n        {\n          content: member.status ?? '',\n        },\n        {\n          content: member.lastActivity ? formatDateTime(member.lastActivity, 'short') : '—',\n        },\n      ],\n      value: {\n        id: member.id,\n        code: member.code,\n        name: member.name,\n        region: member.region,\n        points: member.points,\n        status: member.status,\n        lastActivity: member.lastActivity ? formatDateTime(member.lastActivity, 'short') : '—',\n      },\n    });\n  });\n}\n\nasync function fetchMembers() {\n  try {\n    errorMessage.value = '';\n    await membersStore.fetch({ filter: props.filter, query: query.value, sorting: sorting.value });\n  } catch (e: any) {\n    errorMessage.value = 'Не удалось загрузить участников';\n    (e as AppError).noDialog = true;\n  }\n}\n\nasync function onSort(header: TableHeadCell) {\n  if (!header.property) return;\n  if (!sorting.value) {\n    sorting.value = {\n      field: header.property,\n      type: 'asc',\n    };\n  } else if (sorting.value.type === 'desc') {\n    sorting.value.type = 'asc';\n  } else {\n    sorting.value.type = 'desc';\n  }\n  sorting.value.field = header.property;\n  await fetchMembers();\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"members\">\n      <div class=\"members__list\">\n        <div class=\"members__group members__group_between\">\n          <pagination-control\n            v-model=\"currentPage\"\n            v-model:limit=\"currentLimit\"\n            :total-pages=\"totalPages\"\n            :total-items=\"currentTotal\"\n            @change=\"fetchMembers\"\n          />\n          <search-control\n            v-model=\"query\"\n            :placeholder=\"'Найти по ФИО, телефону, e-mail, ID'\"\n            class=\"members__search\"\n            lazy\n            @search=\"fetchMembers\"\n          />\n        </div>\n        <loader-control v-model=\"isLoading\" :error=\"errorMessage\" @retry=\"init\">\n          <div class=\"members__list\">\n            <table-control\n              :items=\"membersItems\"\n              :headers=\"membersHeadCells\"\n              sort=\"external\"\n              @sort=\"onSort\"\n            />\n\n            <div class=\"members__group\">\n              <pagination-control\n                v-model=\"currentPage\"\n                v-model:limit=\"currentLimit\"\n                :total-pages=\"totalPages\"\n                :total-items=\"currentTotal\"\n                :show-limit=\"[10, 30, 50, 0]\"\n                pages\n                @change=\"fetchMembers\"\n              />\n            </div>\n          </div>\n        </loader-control>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.members {\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    &_between {\n      justify-content: space-between;\n    }\n  }\n\n  &__search {\n    width: 70%;\n  }\n\n  &__list {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { DotsIcon } from '@icons';\nimport type { ITag, ITagsSection } from '@models';\nimport { type ITagSharedOptions, TagShared } from '@shared';\nimport { ref } from 'vue';\n\ninterface ISectionSharedProps {\n  /**\n   * Enable border\n   * @default true\n   */\n  border?: boolean;\n\n  options?: ITagSharedOptions;\n}\n\ninterface ISectionSharedEmits {\n  (e: 'toggle', tag: ITag): void;\n  (e: 'edit'): void;\n  (e: 'remove'): void;\n  (e: 'change', tag: ITag): void;\n}\n\nwithDefaults(defineProps<ISectionSharedProps>(), {\n  editable: false,\n  border: true,\n});\n\nconst emits = defineEmits<ISectionSharedEmits>();\n\nconst section = defineModel<ITagsSection>({\n  required: true,\n});\n\nconst isContextShown = ref<boolean>(false);\n\nfunction onToggle(tag: ITag) {\n  emits('toggle', tag);\n}\n\nfunction onDotsClick(e: Event) {\n  e.preventDefault();\n  isContextShown.value = !isContextShown.value;\n}\n\nfunction onEditClick() {\n  emits('edit');\n}\n\nfunction onRemoveClick() {\n  emits('remove');\n}\n\nfunction onTagChanged(index: number) {\n  emits('change', section.value.tags[index]);\n}\n</script>\n\n<template>\n  <div class=\"section\" :class=\"{ section_border: border }\">\n    <div class=\"section__header\">\n      <div class=\"section__title\">\n        {{ section.name }}\n      </div>\n      <div\n        v-if=\"options?.editable\"\n        v-click-outside=\"() => (isContextShown = false)\"\n        class=\"section__menu\"\n        @click=\"onDotsClick\"\n      >\n        <dots-icon class=\"icon icon_big icon_rotate\" />\n        <transition>\n          <div v-show=\"isContextShown\" class=\"section__context\">\n            <div class=\"section__context-item\" @click=\"onEditClick\">Редактировать</div>\n            <div class=\"section__context-item\" @click=\"onRemoveClick\">Удалить</div>\n          </div>\n        </transition>\n      </div>\n    </div>\n    <div class=\"section__content\">\n      <tag-shared\n        v-for=\"(tag, index) in section.tags\"\n        :key=\"index\"\n        v-bind=\"options\"\n        v-model=\"tag.isToggled\"\n        v-model:name=\"section.tags[index].name\"\n        @toggle=\"onToggle(tag)\"\n        @change=\"onTagChanged(index)\"\n      >\n        {{ tag.name }}\n      </tag-shared>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  border: 0px solid $gray_f;\n  border-radius: 8px;\n  transition: 0.3s;\n\n  &:hover {\n    border-color: $gray;\n  }\n\n  &_border {\n    border-width: 1px;\n    padding: 5px 15px 10px;\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  &__title {\n    font-weight: 600;\n    color: $gray;\n  }\n\n  &__menu {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 5px;\n    cursor: pointer;\n    transition: 0.3s;\n    border: 1px solid transparent;\n    border-radius: 50%;\n    position: relative;\n\n    &:hover {\n      border-color: $gray_f;\n    }\n  }\n\n  &__context {\n    position: absolute;\n    right: 0;\n    top: calc(100%);\n    border: 1px solid $gray_b;\n    border-radius: 8px;\n    padding: 10px;\n    background-color: $white;\n    color: $gray;\n    z-index: 10;\n    user-select: none;\n\n    &-item {\n      cursor: pointer;\n      transition: 0.3s;\n      color: $gray;\n\n      &:hover {\n        color: $black;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { getMembers, getStatuses, type IGetMembersResponse } from '@api';\nimport { ArrowRightIcon, PlusRoundIcon } from '@icons';\nimport type { IMembersFilter, IMemberView, IStatus, ITag } from '@models';\nimport { Gender, OS } from '@models';\nimport { ConstructionShared, SegrateShared, TagShared, TagsShared } from '@shared';\nimport { useCommonStore } from '@stores';\nimport {\n  ButtonControl,\n  type ISelectItem,\n  LoaderControl,\n  NumberControl,\n  SearchControl,\n  SelectControl,\n  TabControl,\n  TabHeaderControl,\n  TabsControl,\n  TimespanControl,\n} from '@uikit';\nimport { deepCopy, getMembersMessage } from '@utils';\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\n\nenum SegmentationTabs {\n  PROFILE,\n  TAGS,\n  MEMBERS,\n  ACTIVITIES,\n  FILES,\n}\n\nenum SegmentationSearchTabs {\n  ALL,\n  FILTERED,\n}\n\ninterface IMembersSegmentationEmits {\n  (e: 'update', filter: IMembersFilter): void;\n\n  (e: 'cancel'): void;\n}\n\nconst emits = defineEmits<IMembersSegmentationEmits>();\n\nconst commonStore = useCommonStore();\n\nconst defaultFilter: IMembersFilter = {\n  age: {},\n  lastActivity: {},\n  money: {},\n  points: {},\n  registered: {},\n  tags: [],\n  members: [],\n};\n\nlet initialFilter: IMembersFilter;\n\nconst filter = defineModel<IMembersFilter>({ default: {} });\n\nconst genderSelectItems: ISelectItem<Gender>[] = Object.values(Gender).map((gender) => {\n  return { value: gender, name: getGenderText(gender) };\n});\nconst statusSelectItems = ref<ISelectItem<IStatus['id']>[]>([]);\nconst osSelectItems = Object.values(OS).map((os) => {\n  return { value: os };\n});\n\nconst isLoading = ref<boolean>(true);\n\nconst profileFilterCount = ref<number>(0);\n\nconst members = ref<ITag[]>([]);\n\nconst isFetchingMembers = ref<boolean>(false);\nconst isFetchingRate = ref<boolean>(false);\n\nconst query = ref<string>('');\n\nconst currentTab = ref<SegmentationTabs>(SegmentationTabs.PROFILE);\nconst currentSearchTab = ref<SegmentationSearchTabs>(SegmentationSearchTabs.ALL);\n\nconst currentMembersPage = ref<number>(1);\nconst selectedMembersPage = ref<number>(1);\n\n/**\n * Members per page (without first page)\n */\nconst limit = 6;\n\nconst currentTotal = ref<number>(0);\nconst total = ref<number>(0);\n\nonMounted(async () => {\n  if (!filter.value || !Object.keys(filter.value).length) {\n    filter.value = deepCopy(defaultFilter);\n  } else {\n    initialFilter = deepCopy(filter.value);\n    filter.value.members.forEach((member) => {\n      member.isToggled = true;\n    });\n  }\n  await init();\n});\n\nonUnmounted(() => {\n  filter.value.members.forEach((member) => {\n    delete member.isToggled;\n    member.name = member.name.replace(/, ID \\d+/, '');\n  });\n});\n\nwatch(\n  () => filter.value,\n  () => calculateCounter(),\n  { deep: true },\n);\n\nconst currentMembers = computed<ITag[]>(() => {\n  const page = currentMembersPage.value;\n  const from = page > 1 ? limit + 1 + limit * (page - 2) : 0;\n\n  return members.value.slice(from, from + (page > 1 ? limit : limit + 1));\n});\n\nconst currentNextMembers = computed<string>(() => {\n  return getNextMembersMessage(currentMembersPage.value, members.value.length);\n});\n\nconst currentPrevMembers = computed<string>(() => {\n  return getPrevMembersMessage(currentMembersPage.value);\n});\n\nconst currentSelectedMembers = computed<ITag[]>(() => {\n  const page = selectedMembersPage.value;\n  const from = page > 1 ? limit + 1 + limit * (page - 2) : 0;\n\n  return filter.value.members.slice(from, from + (page > 1 ? limit : limit + 1));\n});\n\nconst selectedNextMembers = computed<string>(() => {\n  return getNextMembersMessage(selectedMembersPage.value, filter.value.members.length);\n});\n\nconst selectedPrevMembers = computed<string>(() => {\n  return getPrevMembersMessage(selectedMembersPage.value);\n});\n\nasync function init() {\n  try {\n    isLoading.value = true;\n    const [statuses] = await Promise.all([getStatuses(), commonStore.fetchRegions()]);\n\n    statusSelectItems.value = statuses.map((status) => {\n      return { value: status.id!, name: status.name };\n    });\n    await calculateCounter(false);\n    await fetchMembers(true);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction getNextMembersMessage(page: number, total: number): string {\n  const passed = page > 1 ? limit + 1 + limit * (page - 1) : limit + 1;\n  const count = total - passed;\n  if (count <= 0) return '';\n\n  return `И ещё ${count} ${getMembersMessage(count)}`;\n}\n\nfunction getPrevMembersMessage(page: number): string {\n  const count = page > 1 ? limit + 1 + limit * (page - 2) : 0;\n  if (count <= 0) return '';\n  return `Предыдущие ${count} ${getMembersMessage(count)}`;\n}\n\nasync function calculateCounter(useFetch: boolean = true): Promise<void> {\n  profileFilterCount.value = Object.keys(filter.value || {}).filter((key) => {\n    const excludedFields: (keyof IMembersFilter)[] = ['tags', 'members', 'activities', 'counter'];\n    if ((excludedFields as string[]).includes(key)) return false;\n    const value = (filter.value as any)[key];\n    if (Array.isArray(value)) return value.length;\n    else {\n      return typeof value === 'object' && Object.keys(value).length && (value.from || value.to);\n    }\n  }).length;\n  if (useFetch) {\n    await fetchMembers(true);\n  }\n}\n\nfunction mapMembersResponse(_members: IGetMembersResponse): void {\n  members.value = _members.members.map((member: IMemberView) => {\n    const selectedMember = filter.value.members.find((m) => m.id === member.id);\n    let name = member.name;\n    if (member.code) {\n      name += `, ID ${member.code}`;\n    }\n    if (selectedMember) {\n      selectedMember.name = name;\n      return selectedMember;\n    } else {\n      return {\n        id: member.id!,\n        name,\n        isToggled: false,\n      };\n    }\n  });\n}\n\nfunction getGenderText(gender: Gender): string {\n  switch (gender) {\n    case Gender.MALE:\n      return 'Мужской';\n    case Gender.FEMALE:\n      return 'Женский';\n  }\n}\n\nfunction onSelectedTagToggle(index: number) {\n  if (!filter.value.tags) return;\n  filter.value.tags[index].isToggled = false;\n}\n\nfunction onResetClick() {\n  switch (currentTab.value) {\n    case SegmentationTabs.PROFILE:\n      // TODO complete\n      filter.value = {\n        ...defaultFilter,\n        members: filter.value.members,\n        tags: filter.value.tags,\n        activities: filter.value.activities,\n      };\n      break;\n    case SegmentationTabs.TAGS:\n      filter.value.tags.forEach((tag) => (tag.isToggled = false));\n      filter.value.tags = [];\n      break;\n    case SegmentationTabs.MEMBERS:\n      filter.value.members.forEach((member) => (member.isToggled = false));\n      filter.value.members = [];\n      break;\n    case SegmentationTabs.ACTIVITIES:\n      // TODO add\n      break;\n    case SegmentationTabs.FILES:\n      // TODO add\n      break;\n  }\n}\n\nfunction onSelectedMemberToggle(id: number) {\n  const _member = members.value.find((member) => member.id === id);\n  if (_member) {\n    if (_member.isToggled) {\n      filter.value.members.push(_member);\n    } else {\n      filter.value.members = filter.value.members.filter((member) => member.id !== _member.id);\n    }\n  } else {\n    filter.value.members = filter.value.members.filter((member) => member.isToggled);\n  }\n}\n\nfunction onAddFoundMembersClick() {\n  members.value.forEach((member) => {\n    member.isToggled = true;\n    if (filter.value.members.indexOf(member) === -1) {\n      filter.value.members.push(member);\n    }\n  });\n}\n\nasync function onTabChange() {\n  await fetchMembers();\n}\n\nasync function fetchMembers(useFilter: boolean = false, mapMembers: boolean = false) {\n  if (isFetchingMembers.value || (useFilter && isFetchingRate.value)) return;\n  try {\n    if (useFilter) {\n      isFetchingRate.value = true;\n      if (mapMembers) {\n        isFetchingMembers.value = true;\n      }\n      const response = await getMembers({ filter: filter.value, short: true, query: query.value });\n      currentTotal.value = response.segmentationTotal;\n      total.value = response.total;\n      if (mapMembers) {\n        mapMembersResponse(response);\n      }\n    } else {\n      isFetchingMembers.value = true;\n      const response = await getMembers({ query: query.value, short: true });\n      mapMembersResponse(response);\n    }\n  } finally {\n    isFetchingMembers.value = false;\n    isFetchingRate.value = false;\n  }\n}\n\nfunction onApplyClick() {\n  filter.value.counter =\n    profileFilterCount.value + filter.value.members.length + filter.value.tags.length;\n  onDestroy();\n\n  emits('update', filter.value);\n}\n\nfunction onCancelClick() {\n  filter.value = deepCopy(initialFilter);\n  onDestroy();\n\n  emits('cancel');\n}\n\nfunction onCurrentMembersNextPageClick() {\n  if (!currentNextMembers.value) return;\n  currentMembersPage.value++;\n}\n\nfunction onCurrentMembersPrevPageClick() {\n  if (!currentPrevMembers.value) return;\n  currentMembersPage.value--;\n}\n\nfunction onSelectedMembersNextPageClick() {\n  if (!selectedNextMembers.value) return;\n  selectedMembersPage.value++;\n}\n\nfunction onSelectedMembersPrevPageClick() {\n  if (!selectedPrevMembers.value) return;\n  selectedMembersPage.value--;\n}\n\nasync function onSearchTabChange(index: number) {\n  await fetchMembers(index === SegmentationSearchTabs.FILTERED, true);\n}\n\nfunction onDestroy() {\n  filter.value.members.forEach((_, index) => {\n    delete filter.value.members[index].isToggled;\n  });\n}\n</script>\n\n<template>\n  <div class=\"segmentation\">\n    <loader-control v-model=\"isLoading\" class=\"segmentation__content\">\n      <segrate-shared\n        v-model=\"isFetchingRate\"\n        :current=\"currentTotal\"\n        :total=\"total\"\n        mode=\"total\"\n      />\n      <tabs-control v-model=\"currentTab\" class=\"segmentation__tabs\" @change=\"onTabChange\">\n        <template #tabs-headers>\n          <tab-header-control class=\"segmentation__tab-header\">\n            <span>Профиль</span>\n            <div v-if=\"profileFilterCount\" class=\"segmentation__count\">\n              {{ profileFilterCount }}\n            </div>\n          </tab-header-control>\n          <tab-header-control class=\"segmentation__tab-header\">\n            <span>Теги</span>\n            <div v-if=\"filter.tags.length\" class=\"segmentation__count\">\n              {{ filter.tags.length }}\n            </div>\n          </tab-header-control>\n          <tab-header-control class=\"segmentation__tab-header\">\n            <span>ID и контакты</span>\n            <div v-if=\"filter.members.length\" class=\"segmentation__count\">\n              {{ filter.members.length }}\n            </div>\n          </tab-header-control>\n          <tab-header-control class=\"segmentation__tab-header\"> Активности</tab-header-control>\n          <tab-header-control class=\"segmentation__tab-header\"> Файл</tab-header-control>\n        </template>\n        <!-- Профиль -->\n        <tab-control class=\"segmentation__grid\">\n          <div class=\"segmentation__control\">\n            <span>Пол</span>\n            <select-control\n              v-model=\"filter.gender\"\n              :items=\"genderSelectItems\"\n              :at-least-one-selected=\"false\"\n              not-selected-text=\"\"\n              multi\n            />\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Уровень</span>\n            <select-control\n              v-model=\"filter.status\"\n              :items=\"statusSelectItems\"\n              :at-least-one-selected=\"false\"\n              not-selected-text=\"\"\n              multi\n            />\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Возраст</span>\n            <div class=\"segmentation__group\">\n              <number-control v-model.number=\"filter.age.from\" placeholder=\"от\" />\n              <span>&mdash;</span>\n              <number-control v-model.number=\"filter.age.to\" placeholder=\"до\" />\n            </div>\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Баллы</span>\n            <div class=\"segmentation__group\">\n              <number-control v-model.number=\"filter.points.from\" placeholder=\"от\" />\n              <span>&mdash;</span>\n              <number-control v-model.number=\"filter.points.to\" placeholder=\"до\" />\n            </div>\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Регион</span>\n            <select-control\n              v-model=\"filter.region\"\n              :items=\"commonStore.regionsSelectItems\"\n              multi\n              :at-least-one-selected=\"false\"\n              not-selected-text=\"\"\n            />\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Бонусы</span>\n            <div class=\"segmentation__group\">\n              <number-control v-model.number=\"filter.money.from\" placeholder=\"от\" />\n              <span>&mdash;</span>\n              <number-control v-model.number=\"filter.money.to\" placeholder=\"до\" />\n            </div>\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Зарегистрирован</span>\n            <div class=\"segmentation__group\">\n              <timespan-control\n                v-model=\"filter.registered.from\"\n                date-only\n                date-placeholder=\"с\"\n                position=\"left\"\n                clearable\n                :alt-position=\"() => ({ top: 44, left: 0, transform: '' })\"\n              />\n              <span>&mdash;</span>\n              <timespan-control\n                v-model=\"filter.registered.to\"\n                date-only\n                date-placeholder=\"до\"\n                clearable\n                :alt-position=\"() => ({ top: 44, left: 0, transform: '' })\"\n              />\n            </div>\n          </div>\n\n          <div class=\"segmentation__control\">\n            <span>Операционная система</span>\n            <select-control\n              v-model=\"filter.os\"\n              :items=\"osSelectItems\"\n              :at-least-one-selected=\"false\"\n              not-selected-text=\"\"\n              multi\n            />\n          </div>\n          <div class=\"segmentation__control\">\n            <span>Последняя активность</span>\n            <div class=\"segmentation__group\">\n              <timespan-control\n                v-model=\"filter.lastActivity.from\"\n                date-only\n                date-placeholder=\"с\"\n                position=\"left\"\n                :alt-position=\"() => ({ top: 44, left: 0, transform: '' })\"\n                clearable\n              />\n              <span>&mdash;</span>\n              <timespan-control\n                v-model=\"filter.lastActivity.to\"\n                date-only\n                date-placeholder=\"до\"\n                :alt-position=\"() => ({ top: 44, left: 0, transform: '' })\"\n                clearable\n              />\n            </div>\n          </div>\n        </tab-control>\n        <!-- Теги -->\n        <tab-control class=\"segmentation__tab\">\n          <span v-if=\"filter.tags.length\">Выбранные теги</span>\n          <div v-if=\"filter.tags.length\" class=\"segmentation__group segmentation_wrap\">\n            <tag-shared\n              v-for=\"(tag, index) in filter.tags\"\n              :key=\"tag.id\"\n              v-model=\"filter.tags[index].isToggled\"\n              :name=\"tag.name\"\n              mode=\"toggle\"\n              active-color=\"accent\"\n              @toggle=\"onSelectedTagToggle(index)\"\n            />\n          </div>\n          <span>Добавить теги</span>\n          <tags-shared\n            v-model:toggled=\"filter.tags\"\n            search\n            :options=\"{ mode: 'toggle', activeColor: 'accent' }\"\n          />\n        </tab-control>\n        <!-- ID и контакты -->\n        <tab-control class=\"segmentation__tab\">\n          <span v-if=\"filter.members.length\"\n            >Добавлен{{ filter.members.length > 1 ? 'о' : '' }} {{ filter.members.length }}\n            {{ getMembersMessage(filter.members.length) }}</span\n          >\n          <div v-if=\"filter.members.length\" class=\"segmentation__members\">\n            <tag-shared\n              v-for=\"(member, index) in currentSelectedMembers\"\n              :key=\"member.id\"\n              v-model=\"currentSelectedMembers[index].isToggled\"\n              :name=\"member.name\"\n              mode=\"toggle\"\n              class=\"segmentation__member\"\n              @toggle=\"onSelectedMemberToggle(member.id)\"\n            />\n            <tag-shared\n              v-if=\"selectedPrevMembers\"\n              :name=\"selectedPrevMembers\"\n              class=\"segmentation__member segmentation__member_rotated\"\n              mode=\"normal\"\n              :icon=\"ArrowRightIcon\"\n              @click=\"onSelectedMembersPrevPageClick\"\n              @toggle=\"onSelectedMembersPrevPageClick\"\n            />\n            <tag-shared\n              v-if=\"selectedNextMembers\"\n              :name=\"selectedNextMembers\"\n              class=\"segmentation__member\"\n              mode=\"normal\"\n              :icon=\"ArrowRightIcon\"\n              @click=\"onSelectedMembersNextPageClick\"\n              @toggle=\"onSelectedMembersNextPageClick\"\n            />\n          </div>\n          <tabs-control v-model=\"currentSearchTab\" @change=\"onSearchTabChange\">\n            <template #tabs-headers>\n              <tab-header-control> Поиск среди всех участников </tab-header-control>\n              <tab-header-control> Поиск среди сегментированной группы </tab-header-control>\n            </template>\n          </tabs-control>\n          <search-control\n            v-model=\"query\"\n            placeholder=\"Найти по ФИО, телефону, e-mail, ID\"\n            @search=\"fetchMembers(currentSearchTab === SegmentationSearchTabs.FILTERED, true)\"\n          />\n          <loader-control v-if=\"query\" v-model=\"isFetchingMembers\" class=\"segmentation__loader\">\n            <div class=\"segmentation__group\">\n              <span>\n                Найден{{ members.length > 1 ? 'о' : '' }} {{ members.length }}\n                {{ getMembersMessage(members.length) }}\n              </span>\n              <button-control hollow color=\"accent\" @click=\"onAddFoundMembersClick\">\n                <plus-round-icon class=\"icon icon_small\" />\n                <span>Добавить найденных</span>\n              </button-control>\n            </div>\n            <div class=\"segmentation__members\">\n              <tag-shared\n                v-for=\"(member, index) in currentMembers\"\n                :key=\"member.id\"\n                v-model=\"currentMembers[index].isToggled\"\n                :name=\"member.name\"\n                mode=\"toggle\"\n                class=\"segmentation__member\"\n                @toggle=\"onSelectedMemberToggle(member.id)\"\n              />\n              <tag-shared\n                v-if=\"currentPrevMembers\"\n                :name=\"currentPrevMembers\"\n                class=\"segmentation__member segmentation__member_rotated\"\n                mode=\"normal\"\n                :icon=\"ArrowRightIcon\"\n                @click=\"onCurrentMembersPrevPageClick\"\n                @toggle=\"onCurrentMembersPrevPageClick\"\n              />\n              <tag-shared\n                v-if=\"currentNextMembers\"\n                :name=\"currentNextMembers\"\n                class=\"segmentation__member\"\n                mode=\"normal\"\n                :icon=\"ArrowRightIcon\"\n                @click=\"onCurrentMembersNextPageClick\"\n                @toggle=\"onCurrentMembersNextPageClick\"\n              />\n            </div>\n          </loader-control>\n        </tab-control>\n        <!-- Активности -->\n        <tab-control>\n          <construction-shared />\n        </tab-control>\n        <!-- Файл -->\n        <tab-control>\n          <construction-shared />\n        </tab-control>\n      </tabs-control>\n      <div class=\"segmentation__group segmentation__footer\">\n        <button-control @click=\"onApplyClick\">Применить</button-control>\n        <button-control hollow bordered bordered-accent @click=\"onCancelClick\">\n          Отмена\n        </button-control>\n        <button-control hollow color=\"accent\" @click=\"onResetClick\">\n          Сбросить фильтры\n        </button-control>\n      </div>\n    </loader-control>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.segmentation {\n  max-width: 860px;\n  max-height: calc(100vh - 100px);\n  font-size: 14px;\n  color: $gray;\n\n  // TODO temp\n  width: 700px;\n  height: calc(100vh - 100px);\n\n  &_wrap {\n    flex-wrap: wrap;\n  }\n\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  &__tab-header {\n    position: relative;\n\n    &.tabs-header_active .segmentation__count {\n      color: var(--primaryColor);\n      background-color: $white;\n    }\n  }\n\n  &__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px 25px;\n  }\n\n  &__control {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n  }\n\n  &__tabs {\n    overflow: hidden;\n  }\n\n  &__footer {\n    margin-top: auto;\n  }\n\n  &__tab {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n\n    font-size: 13px;\n  }\n\n  :is(.segmentation__loader) {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  &__count {\n    position: absolute;\n    top: 2px;\n    right: 5px;\n    width: 16px;\n    height: 16px;\n    padding: 1px;\n    border-radius: 50%;\n    font-size: 12px;\n    color: $white;\n    background-color: var(--primaryColor);\n    border: 1px solid $gray_a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  &__members {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    cursor: pointer;\n  }\n\n  &__member {\n    width: 100%;\n    height: 100%;\n\n    &_rotated {\n      rotate: 180deg;\n\n      :deep(.editable) {\n        justify-content: flex-end;\n      }\n\n      :deep(.editable__text) {\n        rotate: 180deg;\n      }\n    }\n  }\n}\n\n:deep(.tabs__headers) {\n  min-height: 40px;\n}\n\n:deep(*) {\n  .segmentation {\n    &__content {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n  }\n\n  .tabs__content {\n    overflow: auto;\n    padding: 5px;\n    scrollbar-width: none;\n    padding-bottom: 100px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { SpinnerIcon } from '@icons';\nimport { ProgressCircleControl } from '@uikit';\nimport { getMembersMessage } from '@utils';\nimport { computed } from 'vue';\n\ninterface ISegrateSharedProps {\n  current: number;\n  total: number;\n  /**\n   * Use big circle\n   * @default false\n   */\n  big?: boolean;\n\n  /**\n   * Text color\n   * @default 'default'\n   */\n  color?: 'accent' | 'default';\n\n  /**\n   * Display mode\n   * @default 'range'\n   */\n  mode?: 'range' | 'total';\n}\n\nconst props = withDefaults(defineProps<ISegrateSharedProps>(), {\n  big: false,\n  mode: 'range',\n});\n\nconst isLoading = defineModel<boolean>({ default: false });\n\nconst percent = computed<number>(() => {\n  const value = (props.current / props.total) * 100;\n  if (isNaN(value)) return 0;\n  return value;\n});\n\nconst topText = computed<string>(() => {\n  if (props.mode === 'range') {\n    return `${props.current} из ${props.total}`;\n  } else if (props.mode === 'total') {\n    return `${props.current} ${getMembersMessage(props.current)}`;\n  }\n  return '';\n});\n\nconst bottomText = computed<string>(() => {\n  const value = percent.value.toFixed(1).replace(/\\.0+$/, '');\n  if (props.mode === 'range') {\n    return `${value}% участников`;\n  } else if (props.mode === 'total') {\n    return `${value}% аудитории`;\n  }\n  return '';\n});\n</script>\n\n<template>\n  <div class=\"segrate\">\n    <spinner-icon v-if=\"isLoading\" class=\"icon icon_large icon_primary\" />\n    <div v-else class=\"segrate__content\">\n      <progress-circle-control\n        :value=\"percent\"\n        class=\"segrate__progress\"\n        :class=\"{ segrate__progress_big: big }\"\n      />\n      <div class=\"segrate__info\" :class=\"{ segrate__info_accent: color === 'accent' }\">\n        <div class=\"segrate__top\">{{ topText }}</div>\n        <div class=\"segrate__bottom\">{{ bottomText }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.segrate {\n  min-width: 36px;\n  min-height: 36px;\n\n  &__content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  &__progress {\n    width: 36px;\n    height: 36px;\n\n    &_big {\n      width: 70px;\n      height: 70px;\n    }\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n\n    color: $gray;\n\n    &_accent {\n      color: var(--primaryColor);\n    }\n  }\n\n  &__top {\n    font-weight: 600;\n  }\n\n  &__bottom {\n    font-weight: 300;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { CloseIcon } from '@icons';\nimport { useServiceStore } from '@stores';\nimport { onMounted, ref, useId, watch } from 'vue';\n\ninterface ISideWindowSharedProps {\n  /**\n   * @default false\n   */\n  nopadding?: boolean;\n}\n\nconst serviceStore = useServiceStore();\n\nwithDefaults(defineProps<ISideWindowSharedProps>(), {\n  nopadding: false,\n});\n\nconst rSide = ref();\n\nconst isShown = defineModel<boolean>({ required: true });\n\nconst id = useId();\n\nonMounted(() => {\n  if (isShown.value) {\n    serviceStore.sideWindowId = id;\n  }\n});\n\nwatch(\n  () => isShown.value,\n  (value) => {\n    if (value) {\n      serviceStore.sideWindowId = id;\n    }\n  },\n);\n\nwatch(\n  () => serviceStore.sideWindowId,\n  () => {\n    if (serviceStore.sideWindowId !== id) {\n      isShown.value = false;\n    }\n  },\n);\n\nfunction toggle() {\n  isShown.value = !isShown.value;\n}\n</script>\n\n<template>\n  <teleport v-if=\"serviceStore.isMainMounted\" to=\"#main\">\n    <Transition name=\"slide\">\n      <div v-if=\"isShown && serviceStore.sideWindowId === id\" ref=\"rSide\" class=\"side\">\n        <div class=\"side__header\">\n          <div class=\"side__title\">\n            <slot name=\"title\" />\n          </div>\n          <close-icon class=\"icon side__close\" @click=\"toggle\" />\n        </div>\n        <div class=\"side__content\" :class=\"{ side__content_nopadding: nopadding }\">\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </teleport>\n</template>\n\n<style lang=\"scss\" scoped>\n.side {\n  position: fixed;\n  width: 40vw;\n  height: 100vh;\n  background: $white;\n  right: 0;\n  top: 0;\n  box-shadow: 0px 12px 27px 0px #34343a1f;\n\n  display: flex;\n  flex-direction: column;\n  z-index: 5;\n\n  @include maxw(1050px) {\n    height: calc(100vh - 70px);\n    top: 70px;\n  }\n\n  &__header {\n    position: sticky;\n    top: 0;\n    background: $white;\n    z-index: 2;\n\n    padding: 20px 20px 10px;\n  }\n\n  &__content {\n    padding: 0 20px 10px;\n    flex: 1;\n    overflow: hidden;\n\n    &_nopadding {\n      padding: 0;\n    }\n  }\n\n  &__close {\n    position: absolute;\n    top: 15px;\n    right: 10px;\n    cursor: pointer;\n    color: $gray;\n\n    &:hover {\n      scale: 1.05;\n    }\n  }\n}\n\n// transition slide from right\n.slide-enter-active,\n.slide-leave-active {\n  transition: all 0.3s ease;\n}\n\n.slide-enter-from,\n.slide-leave-to {\n  transform: translateX(100%);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { CloseIcon } from '@icons';\nimport { EditableTextControl } from '@uikit';\nimport { ref } from 'vue';\nimport type { ITagSharedOptions } from '.';\n\ninterface ITagSharedProps extends ITagSharedOptions {\n  /**\n   * Use custom icon\n   */\n  icon?: any;\n}\n\ninterface ITagSharedEmits {\n  (e: 'toggle'): void;\n  (e: 'change', oldName: string, newName: string): void;\n}\n\nconst props = withDefaults(defineProps<ITagSharedProps>(), {\n  mode: 'normal',\n  editable: false,\n  activeColor: 'text',\n  isToggled: false,\n  autoWidth: true,\n  hide: true,\n});\n\nconst emits = defineEmits<ITagSharedEmits>();\n\nconst isEnabled = defineModel<boolean>({ default: false });\nconst name = defineModel<string>('name', {\n  default: '',\n});\n\nconst isButtonVisible = ref<boolean>(false);\n\nfunction onTagToggle() {\n  if (props.mode === 'toggle') {\n    isEnabled.value = !isEnabled.value;\n  }\n  emits('toggle');\n}\n\nfunction onTagWrapperClick() {\n  if (!props.editable && props.mode === 'toggle') {\n    onTagToggle();\n  }\n}\n\nfunction onMouseLeave() {\n  if (!props.hide) return;\n  isButtonVisible.value = false;\n}\nfunction onTagChange(oldValue: string, newValue: string) {\n  name.value = newValue;\n  emits('change', oldValue, newValue);\n}\n</script>\n\n<template>\n  <div\n    class=\"tag\"\n    :class=\"[\n      { tag_active: mode === 'toggle' && isEnabled },\n      'tag_' + mode,\n      isEnabled && mode === 'toggle' ? 'tag_active-' + activeColor : '',\n    ]\"\n    @mouseenter=\"isButtonVisible = true\"\n    @mouseleave=\"onMouseLeave\"\n    @click.stop=\"onTagWrapperClick\"\n  >\n    <div class=\"tag__content\">\n      <editable-text-control\n        v-model=\"name\"\n        :readonly=\"!editable\"\n        :auto-width=\"autoWidth\"\n        @change=\"onTagChange\"\n      />\n    </div>\n\n    <div v-if=\"mode !== 'text'\" class=\"tag__icon\" @click.stop=\"onTagToggle\">\n      <component :is=\"icon\" v-if=\"icon\" class=\"icon tag__control\" />\n      <close-icon\n        v-else\n        class=\"icon icon_small tag__control\"\n        :class=\"[\n          {\n            tag__control_active: mode === 'toggle' && isEnabled,\n            tag__control_hidden: mode === 'normal' && !isButtonVisible,\n          },\n          'tag__control_' + mode,\n        ]\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.tag {\n  border-radius: 45px;\n  display: flex;\n  justify-content: space-between;\n  width: fit-content;\n  min-width: 100px;\n  padding: 5px 30px;\n  gap: 5px;\n  align-items: center;\n  background-color: #ededed;\n  transition: all 0.3s;\n  position: relative;\n  font-size: 13px;\n  border: 1px solid transparent;\n\n  &:hover {\n    filter: brightness(1.1) drop-shadow(0 0 5px $gray_c);\n  }\n\n  &_normal {\n    background-color: #e2e2e2;\n  }\n\n  &_toggle {\n    cursor: pointer;\n    color: $gray;\n    background: $white;\n    border-color: #ececf0;\n  }\n\n  &_remove &__control {\n    rotate: 45deg;\n  }\n\n  &_active {\n    background-color: $white;\n    color: $black;\n    border-color: var(--primaryColor);\n\n    &-text {\n      background-color: $white;\n    }\n\n    &-accent {\n      background-color: var(--primaryColor);\n    }\n  }\n\n  &__content {\n    text-align: center;\n    flex: 1;\n  }\n\n  &__control {\n    position: absolute;\n    right: 10px;\n    top: auto;\n    bottom: auto;\n    color: var(--primaryColor);\n    cursor: pointer;\n    transition: 0.3s;\n    border-radius: 50%;\n\n    &:hover {\n      scale: 1.1;\n    }\n\n    &:active {\n      scale: 0.9;\n    }\n\n    &_toggle {\n      rotate: 45deg;\n    }\n\n    &_active,\n    &_normal {\n      rotate: 0deg;\n    }\n\n    &_hidden {\n      opacity: 0;\n    }\n  }\n\n  &__input {\n    border-color: transparent;\n    background-color: transparent;\n    border-radius: 0;\n    height: initial;\n    padding: 0;\n\n    &:focus {\n      border-color: transparent;\n      border-bottom-color: $gray_c;\n    }\n  }\n\n  &__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { ITagsSection, IWarning } from '@models';\nimport { ButtonControl, type ISelectItem, SelectControl, WarningControl } from '@uikit';\nimport { ref } from 'vue';\n\ninterface IAddTagDialogProps {\n  sections: ITagsSection[];\n}\n\ninterface IAddTagDialogEmits {\n  (e: 'confirm', tagName: string, sectionId: number): void;\n  (e: 'close'): void;\n}\n\nconst props = defineProps<IAddTagDialogProps>();\nconst emit = defineEmits<IAddTagDialogEmits>();\n\nconst tagName = ref<string>('');\nconst selectedSectionId = ref<number>();\n\nconst warning = ref<IWarning>({\n  isShown: false,\n  text: '',\n});\n\nconst sectionsSelectItems: ISelectItem<number>[] = props.sections.map((section) => {\n  return {\n    value: section.id,\n    name: section.name,\n  };\n});\n\nfunction onAddClick() {\n  if (!tagName.value || selectedSectionId.value === undefined) {\n    warning.value.text = '';\n    if (!tagName.value) {\n      warning.value.text += 'Название тега не может быть пустым\\n';\n    }\n    if (selectedSectionId.value === undefined) {\n      warning.value.text += 'Нужно выбрать раздел';\n    } else if (props.sections.every((section) => section.id !== selectedSectionId.value)) {\n      warning.value.text = 'Произошла ошибка. Попробуйте еще раз.';\n    }\n    warning.value.isShown = true;\n\n    return;\n  }\n\n  emit('confirm', tagName.value, selectedSectionId.value);\n}\n</script>\n\n<template>\n  <div class=\"add-tag\">\n    <div class=\"add-tag__title\">Добавить тег</div>\n    <div class=\"add-tag__control\">\n      <span class=\"add-tag__label\">Название нового тега</span\n      ><input v-model=\"tagName\" class=\"add-tag__input\" />\n    </div>\n    <div class=\"add-tag__control\">\n      <span class=\"add-tag__label\">Добавить в раздел</span>\n      <select-control v-model=\"selectedSectionId\" :items=\"sectionsSelectItems\" :default=\"-1\" />\n    </div>\n    <div class=\"add-tag__group add-tag__buttons\">\n      <warning-control v-model=\"warning\">\n        <button-control wide @click=\"onAddClick\">Добавить</button-control>\n      </warning-control>\n      <button-control wide hollow bordered @click=\"emit('close')\">Отмена</button-control>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.add-tag {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  color: $gray;\n\n  &__title {\n    font-weight: 600;\n  }\n\n  &__control {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n  }\n\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  &__buttons {\n    position: relative;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ButtonControl } from '@uikit';\nimport { ref } from 'vue';\n\ninterface IAddTagSectionDialogProps {\n  mode: 'create' | 'edit';\n  name?: string;\n}\n\ninterface IAddTagSectionDialogEmits {\n  (e: 'confirm', name: string): void;\n  (e: 'close'): void;\n}\n\nconst props = defineProps<IAddTagSectionDialogProps>();\n\nconst emits = defineEmits<IAddTagSectionDialogEmits>();\n\nconst sectionName = ref<string>(props.name ?? '');\n\nconst isWarningShown = ref<boolean>();\n\nfunction onConfirmClick() {\n  if (!sectionName.value) {\n    isWarningShown.value = true;\n    setTimeout(() => {\n      isWarningShown.value = false;\n    }, 2000);\n    return;\n  }\n  emits('confirm', sectionName.value);\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"dialog\">\n      <div class=\"dialog__title\">\n        {{ mode === 'create' ? 'Создание раздела' : 'Редактирование раздела' }}\n      </div>\n      <div class=\"dialog__control\">\n        <span class=\"dialog__label\">Название раздела</span>\n        <input v-model=\"sectionName\" class=\"dialog__input\" />\n      </div>\n      <div class=\"dialog__group dialog__buttons\">\n        <div v-if=\"isWarningShown\" class=\"dialog__warning\">\n          Название раздела не может быть пустым\n        </div>\n        <button-control wide @click=\"onConfirmClick\">\n          {{ mode === 'create' ? 'Добавить' : 'Сохранить' }}\n        </button-control>\n        <button-control wide hollow bordered @click=\"emits('close')\">Отмена</button-control>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.dialog {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n\n  &__title {\n    font-weight: 600;\n  }\n\n  &__control {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n  }\n\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  &__buttons {\n    position: relative;\n  }\n\n  &__warning {\n    border: 1px solid $gray;\n    background-color: $white;\n    padding: 5px;\n    border-radius: 8px;\n    position: absolute;\n    bottom: calc(100% + 2px);\n    color: $red;\n    white-space: pre-line;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport {\n  addMembersTag,\n  addSection,\n  changeTags,\n  editMembersTag,\n  editSection,\n  getMember,\n  getMembersSections,\n  removeMembersTag,\n  removeSection,\n} from '@api';\nimport { FolderIcon, TagIcon } from '@icons';\nimport { AppError, type ITag, type ITagsSection } from '@models';\nimport { type ITagSharedOptions, SectionShared } from '@shared';\nimport { DialogControl, LoaderControl, SearchControl } from '@uikit';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { AddTagDialog } from './add-dialog';\nimport { SectionDialog } from './section-dialog';\n\ninterface ITagsSharedProps {\n  /**\n   * Use members tags, find by ID\n   */\n  id?: number;\n\n  /**\n   * Enable search\n   * @default false\n   */\n  search?: boolean;\n\n  /**\n   * Tag options\n   */\n  options?: ITagSharedOptions;\n}\n\nconst props = withDefaults(defineProps<ITagsSharedProps>(), {\n  editable: false,\n  search: false,\n  options: () => {\n    return {\n      mode: 'normal',\n      activeColor: 'text',\n      editable: false,\n    };\n  },\n});\n\nconst toggledTags = defineModel<ITag[]>('toggled', {\n  default: [],\n});\n\nconst _sections = ref<ITagsSection[]>([]);\n\nconst isCreateTagDialogShown = ref<boolean>();\nconst isCreateSectionDialogShown = ref<boolean>();\nconst isEditSectionDialogShown = ref<boolean>();\nconst isRemoveSectionDialogShown = ref<boolean>();\nconst isRemoveTagDialogShown = ref<boolean>(false);\n\nconst isLoading = ref<boolean>(true);\nconst errorMessage = ref<string>('');\n\nconst currentEditingSectionId = ref<number>();\nconst removeTagIndex = ref<number | null>(null);\nconst removeSectionIndex = ref<number | null>(null);\n\nconst filter = ref<string>('');\n\nonMounted(async () => {\n  await init();\n});\n\nwatch(\n  () => toggledTags.value,\n  (value: ITag[]) => {\n    const toggledTag = value.find((tag) => !tag.isToggled);\n    if (toggledTag) {\n      toggledTags.value.splice(toggledTags.value.indexOf(toggledTag), 1);\n    }\n    setToggledTags();\n  },\n  { deep: true },\n);\n\nconst mode = computed(() => {\n  return props.options.mode ?? (props.options?.editable ? 'normal' : 'toggle');\n});\n\nconst sections = computed({\n  get: () => {\n    if (!filter.value) return _sections.value;\n    const query = filter.value.toLowerCase();\n\n    const found: ITagsSection[] = [];\n\n    for (const section of _sections.value) {\n      if (section.name.toLowerCase().includes(query)) {\n        found.push(section);\n        continue;\n      }\n      const tags = section.tags.filter((tag) => tag.name.toLowerCase().includes(query));\n      if (tags.length) {\n        found.push({ ...section, tags });\n      }\n    }\n\n    return found;\n  },\n  set: (value) => {\n    _sections.value = value;\n  },\n});\n\nasync function init() {\n  errorMessage.value = '';\n  try {\n    isLoading.value = true;\n    const response = props.id ? (await getMember(props.id)).tags : await getMembersSections();\n    if (response) {\n      sections.value = response;\n      setToggledTags();\n    }\n  } catch {\n    throw new AppError('Произошла ошибка при загрузке тегов');\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction setToggledTags() {\n  sections.value.forEach((section) => {\n    section.tags.forEach((tag) => {\n      const toggledTag = toggledTags.value.find((toggledTag) => toggledTag.id === tag.id);\n      tag.isToggled = !!toggledTag;\n    });\n  });\n}\n\nasync function onTagCreateClick(tagName: string, sectionId: number) {\n  if (isLoading.value) return;\n  try {\n    isLoading.value = true;\n    await addMembersTag({ name: tagName, sectionId });\n    await init();\n  } catch (e: any) {\n    errorMessage.value = 'Произошла ошибка при создании тега';\n    (e as AppError).noDialog = true;\n    throw e;\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nasync function onSectionCreateClick(sectionName: string) {\n  if (isLoading.value) return;\n  try {\n    isLoading.value = true;\n    await addSection({ name: sectionName });\n    await init();\n  } catch (e: any) {\n    errorMessage.value = 'Произошла ошибка при создании секции';\n    (e as AppError).noDialog = true;\n    throw e;\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction onSectionEditClick(id: number) {\n  currentEditingSectionId.value = id;\n  isEditSectionDialogShown.value = true;\n}\n\nasync function onSectionEdit(name: string) {\n  const id = currentEditingSectionId.value;\n  if (!name || id == undefined) return;\n  try {\n    isLoading.value = true;\n    await editSection({ id, name });\n    await init();\n  } catch (e: any) {\n    errorMessage.value = 'Произошла ошибка при редактировании раздела';\n    (e as AppError).noDialog = true;\n    throw e;\n  } finally {\n    currentEditingSectionId.value = undefined;\n\n    isLoading.value = false;\n  }\n}\n\nfunction onSectionRemoveClick(id: number) {\n  isRemoveSectionDialogShown.value = true;\n  removeSectionIndex.value = id;\n}\n\nasync function onSectionRemove() {\n  if (!removeSectionIndex.value) return;\n  try {\n    isLoading.value = true;\n    await removeSection(removeSectionIndex.value);\n    await init();\n  } catch (e: any) {\n    errorMessage.value = 'Произошла ошибка при удалении раздела';\n    (e as AppError).noDialog = true;\n    throw e;\n  } finally {\n    isLoading.value = false;\n    removeSectionIndex.value = null;\n  }\n}\n\nfunction onTagToggle(tag: ITag) {\n  if (mode.value === 'normal') {\n    showRemoveTagDialog(tag.id);\n  } else {\n    const tagIndex = toggledTags.value.findIndex((item) => item.id === tag.id);\n    if (tagIndex !== -1) {\n      tag.isToggled = false;\n      toggledTags.value.splice(tagIndex, 1);\n    } else {\n      tag.isToggled = true;\n      toggledTags.value.push(tag);\n    }\n  }\n}\n\nfunction showRemoveTagDialog(id: number) {\n  isRemoveTagDialogShown.value = true;\n  removeTagIndex.value = id;\n}\n\nasync function onTagRemove() {\n  if (!removeTagIndex.value) return;\n  try {\n    isLoading.value = true;\n    if (props.id) {\n      await changeTags({\n        tags: [removeTagIndex.value],\n        type: 'remove',\n      });\n    } else {\n      await removeMembersTag(removeTagIndex.value);\n    }\n    await init();\n  } catch (e: any) {\n    errorMessage.value = 'Произошла ошибка при удалении тега';\n    (e as AppError).noDialog = true;\n    throw e;\n  } finally {\n    isLoading.value = false;\n    removeTagIndex.value = null;\n  }\n}\n\nfunction onSearchSubmit(query: string) {\n  filter.value = query;\n}\n\nasync function onTagChanged(tag: ITag) {\n  try {\n    await editMembersTag(tag);\n  } catch (e) {\n    (e as AppError).noDialog = true;\n    throw e;\n  }\n}\n</script>\n\n<template>\n  <section class=\"tags\">\n    <div class=\"tags__content\">\n      <div class=\"tags__controls\">\n        <div\n          v-if=\"options?.editable\"\n          class=\"tags__group primary tags__control\"\n          @click=\"isCreateTagDialogShown = true\"\n        >\n          <tag-icon class=\"icon\" />\n          <span class=\"tags__label\">Новый тэг</span>\n        </div>\n        <div\n          v-if=\"options?.editable\"\n          class=\"tags__group primary tags__control\"\n          @click=\"isCreateSectionDialogShown = true\"\n        >\n          <folder-icon class=\"icon\" />\n          <span class=\"tags__label\">Новый раздел</span>\n        </div>\n        <search-control v-if=\"search\" @search=\"onSearchSubmit\" />\n      </div>\n      <loader-control v-model=\"isLoading\" :error=\"errorMessage\" @retry=\"init\">\n        <div class=\"tags__sections\">\n          <section-shared\n            v-for=\"(section, index) in sections\"\n            :key=\"index\"\n            v-model=\"sections[index]\"\n            :options=\"options\"\n            @remove=\"onSectionRemoveClick(section.id)\"\n            @edit=\"onSectionEditClick(section.id)\"\n            @toggle=\"onTagToggle\"\n            @change=\"onTagChanged\"\n          />\n        </div>\n      </loader-control>\n    </div>\n    <dialog-control\n      v-slot=\"{ confirm, close }\"\n      v-model=\"isCreateTagDialogShown\"\n      :type=\"'custom'\"\n      @confirm=\"onTagCreateClick\"\n    >\n      <add-tag-dialog :sections=\"sections\" @confirm=\"confirm\" @close=\"close\" />\n    </dialog-control>\n    <dialog-control\n      v-slot=\"{ confirm, close }\"\n      v-model=\"isCreateSectionDialogShown\"\n      :type=\"'custom'\"\n      @confirm=\"onSectionCreateClick\"\n    >\n      <section-dialog :mode=\"'create'\" @confirm=\"confirm\" @close=\"close\" />\n    </dialog-control>\n    <dialog-control\n      v-slot=\"{ confirm, close }\"\n      v-model=\"isEditSectionDialogShown\"\n      :type=\"'custom'\"\n      @confirm=\"onSectionEdit\"\n      @close=\"currentEditingSectionId = undefined\"\n    >\n      <section-dialog\n        :mode=\"'edit'\"\n        :name=\"sections.find((section) => section.id === currentEditingSectionId)?.name\"\n        @confirm=\"confirm\"\n        @close=\"close\"\n      />\n    </dialog-control>\n    <dialog-control\n      v-model=\"isRemoveSectionDialogShown\"\n      :title=\"'Вы уверены, что хотите удалить раздел?'\"\n      @confirm=\"onSectionRemove\"\n      @close=\"removeSectionIndex = null\"\n    />\n    <dialog-control\n      v-if=\"mode === 'normal'\"\n      v-model=\"isRemoveTagDialogShown\"\n      :title=\"'Вы уверены, что хотите удалить тэг?'\"\n      @confirm=\"onTagRemove\"\n      @close=\"removeTagIndex = null\"\n    />\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.tags {\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n\n  &__group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  &__content,\n  &__sections {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n  }\n\n  &__controls {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n  }\n\n  &__control {\n    padding: 0 20px;\n    cursor: pointer;\n    user-select: none;\n    transition: 0.3s;\n\n    &:hover {\n      scale: 1.01;\n      text-decoration: underline;\n    }\n  }\n\n  &__label {\n    white-space: nowrap;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","isLikeLoading","ref","text","isEditing","activityImages","computed","file","isImageFile","activityFiles","title","description","getActivityDateString","formatDateTime","onDownload","id","filename","url","getDownloadLink","downloadFile","onLikeClick","onEditClick","onCancelEditClick","extraFieldIcon","CoinsIcon","StarIcon","CheckRoundIcon","RubleIcon","WarningIcon","getBorderClassName","ActivityBlockBorderType","isLoaded","isRemoveButtonShown","watch","onLoaded","socketStore","useSocketStore","isOnline","ContextButtons","isShown","onItemClick","e","onDotsClick","onClickOutside","getButtonText","button","getButtonIcon","EditIcon","BinIcon","ChainsIcon","isLoading","_useModel","onLoadmoreClick","limit","length","delta","count","getCommentsCountText","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","headersList","activityTemplate","invitationMemberTemplate","content","commonStore","useCommonStore","logo","project","domain","letter","template","contentStyleText","contentStyle","result","resultMessage","onFileUploaded","path","uploadFile","AppError","response","importUsers","importMembers","getUsersMessage","getMembersMessage","getErrorText","error","message","errorMessage","router","useRouter","membersStore","useMembersStore","currentPage","members","currentTotal","currentLimit","totalPages","storeToRefs","query","sorting","membersHeadCells","TableHeadCells","TableHeadCell","membersItems","TableItems","onMounted","init","watchEffect","fillMembers","fetchMembers","member","Routes","onSort","header","section","isContextShown","onToggle","tag","onRemoveClick","onTagChanged","index","defaultFilter","initialFilter","filter","genderSelectItems","Gender","gender","getGenderText","statusSelectItems","osSelectItems","OS","os","profileFilterCount","isFetchingMembers","isFetchingRate","currentTab","currentSearchTab","currentMembersPage","selectedMembersPage","total","deepCopy","onUnmounted","calculateCounter","currentMembers","page","from","currentNextMembers","getNextMembersMessage","currentPrevMembers","getPrevMembersMessage","currentSelectedMembers","selectedNextMembers","selectedPrevMembers","statuses","getStatuses","status","passed","useFetch","key","value","mapMembersResponse","_members","selectedMember","m","name","onSelectedTagToggle","onResetClick","onSelectedMemberToggle","_member","onAddFoundMembersClick","onTabChange","useFilter","mapMembers","getMembers","onApplyClick","onDestroy","onCancelClick","onCurrentMembersNextPageClick","onCurrentMembersPrevPageClick","onSelectedMembersNextPageClick","onSelectedMembersPrevPageClick","onSearchTabChange","_","percent","topText","bottomText","serviceStore","useServiceStore","rSide","useId","toggle","isEnabled","isButtonVisible","onTagToggle","onTagWrapperClick","onMouseLeave","onTagChange","oldValue","newValue","emit","tagName","selectedSectionId","warning","sectionsSelectItems","onAddClick","sectionName","isWarningShown","onConfirmClick","toggledTags","_sections","isCreateTagDialogShown","isCreateSectionDialogShown","isEditSectionDialogShown","isRemoveSectionDialogShown","isRemoveTagDialogShown","currentEditingSectionId","removeTagIndex","removeSectionIndex","toggledTag","setToggledTags","mode","sections","found","tags","getMember","getMembersSections","onTagCreateClick","sectionId","addMembersTag","onSectionCreateClick","addSection","onSectionEditClick","onSectionEdit","editSection","onSectionRemoveClick","onSectionRemove","removeSection","showRemoveTagDialog","tagIndex","item","onTagRemove","changeTags","removeMembersTag","onSearchSubmit","editMembersTag"],"mappings":"2yFAgEA,MAAMA,EAAQC,EASRC,EAAQC,EAERC,EAAgBC,EAAa,EAAK,EAElCC,EAAOD,EAAYL,EAAM,KAAK,WAAW,EAEzCO,EAAYF,EAAa,EAAK,EAE9BG,EAAiBC,EAAS,IAAM,CACpC,GAAKT,EAAM,KAAK,OAAO,OACvB,OAAOA,EAAM,KAAK,MAAM,OAAQU,GAASC,GAAYD,EAAK,GAAG,CAAC,EAAE,IAAKA,GAASA,EAAK,GAAG,CAAA,CACvF,EAEKE,EAAgBH,EAA8B,IAAM,CACxD,GAAKT,EAAM,KAAK,OAAO,OAChB,OAAAA,EAAM,KAAK,MAAM,OAAQU,GAAS,CAACC,GAAYD,EAAK,GAAG,CAAC,CAAA,CAChE,EACKG,EAAQJ,EAAiB,IACtBT,EAAM,KAAK,QAAUA,EAAM,aAAe,qBAAuB,GACzE,EAEKc,EAAcL,EAAiB,IAC5BT,EAAM,KAAK,cAAgBA,EAAM,aAAe,qBAAuB,GAC/E,EAED,SAASe,GAAgC,CACvC,OAAOC,GAAehB,EAAM,KAAK,QAAS,MAAM,CAAA,CAGlD,eAAeiB,EAAWC,EAAU,CAC5B,MAAAC,EAAWnB,EAAM,KAAK,OAAO,KAAMU,GAASA,EAAK,KAAOQ,CAAE,GAAG,KAC7DE,EAAMC,GAAgBH,CAAE,EACzBE,GACC,MAAAE,GAAaF,EAAKD,CAAQ,CAAA,CAGlC,eAAeI,GAAc,CAC3B,GAAIvB,EAAM,OACJ,GAAA,CACFI,EAAc,MAAQ,GACtB,MAAMJ,EAAM,OAAO,CAAA,QACnB,CACAI,EAAc,MAAQ,EAAA,CAE1B,CAGF,SAASoB,GAAc,CACXjB,EAAA,MAAQ,CAACA,EAAU,MAExBA,EAAU,OACPL,EAAA,OAAQI,EAAK,KAAK,CAC1B,CAGF,SAASmB,GAAoB,CAC3BlB,EAAU,MAAQ,GACbD,EAAA,MAAQN,EAAM,KAAK,WAAA,40DCtH1B,MAAMA,EAAQC,EAERyB,EAAiBjB,EAAS,IAAc,CACxC,GAAAT,EAAM,KAAK,KACT,OAAAA,EAAM,KAAK,OAAS,QACf2B,GACE3B,EAAM,KAAK,OAAS,SACtB4B,GAEAC,GAGD,OAAA7B,EAAM,KAAK,KAAM,CACvB,IAAK,QACI,OAAA8B,GACT,IAAK,UACI,OAAAC,GACT,IAAK,OACI,OAAAH,GACT,QACS,OAAAC,EAAA,CAEb,CACD,8gBCRD,MAAM7B,EAAQC,EAKd,SAAS+B,GAA6B,CAChC,GAAA,CAAChC,EAAM,OAAe,MAAA,GAClB,OAAAA,EAAM,OAAO,KAAM,CACzB,KAAKiC,GAAwB,KACpB,MAAA,QACT,KAAKA,GAAwB,OACpB,MAAA,SACT,KAAKA,GAAwB,OACpB,MAAA,UACT,QACS,MAAA,EAAA,CACX,ggCClBF,MAAMjC,EAAQC,EAQRiC,EAAW7B,EAAa,EAAK,EAE7B8B,EAAsB9B,EAAa,EAAK,EAE9C+B,GACE,IAAMpC,EAAM,IACZ,IAAM,CACJkC,EAAS,MAAQ,EAAA,CAErB,EAEA,SAASG,GAAW,CAClBH,EAAS,MAAQ,EAAA,yxBClCnB,MAAMlC,EAAQC,EAERqC,EAAcC,GAAe,EAE7BC,EAAW/B,EAAkB,IAC5BT,EAAM,GACJsC,EAAY,YAAY,SAAStC,EAAM,EAAE,EAD1B,EAEvB,oOCPD,MAAMA,EAAQC,oQCXF,IAAAwC,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,KAAO,OAHGA,IAAAA,GAAA,CAAA,CAAA,uNC0BZ,MAAMvC,EAAQC,EAERuC,EAAUrC,EAAa,EAAK,EAE5Ba,EAAK,KAAK,IAAI,EAEpB,SAASyB,EAAYC,EAAyB,CAC5C1C,EAAM,QAAS0C,CAAC,EAChBF,EAAQ,MAAQ,EAAA,CAGlB,SAASG,EAAYD,EAAe,CAClCA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACTF,EAAA,MAAQ,CAACA,EAAQ,KAAA,CAG3B,SAASI,EAAeF,EAAgB,EACjCA,GAAG,QAAuB,GAAG,WAAW,UAAU,IACvDF,EAAQ,MAAQ,GAAA,CAGlB,SAASK,EAAcC,EAAgC,CACrD,OAAQA,EAAQ,CACd,KAAKP,EAAe,KACX,MAAA,gBACT,KAAKA,EAAe,OACX,MAAA,UACT,KAAKA,EAAe,KACX,MAAA,mBAAA,CACX,CAGF,SAASQ,EAAcD,EAAgC,CACrD,OAAQA,EAAQ,CACd,KAAKP,EAAe,KACX,OAAAS,GACT,KAAKT,EAAe,OACX,OAAAU,GACT,KAAKV,EAAe,KACX,OAAAW,GACT,QACS,MAAA,EAAA,CACX,+0BCtDF,MAAMpD,EAAQC,EAIRoD,EAAYC,EAAoBrD,EAAA,YAAoC,EAE1E,SAASsD,GAAkB,CAAA,CAErB,MAAAjD,EAAOG,EAAiB,IAAM,CAC9B,GAAAT,EAAM,KAAM,OAAOA,EAAM,KACzB,GAAA,CAACA,EAAM,KAAa,MAAA,GAClB,MAAAwD,EAAQxD,EAAM,KAAK,MACnByD,EAASzD,EAAM,KAAK,OAEpB0D,EADQ1D,EAAM,KAAK,MACHyD,EAChBE,EAAQD,EAAQF,EAAQA,EAAQE,EAC/B,MAAA,OAAOE,GAAqBD,CAAK,CAAC,MAAA,CAC1C,iSC7BC,SAAAE,GAAAC,EAAAC,EAAA,CAHF,OAAAC,EAAA,EAAAC,EAAA,MAAAC,GAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,6llBCOA,MAAM/D,EAAQC,EAERkE,EAAc,6BAA6B,MAAM,EAAE,EAAE,MAAM,EAAGnE,EAAM,KAAK,CAAC,EAAE,MAAM,0WCTzEoE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}