@webitel/ui-sdk 26.2.16 → 26.2.18

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

@@ -272,7 +272,6 @@ display: flex;
 .wt-galleria__footer-info {
 display: flex;
   gap: 0.5rem;
-  @extend %typo-body-2
 }
 
 .wt-galleria__footer svg {

package/src/components/wt-input-number/wt-input-number.vue

@@ -81,37 +81,37 @@ import { ComponentSize, MessageColor, MessageVariant } from '../../enums';
 import { useValidation } from '../../mixins/validationMixin/useValidation';
 
 interface WtInputNumberProps extends /* @vue-ignore */ InputNumberProps {
-  label?: string;
-  labelProps?: Record<string, unknown>;
-  placeholder?: string;
-  disabled?: boolean;
-  required?: boolean;
-  min?: number;
-  max?: number;
-  step?: number;
-  minFractionDigits?: number;
-  maxFractionDigits?: number;
-  showButtons?: boolean;
-  v?: Record<string, unknown>;
-  regleValidation?: RegleFieldStatus<number>;
-  customValidators?: unknown[];
+	label?: string;
+	labelProps?: Record<string, unknown>;
+	placeholder?: string;
+	disabled?: boolean;
+	required?: boolean;
+	min?: number;
+	max?: number;
+	step?: number;
+	minFractionDigits?: number;
+	maxFractionDigits?: number;
+	showButtons?: boolean;
+	v?: Record<string, unknown>;
+	regleValidation?: RegleFieldStatus<number>;
+	customValidators?: unknown[];
 }
 
 const props = withDefaults(defineProps<WtInputNumberProps>(), {
-  label: '',
-  labelProps: () => ({}),
-  placeholder: '',
-  disabled: false,
-  required: false,
-  min: undefined,
-  max: undefined,
-  step: 1,
-  minFractionDigits: undefined,
-  maxFractionDigits: undefined,
-  showButtons: true,
-  v: null,
-  regleValidation: null,
-  customValidators: () => [],
+	label: '',
+	labelProps: () => ({}),
+	placeholder: '',
+	disabled: false,
+	required: false,
+	min: undefined,
+	max: undefined,
+	step: 1,
+	minFractionDigits: undefined,
+	maxFractionDigits: undefined,
+	showButtons: true,
+	v: null,
+	regleValidation: null,
+	customValidators: () => [],
 });
 
 const model = defineModel<number | null>({

package/src/components/wt-input-text/wt-input-text.vue

@@ -62,7 +62,7 @@ import { useValidation } from '../../mixins/validationMixin/useValidation';
 
 interface WtInputTextProps extends /* @vue-ignore */ InputTextProps {
 	label?: string;
-  labelProps?: Record<string, unknown>;
+	labelProps?: Record<string, unknown>;
 	placeholder?: string;
 	disabled?: boolean;
 	required?: boolean;
@@ -74,7 +74,7 @@ interface WtInputTextProps extends /* @vue-ignore */ InputTextProps {
 
 const props = withDefaults(defineProps<WtInputTextProps>(), {
 	label: '',
-  labelProps: () => ({}),
+	labelProps: () => ({}),
 	placeholder: '',
 	disabled: false,
 	required: false,

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

@@ -67,7 +67,7 @@ import { useValidation } from '../../mixins/validationMixin/useValidation';
 
 interface WtPasswordProps extends /* @vue-ignore */ PasswordProps {
 	label?: string;
-  labelProps?: Record<string, unknown>;
+	labelProps?: Record<string, unknown>;
 	placeholder?: string;
 	disabled?: boolean;
 	required?: boolean;
@@ -79,7 +79,7 @@ interface WtPasswordProps extends /* @vue-ignore */ PasswordProps {
 
 const props = withDefaults(defineProps<WtPasswordProps>(), {
 	label: '',
-  labelProps: () => ({}),
+	labelProps: () => ({}),
 	placeholder: '',
 	disabled: false,
 	required: false,

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

@@ -13,54 +13,22 @@
 			:download="download"
 			custom-icons
 		>
-			<template #airplay-icon>
-				<wt-icon icon="plyr-airplay" />
-			</template>
-			<template #captions-off-icon>
-				<wt-icon icon="plyr-captions-off" />
-			</template>
-			<template #captions-on-icon>
-				<wt-icon icon="plyr-captions-on" />
-			</template>
-			<template #download-icon>
-				<wt-icon icon="plyr-download" />
-			</template>
-			<template #enter-fullscreen-icon>
-				<wt-icon icon="plyr-enter-fullscreen" />
-			</template>
-			<template #enter-pip-icon>
-				<wt-icon icon="plyr-pip" />
-			</template>
-			<template #exit-fullscreen-icon>
-				<wt-icon icon="plyr-exit-fullscreen" />
-			</template>
-			<template #exit-pip-icon>
-				<wt-icon icon="plyr-pip" />
-			</template>
-			<template #fast-forward-icon>
-				<wt-icon icon="plyr-fast-forward" />
-			</template>
-			<template #muted-icon>
-				<wt-icon icon="plyr-muted" />
-			</template>
-			<template #pause-icon>
-				<wt-icon icon="plyr-pause" />
-			</template>
-			<template #play-icon>
-				<wt-icon icon="plyr-play" />
-			</template>
-			<template #restart-icon>
-				<wt-icon icon="plyr-restart" />
-			</template>
-			<template #rewind-icon>
-				<wt-icon icon="plyr-rewind" />
-			</template>
-			<template #settings-icon>
-				<wt-icon icon="plyr-settings" />
-			</template>
-			<template #volume-icon>
-				<wt-icon icon="plyr-volume" />
-			</template>
+			<wt-icon icon="plyr-airplay" slot="airplay-icon" />
+			<wt-icon icon="plyr-captions-off" slot="captions-off-icon" />
+			<wt-icon icon="plyr-captions-on" slot="captions-on-icon" />
+			<wt-icon icon="plyr-download" slot="download-icon" />
+			<wt-icon icon="plyr-enter-fullscreen" slot="enter-fullscreen-icon" />
+			<wt-icon icon="plyr-pip" slot="enter-pip-icon" />
+			<wt-icon icon="plyr-exit-fullscreen" slot="exit-fullscreen-icon" />
+			<wt-icon icon="plyr-pip" slot="exit-pip-icon" />
+			<wt-icon icon="plyr-fast-forward" slot="fast-forward-icon" />
+			<wt-icon icon="plyr-muted" slot="muted-icon" />
+			<wt-icon icon="plyr-pause" slot="pause-icon" />
+			<wt-icon icon="plyr-play" slot="play-icon" />
+			<wt-icon icon="plyr-restart" slot="restart-icon" />
+			<wt-icon icon="plyr-rewind" slot="rewind-icon" />
+			<wt-icon icon="plyr-settings" slot="settings-icon" />
+			<wt-icon icon="plyr-volume" slot="volume-icon" />
 		</media-plyr-layout>
 	</media-player>
 </template>

package/src/css/pages/table-page.css

@@ -26,6 +26,7 @@
 	flex-direction: column;
 	width: 100%;
 	flex: 1;
+	min-height: 0;
 }
 
 .table-section__table-wrapper {

package/src/mixins/validationMixin/regle/useRegleValidation.ts

@@ -1,5 +1,5 @@
 import type { RegleFieldStatus } from '@regle/core';
-import { computed, type ComputedRef, type Ref } from 'vue';
+import { type ComputedRef, computed, type Ref } from 'vue';
 
 export type UseFieldValidationParams = {
 	field: Ref<RegleFieldStatus<string>>;

package/src/mixins/validationMixin/useValidation.ts

@@ -1,12 +1,12 @@
 import { computed } from 'vue';
 
 import {
-	useFieldValidation as useRegleFieldValidation,
 	type UseFieldValidationParams as UseRegleFieldValidationParams,
+	useFieldValidation as useRegleFieldValidation,
 } from './regle/useRegleValidation';
 import {
-	useFieldValidation as useVuelidateValidation,
 	type UseFieldValidationParams as UseVuelidateFieldValidationParams,
+	useFieldValidation as useVuelidateValidation,
 } from './vuelidate/useVuelidateValidation';
 
 type CompatVuelidateParams = {

package/src/modules/AgentPdfs/components/agent-pdfs-tab.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="table-wrapper table-page table-wrapper--tab-table">
+  <section class="table-section">
     <slot
       name="header"
       :selected="selected"
@@ -23,7 +23,7 @@
       :headline="textEmpty"
     />
 
-    <div v-show="!isLoading" class="table-loading-wrapper">
+    <div v-if="dataList?.length" class="table-section__table-wrapper">
       <wt-table
         v-if="dataList?.length"
         :data="dataList"

package/src/modules/Userinfo/v2/stores/__tests__/accessStore.spec.ts

@@ -1,4 +1,4 @@
-import { createPinia, setActivePinia,type StoreDefinition } from 'pinia';
+import { createPinia, type StoreDefinition, setActivePinia } from 'pinia';
 import { beforeEach, describe, expect, it } from 'vitest';
 import { createApp, h } from 'vue';
 import { createRouter, createWebHistory, type Router } from 'vue-router';

package/dist/wt-player-CrWaNs89.js

@@ -1,86 +0,0 @@
-import { defineComponent as f, computed as m, watch as i, onMounted as w, createElementBlock as v, openBlock as B, normalizeClass as g, createElementVNode as d, createVNode as e } from "vue";
-import { G as o, _ as V } from "./install-CWtkLkAb.js";
-const _ = ["src", "loop", "autoplay"], h = ["controls", "download"], k = /* @__PURE__ */ f({
-  __name: "wt-player",
-  props: {
-    src: {},
-    autoplay: { type: Boolean, default: !0 },
-    loop: { type: Boolean, default: !1 },
-    hideDuration: { type: Boolean, default: !1 },
-    download: { type: [String, Function, Boolean], default: () => (a) => a.replace("/stream", "/download") },
-    resetOnEnd: { type: Boolean, default: !1 },
-    invertTime: { type: Boolean, default: !0 },
-    resetVolume: { type: Boolean, default: !1 },
-    closable: { type: Boolean, default: !0 },
-    position: { default: "sticky" }
-  },
-  emits: ["initialized", "close"],
-  setup(a, { emit: s }) {
-    const l = a, p = s, c = m(() => {
-      let t = [
-        "play",
-        "progress",
-        "mute+volume",
-        "download",
-        "fullscreen",
-        "settings"
-      ];
-      return l.hideDuration && (t = t.filter((n) => n !== "duration")), l.download || (t = t.filter((n) => n !== "download")), t;
-    });
-    i(
-      () => l.src,
-      () => {
-        r();
-      }
-    ), i(
-      () => l.download,
-      () => {
-        r();
-      }
-    ), w(() => {
-    });
-    async function u() {
-      l.resetVolume && y(), l.download && r(), l.closable, p("initialized", player.value);
-    }
-    function y() {
-      player.value && (player.value.volume = 1, player.value.muted = !1);
-    }
-    function r() {
-      l.download ? player.value && (typeof l.download == "string" ? player.value.download = l.download : typeof l.download == "function" && (player.value.download = l.download(l.src || ""))) : u();
-    }
-    return (t, n) => (B(), v("media-player", {
-      ref: "player",
-      class: g(["wt-player", `wt-player--position-${a.position}`]),
-      src: a.src,
-      loop: a.loop,
-      autoplay: a.autoplay
-    }, [
-      n[0] || (n[0] = d("media-provider", null, null, -1)),
-      d("media-plyr-layout", {
-        controls: c.value,
-        download: a.download,
-        "custom-icons": ""
-      }, [
-        e(o, { icon: "plyr-airplay" }),
-        e(o, { icon: "plyr-captions-off" }),
-        e(o, { icon: "plyr-captions-on" }),
-        e(o, { icon: "plyr-download" }),
-        e(o, { icon: "plyr-enter-fullscreen" }),
-        e(o, { icon: "plyr-pip" }),
-        e(o, { icon: "plyr-exit-fullscreen" }),
-        e(o, { icon: "plyr-pip" }),
-        e(o, { icon: "plyr-fast-forward" }),
-        e(o, { icon: "plyr-muted" }),
-        e(o, { icon: "plyr-pause" }),
-        e(o, { icon: "plyr-play" }),
-        e(o, { icon: "plyr-restart" }),
-        e(o, { icon: "plyr-rewind" }),
-        e(o, { icon: "plyr-settings" }),
-        e(o, { icon: "plyr-volume" })
-      ], 8, h)
-    ], 10, _));
-  }
-}), z = /* @__PURE__ */ V(k, [["__scopeId", "data-v-08a56285"]]);
-export {
-  z as default
-};