@webitel/ui-sdk 24.6.56 → 24.6.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.6.56",
+  "version": "24.6.58",
   "private": false,
   "scripts": {
     "dev": "vite",

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

@@ -41,6 +41,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    hideDuration: {
+      type: Boolean,
+      default: false,
+    },
     download: {
       type: [String, Function, Boolean],
       default: () => (url) => url.replace('/stream', '/download'),
@@ -107,11 +111,17 @@ export default {
       const baseURL = this.$baseURL || process.env.BASE_URL || import.meta.env.BASE_URL;
       const iconUrl = createPlyrURL(baseURL);
       if (this.player) this.player.destroy();
-      const controls = [
+
+      const defaultControls = [
         'play-large', 'play', 'progress', 'current-time',
-        'mute', 'volume', 'captions', 'settings', 'pip',
-        'airplay', 'fullscreen',
+        'duration', 'mute', 'volume', 'captions', 'settings',
+        'pip', 'airplay', 'fullscreen',
       ];
+
+      const controls = this.hideDuration
+        ? defaultControls.filter(control => control !== 'duration')
+        : defaultControls;
+
       if (this.download) controls.push('download');
       this.player = new Plyr(this.$refs.player, {
         // this.player = new Plyr('.wt-player__player', {
@@ -137,8 +147,9 @@ export default {
       this.player.muted = false;
     },
     setupDownload() {
-      if (!this.download) this.setupPlayer();
-      else if (typeof this.download === 'string') {
+      if (!this.download) {
+        this.setupPlayer();
+      } else if (typeof this.download === 'string') {
         this.player.download = this.download;
       } else if (typeof this.download === 'function') {
         this.player.download = this.download(this.src);
@@ -188,13 +199,15 @@ export default {
       box-shadow: var(--elevation-10);
     }
 
-    .plyr__controls .plyr__control {
+    .plyr__controls > .plyr__control,
+    .plyr__controls > .plyr__controls__item > .plyr__control {
       padding: var(--plyr-controls-icon-padding);
+    }
 
-      svg {
-        width: var(--plyr-controls-icon-size);
-        height: var(--plyr-controls-icon-size);
-      }
+    .plyr__controls > .plyr__control > svg,
+    .plyr__controls > .plyr__controls__item > .plyr__control > svg {
+      width: var(--plyr-controls-icon-size);
+      height: var(--plyr-controls-icon-size);
     }
 
     .plyr__control--overlaid svg {

package/src/locale/en/en.js

@@ -255,6 +255,7 @@ export default {
     minLength: 'Quantity of characters should not be less than',
     url: 'Should look like url',
     websocketValidator: 'Should look like WebSocket url',
+    isRegExpMatched: 'Password must match the regular expression:',
     regExpValidator: 'This regular expression is not valid',
     domainValidator: 'Incorrect domain',
     decimalValidator: 'Decimal precision should be no more than { count } places',

package/src/locale/ru/ru.js

@@ -253,6 +253,7 @@ export default {
     minLength: 'Количество символов не должно быть меньше, чем',
     url: 'Необходимо ввести корректный url-адрес',
     websocketValidator: 'Необходимо ввести корректный WebSocket url-адрес',
+    isRegExpMatched: 'Пароль должен соответствовать регулярному выражению:',
     regExpValidator: 'Не правильное регулярное выражение',
     domainValidator: 'Неправильный домен',
     decimalValidator: 'Количество десятичных знаков не должно быть больше { count }',

package/src/locale/ua/ua.js

@@ -253,6 +253,7 @@ export default {
     minLength: 'Кількість символів повинна бути не меншою, ніж',
     url: 'Необхідно ввести правильну url-адресу',
     websocketValidator: 'Необхідно ввести правильну WebSocket url-адресу',
+    isRegExpMatched: 'Пароль має відповідати регулярному виразу:',
     regExpValidator: 'Не правильний регулярний вираз',
     domainValidator: 'Невірний домен',
     decimalValidator: 'Кількість десяткових знаків не повинна бути більше { count }',

package/src/mixins/validationMixin/useValidation.js

@@ -41,6 +41,7 @@ export function useValidation({
       else if (v.value.decimalValidator?.$invalid) validationText = `${t('validation.decimalValidator')} ${v.value.decimalValidator.$params.count}`;
       else if (v.value.websocketValidator?.$invalid) validationText = `${t('validation.websocketValidator')}`;
       else if (v.value.integer?.$invalid) validationText = `${t('validation.integer')}`;
+      else if (v.value.isRegExpMatched?.$invalid) validationText = v.value.isRegExpMatched?.$params?.errorMessage || `${t('validation.isRegExpMatched')} ${v.value.isRegExpMatched?.$params?.regExp}`;
     }
 
     if (customValidators && customValidators.value) {

package/src/mixins/validationMixin/validationMixin.js

@@ -36,6 +36,7 @@ export default {
         else if (this.v.decimalValidator?.$invalid) validationText = `${this.$t('validation.decimalValidator')} ${this.v.decimalValidator.$params.count}`;
         else if (this.v.websocketValidator?.$invalid) validationText = `${this.$t('validation.websocketValidator')}`;
         else if (this.v.integer?.$invalid) validationText = `${this.$t('validation.integer')}`;
+        else if (this.v.isRegExpMatched?.$invalid) validationText = this.v.isRegExpMatched?.$params?.errorMessage || `${t('validation.isRegExpMatched')} ${this.v.isRegExpMatched?.$params?.regExp}`;
       }
 
       for (const { name, text } of this.customValidators) {