v-sistec-features 1.17.0 → 1.17.2

package/dist/iframeCommunicator.d.ts

@@ -13,6 +13,10 @@ export declare function useIframeCommunicator(onMessageReceived?: (event: Messag
  * 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 declare function useTheme(): void;
+export declare function useTheme(): {
+    theme: Readonly<Ref<string, string>>;
+    themePalette: Readonly<Ref<string, string>>;
+    themePrimary: Readonly<Ref<string, string>>;
+};
 
 export { }

package/dist/iframeCommunicator.js

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

package/dist/index.d.ts

@@ -18,7 +18,11 @@ export declare function useIframeCommunicator(onMessageReceived?: (event: Messag
  * 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 declare function useTheme(): void;
+export declare function useTheme(): {
+    theme: Readonly<Ref<string, string>>;
+    themePalette: Readonly<Ref<string, string>>;
+    themePrimary: Readonly<Ref<string, string>>;
+};
 
 
 export * from "@tabler/icons-vue";

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-iwlNh_Mm.js";
+import { u as a, a as s } from "./useThemeFromParent-D38ZZSdw.js";
 export * from "@tabler/icons-vue";
 export {
   r as SistecPlugin,

package/dist/useThemeFromParent-D38ZZSdw.js

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

package/package.json

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

package/src/iframeCommunicator/useThemeFromParent.ts

@@ -1,5 +1,5 @@
 import { useIframeCommunicator } from './useIframeCommunicator';
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, readonly, provide } from 'vue';
 
 
 /**
@@ -45,4 +45,12 @@ export function useTheme() {
     onMounted(() => {
         sendMessage({ type: 'iframeReady' });
     });
+    provide('theme-v-sistec', readonly(theme));
+    provide('theme-palette-v-sistec', readonly(themePalette));
+    provide('theme-primary-v-sistec', readonly(themePrimary));
+    return { 
+        theme: readonly(theme), 
+        themePalette: readonly(themePalette), 
+        themePrimary: readonly(themePrimary) 
+    };
 }

package/dist/useThemeFromParent-iwlNh_Mm.js

@@ -1,31 +0,0 @@
-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
-};