@webitel/ui-sdk 26.4.4 → 26.4.5

package/dist/{wt-vidstack-player-pBr5MGtV.js → wt-vidstack-player-DxMVJIvL.js}

@@ -1,6 +1,6 @@
 import { defineComponent as lt, inject as ge, createElementBlock as mt, openBlock as G, normalizeClass as ye, unref as ot, createElementVNode as at, renderSlot as Wt, createVNode as U, useTemplateRef as qi, onMounted as _i, onBeforeUnmount as Ii, createBlock as Gt, createCommentVNode as Ut, toDisplayString as Vi, resolveComponent as Di, withCtx as _e, ref as us, provide as Ri, toRefs as Oi } from "vue";
-import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Ds, E as Rs, D as L, h as Q, o as x, j as Ni, k as f, m as l, n as M, p as Os, q as Hi, r as oe, t as W, V as J, v as w, C as b, S as gt, w as It, x as p, y as rt, z, I as Ns, A as Fi, B as Bi, F as tt, G as Ge, H as Hs, J as ps, K as Ue, L as Fs, M as Tt, N as Ke, O as de, P as Gi, Q as xt, R as Ui, U as Ki, W as Qi, X as Wi, Y as zi, Z as ji, _ as Yi, $ as Xi, a0 as Ji, a1 as Bs, a2 as T, a3 as _, a4 as ce, a5 as Zi, a6 as Vt, a7 as K, a8 as ta, a9 as ea, aa as sa, ab as ia, ac as ms, ad as aa, ae as na, af as v, ag as y, ah as ra, ai as oa, T as ha, u as la } from "./useVidstackSrc-B7BBXfwn.js";
-import { T as da, U as ca, V as ua, X as pa, _ as dt, Q as zt, Y as ma, C as Y } from "./install-CZhup3k-.js";
+import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Ds, E as Rs, D as L, h as Q, o as x, j as Ni, k as f, m as l, n as M, p as Os, q as Hi, r as oe, t as W, V as J, v as w, C as b, S as gt, w as It, x as p, y as rt, z, I as Ns, A as Fi, B as Bi, F as tt, G as Ge, H as Hs, J as ps, K as Ue, L as Fs, M as Tt, N as Ke, O as de, P as Gi, Q as xt, R as Ui, U as Ki, W as Qi, X as Wi, Y as zi, Z as ji, _ as Yi, $ as Xi, a0 as Ji, a1 as Bs, a2 as T, a3 as _, a4 as ce, a5 as Zi, a6 as Vt, a7 as K, a8 as ta, a9 as ea, aa as sa, ab as ia, ac as ms, ad as aa, ae as na, af as v, ag as y, ah as ra, ai as oa, T as ha, u as la } from "./useVidstackSrc-CtW9VH2z.js";
+import { T as da, U as ca, V as ua, X as pa, _ as dt, Q as zt, Y as ma, C as Y } from "./install-BoPNhKqW.js";
 import { _ as fa } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const Gs = ft();
 function $() {
@@ -2070,7 +2070,7 @@ class cn {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-CYolGFz2.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-C2A8-vsm.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,7 +2083,7 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-DfcP1zEj.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-DZR0V5cy.js")).VideoProvider(this.target, t);
   }
 }
 class Ye extends je {
@@ -2093,7 +2093,7 @@ class Ye extends je {
     return Ye.supported && Ge(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-CboIqEj6.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-CucwGvEb.js")).HLSProvider(this.target, t);
   }
 }
 class Xe extends je {
@@ -2103,7 +2103,7 @@ class Xe extends je {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-Dl9TRRIB.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-Diy859m8.js")).DASHProvider(this.target, t);
   }
 }
 class un {
@@ -2125,7 +2125,7 @@ class un {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-CLYlzSe2.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-Cf-IjuCq.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2157,7 +2157,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-46mDm0WJ.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-DEVjXaKp.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: i, resolveYouTubeVideoId: n } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = S(t.src) && n(t.src);
@@ -2625,7 +2625,7 @@ class bn extends Pt {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (te("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-CG5VP5Ie.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU-B7nT-TwN.js").then((n) => n.v);
         this.#v = new i.GoogleCastLoader();
       }
       await this.#v.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -8022,7 +8022,7 @@ class Mr extends v(HTMLElement, ii) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-CWv2i8FQ.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-DlUxSDxe.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.4.4",
+	"version": "26.4.5",
 	"private": false,
 	"scripts": {
 		"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run biome:format:all || true) && npm run publish-lib",

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

@@ -7,16 +7,29 @@ import { computed } from 'vue';
 import { FormatDateMode } from '../../enums';
 import { formatDate } from '../../utils';
 
-const props = withDefaults(
-	defineProps<{
-		datetime: string | number | Date;
-		mode?: FormatDateMode;
-		timezone?: string;
-	}>(),
-	{
-		mode: FormatDateMode.DATETIME,
-	},
-);
+interface Props {
+	/**
+	 * Date/time value to display. Accepts a date string, Unix timestamp (ms), or Date object.
+	 * @type {string | number | Date}
+	 */
+	datetime: string | number | Date;
+	/**
+	 * Display format mode.
+	 * @type {FormatDateMode}
+	 * @default FormatDateMode.DATETIME (datetime)
+	 * @values 'date', 'time', 'timeSec', 'datetime', 'datetimeShort'
+	 */
+	mode?: FormatDateMode;
+	/**
+	 * IANA timezone identifier (e.g. 'Europe/Kyiv'). Falls back to the user's saved timezone or the browser timezone.
+	 * @type {string}
+	 */
+	timezone?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+	mode: FormatDateMode.DATETIME,
+});
 
 const formatted = computed(() =>
 	formatDate(props.datetime, props.mode, {

package/src/components/wt-tree-table/wt-tree-table.vue

@@ -4,92 +4,92 @@
       class="wt-tree-table-wrapper"
     >
       <thead class="wt-tree-table-head">
-        <tr class="wt-tree-table-tr wt-tree-table-tr-head">
-          <th
-            v-for="(col, key) of dataHeaders"
-            :key="String(key) + col?.sort"
-            :class="[
+      <tr class="wt-tree-table-tr wt-tree-table-tr-head">
+        <th
+          v-for="(col, key) of dataHeaders"
+          :key="String(key) + col?.sort"
+          :class="[
               {
                 'wt-tree-table-th--sortable': isColSortable(col),
               },
               `wt-tree-table-th--sort-${col.sort}`,
             ]"
-            :style="col.width ? `min-width:${col.width}` : ''"
-            class="wt-tree-table-th typo-body-1"
-            @click="sort(col, key)"
-          >
-            <div class="wt-tree-table-th__content"
-                 :class="{'wt-tree-table-th__content--selectable': key === 0 && selectable}">
-              <div
-                v-if="key === 0 && selectable"
-                @click.stop
-              >
-                <wt-checkbox
-                  :selected="isAllSelected"
-                  @update:selected="selectAll"
-                />
-              </div>
-              <div class="wt-tree-table-th__text">
-                {{ col.text }}
-              </div>
-              <wt-icon
-                v-if="sortable"
-                class="wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--asc"
-                icon="sort-arrow-up"
-                size="sm"
-              />
-              <wt-icon
-                v-if="sortable"
-                class="wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--desc"
-                icon="sort-arrow-down"
-                size="sm"
+          :style="col.width ? `min-width:${col.width}` : ''"
+          class="wt-tree-table-th typo-body-1"
+          @click="sort(col, key)"
+        >
+          <div class="wt-tree-table-th__content"
+               :class="{'wt-tree-table-th__content--selectable': key === 0 && selectable}">
+            <div
+              v-if="key === 0 && selectable"
+              @click.stop
+            >
+              <wt-checkbox
+                :selected="isAllSelected"
+                @update:selected="selectAll"
               />
             </div>
-          </th>
-          <th
-            v-if="gridActions"
-            class="wt-tree-table-th__actions"
-          >
-            <div class="wt-tree-table-th__content">
-              <slot name="actions-header" />
+            <div class="wt-tree-table-th__text">
+              {{ col.text }}
             </div>
-          </th>
-        </tr>
+            <wt-icon
+              v-if="sortable"
+              class="wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--asc"
+              icon="sort-arrow-up"
+              size="sm"
+            />
+            <wt-icon
+              v-if="sortable"
+              class="wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--desc"
+              icon="sort-arrow-down"
+              size="sm"
+            />
+          </div>
+        </th>
+        <th
+          v-if="gridActions"
+          class="wt-tree-table-th__actions"
+        >
+          <div class="wt-tree-table-th__content">
+            <slot name="actions-header" />
+          </div>
+        </th>
+      </tr>
       </thead>
 
       <tbody class="wt-tree-table-body">
-        <wt-tree-table-row
-          v-for="(row, dataKey) of data"
-          :key="dataKey"
-          :row-position="dataKey"
-          :data-headers="dataHeaders"
-          :data="row"
-          :selectable="selectable"
-          :children-prop="childrenProp"
-          :selected-elements="selectedElements"
-          :searched-prop="searchedProp"
-          @update:selected="handleSelection($event.data, $event.select)"
+      <wt-tree-table-row
+        v-for="(row, dataKey) of data"
+        :key="dataKey"
+        :row-position="dataKey"
+        :data-headers="dataHeaders"
+        :data="row"
+        :selectable="selectable"
+        :children-prop="childrenProp"
+        :selected-elements="selectedElements"
+        :searched-prop="searchedProp"
+        @update:selected="handleSelection($event.data, $event.select)"
+      >
+        <template #actions="{ item }">
+          <slot
+            name="actions"
+            :item="item"
+          />
+        </template>
+        <template
+          v-for="(col, headerKey) of dataHeaders"
+          :key="headerKey"
+          #[col.value]="{ item }"
         >
-          <template #actions="{ item }">
-            <slot
-              name="actions"
-              :item="item"
-            />
-          </template>
-          <template
-            v-for="(col, headerKey) of dataHeaders"
-            :key="headerKey"
-            #[col.value]="{ item }"
+          <slot
+            :index="dataKey"
+            :item="item"
+            :name="col.value"
           >
-            <slot
-              :index="dataKey"
-              :item="item"
-              :name="col.value"
-            >
-              {{ item[col.value] }}
-            </slot>
-          </template>
-        </wt-tree-table-row>
+            {{ item[col.value] }}
+          </slot>
+        </template>
+      </wt-tree-table-row>
       </tbody>
     </table>
   </div>
@@ -289,6 +289,11 @@ const handleSelection = (row, select) => {
   background: var(--wt-tree-table-head-background-color);
 }
 
+.wt-tree-table-th__content {
+  display: flex;
+  align-items: center;
+}
+
 .wt-tree-table-th__content--selectable {
   display: flex;
 }
@@ -350,11 +355,11 @@ const handleSelection = (row, select) => {
   margin-left: var(--wt-tree-table-head-sort-arrow-margin);
 }
 
-.wt-tree-table-th-sort-arrow--sort-asc .wt-tree-table-th-sort-arrow--asc {
+.wt-tree-table-th--sort-asc .wt-tree-table-th-sort-arrow--asc {
   display: block;
 }
 
-.wt-tree-table-th-sort-arrow--sort-desc .wt-tree-table-th-sort-arrow--desc {
+.wt-tree-table-th--sort-desc .wt-tree-table-th-sort-arrow--desc {
   display: block;
 }
 

package/types/components/wt-datetime-text/wt-datetime-text.vue.d.ts

@@ -1,10 +1,24 @@
 import { FormatDateMode } from '../../enums';
-type __VLS_Props = {
+interface Props {
+    /**
+     * Date/time value to display. Accepts a date string, Unix timestamp (ms), or Date object.
+     * @type {string | number | Date}
+     */
     datetime: string | number | Date;
+    /**
+     * Display format mode.
+     * @type {FormatDateMode}
+     * @default FormatDateMode.DATETIME (datetime)
+     * @values 'date', 'time', 'timeSec', 'datetime', 'datetimeShort'
+     */
     mode?: FormatDateMode;
+    /**
+     * IANA timezone identifier (e.g. 'Europe/Kyiv'). Falls back to the user's saved timezone or the browser timezone.
+     * @type {string}
+     */
     timezone?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     mode: FormatDateMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;