@pantograph/vue 0.13.1 → 0.14.1

package/dist/index-DXzWdQsN.js

@@ -1,137 +0,0 @@
-import { createContext as C, ConfigProvider as T } from "radix-vue";
-import { toggleDark as O, getThemeConfig as d, init as E, defineTheme as m } from "@pantograph/tokens";
-import { computed as l, unref as g, ref as h, defineComponent as _, watch as y, h as S, getCurrentInstance as j } from "vue";
-import { a as L, i as M, b as x } from "./isArray-DGJFqUD8.js";
-import { useMutationObserver as D } from "@vueuse/core";
-import { c as A } from "./options-JBqnVZUl.js";
-var H = "[object String]";
-function p(t) {
-  return typeof t == "string" || !M(t) && L(t) && x(t) == H;
-}
-const v = (t) => {
-  const n = l(() => {
-    const e = g(t);
-    return p(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
-  }), r = h("ltr"), o = () => {
-    n.value instanceof HTMLElement && (r.value = getComputedStyle(n.value).direction);
-  };
-  o();
-  const c = (e) => {
-    let i = e;
-    (!e || !["rtl", "ltr"].includes(e)) && (i = r.value === "ltr" ? "rtl" : "ltr"), n.value && (n.value.dir = i);
-  };
-  return D(n, o, {
-    attributes: !0,
-    attributeFilter: ["dir", "class", "style"]
-  }), [r, c];
-}, k = (t) => {
-  const n = l(() => {
-    const e = g(t);
-    return p(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
-  }), r = h(!1), o = () => {
-    var e, i;
-    n.value instanceof HTMLElement && (r.value = ((i = (e = n.value) == null ? void 0 : e.classList) == null ? void 0 : i.contains("pantograph-dark")) ?? !1);
-  };
-  o();
-  const c = (e) => {
-    let i = e;
-    [!0, !1].includes(e) || (i = !r.value), n.value && O(i, n.value);
-  };
-  return D(n, o, {
-    attributes: !0,
-    attributeFilter: ["class", "data-theme"]
-  }), [r, c];
-}, [q, w] = C("config-provider"), [P, F] = v(), [$, G] = k(), I = {
-  dir: P,
-  changeDirection: F,
-  dark: $,
-  flipOnDir: l(() => "none"),
-  toggleDark: G,
-  changeTheme: m,
-  theme: l(() => d())
-}, z = () => q(I), V = _({
-  name: `${A}ConfigProvider`,
-  inheritAttrs: !1,
-  props: {
-    flipOnDir: {
-      type: String,
-      required: !1
-    },
-    locale: {
-      type: [String, Object],
-      required: !1
-    },
-    theme: {
-      type: Object,
-      required: !1
-    },
-    changeAbleDirectionElement: {
-      type: [String, HTMLElement, Object],
-      default: "html"
-    },
-    changeAbleDarkElement: {
-      type: [String, HTMLElement, Object],
-      default: "html"
-    }
-  },
-  setup(t, {
-    slots: n
-  }) {
-    const [r, o] = v(t.changeAbleDirectionElement), [c, e] = k(t.changeAbleDarkElement);
-    y(
-      () => t.theme,
-      () => {
-        var a, s;
-        if ((a = t.theme) != null && a.init || (s = t.theme) != null && s.element) {
-          const { init: B, ...f } = t.theme;
-          window.pantographThemeDefined ? m(f) : (E(f), Promise.resolve({          }), window.pantographThemeDefined = !0);
-        }
-      },
-      { immediate: !0 }
-    );
-    const i = l(() => ({
-      ...d(t.theme),
-      dark: c.value
-    })), b = l(() => t.flipOnDir), u = (a) => {
-      var s;
-      return m({ element: (s = t.theme) == null ? void 0 : s.element, ...a });
-    };
-    return w({
-      dir: r,
-      theme: i,
-      flipOnDir: b,
-      dark: c,
-      changeDirection: o,
-      changeTheme: u,
-      toggleDark: e
-    }), () => S(
-      T,
-      { dir: r.value },
-      {
-        default: () => {
-          var a;
-          return (a = n.default) == null ? void 0 : a.call(n, {
-            dir: r.value,
-            theme: i.value,
-            dark: c.value,
-            changeDirection: o,
-            changeTheme: u,
-            toggleDark: e
-          });
-        }
-      }
-    );
-  }
-}), W = () => {
-  const t = z(), n = j();
-  return { config: t, getFlipOnDir: (o) => l(
-    () => (n == null ? void 0 : n.props)[o] ?? t.flipOnDir.value
-  ) };
-};
-export {
-  V as C,
-  z as a,
-  p as i,
-  w as p,
-  W as u
-};

package/dist/index-fCdmNGB1.js

@@ -1 +0,0 @@
-"use strict";const h=require("radix-vue"),l=require("@pantograph/tokens"),r=require("vue"),d=require("./isArray-3RTyNB5p.js"),D=require("@vueuse/core"),T=require("./options-B4iSAKol.js");var O="[object String]";function f(t){return typeof t=="string"||!d.isArray(t)&&d.isObjectLike(t)&&d.baseGetTag(t)==O}const v=t=>{const n=r.computed(()=>{const e=r.unref(t);return f(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),i=r.ref("ltr"),c=()=>{n.value instanceof HTMLElement&&(i.value=getComputedStyle(n.value).direction)};c();const u=e=>{let o=e;(!e||!["rtl","ltr"].includes(e))&&(o=i.value==="ltr"?"rtl":"ltr"),n.value&&(n.value.dir=o)};return D.useMutationObserver(n,c,{attributes:!0,attributeFilter:["dir","class","style"]}),[i,u]},p=t=>{const n=r.computed(()=>{const e=r.unref(t);return f(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),i=r.ref(!1),c=()=>{var e,o;n.value instanceof HTMLElement&&(i.value=((o=(e=n.value)==null?void 0:e.classList)==null?void 0:o.contains("pantograph-dark"))??!1)};c();const u=e=>{let o=e;[!0,!1].includes(e)||(o=!i.value),n.value&&l.toggleDark(o,n.value)};return D.useMutationObserver(n,c,{attributes:!0,attributeFilter:["class","data-theme"]}),[i,u]},[q,C]=h.createContext("config-provider"),[y,E]=v(),[_,S]=p(),j={dir:y,changeDirection:E,dark:_,flipOnDir:r.computed(()=>"none"),toggleDark:S,changeTheme:l.defineTheme,theme:r.computed(()=>l.getThemeConfig())},k=()=>q(j),x=r.defineComponent({name:`${T.componentPrefix}ConfigProvider`,inheritAttrs:!1,props:{flipOnDir:{type:String,required:!1},locale:{type:[String,Object],required:!1},theme:{type:Object,required:!1},changeAbleDirectionElement:{type:[String,HTMLElement,Object],default:"html"},changeAbleDarkElement:{type:[String,HTMLElement,Object],default:"html"}},setup(t,{slots:n}){const[i,c]=v(t.changeAbleDirectionElement),[u,e]=p(t.changeAbleDarkElement);r.watch(()=>t.theme,()=>{var a,s;if((a=t.theme)!=null&&a.init||(s=t.theme)!=null&&s.element){const{init:M,...g}=t.theme;window.pantographThemeDefined?l.defineTheme(g):(l.init(g),Promise.resolve().then(()=>require("./index-Dyvby5gX.js")),window.pantographThemeDefined=!0)}},{immediate:!0});const o=r.computed(()=>({...l.getThemeConfig(t.theme),dark:u.value})),b=r.computed(()=>t.flipOnDir),m=a=>{var s;return l.defineTheme({element:(s=t.theme)==null?void 0:s.element,...a})};return C({dir:i,theme:o,flipOnDir:b,dark:u,changeDirection:c,changeTheme:m,toggleDark:e}),()=>r.h(h.ConfigProvider,{dir:i.value},{default:()=>{var a;return(a=n.default)==null?void 0:a.call(n,{dir:i.value,theme:o.value,dark:u.value,changeDirection:c,changeTheme:m,toggleDark:e})}})}}),L=()=>{const t=k(),n=r.getCurrentInstance();return{config:t,getFlipOnDir:c=>r.computed(()=>(n==null?void 0:n.props)[c]??t.flipOnDir.value)}};exports.ConfigProvider=x;exports.injectConfigContext=k;exports.isString=f;exports.provideConfigContext=C;exports.useConfig=L;