{"version":3,"file":"CoursesItemLanding.ff37a724.js","sources":["../../src/modules/Courses/components/CoursesFlow/CoursesFlowButton.vue","../../src/modules/Courses/components/CoursesItemLanding/CoursesItemLandingHeader.vue","../../src/modules/Shared/hooks/useSmoothAnchor.ts","../../src/modules/Courses/components/CoursesItemProgram/CoursesItemProgramStage.vue","../../src/modules/Courses/components/CoursesItemProgram/CoursesItemProgramLesson.vue","../../src/modules/Courses/components/CoursesItemProgram/CoursesItemProgramTopic.vue","../../src/modules/Courses/components/CoursesItemProgram/CoursesItemProgramModule.vue","../../src/modules/Courses/components/CoursesItemProgram/CoursesItemProgram.vue","../../src/modules/Courses/components/CoursesItemProgramCompact/CoursesItemProgramCompactStage.vue","../../src/modules/Courses/components/CoursesItemProgramCompact/CoursesItemProgramCompactLesson.vue","../../src/modules/Courses/components/CoursesItemProgramCompact/CoursesItemProgramCompact.vue","../../src/modules/Courses/components/CoursesItemLanding/CoursesItemLandingAuthors/CoursesItemLandingAuthorsItem.vue","../../src/modules/Courses/components/CoursesItemLanding/CoursesItemLandingAuthors/CoursesItemLandingAuthors.vue","../../src/modules/Courses/components/CoursesItemLanding/CoursesItemLanding.vue","../../src/modules/Courses/controllers/CourseItemLanding/CoursesItemCurrentStatesController.ts","../../src/modules/Courses/controllers/CourseItemLanding/CoursesItemLandingController.ts","../../src/modules/Courses/pages/CoursesItemLanding.vue"],"sourcesContent":["<template lang=\"pug\">\n.coursesFlowButtonComponent\n  template(v-if=\"courseState.isPermitted\")\n\n    template(v-if=\"!courseState.flow.isNotStarted\")\n      template(v-if=\"courseState.isCompleted\")\n        ui-button(\n          @click=\"onResultButtonClick\"\n          color=\"secondary\"\n          :outlined=\"true\"\n        ) Результаты\n      template(v-else)\n        ui-button(@click=\"onContinueButtonClick\") {{ courseState.isNew ? 'Начать обучение' : 'Продолжить обучение' }}\n          \n    template(v-else)\n      template(v-if=\"courseState.flow.dateFrom\")\n        ui-badge(color=\"background2\" size=\"s\") Поток начнет обучение {{courseState.flow.dateFrom?.format('DD MMMM YYYY')}}\n    \n  template(v-else)\n\n    template(v-if=\"courseState.accessPending\")\n      ui-badge Заявка на согласовании\n    template(v-else-if=\"courseState.accessApproved\")\n      ui-badge Заявка согласована\n    template(v-else-if=\"courseState.accessPaymentProcessing\")\n      ui-badge Обработка платежа\n    template(v-else-if=\"courseState.accessNoPayment\")\n      a(:href=\"courseState.payLink\")\n        ui-button Купить доступ\n</template>\n\n<script lang=\"ts\" setup>\n// import store from '@/store'\nimport type CourseStateStudent from '@courses/models/CourseStateStudent'\nimport { useRouter } from 'vue-router'\n\ninterface Props {\n  courseState: CourseStateStudent\n}\n\nconst props = defineProps<Props>()\n\nconst router = useRouter()\n\nconst onContinueButtonClick = () => {\n  const stageId = props.courseState.currentStageId\n  // if (stageId)\n  router.push({\n    name: 'CoursesItemStage',\n    params: {\n      courseId: props.courseState.course.id,\n      courseStateId: props.courseState.id,\n      stageId: stageId ?? 0\n    },\n    force: true\n  })\n  // else store.ui.notices.newWarning('Отсутствуют доступные этапы', 'Обратитесь к администратору')\n}\n\nconst onResultButtonClick = () => {\n  router.replace({\n    name: 'CoursesItemResult',\n    params: {\n      courseId: props.courseState.course.id,\n      courseStateId: props.courseState.id\n    },\n    force: true\n  })\n}\n</script>\n","<template lang=\"pug\">\n.coursesItemLandingHeaderComponent(\n  v-if=\"course\"\n  :class=\"headerClasses\"\n)\n  .category {{ course.profile?.nameFormatted }}\n  .title {{ course.title }}\n\n  .dates(v-if=\"state && !state.accessNone\") {{ state.flow.name }}: {{ state.flow.datesFormatted }}\n  .dates(v-else-if=\"course.hasOneFlow\") {{ course.flows[0].name }}: {{ course.flows[0].datesFormatted }}\n\n  .description {{ course.descriptionShort }}\n    appeal-info.appeals(\n      v-if=\"appealsBlockFlow && appealsBlockFlow.appeal\"\n      :request-dates-text=\"appealsBlockFlow.appeal.requestDatesFormatted\"\n      :dates-text=\"appealsBlockFlow.appeal.datesFormatted\"\n    )\n\n  .buttons(v-if=\"course.showForum || stateController.data?.showAnnouncing\")\n    ui-button(\n      v-if=\"course.showForum\"\n      :color=\"course.profile?.code\"\n      icon=\"forum\"\n      @click=\"onForumButtonClick\"\n    ) Форум\n    ui-button(\n      v-if=\"stateController.data?.showAnnouncing\"\n      :color=\"course.profile?.code\"\n      icon=\"announcing\"\n      @click=\"onAnnouncingButtonClick\"\n    ) Объявления\n\n  //- pre canSignup: {{controller.canSignup.value}}\n  //- pre !state: {{!state}}\n  //- pre accessNone: {{!!state?.accessNone}}\n  //- pre isCompleted: {{!!state?.isCompleted}}\n  //- pre personalDataRequired {{ course.personalDataRequired }}\n  //- pre isAuthenticated {{ isAuthenticated }}\n  //- pre {{ store.user.profile.data.value?.alertPersonalData ? 'Не Все данные в профиле заполнены' : 'все данные в профиле заполнены' }}\n\n  .flows\n    template(v-if=\"isSignupFlowsShown\")\n      template(v-if=\"signupFlowsOptions.length\")\n        .title Выберите даты обучения:\n        ui-radio-select.select(\n          v-model=\"selectedFlow\"\n          :options=\"signupFlowsOptions\"\n          :allow-empty=\"true\"\n          :is-disabled=\"!isAuthenticated\"\n        )\n    template(v-else)\n      template(v-if=\"!controller.state.value?.isPermitted\")\n        template(v-if=\"controller.canSignup.value && !signupFlowsOptions.length\")\n          ui-alert(message=\"Нет потоков для записи\")\n\n  .actions(id=\"course-actions\")\n    template(v-if=\"!isAuthenticated\")\n      ui-button(@click=\"onLoginButtonClick\") Авторизоваться\n\n    template(v-else)\n      template(v-if=\"isSignupFlowsShown\")\n        template(v-if=\"course.personalDataRequired && alertPersonalData\")\n          ui-button(\n            v-if=\"isAuthenticated\"\n            :is-disabled=\"!selectedFlow\"\n            @click=\"store.ui.notices.newWarning('Внимание!','Необходимо заполнить все обязательные поля профиля')\"\n          ) Записаться на курс\n        template(v-else)\n          ui-button(\n            v-if=\"isAuthenticated\"\n            :is-disabled=\"!selectedFlow\"\n            @click=\"onSignUpClick\"\n          ) Записаться на курс\n\n      template(v-if=\"state\")\n        courses-flow-button(:course-state=\"state\")\n\n  .cover\n    courses-item-cover(\n      :image-url=\"course.coverUrl\"\n      :color=\"course.profile?.code\"\n    )\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, toRefs } from 'vue'\nimport { useRouter } from 'vue-router'\nimport store from '@/store'\nimport CoursesItemCover from '@courses/components/CoursesItemCover/CoursesItemCover.vue'\nimport CoursesFlowButton from '@courses/components/CoursesFlow/CoursesFlowButton.vue'\nimport type CoursesItemLandingController from '@courses/controllers/CourseItemLanding/CoursesItemLandingController'\nimport AppealInfo from '@appeals/components/AppealInfo.vue'\n\n// Props\ninterface Props {\n  controller: ReturnType<typeof CoursesItemLandingController>\n}\n\nconst props = defineProps<Props>()\n\nconst isAuthenticated = computed(() => store.user.isAuthenticated.value)\n\nconst { course, state, isSignupFlowsShown, signupFlowsOptions, stateController } = toRefs(\n  reactive(props.controller)\n)\n\nconst headerClasses = computed(() =>\n  course.value?.profile?.code ? `_${course.value?.profile.code}` : ''\n)\n\nconst router = useRouter()\n\nconst onLoginButtonClick = () => {\n  router.push({\n    name: 'Login'\n  })\n}\n\nconst selectedFlow = ref<number>(0)\n\nconst onSignUpClick = () => {\n  if (!selectedFlow.value) return\n  props.controller.onSignupHandler(selectedFlow.value)\n}\n\n// Appeals block.\nconst appealsBlockFlow = computed(() => {\n  if (props.controller.state.value?.flow.appeal) return props.controller.state.value?.flow\n  if (!course.value) return null\n  return course.value.hasOneFlow\n    ? course.value.flows[0]\n    : selectedFlow.value\n    ? course.value.flows.find(o => o.id === selectedFlow.value)\n    : course.value.flows.find(o => o.id === state.value?.flow.id)\n})\n\nconst onForumButtonClick = () => course.value?.goToForum()\n\nconst onAnnouncingButtonClick = () => stateController.value.data?.goToAnnouncing()\n\nconst alertPersonalData = computed(() => store.user.profile.data.value?.alertPersonalData)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemLandingHeaderComponent\n  display: grid\n  grid-template-columns: repeat(2, 1fr)\n  grid-gap: 0 9*$u\n  grid-template-areas: \"category cover\" \"title cover\" \"dates cover\" \"description cover\" \"buttons cover\" \"flows cover\" \"actions cover\" \"space cover\"\n  grid-auto-rows: min-content\n\n  > .category\n    @include font(h4)\n    color: $colorPrimary\n    margin-bottom: 6*$u\n    grid-area: category\n\n  > .title\n    @include font(h1)\n    color: $colorPrimary\n    margin-bottom: 4*$u\n    grid-area: title\n\n  > .dates\n    @include font(t16-demibold)\n    text-transform: uppercase\n    color: $colorPrimary\n    margin-bottom: 6*$u\n    grid-area: dates\n\n  > .description\n    @include font(t16)\n    margin-bottom: 11*$u\n    grid-area: description\n\n    > .appeals\n      margin-top: 9*$u\n  > .buttons\n    grid-area: buttons\n    display: grid\n    grid-auto-flow: column\n    justify-content: start\n    grid-gap: 5*$u\n    margin-bottom: 5*$u\n\n  > .flows\n    grid-area: flows\n    margin-bottom: 3*$u\n    > .title\n      @include font(h4)\n      color: $colorPrimary\n      margin-bottom: 3*$u\n\n  > .actions\n    grid-area: actions\n    display: flex\n    flex-flow: row wrap\n    align-items: center\n    margin: 2*$u -2*$u\n    > *\n      margin: 2*$u\n\n  > .cover\n    grid-area: cover\n\n  &._course1 > .category\n      color: $colorCourse1\n  &._course2 > .category\n      color: $colorCourse2\n  &._course3 > .category\n      color: $colorCourse3\n  &._course4 > .category\n      color: $colorCourse4\n  &._course5 > .category\n      color: $colorCourse5\n\n  @media screen and (max-width: $screenSizeS)\n    grid-template-columns: 1fr\n    grid-template-areas: \"category\" \"title\" \"cover\" \"dates\" \"description\" \"buttons\" \"flows\" \"actions\"\n\n    > .category\n      @include font(t14)\n      margin-bottom: 3*$u\n\n    > .title\n      margin-bottom: 6*$u\n\n    > .dates\n      margin-bottom: 3*$u\n\n    > .description\n      margin-bottom: 7*$u\n\n    > .cover\n      margin-bottom: 12*$u\n</style>\n","export const useSmoothAnchor = (id: string) => {\n  document.getElementById(id)?.scrollIntoView({\n    behavior: 'smooth',\n    block: 'start'\n  })\n}\n","<template lang=\"pug\">\n.coursesItemProgramStageComponent(:class=\"{_invariant: !!isInvariant}\")\n  .title(\n    :class=\"titleClasses\"\n    @click=\"onClick\"\n  ) {{ item.titleFull }}\n</template>\n<script lang=\"ts\" setup>\nimport type CourseStage from '@courses/models/CourseStage'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { useRouter } from 'vue-router'\nimport { computed } from 'vue'\n\ninterface Props {\n  item: CourseStage\n  controller: ReturnType<typeof CoursesItemStateController>\n  isInvariant?: boolean\n}\nconst props = defineProps<Props>()\n\nconst router = useRouter()\n\nconst titleClasses = computed(() => ({ _link: stageRoute.value }))\n\nconst stageRoute = computed(() => props.controller.data?.value?.stageRoute(props.item.id))\n\nconst onClick = () => {\n  if (stageRoute.value) router.push(stageRoute.value)\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramStageComponent\n  > .title\n    @include font(t16)\n    display: inline-block\n\n    &._link\n      cursor: pointer\n      color: $colorPrimary\n\n      &:hover\n        text-decoration: underline\n\n  &._invariant\n    > .title._link\n      color: $colorInvariant\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramLessonComponent(:class=\"{_invariant: !!isInvariant}\")\n  .title {{ item.titleFull }}\n  .stages\n    courses-item-program-stage.stage(\n      v-for=\"(stage, index) in filteredStages\"\n      :key=\"index\"\n      :item=\"stage\"\n      :controller=\"controller\"\n      :is-invariant=\"!!isInvariant\"\n    )\n</template>\n<script lang=\"ts\" setup>\nimport type CourseLesson from '@courses/models/CourseLesson'\nimport CoursesItemProgramStage from './CoursesItemProgramStage.vue'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { computed } from 'vue'\n\ninterface Props {\n  item: CourseLesson\n  controller: ReturnType<typeof CoursesItemStateController>\n  isInvariant?: boolean\n}\nconst props = defineProps<Props>()\n\nconst visibleStructure = computed(() => props.controller.data.value?.visibleStructure)\n\nconst filteredStages = computed(() =>\n  visibleStructure.value\n    ? props.item.stages.filter(stage => visibleStructure.value?.stages.includes(+stage.id))\n    : props.item.stages\n)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramLessonComponent\n  > .title\n    @include font(h4)\n    color: $colorGray2\n    position: relative\n    padding-left: 10*$u\n    margin-bottom: 1*$u\n\n    &::before\n      content: ''\n      width: 5*$u\n      height: 5*$u\n      background-color: $colorPrimary\n      border-radius: 50%\n      position: absolute\n      left: 0\n      top: 50%\n      transform: translateY(-50%)\n\n  > .stages\n    padding: 2*$u 0 4*$u 25*$u\n    position: relative\n\n    > .stage\n      &:not(:last-child)\n        margin-bottom: 4*$u\n\n  &:not(:last-child)\n    > .stages\n      &::before\n        content: ''\n        width: 1*$u\n        height: 100%\n        background-color: $colorPrimary\n        position: absolute\n        left: 2*$u\n        top: 0\n\n  &._invariant\n    > .title::before\n      background-color: $colorInvariant\n    > .stages::before\n      background-color: $colorInvariant\n\n  @media (max-width: $screenSizeS)\n    > .stages\n      padding-left: 10*$u\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramTopicComponent(:class=\"{_invariant: !!isInvariant}\")\n  .title {{ item.titleFull }}\n  .lessons\n    courses-item-program-lesson.lesson(\n      v-for=\"(lesson, index) in filteredLessons\"\n      :key=\"index\"\n      :item=\"lesson\"\n      :controller=\"controller\"\n      :is-invariant=\"!!isInvariant\"\n    )\n</template>\n<script lang=\"ts\" setup>\nimport type CourseTopic from '@courses/models/CourseTopic'\nimport CoursesItemProgramLesson from './CoursesItemProgramLesson.vue'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { computed } from 'vue'\n\ninterface Props {\n  item: CourseTopic\n  controller: ReturnType<typeof CoursesItemStateController>\n  isInvariant?: boolean\n}\nconst props = defineProps<Props>()\n\nconst visibleStructure = computed(() => props.controller.data.value?.visibleStructure)\n\nconst filteredLessons = computed(() =>\n  visibleStructure.value\n    ? props.item.lessons.filter(lesson => visibleStructure.value?.lessons.includes(+lesson.id))\n    : props.item.lessons\n)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramTopicComponent\n  > .title\n    @include font(h4)\n    color: $colorPrimary\n    margin-bottom: 7*$u\n\n  > .lessons\n    > .lesson\n      &:not(:last-child)\n        margin-bottom: 1*$u\n\n  &._invariant\n    > .title\n      color: $colorInvariant\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramModuleComponent(:class=\"[moduleClasses, invariantClasses]\")\n  .header(@click=\"onHeaderClick\")\n    .top\n      .title {{ item.titleFull }}\n      ui-badge.badge(color=\"background\") {{lessonBadgeText}}\n      .collapse\n        ui-svg-icon(name=\"accordion-arrow\")\n    .info(v-if=\"showInfo\")\n      .section(v-if=\"item.stagesCountLecture\")\n        .icon\n          ui-svg-icon(name=\"lectures\")\n        .text {{ stagesCountLectureText }}\n      .section(v-if=\"item.stagesCountTest\")\n        .icon\n          ui-svg-icon(name=\"tests\")\n        .text {{ stagesCountTestText }}\n  slide-up-down(\n    v-model=\"isOpened\"\n    :duration=\"200\"\n  )\n    .content\n      courses-item-program-topic.topic(\n        v-for=\"(topic, index) in filteredTopics\"\n        :key=\"index\"\n        :item=\"topic\"\n        :controller=\"controller\",\n        :class=\"invariantClasses\"\n        :is-invariant=\"item.isInvariant\"\n      )\n</template>\n<script lang=\"ts\" setup>\nimport type CourseModule from '@courses/models/CourseModule'\nimport CoursesItemProgramTopic from './CoursesItemProgramTopic.vue'\nimport useFlag from '@core/hooks/useFlag'\nimport SlideUpDown from 'vue3-slide-up-down'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { computed } from 'vue'\nimport pluralize from '@core/helpers/pluralize'\n\ninterface Props {\n  item: CourseModule\n  controller: ReturnType<typeof CoursesItemStateController>\n}\nconst props = defineProps<Props>()\n\nconst visibleStructure = computed(() => props.controller.data.value?.visibleStructure)\n\nconst filteredTopics = computed(() =>\n  visibleStructure.value\n    ? props.item.topics.filter(topic => visibleStructure.value?.topics.includes(+topic.id))\n    : props.item.topics\n)\n\n// Collapse Logic.\nconst { flag: isOpened, cssClass: openedClass, toggle } = useFlag('_opened')\n\nconst onHeaderClick = () => toggle()\n\nconst moduleClasses = openedClass\nconst invariantClasses = computed(() => ({ _invariant: props.item.isInvariant }))\n\nconst stagesCountLectureText = computed(() => {\n  return `${props.item.stagesCountLecture} ${pluralize(\n    props.item.stagesCountLecture,\n    'лекция',\n    'лекции',\n    'лекций'\n  )}`\n})\n\nconst stagesCountTestText = computed(() => {\n  return `${props.item.stagesCountTest} ${pluralize(\n    props.item.stagesCountTest,\n    'аттестационная работа',\n    'аттестационные работы',\n    'аттестационных работ'\n  )}`\n})\n\nconst lessonBadgeText = computed(() =>\n  props.item.hasOnlyOnlineStages\n    ? 'Онлайн'\n    : props.item.hasOnlyOfflineStages\n    ? 'Очный'\n    : 'Смешанный'\n)\n\nconst showInfo = computed(() => props.item.stagesCountLecture || props.item.stagesCountTest)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramModuleComponent\n  border-radius: $brM\n\n  > .header\n    padding: 4*$u 6*$u\n    background-color: $colorPrimary\n    color: $colorWhite\n    border-radius: $brM\n    position: relative\n    cursor: pointer\n    transition: $appAnimationSpeed\n    display: grid\n    grid-gap: 4*$u\n\n    > .top\n      margin-bottom: 4*$u\n      display: grid\n      grid-template-areas: \"title badge collapse\"\n      grid-template-columns: 1fr auto auto\n      gap: 5*$u\n\n      > .title\n        grid-area: title\n        @include font(h4)\n\n      > .badge\n        grid-area: badge\n      > .collapse\n        grid-area: collapse\n        width: 5*$u\n        height: 5*$u\n        margin-top: 2*$u\n        transition: $appAnimationSpeed\n\n    > .info\n      display: flex\n      align-items: center\n      flex-wrap: wrap\n      margin: - 1*$u -7*$u\n\n      > .section\n        display: flex\n        align-items: center\n        margin: 1*$u 7*$u\n\n        > .icon\n          width: 9*$u\n          height: 9*$u\n          flex: 0 0 9*$u\n          margin-right: 2*$u\n\n        > .text\n          @include font(t16-demibold)\n          text-transform: uppercase\n\n  .content\n    background-color: $colorWhite\n    padding: 8*$u 15*$u\n    border-radius: 0 0 $brM $brM\n\n    > .topic\n      &:not(:last-child)\n        margin-bottom: 9*$u\n\n  &._opened\n    > .header\n      border-radius: $brM $brM 0 0\n\n      > .top\n        > .collapse\n          transform: rotate(-90deg)\n\n  &._invariant\n    > .header\n      background-color: $colorInvariant\n\n  @media screen and (max-width: $screenSizeM)\n    > .header\n      > .info\n        margin: -1*$u -3*$u\n        > .section\n          margin: 1*$u 3*$u\n\n          > .text\n            @include font(t14)\n\n  @media screen and (max-width: $screenSizeS)\n    > .header\n      > .top\n        > .title\n          @include font(t16-demibold)\n\n      > .top\n        > .title\n          @include font(t16-demibold)\n\n      > .info\n        > .section\n          > .text\n            @include font(t12)\n\n    .content\n      padding: 5*$u\n\n  @media screen and (max-width: $screenSizeXS)\n    > .header\n      padding: 5*$u\n      > .top\n        grid-template-areas: \"badge collapse\" \"title title\"\n        gap: 3*$u\n\n    .content\n      padding: 5*$u\n\n  @media screen and (max-width: $screenSizeXS)\n    > .header\n      padding: 5*$u\n      > .top\n        grid-template-areas: \"badge collapse\" \"title title\"\n        gap: 3*$u\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramComponent(v-if=\"structure\")\n  courses-item-program-module.module(\n    v-for=\"(item, index) in filteredModules\"\n    :key=\"index\"\n    :item=\"item\"\n    :controller=\"controller\"\n  )\n</template>\n<script lang=\"ts\" setup>\nimport type CourseModule from '@courses/models/CourseModule'\nimport CoursesItemProgramModule from './CoursesItemProgramModule.vue'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { computed } from 'vue'\n\ninterface Props {\n  structure: CourseModule[]\n  controller: ReturnType<typeof CoursesItemStateController>\n}\nconst props = defineProps<Props>()\n\nconst visibleStructure = computed(() => props.controller.data.value?.visibleStructure)\n\nconst filteredModules = computed(() =>\n  visibleStructure.value\n    ? props.structure.filter(module => visibleStructure.value?.modules.includes(+module.id))\n    : props.structure\n)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramComponent\n  > .module\n    &:not(:last-child)\n      margin-bottom: 8*$u\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramCompactStageComponent(:class=\"{_invariant: !!isInvariant}\")\n  .title(\n    :class=\"titleClasses\"\n    @click=\"onClick\"\n  ) {{ item.titleFull}}\n</template>\n\n<script lang=\"ts\" setup>\nimport type CourseStage from '@courses/models/CourseStage'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { computed } from 'vue'\nimport { useRouter } from 'vue-router'\n\ninterface Props {\n  item: CourseStage\n  controller: ReturnType<typeof CoursesItemStateController>\n  isInvariant?: boolean\n}\nconst props = defineProps<Props>()\n\nconst router = useRouter()\n\nconst titleClasses = computed(() => ({ _link: stageRoute.value }))\n\nconst stageRoute = computed(() => props.controller.data?.value?.stageRoute(props.item.id) ?? null)\n\nconst onClick = () => {\n  if (stageRoute.value) router.push(stageRoute.value)\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramCompactStageComponent\n  > .title\n    @include font(t16-demibold)\n    display: inline-block\n\n    &._link\n      cursor: pointer\n      color: $colorPrimary\n\n      &:hover\n        text-decoration: underline\n\n  &._invariant\n    > .title._link\n      color: $colorInvariant\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramCompactLessonComponent(:class=\"[lessonClasses, invariantClasses]\")\n  .header(@click=\"onHeaderClick\")\n    .top\n      .title {{ item.titleFull }}\n      ui-badge.badge(color=\"background\") {{lessonBadgeText}}\n      .collapse\n        ui-svg-icon(name=\"accordion-arrow\")\n    .info(v-if=\"showInfo\")\n      .section(v-if=\"item.stagesCountLecture\")\n        .icon\n          ui-svg-icon(name=\"lectures\")\n        .text {{ stagesCountLectureText }}\n      .section(v-if=\"item.stagesCountTest\")\n        .icon\n          ui-svg-icon(name=\"tests\")\n        .text {{ stagesCountTestText }}\n  slide-up-down(\n    v-model=\"isOpened\"\n    :duration=\"200\"\n  )\n    .content\n      courses-item-program-compact-stage.stage(\n        v-for=\"(topic, index) in filteredStages\"\n        :key=\"index\"\n        :item=\"topic\"\n        :controller=\"controller\"\n        :is-invariant=\"item.isInvariant\"\n      )\n</template>\n<script lang=\"ts\" setup>\nimport type CourseLesson from '@courses/models/CourseLesson'\nimport CoursesItemProgramCompactStage from './CoursesItemProgramCompactStage.vue'\nimport useFlag from '@core/hooks/useFlag'\nimport SlideUpDown from 'vue3-slide-up-down'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport pluralize from '@core/helpers/pluralize'\nimport { computed } from 'vue'\n\ninterface Props {\n  item: CourseLesson\n  controller: ReturnType<typeof CoursesItemStateController>\n}\nconst props = defineProps<Props>()\n\nconst visibleStructure = computed(() => props.controller.data.value?.visibleStructure)\n\nconst filteredStages = computed(() =>\n  visibleStructure.value\n    ? props.item.stages.filter(stage => visibleStructure.value?.stages.includes(+stage.id))\n    : props.item.stages\n)\n\n// Collapse Logic.\nconst { flag: isOpened, cssClass: openedClass, toggle } = useFlag('_opened')\n\nconst onHeaderClick = () => toggle()\n\nconst lessonClasses = openedClass\nconst invariantClasses = computed(() => ({ _invariant: props.item.isInvariant }))\n\nconst stagesCountLectureText = computed(() => {\n  return `${props.item.stagesCountLecture} ${pluralize(\n    props.item.stagesCountLecture,\n    'лекция',\n    'лекции',\n    'лекций'\n  )}`\n})\n\nconst stagesCountTestText = computed(() => {\n  return `${props.item.stagesCountTest} ${pluralize(\n    props.item.stagesCountTest,\n    'аттестационная работа',\n    'аттестационные работы',\n    'аттестационных работ'\n  )}`\n})\n\nconst lessonBadgeText = computed(() =>\n  props.item.hasOnlyOnlineStages\n    ? 'Онлайн'\n    : props.item.hasOnlyOfflineStages\n    ? 'Очный'\n    : 'Смешанный'\n)\n\nconst showInfo = computed(() => props.item.stagesCountLecture || props.item.stagesCountTest)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramCompactLessonComponent\n  border-radius: $brM\n\n  > .header\n    padding: 4*$u 6*$u\n    background-color: $colorPrimary\n    color: $colorWhite\n    border-radius: $brM\n    position: relative\n    cursor: pointer\n    transition: $appAnimationSpeed\n    display: grid\n    grid-gap: 4*$u\n\n    > .top\n      display: grid\n      grid-template-areas: \"title badge collapse\"\n      grid-template-columns: 1fr auto auto\n      align-items: center\n      gap: 5*$u\n\n      > .title\n        grid-area: title\n        @include font(h4)\n\n      > .badge\n        grid-area: badge\n\n      > .collapse\n        grid-area: collapse\n        width: 5*$u\n        height: 5*$u\n        transition: $appAnimationSpeed\n\n    > .info\n      display: flex\n      align-items: center\n      flex-wrap: wrap\n      margin: - 1*$u -7*$u\n\n      > .section\n        display: flex\n        align-items: center\n        margin: 1*$u 7*$u\n\n        > .icon\n          width: 9*$u\n          height: 9*$u\n          flex: 0 0 9*$u\n          margin-right: 2*$u\n\n        > .text\n          @include font(t16-demibold)\n          text-transform: uppercase\n\n  .content\n    background-color: $colorWhite\n    padding: 6*$u 8*$u\n    border-radius: 0 0 $brM $brM\n\n    > .stage\n      &:not(:last-child)\n        margin-bottom: 4*$u\n\n  &._opened\n    > .header\n      border-radius: $brM $brM 0 0\n\n      > .top\n        > .collapse\n          transform: rotate(-90deg)\n\n  &._invariant\n    > .header\n      background-color: $colorInvariant\n\n  @media screen and (max-width: $screenSizeM)\n    > .header\n      > .top\n        > .title\n          @include font(t16-demibold)\n\n      > .info\n        margin: -1*$u -3*$u\n\n        > .section\n          margin: 1*$u 3*$u\n\n          > .text\n            @include font(t14)\n\n  @media screen and (max-width: $screenSizeS)\n    > .header\n      > .top\n        > .title\n          @include font(t16-demibold)\n\n      > .info\n        > .section\n          > .text\n            @include font(t12)\n\n    .content\n      padding: 5*$u\n\n  @media screen and (max-width: $screenSizeXS)\n    > .header\n      padding: 5*$u\n\n      > .top\n        grid-template-areas: \"badge collapse\" \"title title\"\n        gap: 3*$u\n</style>\n","<template lang=\"pug\">\n.coursesItemProgramCompactComponent\n  courses-item-program-compact-lesson.lesson(\n    v-for=\"(item, index) in filteredLessons\"\n    :key=\"index\"\n    :item=\"item\"\n    :controller=\"controller\"\n  )\n</template>\n<script lang=\"ts\" setup>\nimport type CourseLesson from '@courses/models/CourseLesson'\nimport CoursesItemProgramCompactLesson from './CoursesItemProgramCompactLesson.vue'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport { computed } from '@vue/reactivity'\n\ninterface Props {\n  structure: CourseLesson[]\n  controller: ReturnType<typeof CoursesItemStateController>\n}\nconst props = defineProps<Props>()\n\nconst visibleStructure = computed(() => props.controller.data.value?.visibleStructure)\n\nconst filteredLessons = computed(() =>\n  visibleStructure.value\n    ? props.structure.filter(lesson => visibleStructure.value?.lessons.includes(+lesson.id))\n    : props.structure\n)\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemProgramCompactComponent\n  > .lesson\n    &:not(:last-child)\n      margin-bottom: 8*$u\n</style>\n","<template lang=\"pug\">\n.coursesItemLandingAuthorsItemComponent\n  .image(:style=\"imageStyles\")\n  .bottom\n    .name {{ author.name }}\n    .position(v-if=\"author.position\") {{ author.position }}\n</template>\n\n<script lang=\"ts\" setup>\nimport type CourseAuthor from '@courses/models/CourseAuthor'\nimport { computed } from 'vue'\n\ninterface Props {\n  author: CourseAuthor\n}\n\nconst props = defineProps<Props>()\n\nconst imageStyles = computed(() => {\n  return {\n    backgroundImage: `url('${props.author.avatarUrl}')`\n  }\n})\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemLandingAuthorsItemComponent\n  border-radius: $brM\n  background-color: $colorPrimary\n\n  > .image\n    height: 60*$u\n    background: center no-repeat\n    background-size: cover\n    border-radius: $brM $brM 0 0\n\n  > .bottom\n    padding: 4*$u\n    color: $colorWhite\n    border-radius: 0 0 $brM $brM\n\n    > .name\n      @include font(t14-demibold)\n\n    > .position\n      @include font(t14)\n      margin-top: 1*$u\n</style>\n","<template lang=\"pug\">\n.coursesItemLandingAuthorsComponent\n  ui-slider(:config=\"sliderConfig\")\n    ui-slider-slide(\n      v-for=\"author in authors\"\n      :key=\"author.id\"\n    )\n      courses-item-landing-authors-item(:author=\"author\")\n</template>\n\n<script lang=\"ts\" setup>\nimport type CourseAuthor from '@courses/models/CourseAuthor'\nimport CoursesItemLandingAuthorsItem from './CoursesItemLandingAuthorsItem.vue'\nimport type { SliderConfig } from '@/components/_ui/UiSlider/types'\nimport { SliderScreenSizes } from '@/components/_ui/UiSlider/config'\n\ninterface Props {\n  authors: CourseAuthor[]\n}\n\ndefineProps<Props>()\n\nconst sliderConfig: SliderConfig = {\n  slidesPerView: 2,\n  slidesPerGroup: 2,\n  spaceBetween: 12,\n  breakpoints: {\n    [SliderScreenSizes.s]: {\n      slidesPerView: 3,\n      slidesPerGroup: 3,\n      spaceBetween: 20\n    },\n    [SliderScreenSizes.m]: {\n      slidesPerView: 4,\n      slidesPerGroup: 4,\n      spaceBetween: 20\n    }\n  }\n}\n</script>\n","<template lang=\"pug\">\n.coursesItemLandingComponent(v-if=\"course\")\n  ui-back-button(name=\"CoursesList\") Витрина курсов\n\n  .header\n    courses-item-landing-header(:controller=\"controller\")\n\n  .nav\n    courses-item-landing-navigation(:items=\"navigationItems\")\n\n  //- template(v-if=\"controller.isStatesShown.value\")\n  //-   landing-section(title=\"Ваше обучение\"  hash=\"states\")\n  //-     courses-item-own-course-states(:controller=\"controller.currentStatesController\")\n\n  template(v-if=\"course.descriptionFull\")\n    landing-section(title=\"Описание курса\" hash=\"description\")\n      courses-item-landing-description(\n        :text=\"course.descriptionFull\"\n        :button-color=\"course.profile?.code\"\n      )\n\n  //- template(v-if=\"isSignupFlowsShown\")\n  //-   landing-section(title=\"Записаться на поток\"  hash=\"flows\")\n  //-     courses-item-signup-flows(:controller=\"controller\")\n\n  template(v-if=\"course.requirements.length\")\n    landing-section(title=\"Требования для прохождения курса\")\n      courses-item-landing-requirements(:items=\"course.requirements\")\n\n  //- template(v-if=\"course.aquirements.length\")\n  //-   landing-section(title=\"После курса вы получите\")\n  //-     courses-item-landing-aquirements(:items=\"course.aquirements\")\n\n  landing-section(title=\"Программа курса\" hash=\"program\")\n    template(v-if=\"course.isCompact\")\n      courses-item-program-compact(\n        :structure=\"course.lessons\"\n        :controller=\"controller.stateController\"\n      )\n    template(v-else)\n      courses-item-program(\n        :structure=\"course.modules\"\n        :controller=\"controller.stateController\"\n      )\n\n  template(v-if=\"course.authors.length\")\n    landing-section(title=\"Лекторы курса\" hash=\"authors\")\n      courses-item-landing-authors(:authors=\"course.authors\")\n\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, toRefs } from 'vue'\nimport CoursesItemLandingHeader from './CoursesItemLandingHeader.vue'\nimport CoursesItemLandingNavigation from './CoursesItemLandingNavigation.vue'\nimport CoursesItemLandingDescription from './CoursesItemLandingDescription.vue'\nimport CoursesItemLandingRequirements from './CoursesItemLandingRequirements.vue'\n// import CoursesItemLandingAquirements from './CoursesItemLandingAquirements.vue'\nimport CoursesItemProgram from '@courses/components/CoursesItemProgram/CoursesItemProgram.vue'\nimport CoursesItemProgramCompact from '@courses/components/CoursesItemProgramCompact/CoursesItemProgramCompact.vue'\nimport CoursesItemLandingAuthors from './CoursesItemLandingAuthors/CoursesItemLandingAuthors.vue'\nimport type CoursesItemLandingController from '@courses/controllers/CourseItemLanding/CoursesItemLandingController'\nimport LandingSection from './CoursesItemLandingSection.vue'\n// import CoursesItemOwnCourseStates from './CoursesItemLandingFlows/CoursesItemOwnCourseStates.vue'\n\n// Props\ninterface Props {\n  controller: ReturnType<typeof CoursesItemLandingController>\n}\nconst props = defineProps<Props>()\n\n// data\nconst { course, navigationItems } = toRefs(reactive(props.controller))\n</script>\n\n<style lang=\"sass\" scoped>\n.coursesItemLandingComponent\n  > .header\n    margin-top: 5*$u\n    margin-bottom: 20*$u\n\n  > .nav\n    margin-bottom: 10*$u\n\n  @media screen and (max-width: $screenSizeS)\n    > .header\n      margin-bottom: 12*$u\n\n    > .nav\n      display: none\n</style>\n","import { computed, ref } from 'vue'\nimport useApiRequest from '@core/hooks/useApiRequest'\nimport CourseStateStudent from '@courses/models/CourseStateStudent'\nimport { fetchCurrentCourseStates } from '@courses/services/course'\n\nconst CoursesItemCurrentStatesController = (courseId: number) => {\n  // Data\n  const items = ref<CourseStateStudent[]>([])\n\n  const statesRequest = useApiRequest(fetchCurrentCourseStates)\n\n  statesRequest.$on('success', responseData => {\n    items.value = responseData ? responseData.map(o => new CourseStateStudent(o)) : []\n  })\n\n  const request = async () => {\n    await statesRequest.request(courseId)\n  }\n\n  return {\n    items,\n    isLoading: computed(() => statesRequest.isLoading),\n    request\n  }\n}\n\nexport default CoursesItemCurrentStatesController\n","import type { ISelectOption } from '@/components/_ui/types'\nimport { computed } from 'vue'\nimport type CoursesItemController from '../CoursesItemController'\nimport type CoursesItemStateController from '../CoursesItemStateController'\nimport type CoursesItemCurrentStatesController from './CoursesItemCurrentStatesController'\n\nexport interface LandingNavItem {\n  label: string\n  hash: string\n}\n\nconst CoursesItemLandingController = (\n  courseController: ReturnType<typeof CoursesItemController>,\n  stateController: ReturnType<typeof CoursesItemStateController>,\n  currentStatesController: ReturnType<typeof CoursesItemCurrentStatesController>\n) => {\n  // Computed\n  const course = computed(() => courseController.data.value)\n  const state = computed(() => stateController.data.value)\n  const states = computed(() => currentStatesController.items.value)\n\n  const _currentFlowsIds = computed<number[]>(() => states.value.map(s => s.flow.id))\n\n  // доступные для записи потоки\n  const signupFlowsOptions = computed<ISelectOption[]>(\n    () =>\n      course.value?.flows\n        .filter(f => !f.isFinished)\n        .filter(f => !_currentFlowsIds.value.includes(f.id))\n        .map(f => ({\n          label: `${f.name}: ${f.datesFormatted}`,\n          value: f.id\n        })) ?? []\n  )\n\n  const canSignup = computed(\n    () => !state.value || (state.value.accessNone && !state.value.isPermitted)\n  )\n  // Можно записаться только если курс не начат\n  // Если курс завершен или провален, то записаться на другой поток нельзя\n\n  const isSignupFlowsShown = computed(() => canSignup.value && signupFlowsOptions.value.length > 0)\n  const isStatesShown = computed(() => states.value.length > 1)\n\n  // Navigation Items\n  const navigationItems = computed<LandingNavItem[]>(() => {\n    const items = []\n    if (isStatesShown.value) items.push({ label: 'Ваше обучение', hash: 'states' })\n    if (course.value?.descriptionFull) items.push({ label: 'Чему научитесь', hash: 'description' })\n    items.push({ label: 'Программа', hash: 'program' })\n    if (course.value?.authors.length) items.push({ label: 'Лекторы курса', hash: 'authors' })\n    if (course.value?.reviews.length) items.push({ label: 'Отзывы', hash: 'reviews' })\n    return items\n  })\n\n  // Actions\n  const onSignupHandler = (flowId: number) => {\n    if (courseController.isSigningUp.value) return\n    courseController.signup(flowId)\n  }\n\n  return {\n    // controllers\n    courseController,\n    stateController,\n    currentStatesController,\n\n    // data\n    course,\n    state,\n    states,\n\n    navigationItems,\n    canSignup,\n    isSignupFlowsShown,\n    signupFlowsOptions,\n    isStatesShown,\n\n    // actions\n    onSignupHandler\n  }\n}\n\nexport default CoursesItemLandingController\n","<template lang=\"pug\">\n.coursesItemLandingPage\n  //- test-component(\n  //-   :course-controller=\"courseController\"\n  //-   :state-controller=\"stateController\"\n  //-   :current-states-controller=\"currentStatesController\"\n  //-   :landing-controller=\"landingController\"\n  //- )\n\n  course-item-landing(\n    :controller=\"landingController\"\n  )\n</template>\n\n<script lang=\"ts\" setup>\nimport CourseItemLanding from '@courses/components/CoursesItemLanding/CoursesItemLanding.vue'\nimport type CoursesItemController from '@courses/controllers/CoursesItemController'\nimport CoursesItemCurrentStatesController from '@courses/controllers/CourseItemLanding/CoursesItemCurrentStatesController'\nimport type CoursesItemStateController from '@courses/controllers/CoursesItemStateController'\nimport CoursesItemLandingController from '@courses/controllers/CourseItemLanding/CoursesItemLandingController'\n// import { useRouter } from 'vue-router'\nimport { onUnmounted } from 'vue'\n// import TestComponent from '../components/TestComponent.vue'\n\ninterface Props {\n  courseController: ReturnType<typeof CoursesItemController>\n  stateController: ReturnType<typeof CoursesItemStateController>\n}\n\nconst props = defineProps<Props>()\n\nconst currentStatesController = CoursesItemCurrentStatesController(\n  props.courseController.data.value?.id ?? 0\n)\n\ncurrentStatesController.request()\n\nconst landingController = CoursesItemLandingController(\n  props.courseController,\n  props.stateController,\n  currentStatesController\n)\n\nconst onSignUpHandler = () => {\n  props.stateController.resetCourseStateId()\n  props.stateController.request()\n  currentStatesController.request()\n}\n\nprops.courseController.$on('request-sign-up-success', onSignUpHandler)\n\nonUnmounted(() => {\n  props.courseController.$off('request-sign-up-success', onSignUpHandler)\n})\n</script>\n"],"names":["computed"],"mappings":"8pCA0CM,EAAS,IAET,EAAwB,IAAM,CAC5B,KAAA,GAAU,EAAM,YAAY,eAElC,EAAO,KAAK,CACV,KAAM,mBACN,OAAQ,CACN,SAAU,EAAM,YAAY,OAAO,GACnC,cAAe,EAAM,YAAY,GACjC,QAAS,UAAW,CACtB,EACA,MAAO,EAAA,CACR,CAAA,EAIG,EAAsB,IAAM,CAChC,EAAO,QAAQ,CACb,KAAM,oBACN,OAAQ,CACN,SAAU,EAAM,YAAY,OAAO,GACnC,cAAe,EAAM,YAAY,EACnC,EACA,MAAO,EAAA,CACR,CAAA,iqECiCG,EAAkB,EAAS,IAAM,EAAM,KAAK,gBAAgB,KAAK,EAEjE,CAAE,SAAQ,QAAO,qBAAoB,qBAAoB,mBAAoB,EACjF,EAAS,EAAM,UAAU,CAC3B,EAEM,EAAgB,EAAS,IAAA,WAC7B,cAAO,QAAP,cAAc,UAAd,QAAuB,KAAO,IAAI,KAAO,QAAP,cAAc,QAAQ,OAAS,GACnE,EAEM,EAAS,IAET,EAAqB,IAAM,CAC/B,EAAO,KAAK,CACV,KAAM,OAAA,CACP,CAAA,EAGG,EAAe,GAAY,CAAC,EAE5B,EAAgB,IAAM,CAC1B,AAAI,CAAC,EAAa,OACZ,EAAA,WAAW,gBAAgB,EAAa,KAAK,CAAA,EAI/C,EAAmB,EAAS,IAAM,SACtC,MAAI,KAAM,WAAW,MAAM,QAAvB,QAA8B,KAAK,OAAe,KAAM,WAAW,MAAM,QAAvB,cAA8B,KAC/E,EAAO,MACL,EAAO,MAAM,WAChB,EAAO,MAAM,MAAM,GACnB,EAAa,MACb,EAAO,MAAM,MAAM,KAAK,AAAA,GAAK,EAAE,KAAO,EAAa,KAAK,EACxD,EAAO,MAAM,MAAM,KAAK,AAAA,GAAK,OAAA,SAAE,KAAO,MAAM,QAAN,cAAa,KAAK,IAAE,EALpC,IAKoC,CAC/D,EAEK,EAAqB,IAAM,OAAA,WAAO,QAAP,cAAc,aAEzC,EAA0B,IAAA,OAAM,WAAgB,MAAM,OAAtB,cAA4B,kBAE5D,EAAoB,EAAS,IAAA,OAAM,WAAM,KAAK,QAAQ,KAAK,QAAxB,cAA+B,kBAAiB,guFC5I5E,KAAA,IAAkB,AAAC,GAAe,OACpC,YAAA,eAAe,CAAE,IAAjB,QAAoB,eAAe,CAC1C,SAAU,SACV,MAAO,OAAA,EAEX,06BCeM,EAAS,IAET,EAAe,EAAS,MAAS,MAAO,EAAW,KAAQ,EAAA,EAE3D,EAAa,EAAS,IAAM,SAAA,cAAM,WAAW,OAAjB,cAAuB,QAAvB,cAA8B,WAAW,EAAM,KAAK,IAAG,EAEnF,EAAU,IAAM,CACpB,AAAI,EAAW,OAAc,EAAA,KAAK,EAAW,KAAK,CAAA,uWCF9C,EAAmB,EAAS,WAAM,WAAM,WAAW,KAAK,QAAtB,cAA6B,iBAAgB,EAE/E,EAAiB,EAAS,IAC9B,EAAiB,MACb,EAAM,KAAK,OAAO,OAAO,AAAA,GAAA,OAAS,WAAiB,QAAjB,cAAwB,OAAO,SAAS,CAAC,EAAM,IAAG,EACpF,EAAM,KAAK,MACjB,ugBCNM,EAAmB,EAAS,WAAM,WAAM,WAAW,KAAK,QAAtB,cAA6B,iBAAgB,EAE/E,EAAkB,EAAS,IAC/B,EAAiB,MACb,EAAM,KAAK,QAAQ,OAAO,AAAA,GAAA,OAAU,WAAiB,QAAjB,cAAwB,QAAQ,SAAS,CAAC,EAAO,IAAG,EACxF,EAAM,KAAK,OACjB,yqBCeM,EAAmB,EAAS,WAAM,WAAM,WAAW,KAAK,QAAtB,cAA6B,iBAAgB,EAE/E,EAAiB,EAAS,IAC9B,EAAiB,MACb,EAAM,KAAK,OAAO,OAAO,AAAA,GAAA,OAAS,WAAiB,QAAjB,cAAwB,OAAO,SAAS,CAAC,EAAM,IAAG,EACpF,EAAM,KAAK,MACjB,EAGM,CAAE,KAAM,EAAU,SAAU,EAAa,UAAW,GAAQ,SAAS,EAErE,EAAgB,IAAM,IAEtB,EAAgB,EAChB,EAAmB,EAAS,IAAO,EAAE,WAAY,EAAM,KAAK,WAAc,EAAA,EAE1E,EAAyB,EAAS,IAC/B,GAAG,EAAM,KAAK,sBAAsB,EACzC,EAAM,KAAK,mBACX,uCACA,uCACA,sCACF,GACD,EAEK,EAAsB,EAAS,IAC5B,GAAG,EAAM,KAAK,mBAAmB,EACtC,EAAM,KAAK,gBACX,4HACA,4HACA,qHACF,GACD,EAEK,EAAkB,EAAS,IAC/B,EAAM,KAAK,oBACP,uCACA,EAAM,KAAK,qBACX,iCACA,wDACN,EAEM,EAAW,EAAS,IAAM,EAAM,KAAK,oBAAsB,EAAM,KAAK,eAAe,mmCCnErF,EAAmB,EAAS,WAAM,WAAM,WAAW,KAAK,QAAtB,cAA6B,iBAAgB,EAE/E,EAAkB,EAAS,IAC/B,EAAiB,MACb,EAAM,UAAU,OAAO,AAAA,GAAA,OAAU,WAAiB,QAAjB,cAAwB,QAAQ,SAAS,CAAC,EAAO,IAAG,EACrF,EAAM,SACZ,0UCNM,EAAS,IAET,EAAe,EAAS,MAAS,MAAO,EAAW,KAAQ,EAAA,EAE3D,EAAa,EAAS,eAAM,iBAAM,WAAW,OAAjB,cAAuB,QAAvB,cAA8B,WAAW,EAAM,KAAK,MAApD,OAA2D,KAAI,EAE3F,EAAU,IAAM,CACpB,AAAI,EAAW,OAAc,EAAA,KAAK,EAAW,KAAK,CAAA,ihBCiB9C,EAAmB,EAAS,WAAM,WAAM,WAAW,KAAK,QAAtB,cAA6B,iBAAgB,EAE/E,EAAiB,EAAS,IAC9B,EAAiB,MACb,EAAM,KAAK,OAAO,OAAO,AAAA,GAAA,OAAS,WAAiB,QAAjB,cAAwB,OAAO,SAAS,CAAC,EAAM,IAAG,EACpF,EAAM,KAAK,MACjB,EAGM,CAAE,KAAM,EAAU,SAAU,EAAa,UAAW,GAAQ,SAAS,EAErE,EAAgB,IAAM,IAEtB,EAAgB,EAChB,EAAmB,EAAS,IAAO,EAAE,WAAY,EAAM,KAAK,WAAc,EAAA,EAE1E,EAAyB,EAAS,IAC/B,GAAG,EAAM,KAAK,sBAAsB,EACzC,EAAM,KAAK,mBACX,uCACA,uCACA,sCACF,GACD,EAEK,EAAsB,EAAS,IAC5B,GAAG,EAAM,KAAK,mBAAmB,EACtC,EAAM,KAAK,gBACX,4HACA,4HACA,qHACF,GACD,EAEK,EAAkB,EAAS,IAC/B,EAAM,KAAK,oBACP,uCACA,EAAM,KAAK,qBACX,iCACA,wDACN,EAEM,EAAW,EAAS,IAAM,EAAM,KAAK,oBAAsB,EAAM,KAAK,eAAe,ylCClErF,EAAmBA,EAAS,WAAM,WAAM,WAAW,KAAK,QAAtB,cAA6B,iBAAgB,EAE/E,EAAkBA,EAAS,IAC/B,EAAiB,MACb,EAAM,UAAU,OAAO,AAAA,GAAA,OAAU,WAAiB,QAAjB,cAAwB,QAAQ,SAAS,CAAC,EAAO,IAAG,EACrF,EAAM,SACZ,kYCTM,EAAc,EAAS,IACpB,EACL,gBAAiB,QAAQ,EAAM,OAAO,aAAA,EAEzC,+UCAD,KAAM,GAA6B,CACjC,cAAe,EACf,eAAgB,EAChB,aAAc,GACd,YAAa,EACV,EAAkB,GAAI,CACrB,cAAe,EACf,eAAgB,EAChB,aAAc,EAChB,GACC,EAAkB,GAAI,CACrB,cAAe,EACf,eAAgB,EAChB,aAAc,EAChB,CACF,CAAA,wxBCmCI,CAAE,SAAQ,mBAAoB,EAAO,EAAS,EAAM,UAAU,CAAC,2/CCnErE,KAAM,IAAqC,AAAC,GAAqB,CAEzD,KAAA,GAAQ,GAA0B,CAAA,CAAE,EAEpC,EAAgB,GAAc,EAAwB,EAE9C,EAAA,IAAI,UAAW,AAAgB,GAAA,CACrC,EAAA,MAAQ,EAAe,EAAa,IAAI,AAAA,GAAK,GAAI,IAAmB,CAAC,CAAC,EAAI,CAAA,CAAC,CAClF,EAED,KAAM,GAAU,SAAY,CACpB,KAAA,GAAc,QAAQ,CAAQ,CAAA,EAG/B,MAAA,CACL,QACA,UAAW,EAAS,IAAM,EAAc,SAAS,EACjD,SAAA,CAEJ,ECbM,GAA+B,CACnC,EACA,EACA,IACG,CAEH,KAAM,GAAS,EAAS,IAAM,EAAiB,KAAK,KAAK,EACnD,EAAQ,EAAS,IAAM,EAAgB,KAAK,KAAK,EACjD,EAAS,EAAS,IAAM,EAAwB,MAAM,KAAK,EAE3D,EAAmB,EAAmB,IAAM,EAAO,MAAM,IAAI,AAAK,GAAA,EAAE,KAAK,EAAE,CAAC,EAG5E,EAAqB,EACzB,IACE,SAAA,cAAO,QAAP,cAAc,MACX,OAAO,AAAK,GAAA,CAAC,EAAE,YACf,OAAO,AAAA,GAAK,CAAC,EAAiB,MAAM,SAAS,EAAE,EAAE,GACjD,IAAI,AAAM,GAAA,EACT,MAAO,GAAG,EAAE,SAAS,EAAE,iBACvB,MAAO,EAAE,EAAA,MALb,OAMS,CAAA,EACb,EAEM,EAAY,EAChB,IAAM,CAAC,EAAM,OAAU,EAAM,MAAM,YAAc,CAAC,EAAM,MAAM,WAChE,EAIM,EAAqB,EAAS,IAAM,EAAU,OAAS,EAAmB,MAAM,OAAS,CAAC,EAC1F,EAAgB,EAAS,IAAM,EAAO,MAAM,OAAS,CAAC,EAGtD,EAAkB,EAA2B,IAAM,WACvD,KAAM,GAAQ,CAAA,EACd,MAAI,GAAc,OAAO,EAAM,KAAK,CAAE,MAAO,4EAAiB,KAAM,SAAU,EAC1E,KAAO,QAAP,QAAc,iBAAiB,EAAM,KAAK,CAAE,MAAO,kFAAkB,KAAM,cAAe,EAC9F,EAAM,KAAK,CAAE,MAAO,yDAAa,KAAM,UAAW,EAC9C,KAAO,QAAP,QAAc,QAAQ,QAAQ,EAAM,KAAK,CAAE,MAAO,4EAAiB,KAAM,UAAW,EACpF,KAAO,QAAP,QAAc,QAAQ,QAAQ,EAAM,KAAK,CAAE,MAAO,uCAAU,KAAM,UAAW,EAC1E,CAAA,CACR,EAQM,MAAA,CAEL,mBACA,kBACA,0BAGA,SACA,QACA,SAEA,kBACA,YACA,qBACA,qBACA,gBAGA,gBAvBsB,AAAC,GAAmB,CAC1C,AAAI,EAAiB,YAAY,OACjC,EAAiB,OAAO,CAAM,CAAA,CAqB9B,CAEJ,0HClDM,EAA0B,GAC9B,QAAM,iBAAiB,KAAK,QAA5B,cAAmC,KAAnC,OAAyC,CAC3C,EAEA,EAAwB,QAAQ,EAEhC,KAAM,GAAoB,GACxB,EAAM,iBACN,EAAM,gBACN,CACF,EAEM,EAAkB,IAAM,CAC5B,EAAM,gBAAgB,qBACtB,EAAM,gBAAgB,UACtB,EAAwB,QAAQ,CAAA,EAG5B,SAAA,iBAAiB,IAAI,0BAA2B,CAAe,EAErE,GAAY,IAAM,CACV,EAAA,iBAAiB,KAAK,0BAA2B,CAAe,CAAA,CACvE"}