@vanelsas/baredom 3.5.0 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/README.md +2 -2
- package/custom-elements.json +116 -0
- package/dist/baredom.d.ts +1 -0
- package/dist/base.js +282 -282
- package/dist/integrity.json +104 -103
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-calendar.js +33 -33
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +32 -32
- package/dist/x-chart.js +44 -44
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +24 -24
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +31 -31
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +22 -22
- package/dist/x-container.js +3 -3
- package/dist/x-context-menu.js +19 -19
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +33 -33
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +10 -10
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +4 -4
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +24 -24
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.js +13 -13
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +6 -6
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +21 -21
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +28 -28
- package/dist/x-menu-item.js +6 -6
- package/dist/x-menu.js +7 -7
- package/dist/x-metaball-cursor.js +21 -21
- package/dist/x-modal.js +9 -9
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +37 -37
- package/dist/x-navbar.js +11 -11
- package/dist/x-neural-glow.js +21 -21
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +33 -33
- package/dist/x-organic-shape.js +7 -7
- package/dist/x-otp-input.js +20 -20
- package/dist/x-pagination.js +11 -11
- package/dist/x-particle-button.js +40 -40
- package/dist/x-popover.js +25 -25
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-range-slider.js +27 -27
- package/dist/x-rating.js +21 -21
- package/dist/x-ripple-effect.js +8 -8
- package/dist/x-scroll-parallax.js +16 -16
- package/dist/x-scroll-stack.js +14 -14
- package/dist/x-scroll-story.js +28 -28
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +30 -30
- package/dist/x-search-field.js +1 -1
- package/dist/x-sidebar.js +13 -13
- package/dist/x-skeleton-group.js +11 -11
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +15 -15
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +10 -10
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +11 -11
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +9 -9
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +16 -16
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +10 -10
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +14 -14
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +94 -94
- package/dist/x-typography.js +4 -4
- package/dist/x-welcome-tour.js +62 -62
- package/package.json +6 -1
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a()].join(""))}
|
|
2
|
+
var ZW=function(a){this.sb=a;this.F=null;this.A=2153775104;this.I=2048},Gka=function(a){return new ZW(a.toLowerCase())},Hka=function(){function a(){var d=Math.floor(Math.random()*65536).toString(16);switch(d.length){case 1:return["000",d].join("");case 2:return["00",d].join("");case 3:return["0",d].join("");default:return d}}var b=(16384|4095&Math.floor(Math.random()*65536)).toString(16),c=(32768|16383&Math.floor(Math.random()*65536)).toString(16);return Gka([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
|
+
a()].join(""))},$W=function(a){return typeof a==="string"&&$APP.I("",a.trim())?a.trim():null},aX=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},bX=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},cX=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),$APP.Q(a,"__xKineticTypographyAnimate",null))},dX=function(a,b,c,d){var e=aX("animate");c=""+$APP.P.i(c)+"s";b=$APP.z.j(b,"reverse")?"reverse":"normal";$APP.T(e,
|
|
4
4
|
"attributeName","startOffset");$APP.T(e,"repeatCount","indefinite");$APP.T(e,"dur",c);d>0&&$APP.T(e,"begin",""+$APP.P.i(d)+"s");switch(a){case "scroll":$APP.T(e,"from",$APP.z.j(b,"reverse")?"100%":"0%");$APP.T(e,"to",$APP.z.j(b,"reverse")?"0%":"100%");break;case "bounce":$APP.T(e,"values",$APP.z.j(b,"reverse")?"100%;0%;100%":"0%;100%;0%");$APP.T(e,"calcMode","spline");$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":$APP.T(e,"values",$APP.z.j(b,"reverse")?"120%;-20%;120%":
|
|
5
|
-
"-20%;120%;-20%"),$APP.T(e,"calcMode","spline"),$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},
|
|
6
|
-
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]),c=$APP.G(b),d=$APP.C(c,
|
|
7
|
-
A=$APP.C(c,
|
|
8
|
-
|
|
9
|
-
"size-gradient"):
|
|
10
|
-
parseFloat(e.trim());var
|
|
11
|
-
|
|
12
|
-
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.bd(
|
|
13
|
-
sX),
|
|
14
|
-
|
|
15
|
-
"s ease-in-out infinite;animation-delay:"+$APP.P.i(
|
|
16
|
-
$APP.P.i(
|
|
17
|
-
$APP.P.i(
|
|
18
|
-
|
|
19
|
-
($APP.T(a,"role","img"),$APP.T(a,"aria-label",
|
|
20
|
-
|
|
5
|
+
"-20%;120%;-20%"),$APP.T(e,"calcMode","spline"),$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},eX=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;return $APP.Q(a,"__xKineticTypographyEchoEls",[])}return null},zX=function(a){var b=$APP.ug([$APP.Ms,fX,$APP.ko,gX,$APP.jr,$APP.ms,hX,iX,jX,qX,rX,sX,$APP.Yq,tX,$APP.lm],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),
|
|
6
|
+
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]),c=$APP.G(b),d=$APP.C(c,jX),e=$APP.C(c,qX),f=$APP.C(c,rX),h=$APP.C(c,sX),k=$APP.C(c,$APP.Yq),m=$APP.C(c,tX),r=$APP.C(c,$APP.lm),u=$APP.C(c,$APP.Ms),x=$APP.C(c,fX),y=$APP.C(c,$APP.ko),
|
|
7
|
+
A=$APP.C(c,gX),E=$APP.C(c,$APP.jr),H=$APP.C(c,$APP.ms),O=$APP.C(c,hX),S=$APP.C(c,iX),R=typeof r==="string"?r:"",Y=$W(u),la=typeof H==="string"?H.trim().toLowerCase():null;var ha=$APP.bd(Ika,la)?la:"wave";var na=$APP.z.j(ha,"crawl"),Na=typeof y==="string"?y.trim().toLowerCase():null;var Oa=$APP.bd(Jka,Na)?Na:"scroll";var cb=typeof k==="string"?k.trim().toLowerCase():null;var pb=$APP.bd(Kka,cb)?cb:"normal";if(typeof E==="string"){var Kb=parseFloat(E.trim());var Vb=typeof Kb==="number"&&$APP.p(isNaN(Kb))&&
|
|
8
|
+
Kb>0?Kb:1}else Vb=1;if(typeof S==="string"){var uc=parseInt(S.trim(),10);var cg=typeof uc==="number"&&$APP.p(isNaN(uc))&&uc>0?uc:1}else cg=1;if(typeof d==="string"){var Fg=$APP.fh(d.toLowerCase().trim().split(/\s+/));var zh=$APP.iv.j(Fg,Lka)}else zh=$APP.bh;var Ah=$W(O),dd=$W(h);if($APP.z.j(ha,"crawl"))var xi=null;else{var $e=Y!=null;var dg=$e?$APP.Li(Y):$e;xi=$APP.n(dg)?new $APP.M(null,2,[$APP.Et,dg,uX,"0 0 800 200"],null):$APP.C(Mka,ha)}var qc=$APP.n($APP.n(Ah)?$APP.n(dd)?!na:dd:Ah)?$APP.Ad.j(zh,
|
|
9
|
+
"size-gradient"):zh,Gg=$APP.bd(qc,"size-gradient")?$APP.Ro.j(qc,"size-pulse"):qc,yn=$APP.bd(Gg,"color-wave")?$APP.Ro.j(Gg,"color-shift"):Gg;if(typeof x==="string"){var be=parseFloat(x.trim());var Qj=typeof be==="number"&&$APP.p(isNaN(be))&&be>0&&be<=1?be:.85}else Qj=.85;var cl=$APP.Et.i(xi),yi=$W(A),Rj=uX.i(xi),Sj=10/$APP.So.j(Vb,.01);if(na)var eg=0;else if(typeof f==="string"){var Bh=parseInt(f.trim(),10);eg=typeof Bh==="number"&&$APP.p(isNaN(Bh))&&Bh>=0&&Bh<=5?Bh:0}else eg=0;if(typeof e==="string"){var Hg=
|
|
10
|
+
parseFloat(e.trim());var Tj=typeof Hg==="number"&&$APP.p(isNaN(Hg))&&Hg>0?Hg:.3}else Tj=.3;if(typeof m==="string"){var Ig=parseFloat(m.trim());var af=typeof Ig==="number"&&$APP.p(isNaN(Ig))&&Ig>0&&Ig<=1?Ig:.5}else af=.5;var Bf=$APP.ug([fX,$APP.vr,$APP.ko,gX,$APP.jr,uX,$APP.ms,vX,hX,wX,xX,iX,Nka,qX,rX,sX,$APP.Yq,tX,$APP.lm],[Qj,cl,Oa,yi,Vb,Rj,ha,na,Ah,yn,Sj,cg,Y!=null,Tj,eg,dd,pb,af,R]);if($APP.I(Bf,$APP.l(a,"__xKineticTypographyModel"))){var zi=$APP.l(a,"__xKineticTypographySvg"),dl=$APP.l(a,"__xKineticTypographyPath"),
|
|
11
|
+
fg=$APP.l(a,"__xKineticTypographyPathLine"),Uj=$APP.l(a,"__xKineticTypographyText"),Ch=$APP.l(a,"__xKineticTypographyTextPath"),el=$APP.l(a,"__xKineticTypographySrOnly"),fl=$APP.l(a,"__xKineticTypographyCrawlText");if($APP.n(vX.i(Bf))){var gg=$APP.G(Bf),hg=$APP.C(gg,$APP.lm),Nd=$APP.C(gg,$APP.ko),zn=$APP.C(gg,$APP.Yq),Jg=$APP.C(gg,wX);$APP.T(a,"data-preset","crawl");fl.textContent=hg;cX(a);eX(a);$APP.I(Nd,"none")?$APP.T(a,"data-animation",Nd):$APP.U(a,"data-animation");$APP.z.j(zn,"reverse")?$APP.T(a,
|
|
12
|
+
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.bd(Jg,"color-shift")?$APP.T(a,"data-effect","color-shift"):$APP.U(a,"data-effect")}else{var ig=$APP.G(Bf),An=$APP.C(ig,$APP.ko),Bn=$APP.C(ig,$APP.Yq),Cn=$APP.C(ig,xX);$APP.U(a,"data-preset");$APP.U(a,"data-direction");var Dh=$APP.G(ig),gl=$APP.C(Dh,uX),Ai=$APP.C(Dh,$APP.vr);$APP.n(gl)&&$APP.T(zi,"viewBox",gl);$APP.n(Ai)&&$APP.T(dl,"d",Ai);$APP.n($APP.n(fg)?Ai:fg)&&$APP.T(fg,"d",Ai);var Rb=$APP.G(ig),ce=$APP.C(Rb,qX),Bi=$APP.C(Rb,rX),Kg=$APP.C(Rb,
|
|
13
|
+
sX),hl=$APP.C(Rb,$APP.Yq),Dn=$APP.C(Rb,tX),Eh=$APP.C(Rb,$APP.lm),il=$APP.C(Rb,fX),jl=$APP.C(Rb,$APP.ko),jg=$APP.C(Rb,hX),Lg=$APP.C(Rb,wX),Cf=$APP.C(Rb,xX),Mg=$APP.C(Rb,iX),Vj=Mg<=1?Eh:$APP.Zd($APP.P,$APP.ve(1,yX.j(new $APP.ye(null,-1," · ",null),Mg>0?new $APP.ye(null,Mg,Eh,null):$APP.dc))),kl=$APP.bd(Lg,"size-gradient"),En=$APP.bd(Lg,"color-wave"),ll=kl?$APP.n(jg)?$APP.n(Kg)?$APP.I(Eh,""):Kg:jg:kl;var tq=$APP.n(ll)?ll:En&&$APP.I(Eh,"");if($APP.n(tq)){Ch.textContent="";var ml=$APP.Ye(Vj),Df=$APP.w(ml),
|
|
14
|
+
zd=$APP.bd(Lg,"size-gradient"),kg=$APP.bd(Lg,"color-wave"),Ef=zd?parseFloat(jg):null,lg=zd?parseFloat(Kg):null;if(zd){var Fh=$APP.rh(/[a-z%]+/,$APP.n(jg)?jg:"px");var Ng=$APP.n(Fh)?Fh:"px"}else Ng=null;for(var Ci=Ng,Wj=kg?Df>0?Cf/Df:0:null,Xj=$APP.q($APP.oh(0,Df)),Yj=null,Zj=0,nl=0;;)if(nl<Zj){var Og=Yj.C(null,nl),ol=aX("tspan");$APP.n(zd?$APP.n(Ef)?lg:Ef:zd)&&$APP.T(ol,"font-size",""+$APP.P.i(Ef+(Df>1?Og/(Df-1):0)*(lg-Ef))+$APP.P.i(Ci));kg&&(ol.style.cssText="animation:xkt-color-wave "+$APP.P.i(Cf)+
|
|
15
|
+
"s ease-in-out infinite;animation-delay:"+$APP.P.i(Og*Wj)+"s;");ol.textContent=$APP.xc(ml,Og);Ch.appendChild(ol);nl+=1}else{var Xu=$APP.q(Xj);if(Xu){var pl=Xu;if($APP.Yc(pl)){var Yu=$APP.Db(pl),RA=$APP.Eb(pl),Fn=Yu,uq=$APP.w(Yu);Xj=RA;Yj=Fn;Zj=uq}else{Og=$APP.t(pl);var ak=aX("tspan");$APP.n(zd?$APP.n(Ef)?lg:Ef:zd)&&$APP.T(ak,"font-size",""+$APP.P.i(Ef+(Df>1?Og/(Df-1):0)*(lg-Ef))+$APP.P.i(Ci));kg&&(ak.style.cssText="animation:xkt-color-wave "+$APP.P.i(Cf)+"s ease-in-out infinite;animation-delay:"+
|
|
16
|
+
$APP.P.i(Og*Wj)+"s;");ak.textContent=$APP.xc(ml,Og);Ch.appendChild(ak);Xj=$APP.v(pl);Yj=null;Zj=0}nl=0}else break}}else Ch.textContent=Vj;eX(a);if(Bi>0){for(var Zu=$APP.l(a,"__xKineticTypographyPathId"),$u=[],Gn=$APP.I(jl,"none")&&$APP.p(bX()),SA=Cf>0?ce/Cf*100:5,vq=0;;)if(vq<Bi){var Hn=vq+1,bk=aX("text"),Di=aX("textPath"),Oka=Math.pow(Dn,Hn),Pka=Math.pow(il,Hn),Qka="-"+$APP.P.i(SA*Hn)+"%";$APP.T(bk,"part","text-echo");$APP.T(bk,"opacity",""+$APP.P.i(Oka));$APP.T(bk,"font-size","calc(var(--x-kinetic-typography-font-size) * "+
|
|
17
|
+
$APP.P.i(Pka)+")");Di.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.P.i(Zu));$APP.T(Di,"href","#"+$APP.P.i(Zu));$APP.T(Di,"startOffset",Qka);Di.textContent=Vj;if(Gn){var Rka=dX(jl,hl,Cf,ce*Hn);Di.appendChild(Rka)}bk.appendChild(Di);zi.appendChild(bk);$u.push({textEl:bk});vq+=1}else break;$APP.Q(a,"__xKineticTypographyEchoEls",$u)}var Ska=$APP.G(ig),kX=$APP.C(Ska,gX);$APP.n(kX)?Uj.style.setProperty("font-size",kX):Uj.style.removeProperty("font-size");cX(a);if($APP.I(An,"none")&&$APP.p(bX())){var lX=
|
|
18
|
+
dX(An,Bn,Cn,0);Ch.appendChild(lX);$APP.Q(a,"__xKineticTypographyAnimate",lX)}var mX=$APP.G(ig),Tka=$APP.C(mX,wX),nX=$APP.C(mX,$APP.ko),oX=$APP.Ro.B(Tka,"size-gradient",$APP.Cc(["color-wave"]));$APP.q(oX)?$APP.T(a,"data-effect",$APP.ui(" ",$APP.hd($APP.cd,oX))):$APP.U(a,"data-effect");$APP.I(nX,"none")?$APP.T(a,"data-animation",nX):$APP.U(a,"data-animation")}var Uka=$APP.G(Bf),zC=$APP.C(Uka,$APP.lm);el.textContent=zC;$APP.z.j(zC,"")?($APP.T(a,"role","presentation"),$APP.T(a,"aria-hidden","true")):
|
|
19
|
+
($APP.T(a,"role","img"),$APP.T(a,"aria-label",zC));var pX=$APP.Q(a,"__xKineticTypographyModel",Bf)}else pX=null;return pX},Vka=function(a){if(!$APP.n($APP.l(a,"__xKineticTypographyInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=aX("svg");var f=aX("defs"),h=aX("path"),k=aX("path"),m=aX("text"),r=aX("textPath"),u="xkt-"+$APP.P.i(Hka());$APP.T(e,"part","svg");$APP.T(e,"aria-hidden","true");$APP.T(e,"focusable","false");$APP.T(h,"id",
|
|
20
|
+
u);$APP.T(k,"part","path-line");$APP.T(m,"part","text");$APP.T(r,"href","#"+$APP.P.i(u));f.appendChild(h);m.appendChild(r);e.appendChild(k);e.appendChild(f);e.appendChild(m);e=new $APP.M(null,6,[$APP.Qr,e,AX,h,BX,k,$APP.eq,m,CX,r,DX,u],null);f=document.createElement("div");h=document.createElement("div");$APP.T(f,"part","crawl-viewport");$APP.T(h,"part","crawl-text");f.appendChild(h);f=new $APP.M(null,2,[$APP.Rq,f,$APP.lm,h],null);h=document.createElement("span");h.classList.add("sr-only");$APP.T(h,
|
|
21
21
|
"part","sr-only");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-kinetic-typography-color:var(--x-color-text,currentColor);--x-kinetic-typography-font-family:system-ui,sans-serif;--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:400;--x-kinetic-typography-letter-spacing:0;--x-kinetic-typography-opacity:1;--x-kinetic-typography-stroke:none;--x-kinetic-typography-stroke-width:0;--x-kinetic-typography-duration:10s;--x-kinetic-typography-timing:linear;--x-kinetic-typography-color-shift-from:var(--x-color-text,currentColor);--x-kinetic-typography-color-shift-to:var(--x-color-primary,#3b82f6);--x-kinetic-typography-path-stroke:none;--x-kinetic-typography-path-stroke-width:0;--x-kinetic-typography-crawl-perspective:400px;}@media (prefers-color-scheme:dark){:host{--x-kinetic-typography-color:var(--x-color-text,rgba(255,255,255,0.87));}}[part\x3dcontainer]{width:100%;height:100%;position:relative;}[part\x3dsvg]{width:100%;height:100%;overflow:visible;}[part\x3dtext]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);opacity:var(--x-kinetic-typography-opacity);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}[part\x3dtext-echo]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}@keyframes xkt-opacity-wave{0%,100%{opacity:var(--x-kinetic-typography-opacity);}50%{opacity:0.3;}}@keyframes xkt-size-pulse{0%,100%{font-size:var(--x-kinetic-typography-font-size);}50%{font-size:calc(var(--x-kinetic-typography-font-size) * 1.15);}}@keyframes xkt-spacing-breathe{0%,100%{letter-spacing:var(--x-kinetic-typography-letter-spacing);}50%{letter-spacing:0.15em;}}@keyframes xkt-color-shift{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}@keyframes xkt-color-wave{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}:host([data-effect~\x3dopacity-wave]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dsize-pulse]) [part\x3dtext]{animation:xkt-size-pulse var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}[part\x3dpath-line]{fill:none;stroke:var(--x-kinetic-typography-path-stroke);stroke-width:var(--x-kinetic-typography-path-stroke-width);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}[part\x3dcrawl-viewport]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dsvg]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-viewport]{display:block;perspective:var(--x-kinetic-typography-crawl-perspective);height:100%;overflow:hidden;position:relative;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotateX(25deg);transform-origin:50% 100%;text-align:center;font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);color:var(--x-kinetic-typography-color);letter-spacing:var(--x-kinetic-typography-letter-spacing);white-space:pre-line;line-height:1.6;width:80%;}@keyframes xkt-crawl{0%{bottom:-100%;opacity:1;}90%{opacity:1;}100%{bottom:200%;opacity:0;}}:host([data-preset\x3dcrawl][data-animation\x3dscroll]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite;}:host([data-preset\x3dcrawl][data-animation\x3dscroll][data-direction\x3dreverse]) [part\x3dcrawl-text]{animation-direction:reverse;}:host([data-preset\x3dcrawl][data-effect~\x3dcolor-shift]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite,xkt-crawl-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}@keyframes xkt-crawl-color-shift{0%,100%{color:var(--x-kinetic-typography-color-shift-from);}50%{color:var(--x-kinetic-typography-color-shift-to);}}@media (prefers-reduced-motion:reduce){:host([data-effect]) [part\x3dtext]{animation:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{animation:none;}}";
|
|
22
|
-
$APP.T(d,"part","container");d.appendChild($APP.
|
|
23
|
-
DX.i(e));$APP.Q(a,"__xKineticTypographyCrawlViewport",$APP.Rq.i(f));$APP.Q(a,"__xKineticTypographyCrawlText",$APP.lm.i(f));$APP.Q(a,"__xKineticTypographyEchoEls",[]);$APP.Q(a,"__xKineticTypographyInit",!0)}return zX(a)},
|
|
24
|
-
"string"&&$APP.I("",e)?$APP.T(this,b,e):$APP.U(this,b)},enumerable:!0,configurable:!0})},
|
|
25
|
-
""+$APP.P.i(0));EX(a,"echo-delay","echoDelay",""+$APP.P.i(.3));EX(a,"echo-opacity","echoOpacity",""+$APP.P.i(.5));return EX(a,"echo-scale","echoScale",""+$APP.P.i(.85))},FX=function(){return $APP.qi("x-kinetic-typography",new $APP.M(null,5,[$APP.hi,
|
|
26
|
-
d)c.push(arguments[e]),e+=1;else break;return yX.B(arguments[0],arguments[1],2<c.length?new $APP.ac(c.slice(2),0,null):null)}};yX.H=function(){return $APP.dc};yX.i=function(a){return new $APP.Gd(null,function(){return a},null)};yX.j=function(a,b){return new $APP.Gd(null,function(){var c=$APP.q(a),d=$APP.q(b);return c&&d?$APP.Dd($APP.
|
|
27
|
-
yX.B=function(a,b,c){return new $APP.Gd(null,function(){var d=$APP.we.j($APP.q,$APP.Ad.B(c,b,$APP.Cc([a])));return $APP.me($APP.qd,d)?$APP.ze.j($APP.we.j($APP.
|
|
28
|
-
$APP.g.R=function(a,b){return $APP.tb(b,['#uuid "',$APP.va(this.sb),'"'].join(""))};$APP.g.V=function(){this.F==null&&(this.F=$APP.Wb(this.sb));return this.F};$APP.g.Ja=function(a,b){if(b instanceof
|
|
29
|
-
var tX=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),AX=new $APP.F(null,"path-el","path-el",-1878744855),
|
|
30
|
-
new $APP.F(null,"echo-count","echo-count",1053271067),uX=new $APP.F(null,"view-box","view-box",-1792199155),
|
|
31
|
-
$APP.ug([$APP.
|
|
32
|
-
[$APP.
|
|
33
|
-
null),new $APP.M(null,2,[$APP.
|
|
34
|
-
var
|
|
35
|
-
null],null),null),
|
|
36
|
-
null),"spiral",new $APP.M(null,2,[$APP.
|
|
22
|
+
$APP.T(d,"part","container");d.appendChild($APP.Qr.i(e));d.appendChild($APP.Rq.i(f));d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xKineticTypographyContainer",d);$APP.Q(a,"__xKineticTypographySvg",$APP.Qr.i(e));$APP.Q(a,"__xKineticTypographyPath",AX.i(e));$APP.Q(a,"__xKineticTypographyPathLine",BX.i(e));$APP.Q(a,"__xKineticTypographyText",$APP.eq.i(e));$APP.Q(a,"__xKineticTypographyTextPath",CX.i(e));$APP.Q(a,"__xKineticTypographySrOnly",h);$APP.Q(a,"__xKineticTypographyPathId",
|
|
23
|
+
DX.i(e));$APP.Q(a,"__xKineticTypographyCrawlViewport",$APP.Rq.i(f));$APP.Q(a,"__xKineticTypographyCrawlText",$APP.lm.i(f));$APP.Q(a,"__xKineticTypographyEchoEls",[]);$APP.Q(a,"__xKineticTypographyInit",!0)}return zX(a)},Wka=function(a){cX(a);return eX(a)},Xka=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xKineticTypographyInit"))?zX(a):null:null},EX=function(a,b,c,d){return Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.n(e)?e:d},set:function(e){return typeof e===
|
|
24
|
+
"string"&&$APP.I("",e)?$APP.T(this,b,e):$APP.U(this,b)},enumerable:!0,configurable:!0})},Yka=function(a){EX(a,"text","text","");EX(a,"path","path",null);EX(a,"preset","preset","wave");EX(a,"animation","animation","scroll");EX(a,"speed","speed",""+$APP.P.i(1));EX(a,"direction","direction","normal");EX(a,"effect","effect","none");EX(a,"font-size","fontSize",null);EX(a,"start-size","startSize",null);EX(a,"end-size","endSize",null);EX(a,"repeat","repeat",""+$APP.P.i(1));EX(a,"echo-count","echoCount",
|
|
25
|
+
""+$APP.P.i(0));EX(a,"echo-delay","echoDelay",""+$APP.P.i(.3));EX(a,"echo-opacity","echoOpacity",""+$APP.P.i(.5));return EX(a,"echo-scale","echoScale",""+$APP.P.i(.85))},FX=function(){return $APP.qi("x-kinetic-typography",new $APP.M(null,5,[$APP.hi,Zka,$APP.fi,Vka,$APP.ci,Wka,$APP.bi,Xka,$APP.gi,Yka],null))},yX=function yX(a){switch(arguments.length){case 0:return yX.H();case 1:return yX.i(arguments[0]);case 2:return yX.j(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<
|
|
26
|
+
d)c.push(arguments[e]),e+=1;else break;return yX.B(arguments[0],arguments[1],2<c.length?new $APP.ac(c.slice(2),0,null):null)}};yX.H=function(){return $APP.dc};yX.i=function(a){return new $APP.Gd(null,function(){return a},null)};yX.j=function(a,b){return new $APP.Gd(null,function(){var c=$APP.q(a),d=$APP.q(b);return c&&d?$APP.Dd($APP.t(c),$APP.Dd($APP.t(d),yX.j($APP.ec(c),$APP.ec(d)))):null},null)};
|
|
27
|
+
yX.B=function(a,b,c){return new $APP.Gd(null,function(){var d=$APP.we.j($APP.q,$APP.Ad.B(c,b,$APP.Cc([a])));return $APP.me($APP.qd,d)?$APP.ze.j($APP.we.j($APP.t,d),$APP.Zd(yX,$APP.we.j($APP.ec,d))):null},null)};yX.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);c=$APP.v(c);return this.B(b,a,c)};yX.M=2;$APP.g=ZW.prototype;$APP.g.Gc=$APP.Ub;$APP.g.toString=function(){return this.sb};$APP.g.U=function(a,b){return(a=b!=null?$APP.Ub===b.Gc?!0:!1:!1)?this.sb===b.sb:a};
|
|
28
|
+
$APP.g.R=function(a,b){return $APP.tb(b,['#uuid "',$APP.va(this.sb),'"'].join(""))};$APP.g.V=function(){this.F==null&&(this.F=$APP.Wb(this.sb));return this.F};$APP.g.Ja=function(a,b){if(b instanceof ZW)return $APP.ka(this.sb,b.sb);throw Error(["Cannot compare ",$APP.va(this)," to ",$APP.va(b)].join(""));};
|
|
29
|
+
var tX=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),AX=new $APP.F(null,"path-el","path-el",-1878744855),hX=new $APP.F(null,"start-size","start-size",-1818812493),vX=new $APP.F(null,"crawl?","crawl?",829918610),DX=new $APP.F(null,"path-id","path-id",-73169688),BX=new $APP.F(null,"path-line","path-line",-2128150773),fX=new $APP.F(null,"echo-scale","echo-scale",1307207648),CX=new $APP.F(null,"text-path","text-path",-1817651346),qX=new $APP.F(null,"echo-delay","echo-delay",845689658),rX=
|
|
30
|
+
new $APP.F(null,"echo-count","echo-count",1053271067),uX=new $APP.F(null,"view-box","view-box",-1792199155),iX=new $APP.F(null,"repeat","repeat",832692087),Nka=new $APP.F(null,"custom-path?","custom-path?",-1532616839),jX=new $APP.F(null,"effect","effect",347343289),xX=new $APP.F(null,"duration-s","duration-s",-1976899627),gX=new $APP.F(null,"font-size","font-size",-1847940346),wX=new $APP.F(null,"effects","effects",-282369292),sX=new $APP.F(null,"end-size","end-size",761612093);var Zka="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
31
|
+
$APP.ug([$APP.Ms,new $APP.F(null,"startSize","startSize",-1750632892),$APP.ko,$APP.jr,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.ms,iX,new $APP.F(null,"fontSize","fontSize",919623033),jX,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.Yq,$APP.lm],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"path"],null),new $APP.M(null,2,
|
|
32
|
+
[$APP.N,$APP.X,$APP.W,"start-size"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"animation"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"speed"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-count"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-scale"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-opacity"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"preset"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"repeat"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"font-size"],
|
|
33
|
+
null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"effect"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-delay"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"end-size"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"direction"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"text"],null)]);
|
|
34
|
+
var Ika=new $APP.ah(null,new $APP.M(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),Jka=new $APP.ah(null,new $APP.M(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),Kka=new $APP.ah(null,new $APP.M(null,2,["reverse",null,"normal",null],null),null),Lka=new $APP.ah(null,new $APP.M(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",
|
|
35
|
+
null],null),null),Mka=new $APP.M(null,7,["wave",new $APP.M(null,2,[$APP.Et,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",uX,"0 0 800 200"],null),"circle",new $APP.M(null,2,[$APP.Et,"M125,10 A115,115 0 1,1 124.99,10",uX,"0 0 250 250"],null),"arc",new $APP.M(null,2,[$APP.Et,"M50,350 Q400,10 750,350",uX,"0 0 800 400"],null),"infinity",new $APP.M(null,2,[$APP.Et,"M200,200 C200,80 0,80 0,200 C0,320 200,320 200,200 C200,80 400,80 400,200 C400,320 200,320 200,200",uX,"0 0 400 400"],
|
|
36
|
+
null),"spiral",new $APP.M(null,2,[$APP.Et,"M250,250 C250,150 350,150 350,250 C350,370 130,370 130,250 C130,110 390,110 390,250 C390,410 90,410 90,250",uX,"0 0 500 500"],null),"sine",new $APP.M(null,2,[$APP.Et,"M0,100 C50,0 100,0 150,100 C200,200 250,200 300,100 C350,0 400,0 450,100 C500,200 550,200 600,100 C650,0 700,0 750,100 C800,200 800,150 800,100",uX,"0 0 800 200"],null),"line",new $APP.M(null,2,[$APP.Et,"M0,50 L800,50",uX,"0 0 800 100"],null)],null);$APP.fa("baredom.exports.x_kinetic_typography.init",FX);export const init=FX;
|
package/dist/x-liquid-dock.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},
|
|
4
|
-
3,[
|
|
5
|
-
d*a*b,$APP.Cq,1+.12*d*a],null)}
|
|
6
|
-
"role","navigation");$APP.T(h,"aria-label","Navigation dock");$APP.T(k,"part","filter-svg");$APP.T(k,"aria-hidden","true");$APP.T(k,"role","presentation");$APP.T(m,"part","liquid-layer");m.style.filter="url(#"+$APP.P.i(d)+")";$APP.T(r,"part","items");r.appendChild(
|
|
7
|
-
"feGaussianBlur"),H=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),
|
|
8
|
-
"values",c);$APP.T(H,"result","goo");$APP.T(
|
|
9
|
-
h.appendChild(k);h.appendChild(m);h.appendChild(r);e.appendChild(f);e.appendChild(h);$APP.Q(a,"__xLiquidDockRefs",$APP.Wg($APP.Cc([d,new $APP.M(null,6,[$APP.Sk,e,$APP.Yp,h,$APP.
|
|
10
|
-
a.getAttribute("gap"),a.getAttribute("bob-intensity"),a.getAttribute("disabled"),a.getAttribute("magnet-radius")]);var b=$APP.G(a);a=$APP.C(b,$APP.Iq);var c=$APP.C(b,
|
|
11
|
-
|
|
12
|
-
m?"blob blob-rest":"blob blob-phantom";var r=m?52:44;k.style.width=""+$APP.P.i(r)+"px";k.style.height=""+$APP.P.i(r)+"px";c.appendChild(k);d.push(k);e.push(m?{type:"rest"}:{type:"phantom",cpDx:0,cpDy:0,cpScale:.6,cLift:0,cRot:0,cScale:1});h+=1}else break;for(c=f;;)if(c>b)f=d.pop(),e.pop(),$APP.n(f.parentNode)&&f.parentNode.removeChild(f),--c;else break;$APP.Q(a,"__xLiquidDockBlobs",d);$APP.Q(a,"__xLiquidDockBlobSt",e)},
|
|
13
|
-
b=
|
|
14
|
-
|
|
15
|
-
c+=1;else break},
|
|
16
|
-
c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if($APP.z.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if(($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&k>=0)return b.preventDefault(),
|
|
17
|
-
|
|
18
|
-
var r=$APP.l(a,"__xLiquidDockMouse");r.x=k.clientX-m.left;r.y=k.clientY-m.top;r.active=!0;k=void 0}else k=null;return k}var h=$APP.G($APP.l(a,"__xLiquidDockRefs"));h=$APP.C(h,$APP.nn);a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.Q(a,"__xLiquidDockHdl",new $APP.M(null,5,[$APP.
|
|
19
|
-
"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",$APP.
|
|
20
|
-
|
|
21
|
-
[]);$APP.Q(a,"__xLiquidDockItemsR",[]);$APP.Q(a,"__xLiquidDockFocus",-1);$APP.Q(a,"__xLiquidDockBurst",0)
|
|
22
|
-
$APP.Q(a,"__xLiquidDockRO",null)):null},
|
|
23
|
-
"__xLiquidDockRaf"))||
|
|
24
|
-
"items-div",-555506089),
|
|
25
|
-
|
|
26
|
-
$APP.ug([
|
|
27
|
-
$APP.X],null)]);var
|
|
2
|
+
var uz=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.bd(tz,a)?a:"bottom"):"bottom"},vz=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},wz=function(a){return vz(a,8,0,40)},xz=function(a){return vz(a,10,2,30)},yz=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7"},zz=function(a){return vz(a,8,0,40)},Az=function(a){return vz(a,.03,.005,.15)},Bz=
|
|
3
|
+
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},Cz=function(a){return vz(a,150,40,400)},Dz=function(a){return vz(a,.6,0,2)},Ez=function(a){return vz(a,1,0,2)},Fz=function(a,b){return a+(b-a)*.1},Jz=function(a,b,c,d,e,f,h){a=c-a;b=d-b;d=Math.sqrt(a*a+b*b);e=Math.max(0,1-d/e);c=e*e;f=c*f*20;d=d>.001?1/d:0;return new $APP.M(null,4,[Gz,e,$APP.Cq,1+c*(h-1),Hz,a*d*f*.3,Iz,b*d*f*.3],null)},Kz=function(a,b){var c=a*a;a=c*28;c=.6+c*.9;switch(b){case "bottom":return new $APP.M(null,
|
|
4
|
+
3,[$APP.hs,0,$APP.gs,-a,$APP.Cq,c],null);case "top":return new $APP.M(null,3,[$APP.hs,0,$APP.gs,a,$APP.Cq,c],null);case "left":return new $APP.M(null,3,[$APP.hs,a,$APP.gs,0,$APP.Cq,c],null);case "right":return new $APP.M(null,3,[$APP.hs,-a,$APP.gs,0,$APP.Cq,c],null);default:return new $APP.M(null,3,[$APP.hs,0,$APP.gs,-a,$APP.Cq,c],null)}},Lz=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.M(null,3,[$APP.gu,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;
|
|
5
|
+
default:return-e}}(),$APP.Ot,5*d*a*b,$APP.Cq,1+.12*d*a],null)},Rz=function(a){if(!$APP.n($APP.l(a,"__xLiquidDockRefs"))){var b=$APP.l(a,"__xLiquidDockModel"),c=Mz[0];Mz[0]=c+1;var d="goo-"+$APP.P.i(c),e=a.attachShadow({mode:"open"}),f=document.createElement("style"),h=document.createElement("nav"),k=document.createElementNS("http://www.w3.org/2000/svg","svg"),m=document.createElement("div"),r=document.createElement("div"),u=document.createElement("slot");$APP.Q(a,"__xLiquidDockUid",c);f.textContent=
|
|
6
|
+
Nz;$APP.T(h,"part","dock");$APP.T(h,"role","navigation");$APP.T(h,"aria-label","Navigation dock");$APP.T(k,"part","filter-svg");$APP.T(k,"aria-hidden","true");$APP.T(k,"role","presentation");$APP.T(m,"part","liquid-layer");m.style.filter="url(#"+$APP.P.i(d)+")";$APP.T(r,"part","items");r.appendChild(u);var x=$APP.G(b);b=$APP.C(x,$APP.Kp);c=$APP.C(x,$APP.It);x=$APP.C(x,Oz);var y=document.createElementNS("http://www.w3.org/2000/svg","defs"),A=document.createElementNS("http://www.w3.org/2000/svg","filter"),
|
|
7
|
+
E=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),H=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),O=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),S=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.T(A,"id",d);$APP.T(A,"x","-20%");$APP.T(A,"y","-20%");$APP.T(A,"width","140%");$APP.T(A,"height","140%");$APP.T(E,"in","SourceGraphic");$APP.T(E,"stdDeviation",""+$APP.P.i(b));$APP.T(E,"result","blur");
|
|
8
|
+
$APP.T(H,"in","blur");$APP.T(H,"type","matrix");$APP.T(H,"values",c);$APP.T(H,"result","goo");$APP.T(O,"type","fractalNoise");$APP.T(O,"baseFrequency","0.015");$APP.T(O,"numOctaves","2");$APP.T(O,"seed","0");$APP.T(O,"result","noise");$APP.T(S,"in","goo");$APP.T(S,"in2","noise");$APP.T(S,"scale",""+$APP.P.i(x));$APP.T(S,"xChannelSelector","R");$APP.T(S,"yChannelSelector","G");A.appendChild(E);A.appendChild(H);A.appendChild(O);A.appendChild(S);y.appendChild(A);k.appendChild(y);d=new $APP.M(null,5,
|
|
9
|
+
[$APP.at,A,$APP.Sq,E,$APP.Ku,H,$APP.Ct,O,$APP.or,S],null);h.appendChild(k);h.appendChild(m);h.appendChild(r);e.appendChild(f);e.appendChild(h);$APP.Q(a,"__xLiquidDockRefs",$APP.Wg($APP.Cc([d,new $APP.M(null,6,[$APP.Sk,e,$APP.Yp,h,$APP.Qr,k,Pz,m,Qz,r,$APP.nn,u],null)])))}},aA=function(a){a=$APP.ug([$APP.zr,$APP.hu,Sz,Tz,$APP.Ap,$APP.cv,Uz,$APP.yq,Vz,$APP.Iq,Wz],[a.getAttribute("position"),a.getAttribute("blur"),a.getAttribute("magnet-strength"),a.getAttribute("ripple-speed"),a.getAttribute("threshold"),
|
|
10
|
+
a.getAttribute("color"),a.getAttribute("ripple-scale"),a.getAttribute("gap"),a.getAttribute("bob-intensity"),a.getAttribute("disabled"),a.getAttribute("magnet-radius")]);var b=$APP.G(a);a=$APP.C(b,$APP.Iq);var c=$APP.C(b,Wz),d=$APP.C(b,$APP.zr),e=$APP.C(b,$APP.hu),f=$APP.C(b,Sz),h=$APP.C(b,Tz),k=$APP.C(b,$APP.Ap),m=$APP.C(b,$APP.cv),r=$APP.C(b,Uz),u=$APP.C(b,$APP.yq);b=$APP.C(b,Vz);d=uz(d);return $APP.ug([$APP.sr,Xz,Yz,$APP.It,Oz,$APP.Kp,$APP.Br,$APP.Ar,Zz,$APP.Tu,$z,$APP.ik],[Bz(m),Az(h),Ez(b),yz(k),
|
|
11
|
+
zz(r),xz(e),$APP.z.j(d,"left")||$APP.z.j(d,"right"),wz(u),Cz(c),d,Dz(f),a!=null])},bA=function(a){a=$APP.nn.i($APP.l(a,"__xLiquidDockRefs"));return $APP.n(a)?a.assignedElements():null},cA=function(a){var b=$APP.G($APP.l(a,"__xLiquidDockRefs")),c=$APP.C(b,Pz);b=function(){var u=bA(a);return $APP.n(u)?u:[]}().length*2;for(var d=function(){var u=$APP.l(a,"__xLiquidDockBlobs");return $APP.n(u)?u:[]}(),e=function(){var u=$APP.l(a,"__xLiquidDockBlobSt");return $APP.n(u)?u:[]}(),f=d.length,h=f;;)if(h<b){var k=
|
|
12
|
+
document.createElement("div"),m=$APP.oe(h);k.className=m?"blob blob-rest":"blob blob-phantom";var r=m?52:44;k.style.width=""+$APP.P.i(r)+"px";k.style.height=""+$APP.P.i(r)+"px";c.appendChild(k);d.push(k);e.push(m?{type:"rest"}:{type:"phantom",cpDx:0,cpDy:0,cpScale:.6,cLift:0,cRot:0,cScale:1});h+=1}else break;for(c=f;;)if(c>b)f=d.pop(),e.pop(),$APP.n(f.parentNode)&&f.parentNode.removeChild(f),--c;else break;$APP.Q(a,"__xLiquidDockBlobs",d);$APP.Q(a,"__xLiquidDockBlobSt",e)},dA=function(a){var b=$APP.G($APP.l(a,
|
|
13
|
+
"__xLiquidDockRefs")),c=$APP.C(b,$APP.Yp);b=bA(a);b=$APP.n(b)?b:[];var d=b.length,e=[];if($APP.n($APP.n(c)?d>0:c)){c=c.getBoundingClientRect();for(var f=0;;)if(f<d){var h=b[f].getBoundingClientRect();e.push({cx:h.left+h.width/2-c.left,cy:h.top+h.height/2-c.top});f+=1}else break}return $APP.Q(a,"__xLiquidDockItemsR",e)},eA=function(a,b){var c=$APP.G(b);b=$APP.C(c,$APP.sr);c=$APP.C(c,$APP.Ar);$APP.n(b)?a.style.setProperty("--x-liquid-dock-color",b):a.style.removeProperty("--x-liquid-dock-color");a.style.setProperty("--x-liquid-dock-gap",
|
|
14
|
+
""+$APP.P.i(c)+"px")},gA=function(a){if($APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.n($APP.ik.i($APP.l(a,"__xLiquidDockModel"))))return null;$APP.Q(a,"__xLiquidDockSeed",0);return $APP.Yi(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return fA(a)}))},hA=function(a){var b=$APP.l(a,"__xLiquidDockRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Yi(a,"__xLiquidDockRaf",null))},iA=function(a){a=bA(a);if($APP.n(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform=
|
|
15
|
+
"",c+=1;else break},jA=function(a,b,c,d){$APP.Q(a,"__xLiquidDockBurst",Date.now());return $APP.fj(a,"x-liquid-dock-select",$APP.tm(new $APP.M(null,3,["index",b,"item",c,"source",d],null)))},kA=function(a,b){var c=$APP.l(a,"__xLiquidDockModel");if($APP.n($APP.ik.i(c)))return null;var d=bA(a),e=$APP.n(d)?d.length:null,f=b.key,h=$APP.Br.i(c);c=$APP.n(h)?"ArrowUp":"ArrowLeft";h=$APP.n(h)?"ArrowDown":"ArrowRight";var k=$APP.l(a,"__xLiquidDockFocus");k=$APP.n(k)?k:-1;if($APP.n($APP.n(e)?e>0:e)){if($APP.z.j(f,
|
|
16
|
+
c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if($APP.z.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if(($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&k>=0)return b.preventDefault(),jA(a,k,d[k],"keyboard")}return null},lA=function(a){cA(a);var b=bA(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c){var e=b[d];e.getAttribute("tabindex")==null&&$APP.T(e,"tabindex","0");d+=1}else break;return requestAnimationFrame(function(){return dA(a)})},
|
|
17
|
+
mA=function(a){function b(){return lA(a)}function c(k){return kA(a,k)}function d(k){if($APP.n($APP.ik.i($APP.l(a,"__xLiquidDockModel"))))var m=null;else if(m=bA(a),$APP.n(m)){b:{k=k.target;for(var r=m.length,u=0;;)if(u<r){if($APP.z.j(k,m[u])){k=u;break b}u+=1}else{k=null;break b}k=void 0}m=$APP.n(k)?jA(a,k,m[k],"pointer"):null}else m=null;return m}function e(){$APP.l(a,"__xLiquidDockMouse").active=!1}function f(k){var m=$APP.G($APP.l(a,"__xLiquidDockRefs"));m=$APP.C(m,$APP.Yp);if($APP.n(m)){m=m.getBoundingClientRect();
|
|
18
|
+
var r=$APP.l(a,"__xLiquidDockMouse");r.x=k.clientX-m.left;r.y=k.clientY-m.top;r.active=!0;k=void 0}else k=null;return k}var h=$APP.G($APP.l(a,"__xLiquidDockRefs"));h=$APP.C(h,$APP.nn);a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.Q(a,"__xLiquidDockHdl",new $APP.M(null,5,[$APP.fs,f,$APP.qr,e,$APP.ps,d,$APP.Pr,c,$APP.nn,b],null))},nA=function(a){var b=$APP.l(a,
|
|
19
|
+
"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",$APP.fs.i(b));a.removeEventListener("pointerleave",$APP.qr.i(b));a.removeEventListener("click",$APP.ps.i(b));a.removeEventListener("keydown",$APP.Pr.i(b));var c=$APP.l(a,"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.G(c),c=$APP.C(c,$APP.nn),$APP.n(c)&&c.removeEventListener("slotchange",$APP.nn.i(b)));$APP.Q(a,"__xLiquidDockHdl",null)}},oA=function(a){$APP.oj(a,"position","position",uz);$APP.oj(a,"gap","gap",wz);$APP.oj(a,"blur","blur",
|
|
20
|
+
xz);$APP.oj(a,"threshold","threshold",yz);$APP.oj(a,"rippleScale","ripple-scale",zz);$APP.oj(a,"rippleSpeed","ripple-speed",Az);$APP.oj(a,"color","color",Bz);$APP.oj(a,"magnetRadius","magnet-radius",Cz);$APP.oj(a,"magnetStrength","magnet-strength",Dz);$APP.oj(a,"bobIntensity","bob-intensity",Ez);return $APP.ij(a,"disabled","disabled")},pA=function(a){var b=aA(a);$APP.Q(a,"__xLiquidDockModel",b);$APP.Q(a,"__xLiquidDockMouse",{x:0,y:0,active:!1});$APP.Q(a,"__xLiquidDockBlobs",[]);$APP.Q(a,"__xLiquidDockBlobSt",
|
|
21
|
+
[]);$APP.Q(a,"__xLiquidDockItemsR",[]);$APP.Q(a,"__xLiquidDockFocus",-1);$APP.Q(a,"__xLiquidDockBurst",0);Rz(a);eA(a,b);$APP.n(a.hasAttribute("role"))||$APP.T(a,"role","navigation");nA(a);mA(a);b=$APP.l(a,"__xLiquidDockRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){return dA(a)});$APP.Q(a,"__xLiquidDockRO",b);b.observe(a);return requestAnimationFrame(function(){cA(a);dA(a);return gA(a)})},qA=function(a){hA(a);nA(a);iA(a);var b=$APP.l(a,"__xLiquidDockRO");return $APP.n(b)?(b.disconnect(),
|
|
22
|
+
$APP.Q(a,"__xLiquidDockRO",null)):null},rA=function(a,b,c,d){if($APP.I(c,d))if(b=aA(a),$APP.I(b,$APP.l(a,"__xLiquidDockModel"))){if($APP.n($APP.l(a,"__xLiquidDockRefs"))){d=$APP.G(b);var e=$APP.C(d,$APP.Kp);c=$APP.C(d,$APP.It);d=$APP.C(d,Oz);var f=$APP.l(a,"__xLiquidDockRefs"),h=$APP.Sq.i(f);$APP.n(h)&&$APP.T(h,"stdDeviation",""+$APP.P.i(e));e=$APP.Ku.i(f);$APP.n(e)&&$APP.T(e,"values",c);c=$APP.or.i(f);$APP.n(c)&&$APP.T(c,"scale",""+$APP.P.i(d));eA(a,b);dA(a);$APP.n($APP.ik.i(b))?(hA(a),iA(a)):$APP.n($APP.l(a,
|
|
23
|
+
"__xLiquidDockRaf"))||gA(a)}a=$APP.Q(a,"__xLiquidDockModel",b)}else a=null;else a=null;return a},tA=function(){return $APP.qi("x-liquid-dock",new $APP.M(null,5,[$APP.hi,sA,$APP.fi,pA,$APP.ci,qA,$APP.bi,rA,$APP.gi,oA],null))},Xz=new $APP.F(null,"ripple-speed","ripple-speed",229709223),Oz=new $APP.F(null,"ripple-scale","ripple-scale",-1874116111),Wz=new $APP.F(null,"magnet-radius-raw","magnet-radius-raw",1386161852),uA=new $APP.F(null,"bobIntensity","bobIntensity",-531647277),Qz=new $APP.F(null,"items-div",
|
|
24
|
+
"items-div",-555506089),vA=new $APP.F(null,"magnetStrength","magnetStrength",331224709),wA=new $APP.F(null,"rippleScale","rippleScale",-1633180735),Zz=new $APP.F(null,"magnet-radius","magnet-radius",1447549494),Pz=new $APP.F(null,"liquid","liquid",1322031275),Gz=new $APP.F(null,"influence","influence",1453493017),Vz=new $APP.F(null,"bob-intensity-raw","bob-intensity-raw",-669810474),Sz=new $APP.F(null,"magnet-strength-raw","magnet-strength-raw",535053898),Tz=new $APP.F(null,"ripple-speed-raw","ripple-speed-raw",
|
|
25
|
+
-1426902422),xA=new $APP.F(null,"rippleSpeed","rippleSpeed",-1816718091),Iz=new $APP.F(null,"ty","ty",158290825),Hz=new $APP.F(null,"tx","tx",466630418),Yz=new $APP.F(null,"bob-intensity","bob-intensity",-981181657),yA=new $APP.F(null,"magnetRadius","magnetRadius",1616130031),$z=new $APP.F(null,"magnet-strength","magnet-strength",-1089389895),Uz=new $APP.F(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var sA="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.he(["x-liquid-dock-select",new $APP.M(null,4,[$APP.V,new $APP.M(null,3,[$APP.Fp,$APP.Z,$APP.Xr,$APP.wp,$APP.jt,$APP.X],null),$APP.ru,!0,$APP.Iu,!0,$APP.au,!0],null)]);
|
|
26
|
+
$APP.ug([wA,$APP.sr,vA,$APP.Mm,$APP.It,yA,uA,$APP.Kp,xA,$APP.Ar,$APP.Tu],[new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.qj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,
|
|
27
|
+
$APP.X],null)]);var tz=new $APP.ah(null,new $APP.M(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var Mz=[0],Nz=":host{display:block;position:fixed;z-index:var("+$APP.P.i("--x-liquid-dock-z-index")+",50);pointer-events:auto;"+$APP.P.i("--x-liquid-dock-color")+':var(--x-color-primary,#6366f1);}:host(:not([position])),:host([position\x3d"bottom"]){bottom:12px;left:50%;transform:translateX(-50%);}:host([position\x3d"top"]){top:12px;left:50%;transform:translateX(-50%);}:host([position\x3d"left"]){left:12px;top:50%;transform:translateY(-50%);}:host([position\x3d"right"]){right:12px;top:50%;transform:translateY(-50%);}[part\x3ddock]{display:flex;align-items:center;gap:var('+
|
|
28
28
|
$APP.P.i("--x-liquid-dock-gap")+",8px);padding:var("+$APP.P.i("--x-liquid-dock-padding")+",8px);border-radius:var("+$APP.P.i("--x-liquid-dock-radius")+",20px);background:var("+$APP.P.i("--x-liquid-dock-bg")+",rgba(255,255,255,0.88));border:1px solid var("+$APP.P.i("--x-liquid-dock-border")+",rgba(148,163,184,0.22));box-shadow:var("+$APP.P.i("--x-liquid-dock-shadow")+',0 8px 24px rgba(15,23,42,0.12));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;outline:none;}:host([position\x3d"left"]) [part\x3ddock],:host([position\x3d"right"]) [part\x3ddock]{flex-direction:column;}[part\x3dfilter-svg]{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}[part\x3dliquid-layer]{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;background:var('+
|
|
29
29
|
$APP.P.i("--x-liquid-dock-color")+',#6366f1);top:0;left:0;}.blob-rest{opacity:0.65;}.blob-phantom{opacity:0.5;}[part\x3ditems]{display:flex;align-items:center;gap:inherit;position:relative;z-index:1;}:host([position\x3d"left"]) [part\x3ditems],:host([position\x3d"right"]) [part\x3ditems]{flex-direction:column;}::slotted(*){width:var('+$APP.P.i("--x-liquid-dock-item-size")+",48px);height:var("+$APP.P.i("--x-liquid-dock-item-size")+",48px);display:flex;align-items:center;justify-content:center;cursor:pointer;will-change:transform;position:relative;z-index:1;border:none;background:transparent;color:inherit;font-size:1.4em;transition:none;border-radius:50%;}::slotted(:hover){background:color-mix(in srgb,var("+
|
|
30
30
|
$APP.P.i("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.P.i("--x-liquid-dock-color")+",#6366f1);outline-offset:2px;}@media(prefers-color-scheme:dark){:host{--x-liquid-dock-bg:rgba(15,23,42,0.84);--x-liquid-dock-border:rgba(51,65,85,0.9);--x-liquid-dock-shadow:var(--x-shadow-lg,0 14px 36px rgba(0,0,0,0.35));--x-liquid-dock-color:var(--x-color-primary,#818cf8);}}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}::slotted(*){transition:none!important;}}",
|
|
31
|
-
|
|
32
|
-
$APP.l(a,"__xLiquidDockBurst");return $APP.n(
|
|
33
|
-
H);ha=f[Oa];cb
|
|
34
|
-
cb;ha.cRot=
|
|
35
|
-
e=.012+.006*Math.sin(f);$APP.Q(a,"__xLiquidDockSeed",f);f=$APP.
|
|
31
|
+
fA=function fA(a){if($APP.n(a.isConnected)){var c=$APP.l(a,"__xLiquidDockModel"),d=$APP.l(a,"__xLiquidDockMouse"),e=$APP.l(a,"__xLiquidDockBlobs"),f=$APP.l(a,"__xLiquidDockBlobSt"),h=$APP.l(a,"__xLiquidDockItemsR"),k=function(){var uc=bA(a);return $APP.n(uc)?uc:[]}(),m=$APP.Bo.j(h.length,k.length),r=$APP.l(d,"x"),u=$APP.l(d,"y"),x=$APP.l(d,"active"),y=Zz.i(c),A=$z.i(c),E=Yz.i(c),H=$APP.Tu.i(c),O=1+A*.8,S=function(){var uc=$APP.l(a,"__xLiquidDockSeed");return $APP.n(uc)?uc:0}(),R=Date.now();d=function(){var uc=
|
|
32
|
+
$APP.l(a,"__xLiquidDockBurst");return $APP.n(uc)?uc:0}();var Y=R-d<300;if(Y){R=(1-(R-d)/300)*20;var la=Oz.i(c),ha=$APP.or.i($APP.l(a,"__xLiquidDockRefs"));$APP.n(ha)&&$APP.Xi(ha,"scale",""+$APP.P.i(la+R))}for(R=0;;)if(R<m){la=h[R];var na=$APP.l(la,"cx"),Na=$APP.l(la,"cy");ha=R*2;var Oa=ha+1;if(Oa<e.length){la=Gz.i($APP.n(x)?Jz(na,Na,r,u,y,A,O):new $APP.M(null,4,[Gz,0,$APP.Cq,1,Hz,0,Iz,0],null));ha=e[ha];var cb="translate("+$APP.P.i(na-26)+"px,"+$APP.P.i(Na-26)+"px)";ha.style.transform=cb;var pb=Kz(la,
|
|
33
|
+
H);ha=f[Oa];cb=$APP.hs.i(pb);var Kb=$APP.gs.i(pb);pb=$APP.Cq.i(pb);cb=Fz($APP.l(ha,"cpDx"),cb);Kb=Fz($APP.l(ha,"cpDy"),Kb);pb=Fz($APP.l(ha,"cpScale"),pb);ha.cpDx=cb;ha.cpDy=Kb;ha.cpScale=pb;Oa=e[Oa];Na="translate("+$APP.P.i(na-22+cb)+"px,"+$APP.P.i(Na-22+Kb)+"px) scale("+$APP.P.i(pb)+")";Oa.style.transform=Na;Oa=Lz(la,$APP.n(x)?function(){var uc=r-na;return uc>1?1:uc<-1?-1:0}():0,H,E);cb=Fz($APP.l(ha,"cLift"),$APP.gu.i(Oa));Na=Fz($APP.l(ha,"cRot"),$APP.Ot.i(Oa));Oa=Fz($APP.l(ha,"cScale"),$APP.Cq.i(Oa));
|
|
34
|
+
ha.cLift=cb;ha.cRot=Na;ha.cScale=Oa;Kb=S+R*2.39996;pb=1-la*.7;la=Math.sin(Kb)*1.8*pb*E;ha=Math.cos(Kb*.7)*.8*pb*E;var Vb=Math.sin(Kb*1.3)*1.2*pb*E;Kb=k[R];pb=$APP.Br.i(c);cb+=$APP.n(pb)?ha:la;Na+=Vb;la=$APP.n(pb)?"translate("+$APP.P.i(cb)+"px,"+$APP.P.i(la)+"px) rotate("+$APP.P.i(Na)+"deg) scale("+$APP.P.i(Oa)+")":"translate("+$APP.P.i(ha)+"px,"+$APP.P.i(cb)+"px) rotate("+$APP.P.i(Na)+"deg) scale("+$APP.P.i(Oa)+")";Kb.style.transform=la}R+=1}else break;f=$APP.l(a,"__xLiquidDockSeed")+Xz.i(c);h=$APP.l(a,
|
|
35
|
+
"__xLiquidDockRefs");e=.012+.006*Math.sin(f);$APP.Q(a,"__xLiquidDockSeed",f);f=$APP.Ct.i(h);$APP.n(f)&&$APP.Xi(f,"baseFrequency",""+$APP.P.i(e));!Y&&d>0&&(d=$APP.or.i($APP.l(a,"__xLiquidDockRefs")),$APP.n(d)&&$APP.Xi(d,"scale",""+$APP.P.i(Oz.i(c))),$APP.Q(a,"__xLiquidDockBurst",0));return $APP.Yi(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return fA.i?fA.i(a):fA.call(null,a)}))}return null};$APP.fa("baredom.exports.x_liquid_dock.init",tA);export const init=tA;
|
package/dist/x-liquid-fill.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var l$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.bd(
|
|
3
|
-
.7)},r$=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 3;a=parseInt(a,10);return $APP.n(isNaN(a))?3:Math.min(5,Math.max(2,a))}return 3},u$=function(a,b){b=b>1?a/(b-1):1;return new $APP.M(null,6,[
|
|
4
|
-
3+b+d)+.3*Math.sin(a*6.283185307179586*5+b*1.3+d*1.7)+.2*Math.sin(a*6.283185307179586*7+b*.7+d*2.3))},
|
|
5
|
-
b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.z.j(b,"auto")||$APP.z.j(b,"scroll")||$APP.z.j(c,"auto")||$APP.z.j(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},
|
|
6
|
-
a.scrollHeight,a.clientHeight]},
|
|
7
|
-
"stop"),x=document.createElementNS("http://www.w3.org/2000/svg","filter"),y=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),A=document.createElementNS("http://www.w3.org/2000/svg","feSpecularLighting"),E=document.createElementNS("http://www.w3.org/2000/svg","fePointLight"),H=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),
|
|
8
|
-
function(){for(;;){var cb=$APP.q(
|
|
9
|
-
Y=document.createElement("slot"),la=""+$APP.P.i("xlf-grad-")+$APP.P.i(b),ha=""+$APP.P.i("xlf-spec-")+$APP.P.i(b);d.textContent=
|
|
10
|
-
$APP.P.i("--x-liquid-fill-color-1")+",#B8860B)");$APP.T(r,"offset","50%");$APP.T(r,"stop-color","var("+$APP.P.i("--x-liquid-fill-color-2")+",#D4AF37)");$APP.T(
|
|
11
|
-
$APP.T(A,"in","blur");$APP.T(A,"surfaceScale","5");$APP.T(A,"specularConstant","0.75");$APP.T(A,"specularExponent","20");$APP.T(A,"lighting-color","var("+$APP.P.i("--x-liquid-fill-specular-color")+",rgba(255,255,240,0.6))");$APP.T(A,"result","specular");A.appendChild(E);$APP.T(E,"x","90");$APP.T(E,"y","-50");$APP.T(E,"z","200");$APP.T(H,"in","specular");$APP.T(H,"in2","SourceAlpha");$APP.T(H,"operator","in");$APP.T(H,"result","specClip");$APP.T(
|
|
12
|
-
"operator","arithmetic");$APP.T(
|
|
13
|
-
c.appendChild(e);$APP.Q(a,"__xLiquidFillUid",b);$APP.Q(a,"__xLiquidFillRefs",new $APP.M(null,8,[$APP.Sk,c,$APP.
|
|
14
|
-
var c=$APP.C(b,$APP.
|
|
15
|
-
"__xLiquidFillRefs"));a=$APP.C(c,z$);c=$APP.C(c,C$);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var f=u$(d,b),h=$APP.z.j(d,b-1);e.style.display="";$APP.T(e,"opacity",""+$APP.P.i($APP.Lp.i(f)));h?$APP.T(e,"filter","url(#"+$APP.P.i(c)+")"):$APP.U(e,"filter")}else e.style.display="none";d+=1}else break},N$=function(a){return $APP.z.j("vertical",$APP.
|
|
16
|
-
"__xLiquidFillTime"),f=$APP.l(a,"__xLiquidFillProg"),h=$APP.Jq.i(b);b=N$(b);var k=$APP.l(a,"__xLiquidFillWA"),m=$APP.l(a,"__xLiquidFillWP");a=$APP.G($APP.l(a,"__xLiquidFillRefs"));a=$APP.C(a,z$);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var r=0;;)if(r<h){var
|
|
17
|
-
","+$APP.P.i(ha.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+","+$APP.P.i(la.toFixed(2)));R+=1}else break;S.push("L"+$APP.P.i(E.toFixed(2))+","+$APP.P.i(H.toFixed(2)));S.push("L0,"+$APP.P.i(H.toFixed(2)));S.push("Z")
|
|
18
|
-
","+$APP.P.i(ha.toFixed(2))),S+=1;else break;y.push("L0,"+$APP.P.i(E.toFixed(2)));y.push("L0,0");y.push("Z")
|
|
2
|
+
var l$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.bd(Sua,a)?a:"vertical"},m$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.bd(Tua,a)?a:"fill"},n$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.bd(Uua,a)?a:"gold"},o$=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(1,Math.max(0,a))}return b},p$=function(a){return o$(a,.5)},q$=function(a){return o$(a,
|
|
3
|
+
.7)},r$=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 3;a=parseInt(a,10);return $APP.n(isNaN(a))?3:Math.min(5,Math.max(2,a))}return 3},u$=function(a,b){b=b>1?a/(b-1):1;return new $APP.M(null,6,[Vua,a*2.39996,s$,.7+.6*b,t$,.6+.8*b,$APP.Gt,200-a*30,$APP.xs,10+a*3,$APP.Lp,1],null)},Wua=function(a,b,c){b-=c;return b<=0?0:Math.min(1,Math.max(0,a/b))},Xua=function(a,b,c){return c<=.001?0:Math.min(1,Math.abs(a-b)/c/2E3)},v$=function(a,b,c,d){return c*(.5*Math.sin(a*6.283185307179586*
|
|
4
|
+
3+b+d)+.3*Math.sin(a*6.283185307179586*5+b*1.3+d*1.7)+.2*Math.sin(a*6.283185307179586*7+b*.7+d*2.3))},Yua=function(a,b,c,d,e,f){b=c+(e*(b-a)-f*c)*d;return[a+b*d,b]},Zua=function(a,b,c){return a+(b-a)*c},$ua=function(){var a=w$+1;return w$=a},x$=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},y$=function(a,b){if(typeof b==="string"&&$APP.I(b.trim(),""))a=document.querySelector(b);else a:{for(a=a.parentElement;;)if($APP.n(a)){var c=window.getComputedStyle(a);
|
|
5
|
+
b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.z.j(b,"auto")||$APP.z.j(b,"scroll")||$APP.z.j(c,"auto")||$APP.z.j(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},ava=function(a,b){return a==null?$APP.z.j(b,"horizontal")?[window.scrollX,document.documentElement.scrollWidth,window.innerWidth]:[window.scrollY,document.documentElement.scrollHeight,window.innerHeight]:$APP.z.j(b,"horizontal")?[a.scrollLeft,a.scrollWidth,a.clientWidth]:[a.scrollTop,
|
|
6
|
+
a.scrollHeight,a.clientHeight]},dva=function(a){var b=$ua(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),f=document.createElementNS("http://www.w3.org/2000/svg","svg"),h=document.createElementNS("http://www.w3.org/2000/svg","defs"),k=document.createElementNS("http://www.w3.org/2000/svg","radialGradient"),m=document.createElementNS("http://www.w3.org/2000/svg","stop"),r=document.createElementNS("http://www.w3.org/2000/svg","stop"),u=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
|
+
"stop"),x=document.createElementNS("http://www.w3.org/2000/svg","filter"),y=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),A=document.createElementNS("http://www.w3.org/2000/svg","feSpecularLighting"),E=document.createElementNS("http://www.w3.org/2000/svg","fePointLight"),H=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),O=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),S=$APP.Aa(function(){return function Oa(Na){return new $APP.Gd(null,
|
|
8
|
+
function(){for(;;){var cb=$APP.q(Na);if(cb){if($APP.Yc(cb)){var pb=$APP.Db(cb),Kb=$APP.w(pb),Vb=$APP.Jd(Kb);a:{for(var uc=0;;)if(uc<Kb){$APP.Hc(pb,uc);var cg=Vb,Fg=document.createElementNS("http://www.w3.org/2000/svg","path");cg.add(Fg);uc+=1}else{pb=!0;break a}pb=void 0}return pb?$APP.Md(Vb.ea(),Oa($APP.Eb(cb))):$APP.Md(Vb.ea(),null)}$APP.t(cb);return $APP.Dd(document.createElementNS("http://www.w3.org/2000/svg","path"),Oa($APP.ec(cb)))}return null}},null)}($APP.oh(0,5))}()),R=document.createElement("div"),
|
|
9
|
+
Y=document.createElement("slot"),la=""+$APP.P.i("xlf-grad-")+$APP.P.i(b),ha=""+$APP.P.i("xlf-spec-")+$APP.P.i(b);d.textContent=bva;$APP.T(e,"part","container");$APP.T(f,"part","svg");$APP.T(f,"viewBox","0 0 300 200");$APP.T(f,"preserveAspectRatio","none");$APP.T(f,"aria-hidden","true");$APP.T(k,"id",la);$APP.T(k,"gradientUnits","userSpaceOnUse");$APP.T(k,"cx","150");$APP.T(k,"cy","200");$APP.T(k,"r","200");$APP.T(k,"fx","150");$APP.T(k,"fy","200");$APP.T(m,"offset","0%");$APP.T(m,"stop-color","var("+
|
|
10
|
+
$APP.P.i("--x-liquid-fill-color-1")+",#B8860B)");$APP.T(r,"offset","50%");$APP.T(r,"stop-color","var("+$APP.P.i("--x-liquid-fill-color-2")+",#D4AF37)");$APP.T(u,"offset","100%");$APP.T(u,"stop-color","var("+$APP.P.i("--x-liquid-fill-color-3")+",#F9F295)");k.appendChild(m);k.appendChild(r);k.appendChild(u);$APP.T(x,"id",ha);$APP.T(x,"x","-10%");$APP.T(x,"y","-10%");$APP.T(x,"width","120%");$APP.T(x,"height","120%");$APP.T(y,"in","SourceAlpha");$APP.T(y,"stdDeviation","3");$APP.T(y,"result","blur");
|
|
11
|
+
$APP.T(A,"in","blur");$APP.T(A,"surfaceScale","5");$APP.T(A,"specularConstant","0.75");$APP.T(A,"specularExponent","20");$APP.T(A,"lighting-color","var("+$APP.P.i("--x-liquid-fill-specular-color")+",rgba(255,255,240,0.6))");$APP.T(A,"result","specular");A.appendChild(E);$APP.T(E,"x","90");$APP.T(E,"y","-50");$APP.T(E,"z","200");$APP.T(H,"in","specular");$APP.T(H,"in2","SourceAlpha");$APP.T(H,"operator","in");$APP.T(H,"result","specClip");$APP.T(O,"in","SourceGraphic");$APP.T(O,"in2","specClip");$APP.T(O,
|
|
12
|
+
"operator","arithmetic");$APP.T(O,"k1","0");$APP.T(O,"k2","1");$APP.T(O,"k3","1");$APP.T(O,"k4","0");x.appendChild(y);x.appendChild(A);x.appendChild(H);x.appendChild(O);h.appendChild(k);h.appendChild(x);f.appendChild(h);for(h=0;;)if(h<5)m=S[h],$APP.T(m,"class","wave-layer"),$APP.T(m,"data-layer",""+$APP.P.i(h)),$APP.T(m,"fill","url(#"+$APP.P.i(la)+")"),m.style.display="none",f.appendChild(m),h+=1;else break;$APP.T(R,"part","content");R.appendChild(Y);e.appendChild(f);e.appendChild(R);c.appendChild(d);
|
|
13
|
+
c.appendChild(e);$APP.Q(a,"__xLiquidFillUid",b);$APP.Q(a,"__xLiquidFillRefs",new $APP.M(null,8,[$APP.Sk,c,$APP.Qr,f,z$,S,$APP.Wp,R,A$,E,B$,k,C$,ha,cva,la],null))},K$=function(a){a=new $APP.M(null,8,[$APP.mt,a.getAttribute("target"),$APP.Mt,a.getAttribute("orientation"),$APP.Zl,a.getAttribute("mode"),D$,a.getAttribute("theme"),E$,a.getAttribute("wave-intensity"),F$,a.getAttribute("splash-intensity"),G$,a.getAttribute("layers"),$APP.Iq,a.getAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.mt);
|
|
14
|
+
var c=$APP.C(b,$APP.Mt),d=$APP.C(b,$APP.Zl),e=$APP.C(b,D$),f=$APP.C(b,E$),h=$APP.C(b,F$),k=$APP.C(b,G$);b=$APP.C(b,$APP.Iq);return new $APP.M(null,8,[$APP.dv,typeof a==="string"&&$APP.I(a.trim(),"")?a.trim():null,$APP.ht,l$(c),$APP.em,m$(d),H$,n$(e),I$,p$(f),J$,q$(h),$APP.Jq,r$(k),$APP.ik,b!=null],null)},L$=function(a,b){$APP.Q(a,"__xLiquidFillWA",new Float64Array(b));$APP.Q(a,"__xLiquidFillWV",new Float64Array(b));$APP.Q(a,"__xLiquidFillWP",new Float64Array(b))},M$=function(a,b){var c=$APP.G($APP.l(a,
|
|
15
|
+
"__xLiquidFillRefs"));a=$APP.C(c,z$);c=$APP.C(c,C$);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var f=u$(d,b),h=$APP.z.j(d,b-1);e.style.display="";$APP.T(e,"opacity",""+$APP.P.i($APP.Lp.i(f)));h?$APP.T(e,"filter","url(#"+$APP.P.i(c)+")"):$APP.U(e,"filter")}else e.style.display="none";d+=1}else break},N$=function(a){return $APP.z.j("vertical",$APP.ht.i(a))&&$APP.I("bar",$APP.em.i(a))},O$=function(a){var b=$APP.l(a,"__xLiquidFillModel"),c=$APP.l(a,"__xLiquidFillW"),d=$APP.l(a,"__xLiquidFillH"),e=$APP.l(a,
|
|
16
|
+
"__xLiquidFillTime"),f=$APP.l(a,"__xLiquidFillProg"),h=$APP.Jq.i(b);b=N$(b);var k=$APP.l(a,"__xLiquidFillWA"),m=$APP.l(a,"__xLiquidFillWP");a=$APP.G($APP.l(a,"__xLiquidFillRefs"));a=$APP.C(a,z$);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var r=0;;)if(r<h){var u=a[r],x=k[r],y=m[r];if(b){var A=d*(1-f),E=c,H=d,O=e,S=[];S.push("M0,"+$APP.P.i((A+v$(0,O,x,y)).toFixed(2)));for(var R=0;;)if(R<10){var Y=(R+.5)/10,la=(R+1)/10,ha=A+v$(Y,O,x,y),na=la*E;la=A+v$(la,O,x,y);S.push("Q"+$APP.P.i((Y*E).toFixed(2))+
|
|
17
|
+
","+$APP.P.i(ha.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+","+$APP.P.i(la.toFixed(2)));R+=1}else break;S.push("L"+$APP.P.i(E.toFixed(2))+","+$APP.P.i(H.toFixed(2)));S.push("L0,"+$APP.P.i(H.toFixed(2)));S.push("Z");$APP.Xi(u,"d",S.join(""))}else{A=c*f;E=d;H=e;O=x;x=y;y=[];y.push("M"+$APP.P.i((A+v$(0,H,O,x)).toFixed(2))+",0");for(S=0;;)if(S<10)R=(S+.5)/10,na=(S+1)/10,Y=R*E,ha=na*E,na=A+v$(na,H,O,x),y.push("Q"+$APP.P.i((A+v$(R,H,O,x)).toFixed(2))+","+$APP.P.i(Y.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+
|
|
18
|
+
","+$APP.P.i(ha.toFixed(2))),S+=1;else break;y.push("L0,"+$APP.P.i(E.toFixed(2)));y.push("L0,0");y.push("Z");$APP.Xi(u,"d",y.join(""))}r+=1}else break},P$=function(a){var b=$APP.l(a,"__xLiquidFillModel"),c=$APP.l(a,"__xLiquidFillW"),d=$APP.l(a,"__xLiquidFillH");var e=$APP.l(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var f=$APP.Jq.i(b);b=N$(b);a=$APP.G($APP.l(a,"__xLiquidFillRefs"));a=$APP.C(a,z$);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var h=0;;)if(h<f){var k=a[h];if(b){var m=d*(1-e);$APP.T(k,
|
|
19
19
|
"d","M0,"+$APP.P.i(m.toFixed(2))+"L"+$APP.P.i(c.toFixed(2))+","+$APP.P.i(m.toFixed(2))+"L"+$APP.P.i(c.toFixed(2))+","+$APP.P.i(d.toFixed(2))+"L0,"+$APP.P.i(d.toFixed(2))+"Z")}else m=c*e,$APP.T(k,"d","M"+$APP.P.i(m.toFixed(2))+",0L"+$APP.P.i(m.toFixed(2))+","+$APP.P.i(d.toFixed(2))+"L0,"+$APP.P.i(d.toFixed(2))+"L0,0Z");h+=1}else return null;else return null},R$=function(a){if($APP.n($APP.l(a,"__xLiquidFillRaf")))return null;$APP.Yi(a,"__xLiquidFillLF",performance.now());return $APP.Yi(a,"__xLiquidFillRaf",
|
|
20
|
-
requestAnimationFrame(function(){return Q$(a)}))},S$=function(a){var b=$APP.l(a,"__xLiquidFillRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.Yi(a,"__xLiquidFillRaf",null)):null},V$=function(a){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.l(a,"__xLiquidFillVis"),$APP.n(h)?$APP.p($APP.ik.i($APP.l(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.l(a,"__xLiquidFillModel");$APP.l(a,"__xLiquidFillST")==null&&$APP.
|
|
21
|
-
a),$APP.Q(a,"__xLiquidFillST",b),U$.i?U$.i(a):U$.call(null,a)));var c=$APP.l(a,"__xLiquidFillModel");b=$APP.l(a,"__xLiquidFillST");var d=$APP.
|
|
22
|
-
h:0}(),d));$APP.Q(a,"__xLiquidFillLS",e);$APP.Q(a,"__xLiquidFillLST",f);$APP.n(function(){var h=$APP.ik.i(c);return $APP.n(h)?h:x$()}())||R$(a);if($APP.n(function(){var h=$APP.ik.i(c);return $APP.n(h)?h:x$()}()))return $APP.Q(a,"__xLiquidFillProg",b),P$(a),$APP.dj(a,"x-liquid-fill-progress",$APP.tm(new $APP.M(null,2,[$APP.
|
|
23
|
-
"__xLiquidFillST");$APP.n(a)?a.addEventListener("scroll",c,{passive:!0}):window.addEventListener("scroll",c,{passive:!0});b.scrollAttached=!0}else return null},T$=function(a){var b=$APP.l(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.l(b,"scrollAttached"):b)){var c=$APP.l(b,"scroll");a=$APP.l(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},W$=function(a){var b=$APP.
|
|
24
|
-
y$(a,b);$APP.Q(a,"__xLiquidFillST",c);U$(a);V$(a);return b!=null&&c==null?requestAnimationFrame(function(){a:{if($APP.n(a.isConnected)){var d=$APP.
|
|
25
|
-
new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xLiquidFillVis",c);$APP.n(c)?(c=$APP.ik.i($APP.l(a,"__xLiquidFillModel")),c=$APP.n(c)?c:x$(),c=$APP.n(c)?null:R$(a)):c=S$(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xLiquidFillIO",b);b=new ResizeObserver(function(c){a:{if(c.length>0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){$APP.Q(a,"__xLiquidFillW",c);$APP.Q(a,"__xLiquidFillH",d);var e=$APP.G($APP.l(a,"__xLiquidFillRefs")),f=$APP.C(e,$APP.
|
|
26
|
-
A$);e=$APP.C(e,B$);var k=Math.max(c,d);$APP.T(f,"viewBox","0 0 "+$APP.P.i(c)+" "+$APP.P.i(d));$APP.T(h,"x",""+$APP.P.i(c*.3));$APP.T(e,"cx",""+$APP.P.i(c*.5));$APP.T(e,"cy",""+$APP.P.i(d));$APP.T(e,"r",""+$APP.P.i(k));$APP.T(e,"fx",""+$APP.P.i(c*.5));$APP.T(e,"fy",""+$APP.P.i(d));c=$APP.ik.i($APP.l(a,"__xLiquidFillModel"));c=$APP.n(c)?c:x$();if($APP.n(c)){c=P$(a);break a}O$(a);c=R$(a);break a}}c=null}return c});b.observe(a);$APP.Q(a,"__xLiquidFillRO",b)},Z$=function(a,b){b=$APP.C(
|
|
27
|
-
(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.
|
|
28
|
-
l$);$APP.oj(a,"mode","mode",m$);$APP.oj(a,"theme","theme",n$);$APP.oj(a,"waveIntensity","wave-intensity",p$);$APP.oj(a,"splashIntensity","splash-intensity",q$);$APP.oj(a,"layers","layers",r$);$APP.ij(a,"disabled","disabled");return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},
|
|
29
|
-
"__xLiquidFillSV",0);$APP.Yi(a,"__xLiquidFillTime",0);$APP.Q(a,"__xLiquidFillLD",-1);$APP.Q(a,"__xLiquidFillVis",!0);$APP.n($APP.l(a,"__xLiquidFillRefs"))||
|
|
30
|
-
|
|
31
|
-
(S$(a),a=P$(a)):(O$(a),a=R$(a))):a=null}else a=null;else a=null;else a=null;return a},$$=function(){return $APP.qi("x-liquid-fill",new $APP.M(null,5,[$APP.hi,
|
|
32
|
-
new $APP.F(null,"paths","paths",-1807389588),D$=new $APP.F(null,"theme-raw","theme-raw",1068228849),C$=new $APP.F(null,"filt-id","filt-id",-672558408),I$=new $APP.F(null,"wave-intensity","wave-intensity",-915557489),B$=new $APP.F(null,"grad","grad",1125187229),H$=new $APP.F(null,"theme","theme",-1247880880),Y$=new $APP.F(null,"color-3","color-3",265727868),E$=new $APP.F(null,"wave-intensity-raw","wave-intensity-raw",1563162777),
|
|
33
|
-
"splash-intensity","splash-intensity",-619909243),F$=new $APP.F(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var
|
|
34
|
-
$APP.ug([new $APP.F(null,"waveIntensity","waveIntensity",695633410),$APP.Mm,new $APP.F(null,"splashIntensity","splashIntensity",1275664841),$APP.em,$APP.
|
|
35
|
-
new $APP.M(null,2,[$APP.
|
|
36
|
-
var
|
|
37
|
-
null),"lava",new $APP.M(null,4,[$APP.
|
|
20
|
+
requestAnimationFrame(function(){return Q$(a)}))},S$=function(a){var b=$APP.l(a,"__xLiquidFillRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.Yi(a,"__xLiquidFillRaf",null)):null},V$=function(a){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.l(a,"__xLiquidFillVis"),$APP.n(h)?$APP.p($APP.ik.i($APP.l(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.l(a,"__xLiquidFillModel");$APP.l(a,"__xLiquidFillST")==null&&$APP.dv.i(b)!=null&&(b=y$(a,$APP.dv.i(b)),$APP.n(b)&&(T$.i?T$.i(a):T$.call(null,
|
|
21
|
+
a),$APP.Q(a,"__xLiquidFillST",b),U$.i?U$.i(a):U$.call(null,a)));var c=$APP.l(a,"__xLiquidFillModel");b=$APP.l(a,"__xLiquidFillST");var d=$APP.ht.i(c);d=ava(b,d);var e=d[0];b=d[1];d=d[2];var f=performance.now();b=Wua(e,b,d);d=Xua(e,function(){var h=$APP.l(a,"__xLiquidFillLS");return $APP.n(h)?h:e}(),(f-function(){var h=$APP.l(a,"__xLiquidFillLST");return $APP.n(h)?h:f}())/1E3);$APP.Q(a,"__xLiquidFillTP",b);$APP.Q(a,"__xLiquidFillSV",Math.max(function(){var h=$APP.l(a,"__xLiquidFillSV");return $APP.n(h)?
|
|
22
|
+
h:0}(),d));$APP.Q(a,"__xLiquidFillLS",e);$APP.Q(a,"__xLiquidFillLST",f);$APP.n(function(){var h=$APP.ik.i(c);return $APP.n(h)?h:x$()}())||R$(a);if($APP.n(function(){var h=$APP.ik.i(c);return $APP.n(h)?h:x$()}()))return $APP.Q(a,"__xLiquidFillProg",b),P$(a),$APP.dj(a,"x-liquid-fill-progress",$APP.tm(new $APP.M(null,2,[$APP.Rt,b,$APP.Ft,d],null)))}return null},U$=function(a){var b=$APP.l(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.p($APP.l(b,"scrollAttached")):b)){var c=$APP.l(b,"scroll");a=$APP.l(a,
|
|
23
|
+
"__xLiquidFillST");$APP.n(a)?a.addEventListener("scroll",c,{passive:!0}):window.addEventListener("scroll",c,{passive:!0});b.scrollAttached=!0}else return null},T$=function(a){var b=$APP.l(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.l(b,"scrollAttached"):b)){var c=$APP.l(b,"scroll");a=$APP.l(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},W$=function(a){var b=$APP.dv.i($APP.l(a,"__xLiquidFillModel")),c=
|
|
24
|
+
y$(a,b);$APP.Q(a,"__xLiquidFillST",c);U$(a);V$(a);return b!=null&&c==null?requestAnimationFrame(function(){a:{if($APP.n(a.isConnected)){var d=$APP.dv.i($APP.l(a,"__xLiquidFillModel"));if(d!=null&&$APP.l(a,"__xLiquidFillST")==null&&(d=y$(a,d),$APP.n(d))){T$(a);$APP.Q(a,"__xLiquidFillST",d);U$(a);d=V$(a);break a}}d=null}return d}):null},eva=function(a){$APP.Q(a,"__xLiquidFillHdl",{scroll:function(){return V$(a)},scrollAttached:!1})},X$=function(a){T$(a);$APP.Q(a,"__xLiquidFillHdl",null)},fva=function(a){var b=
|
|
25
|
+
new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xLiquidFillVis",c);$APP.n(c)?(c=$APP.ik.i($APP.l(a,"__xLiquidFillModel")),c=$APP.n(c)?c:x$(),c=$APP.n(c)?null:R$(a)):c=S$(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xLiquidFillIO",b);b=new ResizeObserver(function(c){a:{if(c.length>0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){$APP.Q(a,"__xLiquidFillW",c);$APP.Q(a,"__xLiquidFillH",d);var e=$APP.G($APP.l(a,"__xLiquidFillRefs")),f=$APP.C(e,$APP.Qr),h=$APP.C(e,
|
|
26
|
+
A$);e=$APP.C(e,B$);var k=Math.max(c,d);$APP.T(f,"viewBox","0 0 "+$APP.P.i(c)+" "+$APP.P.i(d));$APP.T(h,"x",""+$APP.P.i(c*.3));$APP.T(e,"cx",""+$APP.P.i(c*.5));$APP.T(e,"cy",""+$APP.P.i(d));$APP.T(e,"r",""+$APP.P.i(k));$APP.T(e,"fx",""+$APP.P.i(c*.5));$APP.T(e,"fy",""+$APP.P.i(d));c=$APP.ik.i($APP.l(a,"__xLiquidFillModel"));c=$APP.n(c)?c:x$();if($APP.n(c)){c=P$(a);break a}O$(a);c=R$(a);break a}}c=null}return c});b.observe(a);$APP.Q(a,"__xLiquidFillRO",b)},Z$=function(a,b){b=$APP.C(gva,b);$APP.n(b)?
|
|
27
|
+
(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.Xs.i(b)),a.setProperty("--x-liquid-fill-color-2",$APP.Ys.i(b)),a.setProperty("--x-liquid-fill-color-3",Y$.i(b)),a.setProperty("--x-liquid-fill-specular-color",$APP.gt.i(b))):(a=a.style,a.removeProperty("--x-liquid-fill-color-1"),a.removeProperty("--x-liquid-fill-color-2"),a.removeProperty("--x-liquid-fill-color-3"),a.removeProperty("--x-liquid-fill-specular-color"))},hva=function(a){$APP.mj(a,"target","target");$APP.oj(a,"orientation","orientation",
|
|
28
|
+
l$);$APP.oj(a,"mode","mode",m$);$APP.oj(a,"theme","theme",n$);$APP.oj(a,"waveIntensity","wave-intensity",p$);$APP.oj(a,"splashIntensity","splash-intensity",q$);$APP.oj(a,"layers","layers",r$);$APP.ij(a,"disabled","disabled");return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},iva=function(a){var b=K$(a);$APP.Q(a,"__xLiquidFillModel",b);$APP.Q(a,"__xLiquidFillProg",0);$APP.Q(a,"__xLiquidFillTP",0);$APP.Q(a,
|
|
29
|
+
"__xLiquidFillSV",0);$APP.Yi(a,"__xLiquidFillTime",0);$APP.Q(a,"__xLiquidFillLD",-1);$APP.Q(a,"__xLiquidFillVis",!0);$APP.n($APP.l(a,"__xLiquidFillRefs"))||dva(a);Z$(a,H$.i(b));L$(a,$APP.Jq.i(b));M$(a,$APP.Jq.i(b));X$(a);eva(a);fva(a);return W$(a)},jva=function(a){S$(a);X$(a);var b=$APP.l(a,"__xLiquidFillIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xLiquidFillIO",null));b=$APP.l(a,"__xLiquidFillRO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xLiquidFillRO",null));return $APP.Q(a,"__xLiquidFillVis",!1)},
|
|
30
|
+
kva=function(a,b,c,d){if($APP.I(c,d))if($APP.n($APP.l(a,"__xLiquidFillRefs")))if(b=K$(a),c=$APP.l(a,"__xLiquidFillModel"),$APP.I(b,c)){$APP.Q(a,"__xLiquidFillModel",b);if(c==null||$APP.I($APP.Jq.i(b),$APP.Jq.i(c)))L$(a,$APP.Jq.i(b)),M$(a,$APP.Jq.i(b));(c==null||$APP.I(H$.i(b),H$.i(c)))&&Z$(a,H$.i(b));if(c==null||$APP.I($APP.dv.i(b),$APP.dv.i(c)))T$(a),W$(a);c=$APP.l(a,"__xLiquidFillW");d=$APP.l(a,"__xLiquidFillH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)?(b=$APP.ik.i(b),b=$APP.n(b)?b:x$(),$APP.n(b)?
|
|
31
|
+
(S$(a),a=P$(a)):(O$(a),a=R$(a))):a=null}else a=null;else a=null;else a=null;return a},$$=function(){return $APP.qi("x-liquid-fill",new $APP.M(null,5,[$APP.hi,lva,$APP.fi,iva,$APP.ci,jva,$APP.bi,kva,$APP.gi,hva],null))},t$=new $APP.F(null,"amp-mult","amp-mult",698045242),A$=new $APP.F(null,"feLight","feLight",-1941454484),s$=new $APP.F(null,"speed-mult","speed-mult",-353631814),G$=new $APP.F(null,"layers-raw","layers-raw",-233899391),Vua=new $APP.F(null,"phase-offset","phase-offset",-1013192067),z$=
|
|
32
|
+
new $APP.F(null,"paths","paths",-1807389588),D$=new $APP.F(null,"theme-raw","theme-raw",1068228849),C$=new $APP.F(null,"filt-id","filt-id",-672558408),I$=new $APP.F(null,"wave-intensity","wave-intensity",-915557489),B$=new $APP.F(null,"grad","grad",1125187229),H$=new $APP.F(null,"theme","theme",-1247880880),Y$=new $APP.F(null,"color-3","color-3",265727868),E$=new $APP.F(null,"wave-intensity-raw","wave-intensity-raw",1563162777),cva=new $APP.F(null,"grad-id","grad-id",1430109665),J$=new $APP.F(null,
|
|
33
|
+
"splash-intensity","splash-intensity",-619909243),F$=new $APP.F(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var lva="target orientation mode theme wave-intensity splash-intensity layers disabled".split(" ");
|
|
34
|
+
$APP.ug([new $APP.F(null,"waveIntensity","waveIntensity",695633410),$APP.Mm,new $APP.F(null,"splashIntensity","splashIntensity",1275664841),$APP.em,$APP.ht,H$,$APP.Jq,$APP.dv,$APP.Rt],[new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.qj],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Z],null),new $APP.M(null,1,[$APP.N,$APP.X],null),
|
|
35
|
+
new $APP.M(null,2,[$APP.N,$APP.Z,$APP.bs,!0],null)]);$APP.he(["x-liquid-fill-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Rt,$APP.Z,$APP.Ft,$APP.Z],null),$APP.au,!1],null)]);
|
|
36
|
+
var Sua=new $APP.ah(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),Tua=new $APP.ah(null,new $APP.M(null,2,["bar",null,"fill",null],null),null),Uua=new $APP.ah(null,new $APP.M(null,4,["custom",null,"gold",null,"lava",null,"water",null],null),null),gva=new $APP.M(null,3,["gold",new $APP.M(null,4,[$APP.Xs,"#B8860B",$APP.Ys,"#D4AF37",Y$,"#F9F295",$APP.gt,"rgba(255,255,240,0.6)"],null),"water",new $APP.M(null,4,[$APP.Xs,"#0077B6",$APP.Ys,"#00B4D8",Y$,"#90E0EF",$APP.gt,"rgba(255,255,255,0.5)"],
|
|
37
|
+
null),"lava",new $APP.M(null,4,[$APP.Xs,"#8B0000",$APP.Ys,"#FF4500",Y$,"#FF8C00",$APP.gt,"rgba(255,255,200,0.7)"],null)],null);var w$=0,bva=":host{display:block;position:relative;overflow:hidden;"+$APP.P.i("--x-liquid-fill-bg")+":transparent;"+$APP.P.i("--x-liquid-fill-border")+":none;"+$APP.P.i("--x-liquid-fill-radius")+":0;"+$APP.P.i("--x-liquid-fill-opacity")+":1;"+$APP.P.i("--x-liquid-fill-wave-speed")+":1;"+$APP.P.i("--x-liquid-fill-color-1")+":#B8860B;"+$APP.P.i("--x-liquid-fill-color-2")+":#D4AF37;"+$APP.P.i("--x-liquid-fill-color-3")+":#F9F295;"+$APP.P.i("--x-liquid-fill-specular-color")+":rgba(255,255,240,0.6);}:host{background:var("+
|
|
38
38
|
$APP.P.i("--x-liquid-fill-bg")+",transparent);border:var("+$APP.P.i("--x-liquid-fill-border")+",none);border-radius:var("+$APP.P.i("--x-liquid-fill-radius")+",0);}:host([mode\x3dbar]){"+$APP.P.i("--x-liquid-fill-bar-height")+":14px;height:var("+$APP.P.i("--x-liquid-fill-bar-height")+",14px);}[part\x3dcontainer]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;}[part\x3dsvg]{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none;opacity:var("+
|
|
39
|
-
$APP.P.i("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.P.i("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-liquid-fill-bg")+":transparent;"+$APP.P.i("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.P.i("wave-layer")+"{transition:none!important;}}",Q$=function Q$(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var
|
|
40
|
-
return $APP.n(
|
|
41
|
-
r=$APP.l(a,"__xLiquidFillWA"),
|
|
42
|
-
$APP.
|
|
43
|
-
"__xLiquidFillTP");return $APP.n(
|
|
39
|
+
$APP.P.i("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.P.i("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-liquid-fill-bg")+":transparent;"+$APP.P.i("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.P.i("wave-layer")+"{transition:none!important;}}",Q$=function Q$(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var O=$APP.ik.i($APP.l(a,"__xLiquidFillModel"));
|
|
40
|
+
return $APP.n(O)?O:x$()}()))return $APP.Yi(a,"__xLiquidFillRaf",null);var c=$APP.l(a,"__xLiquidFillModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xLiquidFillLF"),100)/1E3,f=function(){var O=window.getComputedStyle(a).getPropertyValue("--x-liquid-fill-wave-speed");O=typeof O==="string"?parseFloat(O.trim()):null;var S=O==null;S||(S=isNaN(O),S=$APP.n(S)?S:O<=0);return $APP.n(S)?1:O}(),h=$APP.Jq.i(c),k=I$.i(c);c=J$.i(c);var m=function(){var O=$APP.l(a,"__xLiquidFillSV");return $APP.n(O)?O:0}(),
|
|
41
|
+
r=$APP.l(a,"__xLiquidFillWA"),u=$APP.l(a,"__xLiquidFillWV"),x=$APP.l(a,"__xLiquidFillWP");$APP.Yi(a,"__xLiquidFillLF",d);$APP.Yi(a,"__xLiquidFillTime",function(){var O=$APP.l(a,"__xLiquidFillTime");return $APP.n(O)?O:0}()+e*f);$APP.Q(a,"__xLiquidFillProg",Zua(function(){var O=$APP.l(a,"__xLiquidFillProg");return $APP.n(O)?O:0}(),function(){var O=$APP.l(a,"__xLiquidFillTP");return $APP.n(O)?O:0}(),5*e));var y=[!1];for(d=0;;)if(d<h){var A=u$(d,h),E=m*k*c*t$.i(A)*30+2*k*t$.i(A);E=Yua(r[d],E,u[d],e,$APP.Gt.i(A),
|
|
42
|
+
$APP.xs.i(A));r[d]=E[0];u[d]=E[1];x[d]+=e*f*s$.i(A);Math.abs(u[d])>.05&&(y[0]=!0);d+=1}else break;$APP.Q(a,"__xLiquidFillSV",m*Math.max(0,1-3*e));O$(a);e=$APP.l(a,"__xLiquidFillProg");Math.abs(e-function(){var O=$APP.l(a,"__xLiquidFillLD");return $APP.n(O)?O:-1}())>.005&&($APP.Q(a,"__xLiquidFillLD",e),$APP.dj(a,"x-liquid-fill-progress",$APP.tm(new $APP.M(null,2,[$APP.Rt,e,$APP.Ft,m],null))));var H=Math.abs(function(){var O=$APP.l(a,"__xLiquidFillProg");return $APP.n(O)?O:0}()-function(){var O=$APP.l(a,
|
|
43
|
+
"__xLiquidFillTP");return $APP.n(O)?O:0}());return $APP.n(function(){var O=y[0];return $APP.n(O)?O:m>.01||H>.001}())?$APP.Yi(a,"__xLiquidFillRaf",requestAnimationFrame(function(){return Q$.i?Q$.i(a):Q$.call(null,a)})):$APP.Yi(a,"__xLiquidFillRaf",null)};$APP.fa("baredom.exports.x_liquid_fill.init",$$);export const init=$$;
|