vexip-ui/lib/components/layout/helper.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../grid/index.cjs");const n=require("vue"),u=require("@vexip-ui/utils"),m=require("./symbol.cjs"),v=require("../grid/helper.cjs"),i=u.isClient?document.documentElement:void 0,p=i&&getComputedStyle(i);function y(o){if(!i||!p)return;const a={light:[],opacity:[],dark:[]},s=u.parseColorToRgba(p.getPropertyValue("--vxp-color-black")||{r:0,g:0,b:0,a:1}),c=u.parseColorToRgba(p.getPropertyValue("--vxp-color-white")||{r:255,g:255,b:255,a:1}),r=i.style;for(let e=1;e<10;++e){const t=u.mixColor(c,o,e*.1).toString(),l=u.adjustAlpha(o,u.toFixed(1-e*.1,1)).toString();r.setProperty(`--vxp-color-primary-light-${e}`,t),r.setProperty(`--vxp-color-primary-opacity-${e}`,l),a.light.push(t),a.opacity.push(l)}for(let e=1;e<3;++e){const t=u.mixColor(s,o,e*.1).toString();r.setProperty(`--vxp-color-primary-dark-${e}`,t),a.dark.push(t)}return r.setProperty("--vxp-color-primary-base",`${o}`),a}function g(){return n.inject(m.LAYOUT_STATE,n.reactive({isLayout:!1,locked:!1,affixed:!1,scrollY:0,affixMatched:!1,expandMatched:!1,useExpand:!1,expanded:!1,reduced:!1,navConfig:!1,classes:Object.freeze({}),changeInLock:u.noop}))}const x=Object.freeze(["xs","sm","md","lg","xl","xxl"]);function h(o){const a=n.ref(!1),s=n.ref(0),c=u.isClient&&getComputedStyle(document.documentElement),r=n.computed(()=>{if(s.value,typeof o.value!="function"&&x.includes(o.value)){const d=o.value==="xs"?"sm":o.value;if(d===v.currentBreakPoint.value)return!0;const f=c&&c.getPropertyValue(`--vxp-break-point-${d}`).trim();return f&&`only screen and ${f}`}return o.value});let e=!1,t;const l=()=>{if(typeof r.value=="boolean"){a.value=r.value;return}if(!r.value||r.value==="min"){a.value=!1;return}if(r.value==="max"){a.value=!0;return}if(typeof r.value=="function"){a.value=r.value(v.currentBreakPoint.value);return}e&&(t=matchMedia(r.value),t==null||t.addEventListener("change",l)),a.value=t.matches};return n.watch(r,()=>{l()}),n.onMounted(()=>{++s.value,e=!0,l()}),n.onBeforeUnmount(()=>{e=!1,t==null||t.removeEventListener("change",l),t=void 0}),a}function b(){const o=n.ref(0);return n.onMounted(()=>{o.value++}),n.onUpdated(()=>{o.value++}),o}exports.computeSeriesColors=y;exports.useLayoutState=g;exports.useMediaQuery=h;exports.useUpdateCounter=b;
//# sourceMappingURL=helper.cjs.map