v-sistec-features 1.16.0 → 1.17.0

package/dist/iframeCommunicator.js

@@ -1,4 +1,4 @@
-import { u as m, a as o } from "./useThemeFromParent-Bk-du0-V.js";
+import { u as m, a as o } from "./useThemeFromParent-iwlNh_Mm.js";
 export {
   m as useIframeCommunicator,
   o as useTheme

package/dist/index.js

@@ -1,5 +1,5 @@
 import { S as r } from "./plugin-C0f4EPnK.js";
-import { u as a, a as s } from "./useThemeFromParent-Bk-du0-V.js";
+import { u as a, a as s } from "./useThemeFromParent-iwlNh_Mm.js";
 export * from "@tabler/icons-vue";
 export {
   r as SistecPlugin,

package/dist/useThemeFromParent-iwlNh_Mm.js

@@ -0,0 +1,31 @@
+import { ref as a, onMounted as r, onUnmounted as u, readonly as d } from "vue";
+function h(t) {
+  const n = a(window.parent !== window);
+  function m(s, o = "*") {
+    n.value && window.parent.postMessage(s, o);
+  }
+  return r(() => {
+    t && window.addEventListener("message", t);
+  }), u(() => {
+    t && window.removeEventListener("message", t);
+  }), {
+    isInIframe: d(n),
+    // readonly para evitar modificação externa
+    sendMessage: m
+  };
+}
+function c() {
+  const t = a("light"), n = a("slate"), m = a("");
+  function s(i) {
+    const e = i.data;
+    e && (e.type === "setTheme" && (document.documentElement.setAttribute("data-bs-theme", e.theme), t.value = e.theme), e.type === "setThemePrimary" && (document.documentElement.setAttribute("data-bs-theme-primary", e.themePrimary), m.value = e.themePrimary), e.type === "setThemeBase" && (document.documentElement.setAttribute("data-bs-theme-base", e.themeBase), n.value = e.themeBase), e.type === "reload" && location.reload());
+  }
+  const { sendMessage: o } = h(s);
+  r(() => {
+    o({ type: "iframeReady" });
+  });
+}
+export {
+  c as a,
+  h as u
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "v-sistec-features",
   "private": false,
-  "version": "1.16.0",
+  "version": "1.17.0",
   "author": "Márlon Bento Azevedo (https://github.com/marlon-bento)",
   "repository": {
     "type": "git",

package/src/iframeCommunicator/useThemeFromParent.ts

@@ -1,32 +1,48 @@
 import { useIframeCommunicator } from './useIframeCommunicator';
-import { onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 
-function handleThemeMessage(event: MessageEvent) {
-    if (event.data.type === 'setTheme') {
-        document.documentElement.setAttribute('data-bs-theme', event.data.theme);
-    }
-    if (event.data.type === 'setThemePrimary') {
-        document.documentElement.setAttribute('data-bs-theme-primary', event.data.themePrimary);
-    }
-    if (event.data.type === 'setThemeBase') {
-        document.documentElement.setAttribute('data-bs-theme-base', event.data.themeBase);
-    }
-    if (event.data.type === 'reload') {
-        location.reload();
-    }
-}
 
 /**
  * Um composable "tudo-em-um" que configura a comunicação de temas com a janela pai.
  * para usar, bastar importar e chamar useTheme() na raiz do component app do iframe
  */
 export function useTheme() {
-  // Usa o composable genérico, passando o handler de temas, assim ele já configura 
-  // o listener e o que é feito quando receber uma mensagem do pai referente a tema
-  const { sendMessage } = useIframeCommunicator(handleThemeMessage);
-
-  // passa uma mensagem para o pai avisando que o iframe está pronto para receber temas
-  onMounted(() => {
-    sendMessage({ type: 'iframeReady' });
-  });
+
+    // Usa o composable genérico, passando o handler de temas, assim ele já configura 
+    // o listener e o que é feito quando receber uma mensagem do pai referente a tema
+    const theme = ref('light');
+    const themePalette = ref('slate');
+    const themePrimary = ref('');
+
+    function handleThemeMessage(event: MessageEvent) {
+        const data = event.data;
+
+        // Validação básica para evitar erros se data for nulo
+        if (!data) return;
+
+        if (data.type === 'setTheme') {
+            document.documentElement.setAttribute('data-bs-theme', data.theme);
+            theme.value = data.theme;
+        }
+
+        if (data.type === 'setThemePrimary') {
+            document.documentElement.setAttribute('data-bs-theme-primary', data.themePrimary);
+            themePrimary.value = data.themePrimary;
+        }
+
+        if (data.type === 'setThemeBase') {
+            document.documentElement.setAttribute('data-bs-theme-base', data.themeBase);
+            themePalette.value = data.themeBase;
+        }
+
+        if (data.type === 'reload') {
+            location.reload();
+        }
+    }
+    const { sendMessage } = useIframeCommunicator(handleThemeMessage);
+
+    // passa uma mensagem para o pai avisando que o iframe está pronto para receber temas
+    onMounted(() => {
+        sendMessage({ type: 'iframeReady' });
+    });
 }

package/dist/useThemeFromParent-Bk-du0-V.js

@@ -1,29 +0,0 @@
-import { ref as o, onMounted as a, onUnmounted as d, readonly as r } from "vue";
-function i(e) {
-  const t = o(window.parent !== window);
-  function m(n, s = "*") {
-    t.value && window.parent.postMessage(n, s);
-  }
-  return a(() => {
-    e && window.addEventListener("message", e);
-  }), d(() => {
-    e && window.removeEventListener("message", e);
-  }), {
-    isInIframe: r(t),
-    // readonly para evitar modificação externa
-    sendMessage: m
-  };
-}
-function u(e) {
-  e.data.type === "setTheme" && document.documentElement.setAttribute("data-bs-theme", e.data.theme), e.data.type === "setThemePrimary" && document.documentElement.setAttribute("data-bs-theme-primary", e.data.themePrimary), e.data.type === "setThemeBase" && document.documentElement.setAttribute("data-bs-theme-base", e.data.themeBase), e.data.type === "reload" && location.reload();
-}
-function h() {
-  const { sendMessage: e } = i(u);
-  a(() => {
-    e({ type: "iframeReady" });
-  });
-}
-export {
-  h as a,
-  i as u
-};