@webitel/ui-sdk 23.12.39-vite-6 → 23.12.40

package/src/components/wt-dummy/wt-dummy.vue

@@ -10,15 +10,11 @@
     </div>
     <p
       v-if="!hiddenText"
-      class="wt-dummy__text"
-    >
-      {{ text || $t('webitelUI.dummy.text') }}
-    </p>
+      class="wt-dummy__text">{{ text || $t('webitelUI.dummy.text') }}</p>
     <wt-button
       v-if="showAction"
       @click="emits('create')"
-    >
-      {{ buttonText || $t('reusable.add') }}
+      >{{ buttonText || $t('reusable.add') }}
     </wt-button>
   </div>
 </template>

package/src/components/wt-error-page/wt-error-page.vue

@@ -7,18 +7,12 @@
         :alt="errorPic.alt"
       >
       <h2
-        class="wt-error-page__title"
-      >
-        {{ errorTitle }}
-      </h2>
-      <p class="wt-error-page__text">
-        {{ errorText }}
-      </p>
+        class="wt-error-page__title">{{ errorTitle }}</h2>
+      <p class="wt-error-page__text">{{ errorText }}</p>
       <wt-button
         class="wt-error-page__action"
         @click="$emit('back')"
-      >
-        {{ $t('webitelUI.errorPages.goBack') }}
+      >{{ $t('webitelUI.errorPages.goBack') }}
       </wt-button>
     </article>
   </section>
@@ -29,7 +23,7 @@ import pic403 from '../../assets/components/organisms/wt-error-page/403.svg';
 import pic404 from '../../assets/components/organisms/wt-error-page/404.svg';
 
 export default {
-  name: 'WtErrorPage',
+  name: 'wt-error-page',
   props: {
     type: {
       type: String,

package/src/components/wt-expansion-panel/wt-expansion-panel.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     :class="[{'wt-expansion-panel--opened':open},
-             `wt-expansion-panel--${props.size}`]"
+    `wt-expansion-panel--${props.size}`]"
     class="wt-expansion-panel"
   >
     <div
@@ -10,14 +10,14 @@
       @click="open = !open"
       @keypress.enter="open = !open"
     >
-      <slot name="title" />
+      <slot name="title"></slot>
       <wt-icon
         icon="arrow-right"
-      />
+      ></wt-icon>
     </div>
     <wt-expand-transition>
       <div v-show="open">
-        <slot />
+        <slot></slot>
       </div>
     </wt-expand-transition>
   </div>

package/src/components/wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue

@@ -1,23 +1,20 @@
 <template>
-  <article
-    class="filters-panel-wrapper"
-    :class="{ 'filters-panel-wrapper--opened': isOpened }"
-  >
+  <article class="filters-panel-wrapper" :class="{ 'filters-panel-wrapper--opened': isOpened }">
     <div class="filters-wrap">
-      <slot />
+      <slot></slot>
     </div>
     <div class="actions-wrap">
       <wt-table-actions
         :icons="['filter-reset', 'settings']"
         @input="tableActionsHandler"
-      />
+      ></wt-table-actions>
     </div>
   </article>
 </template>
 
 <script>
 export default {
-  name: 'FiltersPanelWrapper',
+  name: 'filters-panel-wrapper',
   data: () => ({
     isOpened: false,
     filtersCount: 0,

package/src/components/wt-headline/wt-headline.vue

@@ -3,12 +3,12 @@
     <slot>
       <slot name="title-wrapper">
         <h1 class="wt-headline__title">
-          <slot name="title" />
+          <slot name="title"></slot>
         </h1>
       </slot>
       <div class="wt-headline__actions-wrapper">
-        <slot name="search" />
-        <slot name="actions" />
+        <slot name="search"></slot>
+        <slot name="actions"></slot>
       </div>
     </slot>
   </header>
@@ -16,7 +16,7 @@
 
 <script>
 export default {
-  name: 'WtHeadline',
+  name: 'wt-headline',
 };
 </script>
 

package/src/components/wt-headline-nav/wt-headline-nav.vue

@@ -5,22 +5,15 @@
       :key="key"
       class="wt-headline-nav__wrapper"
     >
-      <span
-        v-if="key !== 0"
-        class="wt-headline-nav__indicator"
-      />
+      <span v-if="key !== 0" class="wt-headline-nav__indicator"></span>
       <h1 class="wt-headline-nav__title">
         <router-link
           v-if="singlePath.route"
           :to="singlePath.route"
           class="wt-headline-nav__text wt-headline-nav__text--link"
-        >
-          {{ singlePath.name }}
+        >{{ singlePath.name }}
         </router-link>
-        <span
-          v-else
-          class="wt-headline-nav__text"
-        >{{ singlePath.name }}</span>
+        <span v-else class="wt-headline-nav__text">{{ singlePath.name }}</span>
       </h1>
     </div>
   </nav>
@@ -84,7 +77,7 @@ const props = defineProps({
 }
 
 .wt-headline-nav__text {
-  color: var(--text-main-color);
+  color: var(--main-text-color);
 }
 
 .wt-headline-nav__wrapper:last-child {

package/src/components/wt-hint/wt-hint.vue

@@ -1,18 +1,18 @@
 <template>
   <wt-tooltip class="wt-hint">
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="rounded-info"
         :color="iconColor"
-      />
+      ></wt-icon-btn>
     </template>
-    <slot />
+    <slot></slot>
   </wt-tooltip>
 </template>
 
 <script>
 export default {
-  name: 'WtHint',
+  name: 'wt-hint',
   props: {
     iconColor: {
       type: String,

package/src/components/wt-icon/wt-icon.vue

@@ -2,13 +2,13 @@
   <i
     class="wt-icon"
     :class="[
-      `wt-icon--size-${size}`,
-      `wt-icon--color-${color}`,
-      { 'wt-icon--disabled': disabled },
-    ]"
+       `wt-icon--size-${size}`,
+       `wt-icon--color-${color}`,
+       { 'wt-icon--disabled': disabled },
+     ]"
   >
     <svg class="wt-icon__icon">
-      <use :xlink:href="iconName" />
+      <use :xlink:href="iconName"></use>
     </svg>
   </i>
 </template>

package/src/components/wt-icon-action/_internals/wt-add-icon-action.vue

@@ -1,11 +1,11 @@
 <template>
   <wt-tooltip>
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="plus"
         :disabled="disabled"
         @click="emit('click')"
-      />
+      ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.addActionHint') }}
   </wt-tooltip>

package/src/components/wt-icon-action/_internals/wt-delete-icon-action.vue

@@ -1,11 +1,11 @@
 <template>
   <wt-tooltip>
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="bucket"
         :disabled="disabled"
         @click="emit('click')"
-      />
+      ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.deleteActionHint') }}
   </wt-tooltip>

package/src/components/wt-icon-action/_internals/wt-download-icon-action.vue

@@ -1,11 +1,11 @@
 <template>
   <wt-tooltip>
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="download"
         :disabled="disabled"
         @click="emit('click')"
-      />
+      ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.downloadActionHint') }}
   </wt-tooltip>

package/src/components/wt-icon-action/_internals/wt-edit-icon-action.vue

@@ -1,11 +1,11 @@
 <template>
   <wt-tooltip>
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="edit"
         :disabled="disabled"
         @click="emit('click')"
-      />
+      ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.editActionHint') }}
   </wt-tooltip>

package/src/components/wt-icon-action/_internals/wt-history-icon-action.vue

@@ -1,11 +1,11 @@
 <template>
   <wt-tooltip>
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="history"
         :disabled="disabled"
         @click="emit('click')"
-      />
+      ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.historyActionHint') }}
   </wt-tooltip>

package/src/components/wt-icon-action/_internals/wt-refresh-icon-action.vue

@@ -1,11 +1,11 @@
 <template>
   <wt-tooltip>
-    <template #activator>
+    <template v-slot:activator>
       <wt-icon-btn
         icon="refresh"
         :disabled="disabled"
         @click="emit('click')"
-      />
+      ></wt-icon-btn>
     </template>
     {{ $t('reusable.refresh') }}
   </wt-tooltip>

package/src/components/wt-icon-action/wt-icon-action.vue

@@ -3,7 +3,7 @@
     :is="actionComponent"
     :disabled="disabled"
     @click="emit('click')"
-  />
+  ></component>
 </template>
 
 <script setup>

package/src/components/wt-icon-btn/wt-icon-btn.vue

@@ -8,7 +8,7 @@
     <wt-icon
       v-bind="$attrs"
       :disabled="disabled"
-    />
+    ></wt-icon>
   </button>
 </template>
 

package/src/components/wt-indicator/wt-indicator.vue

@@ -10,11 +10,8 @@
       :class="[
         `wt-indicator__indicator--${color}`,
       ]"
-    />
-    <div
-      v-if="isText"
-      class="wt-indicator__text"
-    >
+    ></span>
+    <div v-if="isText" class="wt-indicator__text">
       {{ text }}
     </div>
   </div>
@@ -22,7 +19,7 @@
 
 <script>
 export default {
-  name: 'WtIndicator',
+  name: 'wt-indicator',
   props: {
     color: {
       type: String,