@webitel/ui-sdk 25.12.26 → 25.12.27

package/package.json

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

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

@@ -35,8 +35,7 @@
 
 <script lang="ts" setup>
 import type { ButtonProps } from 'primevue';
-import {computed, defineEmits, defineProps, ref, useAttrs, watch} from 'vue';
-import {useStore} from "vuex";
+import { computed, defineEmits, defineProps, inject,ref, useAttrs, watch } from 'vue';
 
 import { ButtonColor, ButtonVariant, ComponentSize,  } from '../../enums';
 
@@ -81,9 +80,34 @@ const emit = defineEmits(['click']);
 const attrs = useAttrs();
 
 const showLoader = ref(false);
-const store = useStore();
 
-const darkMode = computed(() => store.getters['appearance/DARK_MODE']);
+// @Ler24
+// Compatibility mode for Vuex (old mode) and when there is no Vuex in project (new mode)
+const store = ref(null);
+
+const initStore = async () => {
+  try {
+    const vuex = await import('vuex');
+    store.value = vuex.useStore();
+  } catch (e) {
+    store.value = null;
+  }
+}
+initStore();
+
+const injectDarkMode = inject('darkMode');
+
+const darkMode = computed(() => {
+  if (injectDarkMode?.value) {
+    return injectDarkMode.value;
+  }
+
+  if (store?.value?.getters) {
+    return store?.value?.getters['appearance/DARK_MODE'] ?? false;
+  }
+
+  return false;
+});
 
 /**
  * @author: @Opelsandr Palonnyi

package/dist/vidstack-DqAw8m9J-DyYO78jE.js

@@ -1,29 +0,0 @@
-var f = (i) => {
-  throw TypeError(i);
-};
-var c = (i, t, s) => t.has(i) || f("Cannot " + s);
-var r = (i, t, s) => (c(i, t, "read from private field"), s ? s.call(i) : t.get(i)), e = (i, t, s) => t.has(i) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, u) => (c(i, t, "write to private field"), u ? u.call(i, s) : t.set(i, s), s), m = (i, t, s) => (c(i, t, "access private method"), s);
-import { k as l, u as p } from "./install-CrrAB4P5.js";
-var o, a, n, d;
-class F {
-  constructor(t) {
-    e(this, n);
-    e(this, o);
-    e(this, a);
-    h(this, a, t);
-  }
-  start() {
-    l(r(this, o)) && m(this, n, d).call(this);
-  }
-  stop() {
-    p(r(this, o)) && window.cancelAnimationFrame(r(this, o)), h(this, o, void 0);
-  }
-}
-o = new WeakMap(), a = new WeakMap(), n = new WeakSet(), d = function() {
-  h(this, o, window.requestAnimationFrame(() => {
-    l(r(this, o)) || (r(this, a).call(this), m(this, n, d).call(this));
-  }));
-};
-export {
-  F as R
-};