@webitel/ui-sdk 26.4.32 → 26.4.34

package/dist/{wt-vidstack-player-1ALWyNaS.js → wt-vidstack-player-DJVlp2Go.js}

@@ -1,6 +1,6 @@
 import { defineComponent as lt, inject as ye, createElementBlock as ft, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as pt, createVNode as U, useTemplateRef as _i, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Ds, withCtx as Qt, resolveComponent as Ri, ref as us, provide as Oi, toRefs as Ni } from "vue";
-import { a as q, c as gt, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as te, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as he, t as W, V as J, v as w, C as b, S as yt, w as Vt, x as p, y as rt, z, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as ce, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ue, a5 as ta, a6 as Dt, a7 as K, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-CpHWbv6g.js";
-import { T as ca, U as ua, V as pa, X as ma, _ as dt, Q as jt, Y as fa, C as Y } from "./install-MeHxIEWi.js";
+import { a as q, c as gt, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as te, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as he, t as W, V as J, v as w, C as b, S as yt, w as Vt, x as p, y as rt, z, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as ce, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ue, a5 as ta, a6 as Dt, a7 as K, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-CTzsUo62.js";
+import { T as ca, U as ua, V as pa, X as ma, _ as dt, Q as jt, Y as fa, C as Y } from "./install-D_goYtnz.js";
 import { _ as ga } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const Us = gt();
 function $() {
@@ -2070,7 +2070,7 @@ class un {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-_sHFibxB.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-Bk1wmJYd.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,7 +2083,7 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-C7Qptkzg.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-DVWLXMbZ.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-DXkSTucY.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-BvsDlNoZ.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-osW7_t7U.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-fN-vPQlr.js")).DASHProvider(this.target, t);
   }
 }
 class pn {
@@ -2125,7 +2125,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-CeaMORm2.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-C43vDg2R.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 mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-BdX6H3uU.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-BqjBo21Z.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 vn extends Ct {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (ee("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-TAqIAVUC.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU-gmAgDRVT.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 Lr extends v(HTMLElement, ai) {
     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_-Fj0XhDLk.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-BGfLCdlb.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.4.32",
+	"version": "26.4.34",
 	"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/index.js

@@ -162,6 +162,10 @@ const WtScreenRecordingsAction = defineAsyncComponent(
 		),
 );
 
+const WtInlineAddPanel = defineAsyncComponent(
+	() => import('./wt-inline-add-panel/wt-inline-add-panel.vue'),
+);
+
 const Components = {
 	WtActionBar,
 	WtImage,
@@ -243,6 +247,7 @@ const Components = {
 	WtExpansionCard,
 	WtDatetimeText,
 	WtScreenRecordingsAction,
+	WtInlineAddPanel,
 };
 
 export {
@@ -281,6 +286,7 @@ export {
 	WtIconBtn,
 	WtImage,
 	WtIndicator,
+	WtInlineAddPanel,
 	WtInputNumber,
 	WtInputText,
 	WtIntersectionObserver,

package/src/components/wt-inline-add-panel/__tests__/WtInlineAddPanel.spec.js

@@ -0,0 +1,70 @@
+import { shallowMount } from '@vue/test-utils';
+
+import WtInlineAddPanel from '../wt-inline-add-panel.vue';
+
+describe('WtInlineAddPanel', () => {
+	it('renders a component', () => {
+		const wrapper = shallowMount(WtInlineAddPanel);
+		expect(wrapper.classes('wt-inline-add-panel')).toBe(true);
+	});
+
+	it('renders default direction class "row"', () => {
+		const wrapper = shallowMount(WtInlineAddPanel);
+		expect(wrapper.classes('wt-inline-add-panel--row')).toBe(true);
+	});
+
+	it('renders "column" direction class when direction prop is "column"', () => {
+		const wrapper = shallowMount(WtInlineAddPanel, {
+			props: {
+				direction: 'column',
+			},
+		});
+		expect(wrapper.classes('wt-inline-add-panel--column')).toBe(true);
+	});
+
+	it('renders content via default slot', () => {
+		const content = 'slot content';
+		const wrapper = shallowMount(WtInlineAddPanel, {
+			slots: {
+				default: content,
+			},
+		});
+		expect(wrapper.text()).toContain(content);
+	});
+
+	it('emits "submit" on submit button click', async () => {
+		const wrapper = shallowMount(WtInlineAddPanel);
+		const buttons = wrapper.findAllComponents({
+			name: 'WtButton',
+		});
+		await buttons[0].trigger('click');
+		expect(wrapper.emitted('submit')).toBeTruthy();
+	});
+
+	it('emits "reset" on close button click', async () => {
+		const wrapper = shallowMount(WtInlineAddPanel);
+		const buttons = wrapper.findAllComponents({
+			name: 'WtButton',
+		});
+		await buttons[1].trigger('click');
+		expect(wrapper.emitted('reset')).toBeTruthy();
+	});
+
+	it('disables submit button when disabledAddAction is true', () => {
+		const wrapper = shallowMount(WtInlineAddPanel, {
+			props: {
+				disabledAddAction: true,
+			},
+		});
+		const submitButton = wrapper.findAllComponents({
+			name: 'WtButton',
+		})[0];
+		expect(submitButton.props('disabled')).toBe(true);
+	});
+
+	it('emits "submit" on form submit', async () => {
+		const wrapper = shallowMount(WtInlineAddPanel);
+		await wrapper.find('form').trigger('submit');
+		expect(wrapper.emitted('submit')).toBeTruthy();
+	});
+});

package/src/components/wt-inline-add-panel/wt-inline-add-panel.vue

@@ -0,0 +1,69 @@
+<template>
+  <form
+    class="wt-inline-add-panel"
+    :class="[`wt-inline-add-panel--${props.direction}`]"
+    @submit.prevent="submit"
+  >
+    <slot />
+    <div class="wt-inline-add-panel__actions">
+      <wt-button
+        :disabled="props.disabledAddAction"
+        icon="tick"
+        color="secondary"
+        outlined
+        @click="submit"
+      />
+      <wt-button
+        icon="close"
+        outlined
+        color="secondary"
+        @click="reset"
+      />
+    </div>
+
+  </form>
+</template>
+
+<script lang="ts" setup>
+interface WtInlineAddPanel {
+	disabledAddAction?: boolean;
+	direction?: 'row' | 'column';
+}
+
+const props = withDefaults(defineProps<WtInlineAddPanel>(), {
+	direction: 'row',
+	disabledAddAction: false,
+});
+
+const emit = defineEmits([
+	'submit',
+	'reset',
+]);
+
+function submit() {
+	emit('submit');
+}
+
+function reset() {
+	emit('reset');
+}
+</script>
+
+<style scoped>
+.wt-inline-add-panel {
+  display: flex;
+  width: 100%;
+  gap: var(--spacing-xs);
+}
+
+.wt-inline-add-panel__actions {
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  gap: var(--spacing-xs);
+}
+
+.wt-inline-add-panel--column {
+  flex-direction: column;
+}
+</style>

package/src/enums/TypesExportedSettings/TypesExportedSettings.enum.js

@@ -1,4 +1,4 @@
 export default Object.freeze({
 	CSV: 'csv',
-	XLS: 'xls',
+	XLSX: 'xlsx',
 });

package/types/components/wt-inline-add-panel/__tests__/WtInlineAddPanel.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/wt-inline-add-panel/wt-inline-add-panel.vue.d.ts

@@ -0,0 +1,26 @@
+interface WtInlineAddPanel {
+    disabledAddAction?: boolean;
+    direction?: 'row' | 'column';
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<WtInlineAddPanel, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    reset: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<WtInlineAddPanel> & Readonly<{
+    onSubmit?: (...args: any[]) => any;
+    onReset?: (...args: any[]) => any;
+}>, {
+    disabledAddAction: boolean;
+    direction: "row" | "column";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/enums/TypesExportedSettings/TypesExportedSettings.enum.d.ts

@@ -1,5 +1,5 @@
 declare const _default: Readonly<{
     CSV: "csv";
-    XLS: "xls";
+    XLSX: "xlsx";
 }>;
 export default _default;