itube-specs 0.0.793 → 0.0.795

package/components/card/video/dropdown.vue

@@ -1,75 +1,89 @@
 <!-- Дропдаун-меню видео: добавить в плейлист, смотреть позже, поделиться, пожаловаться -->
 <template>
-  <UiDropdown ref="dropdownRef"
-              right
-              use-v-if
-              v-bind="$attrs"
+  <UiDropdown
+    ref="dropdownRef"
+    right
+    use-v-if
+    v-bind="$attrs"
   >
     <template #trigger>
       <slot name="trigger">
-        <button :aria-label="$t('open_menu')"
-                class="card-video-dropdown__trigger"
-                type="button"
-                @click="emit('triggerClick', $event)"
+        <button
+          :aria-label="$t('open_menu')"
+          class="card-video-dropdown__trigger"
+          type="button"
+          @click="emit('triggerClick', $event)"
         >
-          <UiIcon name="dots-vertical"
-                  size="18"
+          <UiIcon
+            name="dots-vertical"
+            size="18"
           />
         </button>
       </slot>
     </template>
     <template #header>
-      <CardVideoMini :card="card"
-                     class="card-video-dropdown__preview _to-md"
+      <CardVideoMini
+        :card="card"
+        class="card-video-dropdown__preview _to-md"
       />
     </template>
     <template #items="className">
-      <button :class="className"
-              type="button"
-              @click="onAddPlaylist"
+      <button
+        :class="className"
+        type="button"
+        @click="onAddPlaylist"
       >
-        <UiIcon name="star"
-                size="20"
+        <UiIcon
+          name="star"
+          size="20"
         />
         {{ $t('video_submenu.add_to') }}
       </button>
-      <button v-if="showWatchLater"
-              :class="className"
-              type="button"
-              @click="emit('watchLater')"
+      <button
+        v-if="showWatchLater"
+        :class="className"
+        type="button"
+        @click="emit('watchLater')"
       >
-        <UiIcon name="time"
-                size="20"
+        <UiIcon
+          name="time"
+          size="20"
         />
         {{ $t('video_submenu.watch_later') }}
       </button>
-      <button v-if="showShare"
-              :class="className"
-              type="button"
-              @click="onShare"
+      <button
+        v-if="showShare"
+        :class="className"
+        type="button"
+        @click="onShare"
       >
-        <UiIcon name="share"
-                size="20"
+        <UiIcon
+          name="share"
+          size="20"
         />
         {{ $t('share') }}
       </button>
-      <button v-if="showReport"
-              :class="className"
-              type="button"
-              @click="onReport"
+      <button
+        v-if="showReport"
+        :class="className"
+        type="button"
+        @click="onReport"
       >
-        <UiIcon name="flag"
-                size="20"
+        <UiIcon
+          name="flag"
+          size="20"
         />
         {{ $t('video_submenu.report') }}
       </button>
-      <button v-if="showRemove"
-              :class="className"
-              type="button"
-              @click="emit('remove')"
+      <button
+        v-if="showRemove"
+        :class="className"
+        type="button"
+        @click="emit('remove')"
       >
-        <UiIcon name="trash-bin"
-                size="20"
+        <UiIcon
+          name="trash-bin"
+          size="20"
         />
         {{ $t('remove_video') }}
       </button>

package/components/card/video/index.vue

@@ -1,116 +1,134 @@
 <!-- Карточка видео: постер, логотип канала, превью при наведении, теги моделей -->
 <template>
-  <div :class="[
-         {'--mini': mini},
-         {'--avatar': card.channelAvatar},
-         {'--no-channel': isChannelPage},
-       ]"
-       class="card-video"
+  <div
+    :class="[
+      {'--mini': mini},
+      {'--avatar': card.channelAvatar},
+      {'--no-channel': isChannelPage},
+    ]"
+    class="card-video"
   >
-    <NuxtLink :to="link"
-              class="card-video__poster-wrapper"
-              @mouseenter.passive="playVideo"
-              @touchmove.passive="playVideo"
-              @mouseleave.passive="stopVideo"
-              @touchend.passive="stopVideo"
+    <NuxtLink
+      :to="link"
+      class="card-video__poster-wrapper"
+      @mouseenter.passive="playVideo"
+      @touchmove.passive="playVideo"
+      @mouseleave.passive="stopVideo"
+      @touchend.passive="stopVideo"
     >
-      <UiImg :src="currentPoster"
-             :urls="card.thumbUrls"
-             :loading="loading"
-             :priority="priority"
-             :sizes="`(max-width: ${CSS_BREAKPOINTS.lg}px) 180px, 480px`"
-             :alt="card.title"
-             class="card-video__poster"
-             width="480"
-             height="270"
-             @error="onPosterError"
+      <UiImg
+        :src="currentPoster"
+        :urls="card.thumbUrls"
+        :loading="loading"
+        :priority="priority"
+        :sizes="`(max-width: ${CSS_BREAKPOINTS.lg}px) 180px, 480px`"
+        :alt="card.title"
+        class="card-video__poster"
+        width="480"
+        height="270"
+        @error="onPosterError"
       />
-      <CardVideoPreview v-if="isPreviewShow && card.previewUrl"
-                        :url="card.previewUrl"
+      <CardVideoPreview
+        v-if="isPreviewShow && card.previewUrl"
+        :url="card.previewUrl"
       />
-      <UiLabel v-if="card.isNew"
-               :text="t('new')"
-               class="card-video__new"
-               theme="primary-gradient"
+      <UiLabel
+        v-if="card.isNew"
+        :text="t('new')"
+        class="card-video__new"
+        theme="primary-gradient"
       />
-      <UiLabel v-if="card.quality && parseInt(card.quality) >= 1080"
-               :text="card.quality"
-               class="card-video__resolution"
-               theme="yellow"
+      <UiLabel
+        v-if="card.quality && parseInt(card.quality) >= 1080"
+        :text="card.quality"
+        class="card-video__resolution"
+        theme="yellow"
       />
-      <UiLabel v-if="card.duration"
-               :text="duration"
-               class="card-video__duration"
-               theme="black"
+      <UiLabel
+        v-if="card.duration"
+        :text="duration"
+        class="card-video__duration"
+        theme="black"
       />
     </NuxtLink>
 
     <div class="card-video__wrapper">
-      <component v-if="!mini"
-                 :is="component"
-                 :to="card.channelName ? localePath(`/channels/${convertString().toSlug(card.channelName)}`) : undefined"
-                 class="card-video__logo-wrapper"
+      <component
+        v-if="!mini"
+        :is="component"
+        :to="card.channelName ? localePath(`/channels/${convertString().toSlug(card.channelName)}`) : undefined"
+        class="card-video__logo-wrapper"
       >
-        <UiImg v-if="card.channelAvatar"
-               :loading="loading"
-               :src="currentAvatar"
-               :alt="card.channelName"
-               class="card-video__channel-logo"
-               width="32"
-               height="32"
-               sizes="32px"
-               @error="onAvatarError"
+        <UiImg
+          v-if="card.channelAvatar"
+          :loading="loading"
+          :src="currentAvatar"
+          :alt="card.channelName"
+          class="card-video__channel-logo"
+          width="32"
+          height="32"
+          sizes="32px"
+          @error="onAvatarError"
         />
-        <span v-else
-              class="card-video__user"
+        <span
+          v-else
+          class="card-video__user"
         >U</span>
       </component>
-      <NuxtLink :to="link"
-                :title="card.title"
-                class="card-video__title _truncate"
+      <NuxtLink
+        :to="link"
+        :title="card.title"
+        class="card-video__title _truncate"
       >{{ card.title }}
       </NuxtLink>
-      <component v-if="!mini && card.channelName"
-                 :is="component"
-                 :to="card.channelName ? localePath(`/channels/${convertString().toSlug(card.channelName)}`) : undefined"
-                 class="card-video__channel-wrapper"
+      <component
+        v-if="!mini && card.channelName"
+        :is="component"
+        :to="card.channelName ? localePath(`/channels/${convertString().toSlug(card.channelName)}`) : undefined"
+        class="card-video__channel-wrapper"
       >
-        <span :data-nosnippet="!card.channelName || null"
-              class="card-video__channel-title"
+        <span
+          :data-nosnippet="!card.channelName || null"
+          class="card-video__channel-title"
         >
           <template v-if="card.channelName">
             {{ card.channelName }}
           </template>
         </span>
       </component>
-      <div v-if="!mini && cardTags && cardTags.length > 0"
-           class="card-video__tags"
+      <div
+        v-if="!mini && cardTags && cardTags.length > 0"
+        class="card-video__tags"
       >
         <div class="card-video__tags-wrapper">
-          <UiChips v-for="(item, index) in cardTags?.slice(0, 4)"
-                   micro
-                   :key="`${card.guid}-tag-${index}`"
-                   :item="item"
-                   class="card-video__chips"
-                   is-link
+          <UiChips
+            v-for="(item, index) in cardTags?.slice(0, 4)"
+            micro
+            :key="`${card.guid}-tag-${index}`"
+            :item="item"
+            class="card-video__chips"
+            is-link
           />
         </div>
       </div>
-      <LazyCardVideoDropdown v-if="dropdownMounted"
-                             :card="card"
-                             :show-watch-later="FeatureFlags.FeatureWatchLaterEnabled"
-                             class="card-video__dropdown"
-                             show-report
-                             auto-open
+      <LazyCardVideoDropdown
+        v-if="dropdownMounted"
+        :card="card"
+        :show-watch-later="FeatureFlags.FeatureWatchLaterEnabled"
+        class="card-video__dropdown"
+        show-report
+        auto-open
       />
-      <button v-else
-              :aria-label="t('open_menu')"
-              class="card-video__dropdown card-video-dropdown__trigger"
-              type="button"
-              @click="dropdownMounted = true"
+      <button
+        v-else
+        :aria-label="t('open_menu')"
+        class="card-video__dropdown card-video-dropdown__trigger"
+        type="button"
+        @click="dropdownMounted = true"
       >
-        <UiIcon name="dots-vertical"
-                size="18"
+        <UiIcon
+          name="dots-vertical"
+          size="18"
         />
       </button>
     </div>

package/components/card/video/mini.vue

@@ -1,26 +1,30 @@
 <!-- Мини-карточка видео: постер 16:9 слева, название, канал, длительность -->
 <template>
-  <component :is="component"
-             :title="card.title"
-             :to="link ? generateLink(`/playlists/${prefix}/${card.id}`) : null"
-             class="card-video-mini"
+  <component
+    :is="component"
+    :title="card.title"
+    :to="link ? generateLink(`/playlists/${prefix}/${card.id}`) : null"
+    class="card-video-mini"
   >
-    <UiImg :src="currentPoster"
-           :alt="card.title"
-           class="card-video-mini__img"
-           sizes="140px"
-           width="1600"
-           height="900"
-           @error="onPosterError"
+    <UiImg
+      :src="currentPoster"
+      :alt="card.title"
+      class="card-video-mini__img"
+      sizes="140px"
+      width="1600"
+      height="900"
+      @error="onPosterError"
     />
     <div class="card-video-mini__wrapper">
       <p class="card-video-mini__title _truncate">{{ card.title }}</p>
-      <span v-if="card.channelName"
-            class="card-video-mini__channel _truncate"
+      <span
+        v-if="card.channelName"
+        class="card-video-mini__channel _truncate"
       >{{ card.channelName }}</span>
       <span class="card-video-mini__duration">
-        <UiIcon name="time"
-                size="12"
+        <UiIcon
+          name="time"
+          size="12"
         />
         {{ duration }}</span>
     </div>

package/components/card/video/preview.vue

@@ -1,11 +1,12 @@
 <!-- Видео-предпросмотр (автоплей) поверх постера карточки видео -->
 <template>
-  <video :src="url"
-         class="card-video-preview"
-         loop
-         muted
-         autoplay
-         playsinline
+  <video
+    :src="url"
+    class="card-video-preview"
+    loop
+    muted
+    autoplay
+    playsinline
   />
 </template>
 

package/components/category/by-letter.vue

@@ -1,8 +1,9 @@
 <template>
   <section class="category-by-letter">
-    <div v-for="(items, letter) in categories"
-         :key="`category-by-letter-${String(letter)}`"
-         class="category-by-letter__block"
+    <div
+      v-for="(items, letter) in categories"
+      :key="`category-by-letter-${String(letter)}`"
+      class="category-by-letter__block"
     >
       <UiLetter :text="getLetter(letter)" />
       <CategoryList :items="items" />

package/components/category/group.vue

@@ -1,22 +1,27 @@
 <template>
-  <section v-if="items && items.length > 0"
-           class="category-group"
+  <section
+    v-if="items && items.length > 0"
+    class="category-group"
   >
-    <UiLetter v-if="text"
-              :text="text"
+    <UiLetter
+      v-if="text"
+      :text="text"
     />
-    <h2 v-else-if="title"
-        class="category-group__title _title"
+    <h2
+      v-else-if="title"
+      class="category-group__title _title"
     >
-      <UiIcon v-if="icon"
-              :name="icon"
-              class="category-group__title-icon"
-              prefix="categories"
-              size="24"
+      <UiIcon
+        v-if="icon"
+        :name="icon"
+        class="category-group__title-icon"
+        prefix="categories"
+        size="24"
       />
       {{ title }}</h2>
-    <GridCategories :categories="items"
-                    priority
+    <GridCategories
+      :categories="items"
+      priority
     >
     <!--    <div-->
     <!--        v-if="allLink"-->

package/components/category/letter-groups.vue

@@ -1,8 +1,9 @@
 <template>
   <section class="category-letter-groups">
-    <div v-for="(groupItems, letter) in grouped"
-         :key="`category-letter-groups-${String(letter)}`"
-         class="category-letter-groups__block"
+    <div
+      v-for="(groupItems, letter) in grouped"
+      :key="`category-letter-groups-${String(letter)}`"
+      class="category-letter-groups__block"
     >
       <UiLetter :text="String(letter)" />
       <slot :items="groupItems" />

package/components/category/list.vue

@@ -1,25 +1,28 @@
 <template>
   <div class="category-list">
-    <NuxtLink v-for="category in items"
-              :key="`category-all-${category.guid}`"
-              :data-count="category.videosCount"
-              :class="{'--top': category.isTop}"
-              :to="localePath(`/categories/${slug(category.name)}`)"
-              class="category-list__link"
+    <NuxtLink
+      v-for="category in items"
+      :key="`category-all-${category.guid}`"
+      :data-count="category.videosCount"
+      :class="{'--top': category.isTop}"
+      :to="localePath(`/categories/${slug(category.name)}`)"
+      class="category-list__link"
     >
       {{ category.title }}
-      <img v-if="category.icon"
-           :src="`/icons/flags/${category.icon}.svg`"
-           :alt="category.icon"
-           class="category-list__link-image"
-           width="17"
-           height="17"
-           loading="lazy"
+      <img
+        v-if="category.icon"
+        :src="`/icons/flags/${category.icon}.svg`"
+        :alt="category.icon"
+        class="category-list__link-image"
+        width="17"
+        height="17"
+        loading="lazy"
       >
     </NuxtLink>
-    <NuxtLink v-if="allCategories"
-              :to="localePath('/categories')"
-              class="category-list__link --all"
+    <NuxtLink
+      v-if="allCategories"
+      :to="localePath('/categories')"
+      class="category-list__link --all"
     >
       {{ t('all_categories') }}
     </NuxtLink>

package/components/category/nav.vue

@@ -1,18 +1,21 @@
 <template>
-  <SectionNavLinks :items="categoriesNavigation"
-                   theme="secondary"
+  <SectionNavLinks
+    :items="categoriesNavigation"
+    theme="secondary"
   />
-  <UiExpandRow :class="{'_from-sm': hideOnMobile}"
-               :items="alphabetItems"
-               class="category-nav__alphabet"
-               alphabet
+  <UiExpandRow
+    :class="{'_from-sm': hideOnMobile}"
+    :items="alphabetItems"
+    class="category-nav__alphabet"
+    alphabet
   >
-    <UiChips v-for="(item, index) in alphabetItems"
-             :key="`categories-chips-${index}`"
-             :item="item"
-             :class="{ '--all': item.value === '' }"
-             is-link
-             alphabet
+    <UiChips
+      v-for="(item, index) in alphabetItems"
+      :key="`categories-chips-${index}`"
+      :item="item"
+      :class="{ '--all': item.value === '' }"
+      is-link
+      alphabet
     />
   </UiExpandRow>
 </template>

package/components/filter/btn.vue

@@ -1,19 +1,22 @@
 <!-- Кнопка открытия фильтра со счётчиком активных фильтров -->
 <template>
-  <UiBtn :size="size"
-         :theme="theme"
-         :title="t('filter')"
-         class="filter-btn"
-         aria-label="Filter"
-         @click="emit('update:modelValue', true)"
+  <UiBtn
+    :size="size"
+    :theme="theme"
+    :title="t('filter')"
+    class="filter-btn"
+    aria-label="Filter"
+    @click="emit('update:modelValue', true)"
   >
-    <UiIcon name="adjustments-horizontal"
-            size="16"
+    <UiIcon
+      name="adjustments-horizontal"
+      size="16"
     />
     <span class="_from-sm">{{ t('filter') }}
     </span>
-    <span v-if="count > 0"
-          class="filter-btn__count"
+    <span
+      v-if="count > 0"
+      class="filter-btn__count"
     >{{ mobileCount }}</span>
   </UiBtn>
 </template>

package/components/filter/chips.vue

@@ -4,13 +4,14 @@
     <template #prepend>
       <slot/>
     </template>
-    <UiChips v-for="(item, index) in items"
-             :key="index"
-             :index="`s-filter-page-chips${index}`"
-             :item="item"
-             class="filter-chips"
-             with-close
-             @click="onChipsClick(item)"
+    <UiChips
+      v-for="(item, index) in items"
+      :key="index"
+      :index="`s-filter-page-chips${index}`"
+      :item="item"
+      class="filter-chips"
+      with-close
+      @click="onChipsClick(item)"
     />
   </UiExpandRow>
 </template>