itube-specs 0.0.792 → 0.0.794

package/components/layout/header-user.vue

@@ -1,29 +1,35 @@
 <template>
-  <div v-if="data"
-       ref="userRef"
-       :class="{'--open': isMenuShow}"
-       class="layout-header-user"
+  <div
+    v-if="data"
+    ref="userRef"
+    :class="{'--open': isMenuShow}"
+    class="layout-header-user"
   >
-    <button :title="$t('show_menu')"
-            type="button"
-            class="layout-header-user__trigger"
-            @click="showMenu"
+    <button
+      :title="$t('show_menu')"
+      type="button"
+      class="layout-header-user__trigger"
+      @click="showMenu"
     >
       <UiAvatar :size="36" />
-      <UiIcon class="layout-header-user__trigger-icon"
-              name="angle-down"
-              size="16"
+      <UiIcon
+        class="layout-header-user__trigger-icon"
+        name="angle-down"
+        size="16"
       />
     </button>
     <transition mode="out-in">
-      <div v-if="isMenuShow"
-           class="layout-header-user__dropdown"
+      <div
+        v-if="isMenuShow"
+        class="layout-header-user__dropdown"
       >
-        <NuxtLink :to="generateLink('/user/profile')"
-                  class="layout-header-user__profile"
+        <NuxtLink
+          :to="generateLink('/user/profile')"
+          class="layout-header-user__profile"
         >
-          <UiAvatar :size="48"
-                    class="layout-header-user__profile-avatar"
+          <UiAvatar
+            :size="48"
+            class="layout-header-user__profile-avatar"
           />
           <div class="layout-header-user__profile-wrapper">
             <span class="layout-header-user__profile-title">{{ data.username }}</span>
@@ -31,56 +37,65 @@
           </div>
         </NuxtLink>
         <div class="layout-header-user__links">
-          <div v-for="(group, groupIndex) in groupsCount"
-               :key="`group-profile-${groupIndex}`"
-               class="layout-header-user__links-wrapper"
+          <div
+            v-for="(group, groupIndex) in groupsCount"
+            :key="`group-profile-${groupIndex}`"
+            class="layout-header-user__links-wrapper"
           >
-            <template v-for="(item, index) in profileNavigationItems.filter(item => item.group === group)"
-                      :key="`profile-link-${index}`"
+            <template
+              v-for="(item, index) in profileNavigationItems.filter(item => item.group === group)"
+              :key="`profile-link-${index}`"
             >
-              <component :is="component(hasChild(item))"
-                         :class="[
-                           {'--has-child' : hasChild(item)},
-                           {'--open' : isChildsShow}
-                         ]"
-                         :to="hasChild(item) ? null : generateLink(item.value)"
-                         class="layout-header-user__item"
-                         @click="hasChild(item) ? openChilds() : null"
+              <component
+                :is="component(hasChild(item))"
+                :class="[
+                  {'--has-child' : hasChild(item)},
+                  {'--open' : isChildsShow}
+                ]"
+                :to="hasChild(item) ? null : generateLink(item.value)"
+                class="layout-header-user__item"
+                @click="hasChild(item) ? openChilds() : null"
               >
-                <UiIcon :name="item.icon"
-                        class="layout-header-user__item-icon"
-                        size="20"
+                <UiIcon
+                  :name="item.icon"
+                  class="layout-header-user__item-icon"
+                  size="20"
                 />
                 {{ $t(item.title) }}
-                <UiIcon v-if="hasChild(item)"
-                        class="layout-header-user__angle"
-                        name="angle-down"
-                        size="16"
+                <UiIcon
+                  v-if="hasChild(item)"
+                  class="layout-header-user__angle"
+                  name="angle-down"
+                  size="16"
                 />
               </component>
               <template v-if="hasChild(item) && isChildsShow">
-                <NuxtLink v-for="(child, childIndex) in item.childs"
-                          :key="`profile-link-${index}-${childIndex}`"
-                          :to="generateLink(child.value)"
-                          class="layout-header-user__item --child"
+                <NuxtLink
+                  v-for="(child, childIndex) in item.childs"
+                  :key="`profile-link-${index}-${childIndex}`"
+                  :to="generateLink(child.value)"
+                  class="layout-header-user__item --child"
                 >
-                  <UiIcon :name="child.icon"
-                          class="layout-header-user__item-icon"
-                          size="16"
+                  <UiIcon
+                    :name="child.icon"
+                    class="layout-header-user__item-icon"
+                    size="16"
                   />
                   {{ $t(child.title) }}
                 </NuxtLink>
               </template>
             </template>
 
-            <button v-if="group === groupsCount"
-                    type="button"
-                    class="layout-header-user__item"
-                    @click="logOut"
+            <button
+              v-if="group === groupsCount"
+              type="button"
+              class="layout-header-user__item"
+              @click="logOut"
             >
-              <UiIcon name="logout"
-                      class="layout-header-user__item-icon"
-                      size="20"
+              <UiIcon
+                name="logout"
+                class="layout-header-user__item-icon"
+                size="20"
               />
               {{ $t('log_out') }}
             </button>

package/components/layout/header.vue

@@ -1,75 +1,88 @@
 <template>
-  <header :class="{'--burger-open': burgerShow}"
-          class="layout-header"
+  <header
+    :class="{'--burger-open': burgerShow}"
+    class="layout-header"
   >
 
     <SearchMain class="layout-header__search"/>
 
-    <LayoutLogo glow
-                class="layout-header__logo"
+    <LayoutLogo
+      glow
+      class="layout-header__logo"
     />
-    <div ref="languageRef"
-         class="layout-header__language _from-sm"
+    <div
+      ref="languageRef"
+      class="layout-header__language _from-sm"
     >
-      <button :class="{'--open': showLanguage}"
-              :aria-label="$t('language')"
-              class="layout-header__language-trigger"
-              type="button"
-              @click="showLanguageMenu"
+      <button
+        :class="{'--open': showLanguage}"
+        :aria-label="$t('language')"
+        class="layout-header__language-trigger"
+        type="button"
+        @click="showLanguageMenu"
       >
-        <img v-if="clientCountryIcon"
-             :src="`/icons/flags/${clientCountryIcon}.svg`"
-             :alt="clientCountryIcon"
-             class="layout-header__language-icon"
-             width="24"
-             height="16"
+        <img
+          v-if="clientCountryIcon"
+          :src="`/icons/flags/${clientCountryIcon}.svg`"
+          :alt="clientCountryIcon"
+          class="layout-header__language-icon"
+          width="24"
+          height="16"
         >
-        <UiIcon v-else
-                class="layout-header__language-icon"
-                name="earth"
-                size="20"
+        <UiIcon
+          v-else
+          class="layout-header__language-icon"
+          name="earth"
+          size="20"
         />
-        <UiIcon class="layout-header__language-angle"
-                name="angle-down"
-                size="12"
+        <UiIcon
+          class="layout-header__language-angle"
+          name="angle-down"
+          size="12"
         />
       </button>
       <transition mode="out-in">
         <KeepAlive>
-          <LazyLayoutLanguage v-if="showLanguage"
-                              class="layout-header__language-menu"
-                              icon-size="20"
-                              @change="closeLanguage"
+          <LazyLayoutLanguage
+            v-if="showLanguage"
+            class="layout-header__language-menu"
+            icon-size="20"
+            @change="closeLanguage"
           />
         </KeepAlive>
       </transition>
     </div>
 
-    <LazyLayoutHeaderUser v-if="isAuthorized"
-                          class="layout-header__user _from-sm"
+    <LazyLayoutHeaderUser
+      v-if="isAuthorized"
+      class="layout-header__user _from-sm"
     />
 
     <template v-else>
-      <UiBtn class="layout-header__sign-up _from-sm"
-             theme="primary"
-             @click="openAuthPopup(AuthSteps.Registration)"
+      <UiBtn
+        class="layout-header__sign-up _from-sm"
+        theme="primary"
+        @click="openAuthPopup(AuthSteps.Registration)"
       >{{ $t('sign_up_button') }}
       </UiBtn>
     </template>
 
-    <button :aria-label="$t('show_menu')"
-            class="layout-header__burger _to-sm"
-            type="button"
-            @click="burgerShow = true"
+    <button
+      :aria-label="$t('show_menu')"
+      class="layout-header__burger _to-sm"
+      type="button"
+      @click="burgerShow = true"
     >
-      <UiIcon class="layout-header__burger-bars"
-              name="bars"
-              size="24"
+      <UiIcon
+        class="layout-header__burger-bars"
+        name="bars"
+        size="24"
       />
     </button>
 
-    <LayoutBurger v-show="burgerShow"
-                  v-model="burgerShow"
+    <LayoutBurger
+      v-show="burgerShow"
+      v-model="burgerShow"
     />
   </header>
 </template>

package/components/layout/language.vue

@@ -1,92 +1,105 @@
 <template>
   <div class="layout-language">
     <span class="layout-language__title _to-sm">{{ $t('language') }}:</span>
-    <details class="layout-language__details"
-             name="layout-language"
+    <details
+      class="layout-language__details"
+      name="layout-language"
     >
       <summary class="layout-language__summary">
-        <UiIcon :size="iconSize"
-                class="layout-language__icon"
-                name="earth"
+        <UiIcon
+          :size="iconSize"
+          class="layout-language__icon"
+          name="earth"
         />
         <span class="layout-language__current">
           <span class="_from-sm">{{ $t('language') }}:&nbsp;</span>
           <span class="layout-language__text">{{ localeName }}</span>
         </span>
-        <UiIcon class="layout-language__angle"
-                name="angle-down"
-                size="16"
+        <UiIcon
+          class="layout-language__angle"
+          name="angle-down"
+          size="16"
         />
       </summary>
       <div class="layout-language__details-wrapper">
-        <button v-for="(item, index) in enabledLocales"
-                :key="`language-${index}`"
-                :class="{'--current': item.code === selectedLocale}"
-                :lang="item.language"
-                class="layout-language__details-item"
-                type="button"
-                @click="changeLocale(item.code)"
+        <button
+          v-for="(item, index) in enabledLocales"
+          :key="`language-${index}`"
+          :class="{'--current': item.code === selectedLocale}"
+          :lang="item.language"
+          class="layout-language__details-item"
+          type="button"
+          @click="changeLocale(item.code)"
         >{{ item.name }}
         </button>
       </div>
     </details>
     <span class="layout-language__title _to-sm">{{ $t('country') }}:</span>
-    <details class="layout-language__details"
-             name="layout-language"
-             @toggle="onCountryToggle($event)"
+    <details
+      class="layout-language__details"
+      name="layout-language"
+      @toggle="onCountryToggle($event)"
     >
       <summary class="layout-language__summary">
-        <img v-if="clientCountryIcon"
-             :alt="clientCountryName"
-             :src="`/icons/flags/${clientCountryIcon}.svg`"
-             class="layout-language__icon"
-             width="20"
-             height="20"
+        <img
+          v-if="clientCountryIcon"
+          :alt="clientCountryName"
+          :src="`/icons/flags/${clientCountryIcon}.svg`"
+          class="layout-language__icon"
+          width="20"
+          height="20"
         >
-        <UiIcon v-else
-                :size="iconSize"
-                class="layout-language__icon"
-                name="earth"
+        <UiIcon
+          v-else
+          :size="iconSize"
+          class="layout-language__icon"
+          name="earth"
         />
         <span class="layout-language__current">
           <span class="_from-sm">{{ $t('country') }}:&nbsp;</span>
           <span class="layout-language__text">{{ clientCountryName }}</span></span>
-        <UiIcon class="layout-language__angle"
-                name="angle-down"
-                size="16"
+        <UiIcon
+          class="layout-language__angle"
+          name="angle-down"
+          size="16"
         />
       </summary>
       <div class="layout-language__details-wrapper">
-        <UiInput v-model="countryValue"
-                 :icon="countryValue.length > 0 ? 'close' : ''"
-                 :placeholder="$t('search')"
-                 pre-icon="search"
-                 class="layout-language__input"
-                 pre-icon-size="16"
-                 size="s"
-                 @icon-click="countryValue = ''"
+        <UiInput
+          v-model="countryValue"
+          :icon="countryValue.length > 0 ? 'close' : ''"
+          :placeholder="$t('search')"
+          pre-icon="search"
+          class="layout-language__input"
+          pre-icon-size="16"
+          size="s"
+          @icon-click="countryValue = ''"
         />
         <p class="layout-language__description">{{ $t('country_description') }}</p>
-        <div v-if="isCountryOpen"
-             class="layout-language__buttons"
+        <div
+          v-if="isCountryOpen"
+          class="layout-language__buttons"
         >
-          <button v-for="(item, index) in filteredCountries"
-                  :key="`language-${index}`"
-                  :class="{'--current': item.icon === clientCountryIcon}"
-                  class="layout-language__details-item --country"
-                  type="button"
-                  @click="changeCountry(item)"
+          <button
+            v-for="(item, index) in filteredCountries"
+            :key="`language-${index}`"
+            :class="{'--current': item.icon === clientCountryIcon}"
+            class="layout-language__details-item --country"
+            type="button"
+            @click="changeCountry(item)"
           >
-            <img :alt="item.title"
-                 :src="`/icons/flags/${item.icon}.svg`"
-                 width="20"
-                 height="20"
-                 loading="lazy"
+            <img
+              :alt="item.title"
+              :src="`/icons/flags/${item.icon}.svg`"
+              width="20"
+              height="20"
+              loading="lazy"
             >
             {{ item.title }}
           </button>
-          <p v-if="countryValue && !filteredCountries.length"
-             class="layout-language__empty"
+          <p
+            v-if="countryValue && !filteredCountries.length"
+            class="layout-language__empty"
           >{{ $t('nothing_found') }}</p>
         </div>
       </div>

package/components/layout/logo.vue

@@ -1,14 +1,16 @@
 <template>
-  <NuxtLink :class="{'layout-logo--glow': glow}"
-            :to="localePath('/')"
-            class="layout-logo"
-            @click="onLogoClick"
+  <NuxtLink
+    :class="{'layout-logo--glow': glow}"
+    :to="localePath('/')"
+    class="layout-logo"
+    @click="onLogoClick"
   >
-    <img class="layout-logo__image"
-         src="/img/logo.svg"
-         width="144"
-         height="24"
-         alt="gay.cool"
+    <img
+      class="layout-logo__image"
+      src="/img/logo.svg"
+      width="144"
+      height="24"
+      alt="gay.cool"
     >
   </NuxtLink>
 </template>

package/components/layout/nav.vue

@@ -1,42 +1,49 @@
 <template>
   <nav class="layout-nav">
-    <div v-for="(item, index) in items || navigationItems"
-         :key="`navigation-item-${index}`"
-         class="layout-nav__item"
+    <div
+      v-for="(item, index) in items || navigationItems"
+      :key="`navigation-item-${index}`"
+      class="layout-nav__item"
     >
-      <component :is="item.link ? SLink : SButton"
-                 class="layout-nav__link"
-                 v-bind="item.link ? {
-                   to: generateLink(item.link),
-                   ariaCurrent: isCurrent(item.link) ? 'page' : undefined,
-                   tabindex: isCurrent(item.link) ? -1 : undefined,
-                 } : {}"
+      <component
+        :is="item.link ? SLink : SButton"
+        class="layout-nav__link"
+        v-bind="item.link ? {
+          to: generateLink(item.link),
+          ariaCurrent: isCurrent(item.link) ? 'page' : undefined,
+          tabindex: isCurrent(item.link) ? -1 : undefined,
+        } : {}"
       >
-        <UiIcon v-if="item.icon"
-                :class="{'--accent': item.accent}"
-                :name="item.icon"
-                class="layout-nav__icon"
-                size="16"
+        <UiIcon
+          v-if="item.icon"
+          :class="{'--accent': item.accent}"
+          :name="item.icon"
+          class="layout-nav__icon"
+          size="16"
         />
         {{ $t(`navigation.${item.title}`) }}
-        <UiIcon v-if="hasChild(item)"
-                class="layout-nav__down"
-                size="11"
-                name="angle-down"
+        <UiIcon
+          v-if="hasChild(item)"
+          class="layout-nav__down"
+          size="11"
+          name="angle-down"
         />
       </component>
-      <div v-if="hasChild(item)"
-           class="layout-nav__menu"
+      <div
+        v-if="hasChild(item)"
+        class="layout-nav__menu"
       >
-        <NuxtLink v-for="(subItem, subIndex) in item.childs"
-                  :key="`navigation-subitem-${index}-${subIndex}`"
-                  :to="generateLink(subItem.link)"
-                  :aria-current="isCurrent(subItem.link) ? 'page' : undefined"
-                  :tabindex="isCurrent(subItem.link) ? -1 : undefined"
-                  class="layout-nav__menu-item"
+        <NuxtLink
+          v-for="(subItem, subIndex) in item.childs"
+          :key="`navigation-subitem-${index}-${subIndex}`"
+          :to="generateLink(subItem.link)"
+          :aria-current="isCurrent(subItem.link) ? 'page' : undefined"
+          :tabindex="isCurrent(subItem.link) ? -1 : undefined"
+          class="layout-nav__menu-item"
         >
-          <UiIcon :name="subItem.icon"
-                  size="16"
+          <UiIcon
+            :name="subItem.icon"
+            size="16"
           />
           {{ $t(subItem.title) }}
         </NuxtLink>

package/components/layout/skip-link.vue

@@ -1,6 +1,7 @@
 <template>
-  <a class="layout-skip-link"
-     href="#main"
+  <a
+    class="layout-skip-link"
+    href="#main"
   >{{ $t('skip_to_content') }}</a>
 </template>
 

package/components/player/aside-videos.vue

@@ -1,17 +1,19 @@
 <!-- Боковая колонка справа: рекомендации или реклама -->
 <template>
-  <div :class="[
-         {'_loading': status === 'pending'},
-       ]"
-       class="player-aside-videos _from-md"
+  <div
+    :class="[
+      {'_loading': status === 'pending'},
+    ]"
+    class="player-aside-videos _from-md"
   >
     <AdvNtv v-if="FeatureFlags.AdsNTVEnabled" />
 
     <template v-else>
-      <CardVideo v-for="item in asideVideos?.items?.slice(0, 2)"
-                 :key="`aside-video-${item.guid}`"
-                 :card="item"
-                 mini
+      <CardVideo
+        v-for="item in asideVideos?.items?.slice(0, 2)"
+        :key="`aside-video-${item.guid}`"
+        :card="item"
+        mini
       />
     </template>
   </div>

package/components/player/autoplay.vue

@@ -1,14 +1,16 @@
 <!-- Тоггл автозапуска следующего видео (состояние в localStorage) -->
 <template>
   <div class="player-autoplay">
-    <button type="button"
-            class="player-autoplay__button"
-            @click="value = !value"
+    <button
+      type="button"
+      class="player-autoplay__button"
+      @click="value = !value"
     >
       {{ $t('autoplay_next_video')}}
     </button>
-    <UiToggle v-model="value"
-              class="player-autoplay__toggle"
+    <UiToggle
+      v-model="value"
+      class="player-autoplay__toggle"
     />
   </div>
 </template>