@vanelsas/baredom 3.2.0 → 4.0.0-alpha.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 +42 -0
- package/README.md +82 -170
- package/custom-elements.json +3705 -3385
- package/dist/barebuild-action.d.ts +45 -0
- package/dist/barebuild-action.js +9 -0
- package/dist/barebuild-data.d.ts +39 -0
- package/dist/barebuild-data.js +5 -0
- package/dist/barebuild-invalidate-on.d.ts +42 -0
- package/dist/barebuild-invalidate-on.js +5 -0
- package/dist/barebuild-route.d.ts +39 -0
- package/dist/barebuild-route.js +4 -0
- package/dist/barebuild-router.d.ts +41 -0
- package/dist/barebuild-router.js +13 -0
- package/dist/baredom.d.ts +96 -91
- package/dist/base.js +589 -579
- package/dist/integrity.json +113 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- 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-button.js +1 -1
- package/dist/x-calendar.js +38 -38
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +27 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +28 -28
- package/dist/x-command-palette.js +27 -27
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +24 -24
- package/dist/x-date-picker.d.ts +5 -4
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +11 -10
- package/dist/x-gaussian-blur.js +13 -13
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- 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 +12 -12
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +41 -41
- package/dist/x-liquid-glass.js +34 -34
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +35 -35
- package/dist/x-navbar.js +15 -15
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +33 -33
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +48 -48
- package/dist/x-popover.js +26 -26
- 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 +28 -28
- package/dist/x-rating.js +23 -23
- package/dist/x-ripple-effect.js +9 -9
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +37 -37
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +18 -18
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- 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 +124 -124
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +28 -1
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a()].join(""))},
|
|
2
|
+
var HW=function(a){this.sb=a;this.F=null;this.A=2153775104;this.I=2048},rka=function(a){return new HW(a.toLowerCase())},ska=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 rka([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
|
+
a()].join(""))},IW=function(a){return typeof a==="string"&&$APP.I("",a.trim())?a.trim():null},JW=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},KW=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},LW=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),$APP.Q(a,"__xKineticTypographyAnimate",null))},MW=function(a,b,c,d){var e=JW("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
|
-
Hb>0?Hb:1}else
|
|
9
|
-
"size-gradient"):
|
|
10
|
-
parseFloat(e.trim());var
|
|
11
|
-
|
|
12
|
-
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.
|
|
13
|
-
|
|
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
|
-
u);$APP.T(k,"part","path-line");$APP.T(m,"part","text");$APP.T(
|
|
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},NW=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},hX=function(a){var b=$APP.Gg([$APP.Os,OW,$APP.Rn,PW,$APP.qr,$APP.rs,QW,RW,SW,TW,UW,VW,$APP.fr,bX,$APP.Zl],[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,SW),e=$APP.C(c,TW),f=$APP.C(c,UW),h=$APP.C(c,VW),k=$APP.C(c,$APP.fr),m=$APP.C(c,bX),r=$APP.C(c,$APP.Zl),u=$APP.C(c,$APP.Os),x=$APP.C(c,OW),y=$APP.C(c,$APP.Rn),
|
|
7
|
+
A=$APP.C(c,PW),E=$APP.C(c,$APP.qr),H=$APP.C(c,$APP.rs),O=$APP.C(c,QW),S=$APP.C(c,RW),R=typeof r==="string"?r:"",Z=IW(u),ka=typeof H==="string"?H.trim().toLowerCase():null;var ha=$APP.ed(tka,ka)?ka:"wave";var na=$APP.z.j(ha,"crawl"),La=typeof y==="string"?y.trim().toLowerCase():null;var Na=$APP.ed(uka,La)?La:"scroll";var cb=typeof k==="string"?k.trim().toLowerCase():null;var nb=$APP.ed(vka,cb)?cb:"normal";if(typeof E==="string"){var Hb=parseFloat(E.trim());var Vb=typeof Hb==="number"&&$APP.p(isNaN(Hb))&&
|
|
8
|
+
Hb>0?Hb:1}else Vb=1;if(typeof S==="string"){var rc=parseInt(S.trim(),10);var Qf=typeof rc==="number"&&$APP.p(isNaN(rc))&&rc>0?rc:1}else Qf=1;if(typeof d==="string"){var tg=$APP.hh(d.toLowerCase().trim().split(/\s+/));var ph=$APP.mv.j(tg,wka)}else ph=$APP.dh;var qh=IW(O),cd=IW(h);if($APP.z.j(ha,"crawl"))var si=null;else{var Qe=Z!=null;var Rf=Qe?$APP.Ni(Z):Qe;si=$APP.n(Rf)?new $APP.M(null,2,[$APP.Gt,Rf,cX,"0 0 800 200"],null):$APP.C(xka,ha)}var mc=$APP.n($APP.n(qh)?$APP.n(cd)?!na:cd:qh)?$APP.Cd.j(ph,
|
|
9
|
+
"size-gradient"):ph,ug=$APP.ed(mc,"size-gradient")?$APP.Vo.j(mc,"size-pulse"):mc,rn=$APP.ed(ug,"color-wave")?$APP.Vo.j(ug,"color-shift"):ug;if(typeof x==="string"){var Nd=parseFloat(x.trim());var Gj=typeof Nd==="number"&&$APP.p(isNaN(Nd))&&Nd>0&&Nd<=1?Nd:.85}else Gj=.85;var Sk=$APP.Gt.i(si),ti=IW(A),Hj=cX.i(si),Ij=10/$APP.Wo.j(Vb,.01);if(na)var Sf=0;else if(typeof f==="string"){var rh=parseInt(f.trim(),10);Sf=typeof rh==="number"&&$APP.p(isNaN(rh))&&rh>=0&&rh<=5?rh:0}else Sf=0;if(typeof e==="string"){var vg=
|
|
10
|
+
parseFloat(e.trim());var Jj=typeof vg==="number"&&$APP.p(isNaN(vg))&&vg>0?vg:.3}else Jj=.3;if(typeof m==="string"){var wg=parseFloat(m.trim());var Re=typeof wg==="number"&&$APP.p(isNaN(wg))&&wg>0&&wg<=1?wg:.5}else Re=.5;var nf=$APP.Gg([OW,$APP.Cr,$APP.Rn,PW,$APP.qr,cX,$APP.rs,dX,QW,eX,fX,RW,yka,TW,UW,VW,$APP.fr,bX,$APP.Zl],[Gj,Sk,Na,ti,Vb,Hj,ha,na,qh,rn,Ij,Qf,Z!=null,Jj,Sf,cd,nb,Re,R]);if($APP.I(nf,$APP.l(a,"__xKineticTypographyModel"))){var ui=$APP.l(a,"__xKineticTypographySvg"),Tk=$APP.l(a,"__xKineticTypographyPath"),
|
|
11
|
+
Tf=$APP.l(a,"__xKineticTypographyPathLine"),Kj=$APP.l(a,"__xKineticTypographyText"),sh=$APP.l(a,"__xKineticTypographyTextPath"),Uk=$APP.l(a,"__xKineticTypographySrOnly"),Vk=$APP.l(a,"__xKineticTypographyCrawlText");if($APP.n(dX.i(nf))){var Uf=$APP.G(nf),Vf=$APP.C(Uf,$APP.Zl),Jd=$APP.C(Uf,$APP.Rn),sn=$APP.C(Uf,$APP.fr),xg=$APP.C(Uf,eX);$APP.T(a,"data-preset","crawl");Vk.textContent=Vf;LW(a);NW(a);$APP.I(Jd,"none")?$APP.T(a,"data-animation",Jd):$APP.U(a,"data-animation");$APP.z.j(sn,"reverse")?$APP.T(a,
|
|
12
|
+
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.ed(xg,"color-shift")?$APP.T(a,"data-effect","color-shift"):$APP.U(a,"data-effect")}else{var Wf=$APP.G(nf),tn=$APP.C(Wf,$APP.Rn),un=$APP.C(Wf,$APP.fr),vn=$APP.C(Wf,fX);$APP.U(a,"data-preset");$APP.U(a,"data-direction");var th=$APP.G(Wf),Wk=$APP.C(th,cX),vi=$APP.C(th,$APP.Cr);$APP.n(Wk)&&$APP.T(ui,"viewBox",Wk);$APP.n(vi)&&$APP.T(Tk,"d",vi);$APP.n($APP.n(Tf)?vi:Tf)&&$APP.T(Tf,"d",vi);var Qb=$APP.G(Wf),Od=$APP.C(Qb,TW),wi=$APP.C(Qb,UW),yg=$APP.C(Qb,
|
|
13
|
+
VW),Xk=$APP.C(Qb,$APP.fr),wn=$APP.C(Qb,bX),uh=$APP.C(Qb,$APP.Zl),Yk=$APP.C(Qb,OW),Zk=$APP.C(Qb,$APP.Rn),Xf=$APP.C(Qb,QW),zg=$APP.C(Qb,eX),of=$APP.C(Qb,fX),Ag=$APP.C(Qb,RW),Lj=Ag<=1?uh:$APP.ce($APP.P,$APP.xe(1,gX.j(new $APP.Ae(null,-1," · ",null),Ag>0?new $APP.Ae(null,Ag,uh,null):$APP.fc))),$k=$APP.ed(zg,"size-gradient"),xn=$APP.ed(zg,"color-wave"),al=$k?$APP.n(Xf)?$APP.n(yg)?$APP.I(uh,""):yg:Xf:$k;var lq=$APP.n(al)?al:xn&&$APP.I(uh,"");if($APP.n(lq)){sh.textContent="";var bl=$APP.bf(Lj),pf=$APP.w(bl),
|
|
14
|
+
xd=$APP.ed(zg,"size-gradient"),Yf=$APP.ed(zg,"color-wave"),qf=xd?parseFloat(Xf):null,Zf=xd?parseFloat(yg):null;if(xd){var vh=$APP.Ah(/[a-z%]+/,$APP.n(Xf)?Xf:"px");var Bg=$APP.n(vh)?vh:"px"}else Bg=null;for(var xi=Bg,Mj=Yf?pf>0?of/pf:0:null,Nj=$APP.q($APP.xh(0,pf)),Oj=null,Pj=0,cl=0;;)if(cl<Pj){var Cg=Oj.C(null,cl),dl=JW("tspan");$APP.n(xd?$APP.n(qf)?Zf:qf:xd)&&$APP.T(dl,"font-size",""+$APP.P.i(qf+(pf>1?Cg/(pf-1):0)*(Zf-qf))+$APP.P.i(xi));Yf&&(dl.style.cssText="animation:xkt-color-wave "+$APP.P.i(of)+
|
|
15
|
+
"s ease-in-out infinite;animation-delay:"+$APP.P.i(Cg*Mj)+"s;");dl.textContent=$APP.zc(bl,Cg);sh.appendChild(dl);cl+=1}else{var Pu=$APP.q(Nj);if(Pu){var el=Pu;if($APP.$c(el)){var Qu=$APP.Fb(el),SA=$APP.Gb(el),yn=Qu,mq=$APP.w(Qu);Nj=SA;Oj=yn;Pj=mq}else{Cg=$APP.t(el);var Qj=JW("tspan");$APP.n(xd?$APP.n(qf)?Zf:qf:xd)&&$APP.T(Qj,"font-size",""+$APP.P.i(qf+(pf>1?Cg/(pf-1):0)*(Zf-qf))+$APP.P.i(xi));Yf&&(Qj.style.cssText="animation:xkt-color-wave "+$APP.P.i(of)+"s ease-in-out infinite;animation-delay:"+
|
|
16
|
+
$APP.P.i(Cg*Mj)+"s;");Qj.textContent=$APP.zc(bl,Cg);sh.appendChild(Qj);Nj=$APP.v(el);Oj=null;Pj=0}cl=0}else break}}else sh.textContent=Lj;NW(a);if(wi>0){for(var Ru=$APP.l(a,"__xKineticTypographyPathId"),Su=[],zn=$APP.I(Zk,"none")&&$APP.p(KW()),TA=of>0?Od/of*100:5,nq=0;;)if(nq<wi){var An=nq+1,Rj=JW("text"),yi=JW("textPath"),zka=Math.pow(wn,An),Aka=Math.pow(Yk,An),Bka="-"+$APP.P.i(TA*An)+"%";$APP.T(Rj,"part","text-echo");$APP.T(Rj,"opacity",""+$APP.P.i(zka));$APP.T(Rj,"font-size","calc(var(--x-kinetic-typography-font-size) * "+
|
|
17
|
+
$APP.P.i(Aka)+")");yi.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.P.i(Ru));$APP.T(yi,"href","#"+$APP.P.i(Ru));$APP.T(yi,"startOffset",Bka);yi.textContent=Lj;if(zn){var Cka=MW(Zk,Xk,of,Od*An);yi.appendChild(Cka)}Rj.appendChild(yi);ui.appendChild(Rj);Su.push({textEl:Rj});nq+=1}else break;$APP.Q(a,"__xKineticTypographyEchoEls",Su)}var Dka=$APP.G(Wf),WW=$APP.C(Dka,PW);$APP.n(WW)?Kj.style.setProperty("font-size",WW):Kj.style.removeProperty("font-size");LW(a);if($APP.I(tn,"none")&&$APP.p(KW())){var XW=
|
|
18
|
+
MW(tn,un,vn,0);sh.appendChild(XW);$APP.Q(a,"__xKineticTypographyAnimate",XW)}var YW=$APP.G(Wf),Eka=$APP.C(YW,eX),ZW=$APP.C(YW,$APP.Rn),$W=$APP.Vo.B(Eka,"size-gradient",$APP.Ec(["color-wave"]));$APP.q($W)?$APP.T(a,"data-effect",$APP.Di(" ",$APP.jd($APP.fd,$W))):$APP.U(a,"data-effect");$APP.I(ZW,"none")?$APP.T(a,"data-animation",ZW):$APP.U(a,"data-animation")}var Fka=$APP.G(nf),AC=$APP.C(Fka,$APP.Zl);Uk.textContent=AC;$APP.z.j(AC,"")?($APP.T(a,"role","presentation"),$APP.T(a,"aria-hidden","true")):
|
|
19
|
+
($APP.T(a,"role","img"),$APP.T(a,"aria-label",AC));var aX=$APP.Q(a,"__xKineticTypographyModel",nf)}else aX=null;return aX},Gka=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=JW("svg");var f=JW("defs"),h=JW("path"),k=JW("path"),m=JW("text"),r=JW("textPath"),u="xkt-"+$APP.P.i(ska());$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.Wr,e,iX,h,jX,k,$APP.kq,m,kX,r,lX,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.Zq,f,$APP.Zl,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
|
-
|
|
24
|
-
"string"&&$APP.I("",e)?$APP.T(this,b,e):$APP.U(this,b)},enumerable:!0,configurable:!0})},
|
|
25
|
-
""+$APP.P.i(0));
|
|
26
|
-
d)c.push(arguments[e]),e+=1;else break;return
|
|
27
|
-
|
|
28
|
-
$APP.g.R=function(a,b){return $APP.
|
|
29
|
-
var
|
|
30
|
-
new $APP.F(null,"echo-count","echo-count",1053271067),
|
|
31
|
-
$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.Wr.i(e));d.appendChild($APP.Zq.i(f));d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xKineticTypographyContainer",d);$APP.Q(a,"__xKineticTypographySvg",$APP.Wr.i(e));$APP.Q(a,"__xKineticTypographyPath",iX.i(e));$APP.Q(a,"__xKineticTypographyPathLine",jX.i(e));$APP.Q(a,"__xKineticTypographyText",$APP.kq.i(e));$APP.Q(a,"__xKineticTypographyTextPath",kX.i(e));$APP.Q(a,"__xKineticTypographySrOnly",h);$APP.Q(a,"__xKineticTypographyPathId",
|
|
23
|
+
lX.i(e));$APP.Q(a,"__xKineticTypographyCrawlViewport",$APP.Zq.i(f));$APP.Q(a,"__xKineticTypographyCrawlText",$APP.Zl.i(f));$APP.Q(a,"__xKineticTypographyEchoEls",[]);$APP.Q(a,"__xKineticTypographyInit",!0)}return hX(a)},Hka=function(a){LW(a);return NW(a)},Ika=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xKineticTypographyInit"))?hX(a):null:null},mX=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})},Jka=function(a){mX(a,"text","text","");mX(a,"path","path",null);mX(a,"preset","preset","wave");mX(a,"animation","animation","scroll");mX(a,"speed","speed",""+$APP.P.i(1));mX(a,"direction","direction","normal");mX(a,"effect","effect","none");mX(a,"font-size","fontSize",null);mX(a,"start-size","startSize",null);mX(a,"end-size","endSize",null);mX(a,"repeat","repeat",""+$APP.P.i(1));mX(a,"echo-count","echoCount",
|
|
25
|
+
""+$APP.P.i(0));mX(a,"echo-delay","echoDelay",""+$APP.P.i(.3));mX(a,"echo-opacity","echoOpacity",""+$APP.P.i(.5));return mX(a,"echo-scale","echoScale",""+$APP.P.i(.85))},nX=function(){return $APP.zi("x-kinetic-typography",new $APP.M(null,5,[$APP.ji,Kka,$APP.hi,Gka,$APP.ei,Hka,$APP.di,Ika,$APP.ii,Jka],null))},gX=function gX(a){switch(arguments.length){case 0:return gX.H();case 1:return gX.i(arguments[0]);case 2:return gX.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 gX.B(arguments[0],arguments[1],2<c.length?new $APP.cc(c.slice(2),0,null):null)}};gX.H=function(){return $APP.fc};gX.i=function(a){return new $APP.Id(null,function(){return a},null)};gX.j=function(a,b){return new $APP.Id(null,function(){var c=$APP.q(a),d=$APP.q(b);return c&&d?$APP.Fd($APP.t(c),$APP.Fd($APP.t(d),gX.j($APP.gc(c),$APP.gc(d)))):null},null)};
|
|
27
|
+
gX.B=function(a,b,c){return new $APP.Id(null,function(){var d=$APP.ye.j($APP.q,$APP.Cd.B(c,b,$APP.Ec([a])));return $APP.oe($APP.sd,d)?$APP.Be.j($APP.ye.j($APP.t,d),$APP.ce(gX,$APP.ye.j($APP.gc,d))):null},null)};gX.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)};gX.M=2;$APP.g=HW.prototype;$APP.g.Hc=$APP.Xb;$APP.g.toString=function(){return this.sb};$APP.g.U=function(a,b){return(a=b!=null?$APP.Xb===b.Hc?!0:!1:!1)?this.sb===b.sb:a};
|
|
28
|
+
$APP.g.R=function(a,b){return $APP.vb(b,['#uuid "',$APP.wa(this.sb),'"'].join(""))};$APP.g.V=function(){this.F==null&&(this.F=$APP.Yb(this.sb));return this.F};$APP.g.Ja=function(a,b){if(b instanceof HW)return $APP.ma(this.sb,b.sb);throw Error(["Cannot compare ",$APP.wa(this)," to ",$APP.wa(b)].join(""));};
|
|
29
|
+
var bX=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),iX=new $APP.F(null,"path-el","path-el",-1878744855),QW=new $APP.F(null,"start-size","start-size",-1818812493),dX=new $APP.F(null,"crawl?","crawl?",829918610),lX=new $APP.F(null,"path-id","path-id",-73169688),jX=new $APP.F(null,"path-line","path-line",-2128150773),OW=new $APP.F(null,"echo-scale","echo-scale",1307207648),kX=new $APP.F(null,"text-path","text-path",-1817651346),TW=new $APP.F(null,"echo-delay","echo-delay",845689658),UW=
|
|
30
|
+
new $APP.F(null,"echo-count","echo-count",1053271067),cX=new $APP.F(null,"view-box","view-box",-1792199155),RW=new $APP.F(null,"repeat","repeat",832692087),yka=new $APP.F(null,"custom-path?","custom-path?",-1532616839),SW=new $APP.F(null,"effect","effect",347343289),fX=new $APP.F(null,"duration-s","duration-s",-1976899627),PW=new $APP.F(null,"font-size","font-size",-1847940346),eX=new $APP.F(null,"effects","effects",-282369292),VW=new $APP.F(null,"end-size","end-size",761612093);var Kka="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.Gg([$APP.Os,new $APP.F(null,"startSize","startSize",-1750632892),$APP.Rn,$APP.qr,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.rs,RW,new $APP.F(null,"fontSize","fontSize",919623033),SW,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.fr,$APP.Zl],[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 tka=new $APP.ch(null,new $APP.M(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),uka=new $APP.ch(null,new $APP.M(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),vka=new $APP.ch(null,new $APP.M(null,2,["reverse",null,"normal",null],null),null),wka=new $APP.ch(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),xka=new $APP.M(null,7,["wave",new $APP.M(null,2,[$APP.Gt,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",cX,"0 0 800 200"],null),"circle",new $APP.M(null,2,[$APP.Gt,"M125,10 A115,115 0 1,1 124.99,10",cX,"0 0 250 250"],null),"arc",new $APP.M(null,2,[$APP.Gt,"M50,350 Q400,10 750,350",cX,"0 0 800 400"],null),"infinity",new $APP.M(null,2,[$APP.Gt,"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",cX,"0 0 400 400"],
|
|
36
|
+
null),"spiral",new $APP.M(null,2,[$APP.Gt,"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",cX,"0 0 500 500"],null),"sine",new $APP.M(null,2,[$APP.Gt,"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",cX,"0 0 800 200"],null),"line",new $APP.M(null,2,[$APP.Gt,"M0,50 L800,50",cX,"0 0 800 100"],null)],null);$APP.fa("baredom.exports.x_kinetic_typography.init",nX);export const init=nX;
|
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.
|
|
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(
|
|
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(
|
|
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.
|
|
11
|
-
|
|
12
|
-
m?"blob blob-rest":"blob blob-phantom";var
|
|
13
|
-
b=
|
|
14
|
-
$APP.P.i(c)+"px")},
|
|
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
|
|
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
|
-
"magnet-strength-raw",535053898),
|
|
26
|
-
$APP.
|
|
27
|
-
$APP.X],null)]);var
|
|
2
|
+
var Hy=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.ed(Gy,a)?a:"bottom"):"bottom"},Iy=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},Jy=function(a){return Iy(a,8,0,40)},Ky=function(a){return Iy(a,10,2,30)},Ly=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"},My=function(a){return Iy(a,8,0,40)},Ny=function(a){return Iy(a,.03,.005,.15)},Oy=
|
|
3
|
+
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},Py=function(a){return Iy(a,150,40,400)},Qy=function(a){return Iy(a,.6,0,2)},Ry=function(a){return Iy(a,1,0,2)},Sy=function(a,b){return a+(b-a)*.1},Wy=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,[Ty,e,$APP.Jq,1+c*(h-1),Uy,a*d*f*.3,Vy,b*d*f*.3],null)},Zy=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,[Xy,0,Yy,-a,$APP.Jq,c],null);case "top":return new $APP.M(null,3,[Xy,0,Yy,a,$APP.Jq,c],null);case "left":return new $APP.M(null,3,[Xy,a,Yy,0,$APP.Jq,c],null);case "right":return new $APP.M(null,3,[Xy,-a,Yy,0,$APP.Jq,c],null);default:return new $APP.M(null,3,[Xy,0,Yy,-a,$APP.Jq,c],null)}},$y=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.M(null,3,[$APP.lu,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;default:return-e}}(),$APP.St,5*
|
|
5
|
+
d*a*b,$APP.Jq,1+.12*d*a],null)},fz=function(a){if(!$APP.n($APP.l(a,"__xLiquidDockRefs"))){var b=$APP.l(a,"__xLiquidDockModel"),c=az[0];az[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=bz;$APP.T(h,"part","dock");$APP.T(h,
|
|
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(u);var x=$APP.G(b);b=$APP.C(x,$APP.Np);c=$APP.C(x,$APP.Kt);x=$APP.C(x,cz);var y=document.createElementNS("http://www.w3.org/2000/svg","defs"),A=document.createElementNS("http://www.w3.org/2000/svg","filter"),E=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
|
+
"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");$APP.T(H,"in","blur");$APP.T(H,"type","matrix");$APP.T(H,
|
|
8
|
+
"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,[$APP.dt,A,$APP.$q,E,$APP.Tu,H,$APP.Et,O,$APP.wr,S],null);
|
|
9
|
+
h.appendChild(k);h.appendChild(m);h.appendChild(r);e.appendChild(f);e.appendChild(h);$APP.Q(a,"__xLiquidDockRefs",$APP.Yg($APP.Ec([d,new $APP.M(null,6,[$APP.Fk,e,$APP.cq,h,$APP.Wr,k,dz,m,ez,r,$APP.$m,u],null)])))}},pz=function(a){a=$APP.Gg([$APP.Gr,$APP.nu,gz,hz,$APP.Dp,$APP.gv,iz,$APP.Fq,jz,$APP.Pq,kz],[a.getAttribute("position"),a.getAttribute("blur"),a.getAttribute("magnet-strength"),a.getAttribute("ripple-speed"),a.getAttribute("threshold"),a.getAttribute("color"),a.getAttribute("ripple-scale"),
|
|
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.Pq);var c=$APP.C(b,kz),d=$APP.C(b,$APP.Gr),e=$APP.C(b,$APP.nu),f=$APP.C(b,gz),h=$APP.C(b,hz),k=$APP.C(b,$APP.Dp),m=$APP.C(b,$APP.gv),r=$APP.C(b,iz),u=$APP.C(b,$APP.Fq);b=$APP.C(b,jz);d=Hy(d);return $APP.Gg([$APP.zr,lz,mz,$APP.Kt,cz,$APP.Np,$APP.Ir,$APP.Hr,nz,$APP.bv,oz,$APP.Xj],[Oy(m),Ny(h),Ry(b),Ly(k),My(r),Ky(e),$APP.z.j(d,"left")||$APP.z.j(d,"right"),
|
|
11
|
+
Jy(u),Py(c),d,Qy(f),a!=null])},qz=function(a){a=$APP.$m.i($APP.l(a,"__xLiquidDockRefs"));return $APP.n(a)?a.assignedElements():null},rz=function(a){var b=$APP.G($APP.l(a,"__xLiquidDockRefs")),c=$APP.C(b,dz);b=function(){var u=qz(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=document.createElement("div"),m=$APP.qe(h);k.className=
|
|
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)},sz=function(a){var b=$APP.G($APP.l(a,"__xLiquidDockRefs")),c=$APP.C(b,$APP.cq);
|
|
13
|
+
b=qz(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)},tz=function(a,b){var c=$APP.G(b);b=$APP.C(c,$APP.zr);c=$APP.C(c,$APP.Hr);$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")},vz=function(a){if($APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.n($APP.Xj.i($APP.l(a,"__xLiquidDockModel"))))return null;$APP.Q(a,"__xLiquidDockSeed",0);return $APP.bj(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return uz(a)}))},wz=function(a){var b=$APP.l(a,"__xLiquidDockRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.bj(a,"__xLiquidDockRaf",null))},xz=function(a){a=qz(a);if($APP.n(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform="",
|
|
15
|
+
c+=1;else break},yz=function(a,b,c,d){$APP.Q(a,"__xLiquidDockBurst",Date.now());return $APP.jj(a,"x-liquid-dock-select",$APP.gm(new $APP.M(null,3,["index",b,"item",c,"source",d],null)))},zz=function(a,b){var c=$APP.l(a,"__xLiquidDockModel");if($APP.n($APP.Xj.i(c)))return null;var d=qz(a),e=$APP.n(d)?d.length:null,f=b.key,h=$APP.Ir.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(),yz(a,k,d[k],"keyboard")}return null},Az=function(a){rz(a);var b=qz(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 sz(a)})},
|
|
17
|
+
Bz=function(a){function b(){return Az(a)}function c(k){return zz(a,k)}function d(k){if($APP.n($APP.Xj.i($APP.l(a,"__xLiquidDockModel"))))var m=null;else if(m=qz(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)?yz(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.cq);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.$m);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.ls,f,$APP.yr,e,$APP.us,d,$APP.Vr,c,$APP.$m,b],null))},Cz=function(a){var b=$APP.l(a,
|
|
19
|
+
"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",$APP.ls.i(b));a.removeEventListener("pointerleave",$APP.yr.i(b));a.removeEventListener("click",$APP.us.i(b));a.removeEventListener("keydown",$APP.Vr.i(b));var c=$APP.l(a,"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.G(c),c=$APP.C(c,$APP.$m),$APP.n(c)&&c.removeEventListener("slotchange",$APP.$m.i(b)));$APP.Q(a,"__xLiquidDockHdl",null)}},Dz=function(a){$APP.sj(a,"position","position",Hy);$APP.sj(a,"gap","gap",Jy);$APP.sj(a,"blur","blur",
|
|
20
|
+
Ky);$APP.sj(a,"threshold","threshold",Ly);$APP.sj(a,"rippleScale","ripple-scale",My);$APP.sj(a,"rippleSpeed","ripple-speed",Ny);$APP.sj(a,"color","color",Oy);$APP.sj(a,"magnetRadius","magnet-radius",Py);$APP.sj(a,"magnetStrength","magnet-strength",Qy);$APP.sj(a,"bobIntensity","bob-intensity",Ry);return $APP.mj(a,"disabled","disabled")},Ez=function(a){var b=pz(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);fz(a);tz(a,b);$APP.n(a.hasAttribute("role"))||$APP.T(a,"role","navigation");Cz(a);Bz(a);b=$APP.l(a,"__xLiquidDockRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){return sz(a)});$APP.Q(a,"__xLiquidDockRO",b);b.observe(a);return requestAnimationFrame(function(){rz(a);sz(a);return vz(a)})},Fz=function(a){wz(a);Cz(a);xz(a);var b=$APP.l(a,"__xLiquidDockRO");return $APP.n(b)?(b.disconnect(),
|
|
22
|
+
$APP.Q(a,"__xLiquidDockRO",null)):null},Gz=function(a,b,c,d){if($APP.I(c,d))if(b=pz(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.Np);c=$APP.C(d,$APP.Kt);d=$APP.C(d,cz);var f=$APP.l(a,"__xLiquidDockRefs"),h=$APP.$q.i(f);$APP.n(h)&&$APP.T(h,"stdDeviation",""+$APP.P.i(e));e=$APP.Tu.i(f);$APP.n(e)&&$APP.T(e,"values",c);c=$APP.wr.i(f);$APP.n(c)&&$APP.T(c,"scale",""+$APP.P.i(d));tz(a,b);sz(a);$APP.n($APP.Xj.i(b))?(wz(a),xz(a)):$APP.n($APP.l(a,
|
|
23
|
+
"__xLiquidDockRaf"))||vz(a)}a=$APP.Q(a,"__xLiquidDockModel",b)}else a=null;else a=null;return a},Iz=function(){return $APP.zi("x-liquid-dock",new $APP.M(null,5,[$APP.ji,Hz,$APP.hi,Ez,$APP.ei,Fz,$APP.di,Gz,$APP.ii,Dz],null))},lz=new $APP.F(null,"ripple-speed","ripple-speed",229709223),cz=new $APP.F(null,"ripple-scale","ripple-scale",-1874116111),kz=new $APP.F(null,"magnet-radius-raw","magnet-radius-raw",1386161852),Jz=new $APP.F(null,"bobIntensity","bobIntensity",-531647277),ez=new $APP.F(null,"items-div",
|
|
24
|
+
"items-div",-555506089),Kz=new $APP.F(null,"magnetStrength","magnetStrength",331224709),Lz=new $APP.F(null,"rippleScale","rippleScale",-1633180735),nz=new $APP.F(null,"magnet-radius","magnet-radius",1447549494),dz=new $APP.F(null,"liquid","liquid",1322031275),Ty=new $APP.F(null,"influence","influence",1453493017),jz=new $APP.F(null,"bob-intensity-raw","bob-intensity-raw",-669810474),Yy=new $APP.F(null,"dy","dy",1719547243),Xy=new $APP.F(null,"dx","dx",-381796732),gz=new $APP.F(null,"magnet-strength-raw",
|
|
25
|
+
"magnet-strength-raw",535053898),hz=new $APP.F(null,"ripple-speed-raw","ripple-speed-raw",-1426902422),Mz=new $APP.F(null,"rippleSpeed","rippleSpeed",-1816718091),Vy=new $APP.F(null,"ty","ty",158290825),Uy=new $APP.F(null,"tx","tx",466630418),mz=new $APP.F(null,"bob-intensity","bob-intensity",-981181657),Nz=new $APP.F(null,"magnetRadius","magnetRadius",1616130031),oz=new $APP.F(null,"magnet-strength","magnet-strength",-1089389895),iz=new $APP.F(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var Hz="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.je(["x-liquid-dock-select",new $APP.M(null,4,[$APP.V,new $APP.M(null,3,[$APP.Ip,$APP.Y,$APP.cs,$APP.zp,$APP.lt,$APP.X],null),$APP.wu,!0,$APP.Nu,!0,$APP.fu,!0],null)]);
|
|
26
|
+
$APP.Gg([Lz,$APP.zr,Kz,$APP.zm,$APP.Kt,Nz,Jz,$APP.Np,Mz,$APP.Hr,$APP.bv],[new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,
|
|
27
|
+
$APP.X],null)]);var Gy=new $APP.ch(null,new $APP.M(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var az=[0],bz=":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[Na];
|
|
34
|
-
|
|
35
|
-
e=.012+.006*Math.sin(f);$APP.Q(a,"__xLiquidDockSeed",f);f=$APP
|
|
31
|
+
uz=function uz(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 rc=qz(a);return $APP.n(rc)?rc:[]}(),m=$APP.po.j(h.length,k.length),r=$APP.l(d,"x"),u=$APP.l(d,"y"),x=$APP.l(d,"active"),y=nz.i(c),A=oz.i(c),E=mz.i(c),H=$APP.bv.i(c),O=1+A*.8,S=function(){var rc=$APP.l(a,"__xLiquidDockSeed");return $APP.n(rc)?rc:0}(),R=Date.now();d=function(){var rc=
|
|
32
|
+
$APP.l(a,"__xLiquidDockBurst");return $APP.n(rc)?rc:0}();var Z=R-d<300;if(Z){R=(1-(R-d)/300)*20;var ka=cz.i(c),ha=$APP.wr.i($APP.l(a,"__xLiquidDockRefs"));$APP.n(ha)&&$APP.aj(ha,"scale",""+$APP.P.i(ka+R))}for(R=0;;)if(R<m){ka=h[R];var na=$APP.l(ka,"cx"),La=$APP.l(ka,"cy");ha=R*2;var Na=ha+1;if(Na<e.length){ka=Ty.i($APP.n(x)?Wy(na,La,r,u,y,A,O):new $APP.M(null,4,[Ty,0,$APP.Jq,1,Uy,0,Vy,0],null));ha=e[ha];var cb="translate("+$APP.P.i(na-26)+"px,"+$APP.P.i(La-26)+"px)";ha.style.transform=cb;var nb=Zy(ka,
|
|
33
|
+
H);ha=f[Na];cb=Xy.i(nb);var Hb=Yy.i(nb);nb=$APP.Jq.i(nb);cb=Sy($APP.l(ha,"cpDx"),cb);Hb=Sy($APP.l(ha,"cpDy"),Hb);nb=Sy($APP.l(ha,"cpScale"),nb);ha.cpDx=cb;ha.cpDy=Hb;ha.cpScale=nb;Na=e[Na];La="translate("+$APP.P.i(na-22+cb)+"px,"+$APP.P.i(La-22+Hb)+"px) scale("+$APP.P.i(nb)+")";Na.style.transform=La;Na=$y(ka,$APP.n(x)?function(){var rc=r-na;return rc>1?1:rc<-1?-1:0}():0,H,E);cb=Sy($APP.l(ha,"cLift"),$APP.lu.i(Na));La=Sy($APP.l(ha,"cRot"),$APP.St.i(Na));Na=Sy($APP.l(ha,"cScale"),$APP.Jq.i(Na));ha.cLift=
|
|
34
|
+
cb;ha.cRot=La;ha.cScale=Na;Hb=S+R*2.39996;nb=1-ka*.7;ka=Math.sin(Hb)*1.8*nb*E;ha=Math.cos(Hb*.7)*.8*nb*E;var Vb=Math.sin(Hb*1.3)*1.2*nb*E;Hb=k[R];nb=$APP.Ir.i(c);cb+=$APP.n(nb)?ha:ka;La+=Vb;ka=$APP.n(nb)?"translate("+$APP.P.i(cb)+"px,"+$APP.P.i(ka)+"px) rotate("+$APP.P.i(La)+"deg) scale("+$APP.P.i(Na)+")":"translate("+$APP.P.i(ha)+"px,"+$APP.P.i(cb)+"px) rotate("+$APP.P.i(La)+"deg) scale("+$APP.P.i(Na)+")";Hb.style.transform=ka}R+=1}else break;f=$APP.l(a,"__xLiquidDockSeed")+lz.i(c);h=$APP.l(a,"__xLiquidDockRefs");
|
|
35
|
+
e=.012+.006*Math.sin(f);$APP.Q(a,"__xLiquidDockSeed",f);f=$APP.Et.i(h);$APP.n(f)&&$APP.aj(f,"baseFrequency",""+$APP.P.i(e));!Z&&d>0&&(d=$APP.wr.i($APP.l(a,"__xLiquidDockRefs")),$APP.n(d)&&$APP.aj(d,"scale",""+$APP.P.i(cz.i(c))),$APP.Q(a,"__xLiquidDockBurst",0));return $APP.bj(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return uz.i?uz.i(a):uz.call(null,a)}))}return null};$APP.fa("baredom.exports.x_liquid_dock.init",Iz);export const init=Iz;
|
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.
|
|
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
|
|
9
|
-
|
|
10
|
-
$APP.P.i("--x-liquid-fill-color-1")+",#B8860B)");$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.
|
|
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.
|
|
16
|
-
"__xLiquidFillTime"),f=$APP.l(a,"__xLiquidFillProg"),h=$APP.
|
|
17
|
-
","+$APP.P.i(ha.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+","+$APP.P.i(ka.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");u.setAttribute("d",S.join(""))}else{A=c*f;E=d;H=e;
|
|
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");u.setAttribute("d",y.join(""))}
|
|
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.
|
|
20
|
-
requestAnimationFrame(function(){return Q$(a)}))},S$=function(a){var b=$APP.l(a,"__xLiquidFillRaf");return $APP.n(b)?(cancelAnimationFrame(b),$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.
|
|
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.
|
|
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.
|
|
27
|
-
(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.
|
|
28
|
-
l$);$APP.
|
|
29
|
-
"__xLiquidFillSV",0);$APP.
|
|
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.
|
|
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.
|
|
35
|
-
new $APP.M(null,2,[$APP.
|
|
36
|
-
var
|
|
37
|
-
null),"lava",new $APP.M(null,4,[$APP
|
|
2
|
+
var l$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(uva,a)?a:"vertical"},m$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(vva,a)?a:"fill"},n$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(wva,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,[xva,a*2.39996,s$,.7+.6*b,t$,.6+.8*b,$APP.It,200-a*30,$APP.Bs,10+a*3,$APP.Pp,1],null)},yva=function(a,b,c){b-=c;return b<=0?0:Math.min(1,Math.max(0,a/b))},zva=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))},Ava=function(a,b,c,d,e,f){b=c+(e*(b-a)-f*c)*d;return[a+b*d,b]},Bva=function(a,b,c){return a+(b-a)*c},Cva=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},Dva=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]},Gva=function(a){var b=Cva(),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.Ba(function(){return function Na(La){return new $APP.Id(null,
|
|
8
|
+
function(){for(;;){var cb=$APP.q(La);if(cb){if($APP.$c(cb)){var nb=$APP.Fb(cb),Hb=$APP.w(nb),Vb=$APP.Md(Hb);a:{for(var rc=0;;)if(rc<Hb){$APP.Jc(nb,rc);var Qf=Vb,tg=document.createElementNS("http://www.w3.org/2000/svg","path");Qf.add(tg);rc+=1}else{nb=!0;break a}nb=void 0}return nb?$APP.Rd(Vb.da(),Na($APP.Gb(cb))):$APP.Rd(Vb.da(),null)}$APP.t(cb);return $APP.Fd(document.createElementNS("http://www.w3.org/2000/svg","path"),Na($APP.gc(cb)))}return null}},null)}($APP.xh(0,5))}()),R=document.createElement("div"),
|
|
9
|
+
Z=document.createElement("slot"),ka=""+$APP.P.i("xlf-grad-")+$APP.P.i(b),ha=""+$APP.P.i("xlf-spec-")+$APP.P.i(b);d.textContent=Eva;$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",ka);$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(ka)+")"),m.style.display="none",f.appendChild(m),h+=1;else break;$APP.T(R,"part","content");R.appendChild(Z);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.Fk,c,$APP.Wr,f,z$,S,$APP.aq,R,A$,E,B$,k,C$,ha,Fva,ka],null))},K$=function(a){a=new $APP.M(null,8,[$APP.ot,a.getAttribute("target"),$APP.Qt,a.getAttribute("orientation"),$APP.Ml,a.getAttribute("mode"),D$,a.getAttribute("theme"),E$,a.getAttribute("wave-intensity"),F$,a.getAttribute("splash-intensity"),G$,a.getAttribute("layers"),$APP.Pq,a.getAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.ot);
|
|
14
|
+
var c=$APP.C(b,$APP.Qt),d=$APP.C(b,$APP.Ml),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.Pq);return new $APP.M(null,8,[$APP.hv,typeof a==="string"&&$APP.I(a.trim(),"")?a.trim():null,$APP.jt,l$(c),$APP.Sl,m$(d),H$,n$(e),I$,p$(f),J$,q$(h),$APP.Qq,r$(k),$APP.Xj,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.Pp.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.jt.i(a))&&$APP.I("bar",$APP.Sl.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.Qq.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 Z=(R+.5)/10,ka=(R+1)/10,ha=A+v$(Z,O,x,y),na=ka*E;ka=A+v$(ka,O,x,y);S.push("Q"+$APP.P.i((Z*E).toFixed(2))+
|
|
17
|
+
","+$APP.P.i(ha.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+","+$APP.P.i(ka.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");u.setAttribute("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,Z=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(Z.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");u.setAttribute("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.Qq.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
|
+
"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.bj(a,"__xLiquidFillLF",performance.now());return $APP.bj(a,"__xLiquidFillRaf",
|
|
20
|
+
requestAnimationFrame(function(){return Q$(a)}))},S$=function(a){var b=$APP.l(a,"__xLiquidFillRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.bj(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.Xj.i($APP.l(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.l(a,"__xLiquidFillModel");$APP.l(a,"__xLiquidFillST")==null&&$APP.hv.i(b)!=null&&(b=y$(a,$APP.hv.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.jt.i(c);d=Dva(b,d);var e=d[0];b=d[1];d=d[2];var f=performance.now();b=yva(e,b,d);d=zva(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.Xj.i(c);return $APP.n(h)?h:x$()}())||R$(a);if($APP.n(function(){var h=$APP.Xj.i(c);return $APP.n(h)?h:x$()}()))return $APP.Q(a,"__xLiquidFillProg",b),P$(a),$APP.hj(a,"x-liquid-fill-progress",$APP.gm(new $APP.M(null,2,[$APP.Vt,b,$APP.Ht,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.hv.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.hv.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},Hva=function(a){$APP.Q(a,"__xLiquidFillHdl",{scroll:function(){return V$(a)},scrollAttached:!1})},X$=function(a){T$(a);$APP.Q(a,"__xLiquidFillHdl",null)},Iva=function(a){var b=
|
|
25
|
+
new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xLiquidFillVis",c);$APP.n(c)?(c=$APP.Xj.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.Wr),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.Xj.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(Jva,b);$APP.n(b)?
|
|
27
|
+
(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.$s.i(b)),a.setProperty("--x-liquid-fill-color-2",$APP.at.i(b)),a.setProperty("--x-liquid-fill-color-3",Y$.i(b)),a.setProperty("--x-liquid-fill-specular-color",$APP.it.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"))},Kva=function(a){$APP.qj(a,"target","target");$APP.sj(a,"orientation","orientation",
|
|
28
|
+
l$);$APP.sj(a,"mode","mode",m$);$APP.sj(a,"theme","theme",n$);$APP.sj(a,"waveIntensity","wave-intensity",p$);$APP.sj(a,"splashIntensity","splash-intensity",q$);$APP.sj(a,"layers","layers",r$);$APP.mj(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})},Lva=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.bj(a,"__xLiquidFillTime",0);$APP.Q(a,"__xLiquidFillLD",-1);$APP.Q(a,"__xLiquidFillVis",!0);$APP.n($APP.l(a,"__xLiquidFillRefs"))||Gva(a);Z$(a,H$.i(b));L$(a,$APP.Qq.i(b));M$(a,$APP.Qq.i(b));X$(a);Hva(a);Iva(a);return W$(a)},Mva=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
|
+
Nva=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.Qq.i(b),$APP.Qq.i(c)))L$(a,$APP.Qq.i(b)),M$(a,$APP.Qq.i(b));(c==null||$APP.I(H$.i(b),H$.i(c)))&&Z$(a,H$.i(b));if(c==null||$APP.I($APP.hv.i(b),$APP.hv.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.Xj.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.zi("x-liquid-fill",new $APP.M(null,5,[$APP.ji,Ova,$APP.hi,Lva,$APP.ei,Mva,$APP.di,Nva,$APP.ii,Kva],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),xva=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),Fva=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 Ova="target orientation mode theme wave-intensity splash-intensity layers disabled".split(" ");
|
|
34
|
+
$APP.Gg([new $APP.F(null,"waveIntensity","waveIntensity",695633410),$APP.zm,new $APP.F(null,"splashIntensity","splashIntensity",1275664841),$APP.Sl,$APP.jt,H$,$APP.Qq,$APP.hv,$APP.Vt],[new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.Y],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.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),
|
|
35
|
+
new $APP.M(null,2,[$APP.N,$APP.Y,$APP.gs,!0],null)]);$APP.je(["x-liquid-fill-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Vt,$APP.Y,$APP.Ht,$APP.Y],null),$APP.fu,!1],null)]);
|
|
36
|
+
var uva=new $APP.ch(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),vva=new $APP.ch(null,new $APP.M(null,2,["bar",null,"fill",null],null),null),wva=new $APP.ch(null,new $APP.M(null,4,["custom",null,"gold",null,"lava",null,"water",null],null),null),Jva=new $APP.M(null,3,["gold",new $APP.M(null,4,[$APP.$s,"#B8860B",$APP.at,"#D4AF37",Y$,"#F9F295",$APP.it,"rgba(255,255,240,0.6)"],null),"water",new $APP.M(null,4,[$APP.$s,"#0077B6",$APP.at,"#00B4D8",Y$,"#90E0EF",$APP.it,"rgba(255,255,255,0.5)"],
|
|
37
|
+
null),"lava",new $APP.M(null,4,[$APP.$s,"#8B0000",$APP.at,"#FF4500",Y$,"#FF8C00",$APP.it,"rgba(255,255,200,0.7)"],null)],null);var w$=0,Eva=":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
|
-
|
|
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.Xj.i($APP.l(a,"__xLiquidFillModel"));
|
|
40
|
+
return $APP.n(O)?O:x$()}()))return $APP.bj(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.Qq.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.bj(a,"__xLiquidFillLF",d);$APP.bj(a,"__xLiquidFillTime",function(){var O=$APP.l(a,"__xLiquidFillTime");return $APP.n(O)?O:0}()+e*f);$APP.Q(a,"__xLiquidFillProg",Bva(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=Ava(r[d],E,u[d],e,$APP.It.i(A),
|
|
42
|
+
$APP.Bs.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.hj(a,"x-liquid-fill-progress",$APP.gm(new $APP.M(null,2,[$APP.Vt,e,$APP.Ht,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.bj(a,"__xLiquidFillRaf",requestAnimationFrame(function(){return Q$.i?Q$.i(a):Q$.call(null,a)})):$APP.bj(a,"__xLiquidFillRaf",null)};$APP.fa("baredom.exports.x_liquid_fill.init",$$);export const init=$$;
|