@lumal/datav 0.0.1-beta → 0.0.3-beta

package/dist/LumalFullScreenContainer-DiyLPEHD.js

@@ -1 +0,0 @@
-import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createCommentVNode as n,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeStyle as d,onBeforeUnmount as s,onMounted as r,openBlock as l,ref as u,renderSlot as f,shallowRef as c,unref as h,watch as v}from"vue";function m(e,t,n,i){if(n<=0||i<=0||e<=0||t<=0)return{containerWidth:Math.max(0,e),containerHeight:Math.max(0,t),scale:1,scaledWidth:n,scaledHeight:i,offsetX:0,offsetY:0};const a=Math.min(e/n,t/i),o=n*a,d=i*a;return{containerWidth:e,containerHeight:t,scale:a,scaledWidth:o,scaledHeight:d,offsetX:(e-o)/2,offsetY:(t-d)/2}}function g(e,t){const n=c({containerWidth:0,containerHeight:0,scale:1,scaledWidth:t.designWidth(),scaledHeight:t.designHeight(),offsetX:0,offsetY:0}),i=c(!1);let a,o;function d(){void 0!==o&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(o):clearTimeout(o),o=void 0)}function l(){o=void 0;const a=e.value;a&&(n.value=m(a.clientWidth,a.clientHeight,t.designWidth(),t.designHeight()),i.value=!0)}function u(){d(),o="function"==typeof requestAnimationFrame?requestAnimationFrame(l):setTimeout(l,16)}function f(e){a?.disconnect(),a=void 0,e&&"undefined"!=typeof ResizeObserver&&(a=new ResizeObserver(u),a.observe(e)),u()}return v(e,f),r(()=>{f(e.value),"undefined"!=typeof window&&"undefined"==typeof ResizeObserver&&window.addEventListener("resize",u)}),s(()=>{d(),a?.disconnect(),a=void 0,"undefined"!=typeof window&&window.removeEventListener("resize",u)}),{result:n,ready:i,measure:u}}var p=["data-mode"],w=/*#__PURE__*/e(/*@__PURE__*/o({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const o=e,s=u(null),r=t(()=>o.width??("undefined"==typeof screen?1920:screen.width)),c=t(()=>o.height??("undefined"==typeof screen?1080:screen.height)),{result:v,ready:m}=g(s,{designHeight:()=>c.value,designWidth:()=>r.value}),w=t(()=>{if("vwvh"===o.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,r.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,c.value)+"vh"};if("scale"===o.mode)return{height:`${c.value}px`,transform:`translate(${v.value.offsetX}px, ${v.value.offsetY}px) scale(${v.value.scale})`,transformOrigin:"top left",width:`${r.value}px`};const e=(v.value.containerWidth||r.value)/Math.max(1,r.value);return{height:`${c.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${r.value}px`}});return(t,o)=>(l(),i("div",{ref_key:"containerRef",ref:s,class:"lumal-full-screen-container","data-mode":e.mode,style:d({zIndex:e.zIndex})},[a("div",{class:"lumal-full-screen-container__stage",style:d(w.value)},[h(m)?f(t.$slots,"default",{key:0},void 0,!0):n("",!0)],4)],12,p))}}),[["__scopeId","data-v-0d163f1c"]]);export{m as n,g as r,w as t};

package/dist/LumalWaterLevelPond-CmWyv5mD.js

@@ -1 +0,0 @@
-import{t as e}from"./useElementSize-CKA7EtNB.js";import{a,t as l}from"./utils-BmGYN0WH.js";import{t}from"./useSvgAnimationPause-C2PzKmDN.js";import{Fragment as r,computed as u,createElementBlock as o,createElementVNode as n,defineComponent as s,normalizeClass as v,openBlock as i,renderList as c,toDisplayString as p,unref as f,useId as d,useTemplateRef as m}from"vue";var h=["aria-valuenow","aria-valuetext"],x=["viewBox"],y=["offset","stop-color"],g=["y2"],w=["offset","stop-color"],$=["cx","cy","rx","ry"],M=["width","height","rx"],k=["clip-path"],_=["d","fill","opacity"],F=["values","dur"],R=["stroke","fill","x","y"],A=["cx","cy","rx","ry","stroke"],C=["rx","width","height","stroke"],L=/*@__PURE__*/s({__name:"LumalWaterLevelPond",props:{config:{},value:{},data:{},values:{},colors:{},shape:{},formatter:{type:[String,Function]},waveCount:{},waveNum:{},waveHeight:{},waveOpacity:{},duration:{}},setup(s,{expose:L}){const O=s,b=m("rootRef"),E=m("svgRef"),S=e(b),j=t(b,E),B=d().replaceAll(":",""),N=`water-border-${B}`,P=`water-fill-${B}`,H=`water-clip-${B}`,D=u(()=>S.value.width),G=u(()=>S.value.height),I=u(()=>Math.max(0,D.value-16)),U=u(()=>Math.max(0,G.value-16)),W=u(()=>{const e=O.shape??O.config?.shape??"rect";return"circle"===e||"round"===e?"round":"rounded"===e||"roundRect"===e?"roundRect":"rect"}),z=u(()=>"round"===W.value?"is-circle":"roundRect"===W.value?"is-rounded":"is-rect"),T=u(()=>O.colors??O.config?.colors??["#3DE7C9","#00BAFF"]),Z=u(()=>a(O.waveNum??O.waveCount??O.config?.waveNum??3,3)),q=u(()=>Math.max(0,O.waveHeight??O.config?.waveHeight??40)),J=u(()=>Math.min(1,Math.max(0,O.waveOpacity??O.config?.waveOpacity??.4))),K=u(()=>(O.data??O.values??(void 0===O.value?O.config?.data:[O.value])??[]).map(l)),Q=u(()=>K.value.length?Math.max(...K.value):0),V=u(()=>{if(!K.value.length)return"";const e=O.formatter??O.config?.formatter??"{value}%";return"function"==typeof e?e(Q.value):e.replace("{value}",String(Q.value))}),X=u(()=>{const e=T.value.length?T.value:["#3DE7C9","#00BAFF"],a=e.length>1?100/(e.length-1):0;return e.map((e,l)=>({color:e,offset:l*a}))}),Y=u(()=>`${Math.max(1,O.duration??5e3)}ms`);function ee(e){const a=I.value,l=U.value;if(!a||!l)return"";const t=a/Z.value/2,r=(1-e/100)*l,u=Array.from({length:4*Z.value+4},(e,l)=>[8+a-t*l+2*t,8+(l%2?r-q.value:r)]),o=u.slice(0,-1).map((e,a)=>{const[l,t]=function(e,a){const l=e[Math.max(0,a-1)],t=e[a],r=e[Math.min(e.length-1,a+1)],u=e[Math.min(e.length-1,a+2)];return[[t[0]+.25*(r[0]-l[0]),t[1]+.25*(r[1]-l[1])],[r[0]-.25*(u[0]-t[0]),r[1]-.25*(u[1]-t[1])]]}(u,a),r=u[a+1];return`C ${l[0]} ${l[1]} ${t[0]} ${t[1]} ${r[0]} ${r[1]}`}),n=u[0],s=u.at(-1);return`M ${n[0]} ${n[1]} ${o.join(" ")} L ${s[0]} ${8+l} L ${n[0]} ${8+l} Z`}const ae=u(()=>K.value.map((e,a)=>({key:a,path:ee(e)})));return L({getWavePaths:()=>ae.value.map(e=>e.path)}),(e,a)=>(i(),o("div",{ref_key:"rootRef",ref:b,class:v(["dv-water-pond-level lumal-water-level-pond",[z.value,{"is-animation-paused":f(j).paused}]]),role:"meter","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Q.value,"aria-valuetext":V.value,onFocusin:a[0]||(a[0]=(...e)=>f(j).onFocusIn&&f(j).onFocusIn(...e)),onFocusout:a[1]||(a[1]=(...e)=>f(j).onFocusOut&&f(j).onFocusOut(...e)),onMouseenter:a[2]||(a[2]=(...e)=>f(j).onMouseEnter&&f(j).onMouseEnter(...e)),onMouseleave:a[3]||(a[3]=(...e)=>f(j).onMouseLeave&&f(j).onMouseLeave(...e))},[(i(),o("svg",{ref_key:"svgRef",ref:E,class:"lumal-water-level-pond__svg",viewBox:`0 0 ${Math.max(1,D.value)} ${Math.max(1,G.value)}`,preserveAspectRatio:"none","aria-hidden":"true"},[n("defs",null,[n("linearGradient",{id:N,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[(i(!0),o(r,null,c(X.value,e=>(i(),o("stop",{key:e.offset,offset:`${e.offset}%`,"stop-color":e.color},null,8,y))),128))]),n("linearGradient",{id:P,gradientUnits:"userSpaceOnUse",x1:"0",y1:"8",x2:"0",y2:8+U.value},[(i(!0),o(r,null,c(X.value,e=>(i(),o("stop",{key:e.offset,offset:`${e.offset}%`,"stop-color":e.color},null,8,w))),128))],8,g),n("clipPath",{id:H},["round"===W.value?(i(),o("ellipse",{key:0,cx:D.value/2,cy:G.value/2,rx:I.value/2,ry:U.value/2},null,8,$)):(i(),o("rect",{key:1,x:"8",y:"8",width:I.value,height:U.value,rx:"roundRect"===W.value?10:0},null,8,M))])]),n("g",{class:"lumal-water-level-pond__water","clip-path":`url(#${H})`},[(i(!0),o(r,null,c(ae.value,e=>(i(),o("path",{key:e.key,d:e.path,fill:`url(#${P})`,opacity:J.value},[n("animateTransform",{attributeName:"transform",type:"translate",values:`0 0; ${I.value} 0`,dur:Y.value,repeatCount:"indefinite"},null,8,F)],8,_))),128))],8,k),n("text",{class:"lumal-water-level-pond__label",stroke:`url(#${N})`,fill:`url(#${N})`,x:D.value/2,y:G.value/2},p(V.value),9,R),"round"===W.value?(i(),o("ellipse",{key:0,class:"lumal-water-level-pond__border",cx:D.value/2,cy:G.value/2,rx:I.value/2+5,ry:U.value/2+5,stroke:`url(#${N})`},null,8,A)):(i(),o("rect",{key:1,class:"lumal-water-level-pond__border",x:"2",y:"2",rx:"roundRect"===W.value?10:0,width:I.value+12,height:U.value+12,stroke:`url(#${N})`},null,8,C))],8,x))],42,h))}});export{L as t};

package/dist/src/composables/usePausableAutoplay.d.ts

@@ -1,15 +0,0 @@
-import type { ComputedRef, Ref } from 'vue';
-export interface PausableAutoplayOptions {
-    element: Ref<HTMLElement | null>;
-    enabled: ComputedRef<boolean>;
-    interval: ComputedRef<number>;
-    tick: () => void;
-}
-export declare function usePausableAutoplay(options: PausableAutoplayOptions): {
-    onFocusIn: () => void;
-    onFocusOut: () => void;
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-    running: ComputedRef<boolean>;
-};
-//# sourceMappingURL=usePausableAutoplay.d.ts.map

package/dist/src/composables/usePausableAutoplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePausableAutoplay.d.ts","sourceRoot":"","sources":["../../../src/composables/usePausableAutoplay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAI3C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAChC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,uBAAuB;;;;;;EAkEnE"}

package/dist/useAnimationPause-DP4oaEoq.cjs

@@ -1 +0,0 @@
-let e=require("vue");function n(n){const t=(0,e.shallowRef)(!0),o=(0,e.shallowRef)(!0);let i;const u=(0,e.computed)(()=>!t.value||!o.value);function c(){o.value="undefined"==typeof document||!document.hidden}function r(e){i?.disconnect(),e&&"undefined"!=typeof IntersectionObserver&&(i=new IntersectionObserver(([e])=>{t.value=e?.isIntersecting??!0}),i.observe(e))}return(0,e.watch)(n,r),(0,e.onMounted)(()=>{c(),document.addEventListener("visibilitychange",c),r(n.value)}),(0,e.onBeforeUnmount)(()=>{i?.disconnect(),document.removeEventListener("visibilitychange",c)}),u}Object.defineProperty(exports,"useAnimationPause",{enumerable:!0,get:function(){return n}});

package/dist/useAnimationPause-DSOHlI2X.js

@@ -1 +0,0 @@
-import{computed as e,onBeforeUnmount as n,onMounted as t,shallowRef as i,watch as o}from"vue";function c(c){const r=i(!0),s=i(!0);let u;const d=e(()=>!r.value||!s.value);function v(){s.value="undefined"==typeof document||!document.hidden}function a(e){u?.disconnect(),e&&"undefined"!=typeof IntersectionObserver&&(u=new IntersectionObserver(([e])=>{r.value=e?.isIntersecting??!0}),u.observe(e))}return o(c,a),t(()=>{v(),document.addEventListener("visibilitychange",v),a(c.value)}),n(()=>{u?.disconnect(),document.removeEventListener("visibilitychange",v)}),d}export{c as t};

package/dist/useDataVScrollAnimation-BOXD7OZB.js

@@ -1 +0,0 @@
-import{t as e}from"./useReducedMotion-DrRe5YGn.js";import{t as a}from"./useAnimationPause-DSOHlI2X.js";import{computed as u,onBeforeUnmount as t,onMounted as o,onUnmounted as n,shallowRef as l,watch as v}from"vue";function i(i){const r=l(0),s=l(0),c=l(!1),m=l(!1),f=l(!1),d=l(!1),M=a(i.element),T=e(),h=u(()=>M.value||T.value||f.value||i.hoverPause.value&&m.value);let p;function w(){void 0!==p&&clearTimeout(p),p=void 0}function x(e){const a=i.total.value;return a<=0?0:Math.max(0,Math.floor(e))%a}function b(){return d.value&&i.enabled.value&&!h.value&&i.total.value>i.rowCount.value}function g(){p=void 0,b()&&(r.value=x(s.value),c.value=!1,p=setTimeout(j,300))}function j(){p=void 0,b()&&(c.value=!0,s.value=x(s.value+Math.max(1,i.advanceBy.value)),p=setTimeout(g,Math.max(0,i.waitTime.value-300)))}function y(){w(),b()&&(p=setTimeout(g,Math.max(0,i.waitTime.value)))}return v([h,i.enabled,i.rowCount,i.total,i.waitTime,i.advanceBy],()=>y()),o(()=>{d.value=!0,y()}),t(()=>{d.value=!1,w()}),n(w),{collapsing:c,onFocusIn:function(){f.value=!0},onFocusOut:function(e){i.element.value?.contains(e.relatedTarget)||(f.value=!1)},onMouseEnter:function(){m.value=!0},onMouseLeave:function(){m.value=!1},paused:h,renderOffset:r,reset:function(e=0){w(),s.value=x(e),r.value=s.value,c.value=!1,y()}}}export{i as t};

package/dist/useDataVScrollAnimation-C9_e6lZo.cjs

@@ -1 +0,0 @@
-const e=require("./useReducedMotion-B0VTSXyW.cjs"),u=require("./useAnimationPause-DP4oaEoq.cjs");let a=require("vue");function n(n){const t=(0,a.shallowRef)(0),o=(0,a.shallowRef)(0),l=(0,a.shallowRef)(!1),i=(0,a.shallowRef)(!1),v=(0,a.shallowRef)(!1),s=(0,a.shallowRef)(!1),c=u.useAnimationPause(n.element),r=e.useReducedMotion(),f=(0,a.computed)(()=>c.value||r.value||v.value||n.hoverPause.value&&i.value);let m;function d(){void 0!==m&&clearTimeout(m),m=void 0}function h(e){const u=n.total.value;return u<=0?0:Math.max(0,Math.floor(e))%u}function w(){return s.value&&n.enabled.value&&!f.value&&n.total.value>n.rowCount.value}function M(){m=void 0,w()&&(t.value=h(o.value),l.value=!1,m=setTimeout(R,300))}function R(){m=void 0,w()&&(l.value=!0,o.value=h(o.value+Math.max(1,n.advanceBy.value)),m=setTimeout(M,Math.max(0,n.waitTime.value-300)))}function T(){d(),w()&&(m=setTimeout(M,Math.max(0,n.waitTime.value)))}return(0,a.watch)([f,n.enabled,n.rowCount,n.total,n.waitTime,n.advanceBy],()=>T()),(0,a.onMounted)(()=>{s.value=!0,T()}),(0,a.onBeforeUnmount)(()=>{s.value=!1,d()}),(0,a.onUnmounted)(d),{collapsing:l,onFocusIn:function(){v.value=!0},onFocusOut:function(e){n.element.value?.contains(e.relatedTarget)||(v.value=!1)},onMouseEnter:function(){i.value=!0},onMouseLeave:function(){i.value=!1},paused:f,renderOffset:t,reset:function(e=0){d(),o.value=h(e),t.value=o.value,l.value=!1,T()}}}Object.defineProperty(exports,"useDataVScrollAnimation",{enumerable:!0,get:function(){return n}});

package/dist/useReducedMotion-B0VTSXyW.cjs

@@ -1 +0,0 @@
-let e=require("vue");function n(){const n=(0,e.shallowRef)(!1);let t;function o(e){n.value=e.matches}return(0,e.onMounted)(()=>{"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(t=window.matchMedia("(prefers-reduced-motion: reduce)"),o(t),t.addEventListener?.("change",o))}),(0,e.onBeforeUnmount)(()=>t?.removeEventListener?.("change",o)),n}Object.defineProperty(exports,"useReducedMotion",{enumerable:!0,get:function(){return n}});

package/dist/useReducedMotion-DrRe5YGn.js

@@ -1 +0,0 @@
-import{onBeforeUnmount as e,onMounted as n,shallowRef as t}from"vue";function o(){const o=t(!1);let i;function d(e){o.value=e.matches}return n(()=>{"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(i=window.matchMedia("(prefers-reduced-motion: reduce)"),d(i),i.addEventListener?.("change",d))}),e(()=>i?.removeEventListener?.("change",d)),o}export{o as t};

package/dist/useSvgAnimationPause-BwvaaskB.cjs

@@ -1 +0,0 @@
-const e=require("./useReducedMotion-B0VTSXyW.cjs"),u=require("./useAnimationPause-DP4oaEoq.cjs");let n=require("vue");function a(a,o){const t=u.useAnimationPause(a),s=e.useReducedMotion(),i=(0,n.shallowRef)(!1),l=(0,n.shallowRef)(!1),c=(0,n.computed)(()=>t.value||s.value||i.value||l.value);async function r(){await(0,n.nextTick)(),c.value?o.value?.pauseAnimations?.():o.value?.unpauseAnimations?.()}return(0,n.watch)([c,o],()=>{r()}),(0,n.onMounted)(()=>{r()}),{onFocusIn:()=>{l.value=!0},onFocusOut:()=>{l.value=!1},onMouseEnter:()=>{i.value=!0},onMouseLeave:()=>{i.value=!1},paused:c}}Object.defineProperty(exports,"useSvgAnimationPause",{enumerable:!0,get:function(){return a}});

package/dist/useSvgAnimationPause-C2PzKmDN.js

@@ -1 +0,0 @@
-import{t as u}from"./useReducedMotion-DrRe5YGn.js";import{t as e}from"./useAnimationPause-DSOHlI2X.js";import{computed as a,nextTick as o,onMounted as n,shallowRef as s,watch as t}from"vue";function i(i,v){const l=e(i),r=u(),m=s(!1),c=s(!1),p=a(()=>l.value||r.value||m.value||c.value);async function f(){await o(),p.value?v.value?.pauseAnimations?.():v.value?.unpauseAnimations?.()}return t([p,v],()=>{f()}),n(()=>{f()}),{onFocusIn:()=>{c.value=!0},onFocusOut:()=>{c.value=!1},onMouseEnter:()=>{m.value=!0},onMouseLeave:()=>{m.value=!1},paused:p}}export{i as t};