@pantograph/vue 0.28.1 → 0.28.3

package/dist/ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),g=require("reka-ui"),l=require("@pantograph/tokens"),T=require("@pantograph/utils-vue"),p=require("es-toolkit"),h=require("@vueuse/core"),D=i=>t.computed(()=>{const e=t.unref(i);if(p.isString(e)&&typeof document<"u")return document.querySelector(e);if((e==null?void 0:e.nodeType)===1)return e;if(typeof document<"u")return document.documentElement}),k=i=>{const e=D(i),o=t.ref("ltr"),u=()=>{var n;((n=e.value)==null?void 0:n.nodeType)===1&&(o.value=getComputedStyle(e.value).direction)};u();const r=n=>{let c=n;(!n||!["rtl","ltr"].includes(n))&&(c=o.value==="ltr"?"rtl":"ltr"),e.value&&(e.value.dir=c)};return h.useMutationObserver(e,u,{attributes:!0,attributeFilter:["dir","class","style"]}),[o,r]},v=i=>{const e=D(i),o=t.ref(!1),u=()=>{var n,c,d;((n=e.value)==null?void 0:n.nodeType)===1&&(o.value=((d=(c=e.value)==null?void 0:c.classList)==null?void 0:d.contains("pantograph-dark"))??!1)};u();const r=n=>{let c=n;[!0,!1].includes(n)||(c=!o.value),e.value&&l.toggleDark(c,e.value)};return h.useMutationObserver(e,u,{attributes:!0,attributeFilter:["class","data-theme"]}),[o,r]},[b,C]=g.createContext("config-provider"),[O,y]=k(),[w,q]=v(),x={dir:O,changeDirection:y,dark:w,flipOnDir:t.computed(()=>"none"),toggleDark:q,changeTheme:l.defineTheme,theme:t.computed(()=>l.getThemeConfig())},_=()=>b(x),E=()=>{const i=_(),e=t.getCurrentInstance();return{config:i,getFlipOnDir:r=>t.computed(()=>(e==null?void 0:e.props)[r]??i.flipOnDir.value),getDir:r=>t.computed(()=>(r&&p.isFunction(r)?r():(e==null?void 0:e.props).dir)??i.dir.value)}},F=t.defineComponent({...T.getComponentOptions("ConfigProvider",!1),__name:"ConfigProvider",props:{locale:{},theme:{},flipOnDir:{},changeAbleDirectionElement:{default:"html"},changeAbleDarkElement:{default:"html"}},setup(i){const e=i;t.useSlots();const[o,u]=k(e.changeAbleDirectionElement),[r,n]=v(e.changeAbleDarkElement);t.onMounted(()=>{t.watch(()=>e.theme,()=>{var s,a;if((s=e.theme)!=null&&s.init||(a=e.theme)!=null&&a.element){const{init:S,...m}=e.theme;typeof window<"u"&&!window.pantographThemeDefined?(l.init(m),window.pantographThemeDefined=!0):l.defineTheme(m)}},{immediate:!0})});const c=t.computed(()=>({...l.getThemeConfig(e.theme),dark:r.value})),d=t.computed(()=>e.flipOnDir),f=s=>{var a;return l.defineTheme({element:(a=e.theme)==null?void 0:a.element,...s})};return C({dir:o,theme:c,flipOnDir:d,dark:r,changeDirection:u,changeTheme:f,toggleDark:n}),(s,a)=>(t.openBlock(),t.createBlock(t.unref(g.ConfigProvider),{dir:t.unref(o)},{default:t.withCtx(()=>[t.renderSlot(s.$slots,"default",{dir:t.unref(o),theme:c.value,changeDirection:t.unref(u),changeTheme:f,toggleDark:t.unref(n),dark:t.unref(r)})]),_:3},8,["dir"]))}});exports._sfc_main=F;exports.injectConfigContext=_;exports.provideConfigContext=C;exports.useConfig=E;