@vanelsas/baredom 2.8.0 → 3.0.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 +45 -0
- package/README.md +1 -1
- package/custom-elements.json +467 -0
- package/dist/baredom.d.ts +25 -0
- package/dist/base.js +541 -452
- package/dist/integrity.json +103 -97
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- 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 -16
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +31 -31
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +24 -24
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +25 -0
- package/dist/x-container.js +5 -4
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +9 -9
- package/dist/x-dropdown.js +11 -11
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +7 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +6 -6
- package/dist/x-image.js +16 -17
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- 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 +38 -39
- package/dist/x-liquid-fill.js +44 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -9
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +36 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +32 -32
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +37 -37
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +25 -26
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +10 -10
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +21 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +18 -18
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +34 -34
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +38 -38
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- package/dist/x-sidebar.js +15 -15
- 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 +22 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +21 -22
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +118 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +60 -59
- package/package.json +32 -2
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a()].join(""))},
|
|
4
|
-
"startOffset");e.setAttribute("repeatCount","indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.
|
|
5
|
-
$APP.
|
|
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")]);var c=$APP.
|
|
7
|
-
$APP.
|
|
8
|
-
|
|
9
|
-
"size-gradient"):
|
|
10
|
-
parseFloat(e.trim());var
|
|
11
|
-
|
|
12
|
-
"crawl"),
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",
|
|
21
|
-
d.appendChild(e);d.appendChild(v);d.appendChild(r);b.appendChild(c);b.appendChild(d);a.__xKineticTypographyContainer=d;a.__xKineticTypographySvg=e;a.__xKineticTypographyPath=h;a.__xKineticTypographyText=m;a.__xKineticTypographyTextPath=q;a.__xKineticTypographySrOnly=r;a.__xKineticTypographyPathId=
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
5,[$APP.
|
|
25
|
-
|
|
26
|
-
$APP.g.
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
$APP.
|
|
30
|
-
[$APP.
|
|
31
|
-
null),new $APP.
|
|
32
|
-
var
|
|
33
|
-
null),null),
|
|
34
|
-
null),"spiral",new $APP.
|
|
2
|
+
var tY=function(a){this.rb=a;this.D=null;this.u=2153775104;this.I=2048},Zba=function(a){return new tY(a.toLowerCase())},$ba=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 Zba([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
|
+
a()].join(""))},uY=function(a){return typeof a==="string"&&$APP.I("",a.trim())?a.trim():null},vY=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},wY=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},xY=function(a){var b=$APP.k(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),a.__xKineticTypographyAnimate=null)},yY=function(a,b,c,d){var e=vY("animate");c=""+$APP.V.i(c)+"s";b=$APP.A.j(b,"reverse")?"reverse":"normal";e.setAttribute("attributeName",
|
|
4
|
+
"startOffset");e.setAttribute("repeatCount","indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.V.i(d)+"s");switch(a){case "scroll":e.setAttribute("from",$APP.A.j(b,"reverse")?"100%":"0%");e.setAttribute("to",$APP.A.j(b,"reverse")?"0%":"100%");break;case "bounce":e.setAttribute("values",$APP.A.j(b,"reverse")?"100%;0%;100%":"0%;100%;0%");e.setAttribute("calcMode","spline");e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":e.setAttribute("values",
|
|
5
|
+
$APP.A.j(b,"reverse")?"120%;-20%;120%":"-20%;120%;-20%"),e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},zY=function(a){var b=$APP.k(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;a.__xKineticTypographyEchoEls=[]}},OY=function(a){var b=$APP.Wf([$APP.lp,AY,$APP.ml,BY,$APP.Mn,$APP.Jo,CY,DY,EY,FY,GY,HY,$APP.Dn,IY,$APP.Rp],[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")]);var c=$APP.G(b),d=$APP.C(c,EY),e=$APP.C(c,FY),f=$APP.C(c,GY),h=$APP.C(c,HY),l=$APP.C(c,$APP.Dn),m=$APP.C(c,IY),q=$APP.C(c,$APP.Rp),r=$APP.C(c,$APP.lp),v=$APP.C(c,AY),x=$APP.C(c,
|
|
7
|
+
$APP.ml),z=$APP.C(c,BY),B=$APP.C(c,$APP.Mn),E=$APP.C(c,$APP.Jo),H=$APP.C(c,CY),K=$APP.C(c,DY),J=typeof q==="string"?q:"",P=uY(r),ea=typeof E==="string"?E.trim().toLowerCase():null;var la=$APP.$c(aca,ea)?ea:"wave";var Ea=$APP.A.j(la,"crawl"),Na=typeof x==="string"?x.trim().toLowerCase():null;var Za=$APP.$c(bca,Na)?Na:"scroll";var Eb=typeof l==="string"?l.trim().toLowerCase():null;var Cb=$APP.$c(cca,Eb)?Eb:"normal";if(typeof B==="string"){var Kb=parseFloat(B.trim());var Dd=typeof Kb==="number"&&$APP.p(isNaN(Kb))&&
|
|
8
|
+
Kb>0?Kb:1}else Dd=1;if(typeof K==="string"){var vc=parseInt(K.trim(),10);var sg=typeof vc==="number"&&$APP.p(isNaN(vc))&&vc>0?vc:1}else sg=1;if(typeof d==="string"){var vf=$APP.vg(d.toLowerCase().trim().split(/\s+/));var th=$APP.wr.j(vf,dca)}else th=$APP.qg;var Po=uY(H),mc=uY(h);if($APP.A.j(la,"crawl"))var se=null;else{var kR=P!=null;var lR=kR?$APP.li(P):kR;se=$APP.n(lR)?new $APP.O(null,2,[$APP.fq,lR,JY,"0 0 800 200"],null):$APP.C(eca,la)}var kz=$APP.n($APP.n(Po)?$APP.n(mc)?!Ea:mc:Po)?$APP.wd.j(th,
|
|
9
|
+
"size-gradient"):th,lz=$APP.$c(kz,"size-gradient")?$APP.Fl.j(kz,"size-pulse"):kz,fca=$APP.$c(lz,"color-wave")?$APP.Fl.j(lz,"color-shift"):lz;if(typeof v==="string"){var Qo=parseFloat(v.trim());var mR=typeof Qo==="number"&&$APP.p(isNaN(Qo))&&Qo>0&&Qo<=1?Qo:.85}else mR=.85;var gca=$APP.fq.i(se),hca=uY(z),ica=JY.i(se),jca=10/$APP.Gl.j(Dd,.01);if(Ea)var mz=0;else if(typeof f==="string"){var Ro=parseInt(f.trim(),10);mz=typeof Ro==="number"&&$APP.p(isNaN(Ro))&&Ro>=0&&Ro<=5?Ro:0}else mz=0;if(typeof e===
|
|
10
|
+
"string"){var zt=parseFloat(e.trim());var nR=typeof zt==="number"&&$APP.p(isNaN(zt))&&zt>0?zt:.3}else nR=.3;if(typeof m==="string"){var So=parseFloat(m.trim());var oR=typeof So==="number"&&$APP.p(isNaN(So))&&So>0&&So<=1?So:.5}else oR=.5;var lca=$APP.Wf([AY,$APP.Xn,$APP.ml,BY,$APP.Mn,JY,$APP.Jo,KY,CY,LY,MY,DY,kca,FY,GY,HY,$APP.Dn,IY,$APP.Rp],[mR,gca,Za,hca,Dd,ica,la,Ea,Po,fca,jca,sg,P!=null,nR,mz,mc,Cb,oR,J]);var Fd=$APP.G(lca),sR=$APP.C(Fd,FY),tR=$APP.C(Fd,GY),nz=$APP.C(Fd,HY),oz=$APP.C(Fd,$APP.Dn),
|
|
11
|
+
mca=$APP.C(Fd,IY),Fi=$APP.C(Fd,$APP.Rp),nca=$APP.C(Fd,AY),At=$APP.C(Fd,$APP.Xn),Gi=$APP.C(Fd,$APP.ml),uR=$APP.C(Fd,BY),vR=$APP.C(Fd,JY),oca=$APP.C(Fd,KY),To=$APP.C(Fd,CY),Wl=$APP.C(Fd,LY),Fj=$APP.C(Fd,MY),pz=$APP.C(Fd,DY),wR=$APP.k(a,"__xKineticTypographySvg"),pca=$APP.k(a,"__xKineticTypographyPath"),xR=$APP.k(a,"__xKineticTypographyText"),Uo=$APP.k(a,"__xKineticTypographyTextPath"),qca=$APP.k(a,"__xKineticTypographySrOnly"),rca=$APP.k(a,"__xKineticTypographyCrawlText"),qz=a.shadowRoot.querySelector("[part\x3dpath-line]");
|
|
12
|
+
if($APP.n(oca))$APP.S(a,"data-preset","crawl"),rca.textContent=Fi,xY(a),zY(a),$APP.I(Gi,"none")?$APP.S(a,"data-animation",Gi):$APP.T(a,"data-animation"),$APP.A.j(oz,"reverse")?$APP.S(a,"data-direction","reverse"):$APP.T(a,"data-direction"),$APP.$c(Wl,"color-shift")?$APP.S(a,"data-effect","color-shift"):$APP.T(a,"data-effect");else{$APP.T(a,"data-preset");$APP.T(a,"data-direction");$APP.n(vR)&&wR.setAttribute("viewBox",vR);$APP.n(At)&&pca.setAttribute("d",At);$APP.n($APP.n(qz)?At:qz)&&qz.setAttribute("d",
|
|
13
|
+
At);var rz=pz<=1?Fi:$APP.Wd($APP.V,$APP.oe(1,NY.j(new $APP.re(null,-1," · ",null),pz>0?new $APP.re(null,pz,Fi,null):$APP.ac))),yR=$APP.$c(Wl,"size-gradient"),sca=$APP.$c(Wl,"color-wave"),zR=yR?$APP.n(To)?$APP.n(nz)?$APP.I(Fi,""):nz:To:yR;var tca=$APP.n(zR)?zR:sca&&$APP.I(Fi,"");if($APP.n(tca)){Uo.textContent="";var sz=$APP.Qe(rz),Gj=$APP.y(sz),Hj=$APP.$c(Wl,"size-gradient"),tz=$APP.$c(Wl,"color-wave"),Hi=Hj?parseFloat(To):null,Bt=Hj?parseFloat(nz):null;if(Hj){var AR=$APP.Hg(/[a-z%]+/,$APP.n(To)?To:
|
|
14
|
+
"px");var BR=$APP.n(AR)?AR:"px"}else BR=null;for(var CR=BR,DR=tz?Gj>0?Fj/Gj:0:null,uz=$APP.t($APP.Eg(0,Gj)),vz=null,wz=0,Ct=0;;)if(Ct<wz){var Ij=vz.F(null,Ct),Dt=vY("tspan");$APP.n(Hj?$APP.n(Hi)?Bt:Hi:Hj)&&Dt.setAttribute("font-size",""+$APP.V.i(Hi+(Gj>1?Ij/(Gj-1):0)*(Bt-Hi))+$APP.V.i(CR));tz&&(Dt.style.cssText="animation:xkt-color-wave "+$APP.V.i(Fj)+"s ease-in-out infinite;animation-delay:"+$APP.V.i(Ij*DR)+"s;");Dt.textContent=$APP.tc(sz,Ij);Uo.appendChild(Dt);Ct+=1}else{var ER=$APP.t(uz);if(ER){var Vo=
|
|
15
|
+
ER;if($APP.Wc(Vo)){var FR=$APP.Ab(Vo),uca=$APP.Bb(Vo),vca=FR,wca=$APP.y(FR);uz=uca;vz=vca;wz=wca}else{Ij=$APP.u(Vo);var Et=vY("tspan");$APP.n(Hj?$APP.n(Hi)?Bt:Hi:Hj)&&Et.setAttribute("font-size",""+$APP.V.i(Hi+(Gj>1?Ij/(Gj-1):0)*(Bt-Hi))+$APP.V.i(CR));tz&&(Et.style.cssText="animation:xkt-color-wave "+$APP.V.i(Fj)+"s ease-in-out infinite;animation-delay:"+$APP.V.i(Ij*DR)+"s;");Et.textContent=$APP.tc(sz,Ij);Uo.appendChild(Et);uz=$APP.w(Vo);vz=null;wz=0}Ct=0}else break}}else Uo.textContent=rz;zY(a);
|
|
16
|
+
if(tR>0){for(var GR=$APP.k(a,"__xKineticTypographyPathId"),HR=[],xca=$APP.I(Gi,"none")&&$APP.p(wY()),yca=Fj>0?sR/Fj*100:5,xz=0;;)if(xz<tR){var Ft=xz+1,Xl=document.createElementNS("http://www.w3.org/2000/svg","text"),Yl=document.createElementNS("http://www.w3.org/2000/svg","textPath"),zca=Math.pow(mca,Ft),Aca=Math.pow(nca,Ft),Bca="-"+$APP.V.i(yca*Ft)+"%";Xl.setAttribute("part","text-echo");Xl.setAttribute("opacity",""+$APP.V.i(zca));Xl.setAttribute("font-size","calc(var(--x-kinetic-typography-font-size) * "+
|
|
17
|
+
$APP.V.i(Aca)+")");Yl.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.V.i(GR));Yl.setAttribute("href","#"+$APP.V.i(GR));Yl.setAttribute("startOffset",Bca);Yl.textContent=rz;if(xca){var Cca=yY(Gi,oz,Fj,sR*Ft);Yl.appendChild(Cca)}Xl.appendChild(Yl);wR.appendChild(Xl);HR.push({textEl:Xl});xz+=1}else break;a.__xKineticTypographyEchoEls=HR}$APP.n(uR)?xR.style.setProperty("font-size",uR):xR.style.removeProperty("font-size");xY(a);if($APP.I(Gi,"none")&&$APP.p(wY())){var IR=yY(Gi,oz,Fj,0);Uo.appendChild(IR);
|
|
18
|
+
a.__xKineticTypographyAnimate=IR}var JR=$APP.Fl.B(Wl,"size-gradient",$APP.zc(["color-wave"]));$APP.t(JR)?$APP.S(a,"data-effect",$APP.ci(" ",$APP.ed(JR))):$APP.T(a,"data-effect");$APP.I(Gi,"none")?$APP.S(a,"data-animation",Gi):$APP.T(a,"data-animation")}qca.textContent=Fi;$APP.A.j(Fi,"")?($APP.S(a,"role","presentation"),$APP.S(a,"aria-hidden","true")):($APP.S(a,"role","img"),$APP.S(a,"aria-label",Fi))},Dca=function(a){if(!$APP.n($APP.k(a,"__xKineticTypographyInit"))){var b=a.attachShadow({mode:"open"}),
|
|
19
|
+
c=document.createElement("style"),d=document.createElement("div"),e=vY("svg"),f=vY("defs"),h=vY("path"),l=vY("path"),m=vY("text"),q=vY("textPath"),r=document.createElement("span"),v=document.createElement("div"),x=document.createElement("div"),z="xkt-"+$APP.V.i($ba());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;}}";
|
|
20
|
+
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",z);f.appendChild(h);l.setAttribute("part","path-line");e.appendChild(l);m.setAttribute("part","text");q.setAttribute("href","#"+$APP.V.i(z));m.appendChild(q);e.appendChild(f);e.appendChild(m);v.setAttribute("part","crawl-viewport");x.setAttribute("part","crawl-text");v.appendChild(x);r.classList.add("sr-only");r.setAttribute("part","sr-only");
|
|
21
|
+
d.appendChild(e);d.appendChild(v);d.appendChild(r);b.appendChild(c);b.appendChild(d);a.__xKineticTypographyContainer=d;a.__xKineticTypographySvg=e;a.__xKineticTypographyPath=h;a.__xKineticTypographyText=m;a.__xKineticTypographyTextPath=q;a.__xKineticTypographySrOnly=r;a.__xKineticTypographyPathId=z;a.__xKineticTypographyCrawlViewport=v;a.__xKineticTypographyCrawlText=x;a.__xKineticTypographyEchoEls=[];a.__xKineticTypographyInit=!0}OY(a);return null},Eca=function(a){xY(a);$APP.n($APP.k(a,"__xKineticTypographySvg"))&&
|
|
22
|
+
zY(a);return null},Fca=function(a,b,c,d){$APP.I(c,d)&&$APP.n($APP.k(a,"__xKineticTypographyInit"))&&OY(a);return null},PY=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==="string"&&$APP.I("",e)?this.setAttribute(b,e):this.removeAttribute(b)},enumerable:!0,configurable:!0})},Gca=function(a){PY(a,"text","text","");PY(a,"path","path",null);PY(a,"preset","preset","wave");PY(a,"animation","animation","scroll");
|
|
23
|
+
PY(a,"speed","speed",""+$APP.V.i(1));PY(a,"direction","direction","normal");PY(a,"effect","effect","none");PY(a,"font-size","fontSize",null);PY(a,"start-size","startSize",null);PY(a,"end-size","endSize",null);PY(a,"repeat","repeat",""+$APP.V.i(1));PY(a,"echo-count","echoCount",""+$APP.V.i(0));PY(a,"echo-delay","echoDelay",""+$APP.V.i(.3));PY(a,"echo-opacity","echoOpacity",""+$APP.V.i(.5));return PY(a,"echo-scale","echoScale",""+$APP.V.i(.85))},QY=function(){return $APP.Ah("x-kinetic-typography",new $APP.O(null,
|
|
24
|
+
5,[$APP.qh,Hca,$APP.oh,Dca,$APP.lh,Eca,$APP.kh,Fca,$APP.ph,Gca],null))},NY=function NY(a){switch(arguments.length){case 0:return NY.H();case 1:return NY.i(arguments[0]);case 2:return NY.j(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return NY.B(arguments[0],arguments[1],2<c.length?new $APP.Yb(c.slice(2),0,null):null)}};NY.H=function(){return $APP.ac};NY.i=function(a){return new $APP.Cd(null,function(){return a},null)};
|
|
25
|
+
NY.j=function(a,b){return new $APP.Cd(null,function(){var c=$APP.t(a),d=$APP.t(b);return c&&d?$APP.zd($APP.u(c),$APP.zd($APP.u(d),NY.j($APP.bc(c),$APP.bc(d)))):null},null)};NY.B=function(a,b,c){return new $APP.Cd(null,function(){var d=$APP.pe.j($APP.t,$APP.wd.B(c,b,$APP.zc([a])));return $APP.fe($APP.od,d)?$APP.te.j($APP.pe.j($APP.u,d),$APP.Wd(NY,$APP.pe.j($APP.bc,d))):null},null)};NY.K=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);c=$APP.w(c);return this.B(b,a,c)};NY.M=2;$APP.g=tY.prototype;
|
|
26
|
+
$APP.g.Dc=$APP.Sb;$APP.g.toString=function(){return this.rb};$APP.g.U=function(a,b){return(a=b!=null?$APP.Sb===b.Dc?!0:!1:!1)?this.rb===b.rb:a};$APP.g.R=function(a,b){return $APP.qb(b,['#uuid "',$APP.ua(this.rb),'"'].join(""))};$APP.g.V=function(){this.D==null&&(this.D=$APP.Tb(this.rb));return this.D};$APP.g.Ka=function(a,b){if(b instanceof tY)return $APP.ka(this.rb,b.rb);throw Error(["Cannot compare ",$APP.ua(this)," to ",$APP.ua(b)].join(""));};
|
|
27
|
+
var IY=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),CY=new $APP.F(null,"start-size","start-size",-1818812493),KY=new $APP.F(null,"crawl?","crawl?",829918610),AY=new $APP.F(null,"echo-scale","echo-scale",1307207648),FY=new $APP.F(null,"echo-delay","echo-delay",845689658),GY=new $APP.F(null,"echo-count","echo-count",1053271067),JY=new $APP.F(null,"view-box","view-box",-1792199155),DY=new $APP.F(null,"repeat","repeat",832692087),kca=new $APP.F(null,"custom-path?","custom-path?",-1532616839),
|
|
28
|
+
EY=new $APP.F(null,"effect","effect",347343289),MY=new $APP.F(null,"duration-s","duration-s",-1976899627),BY=new $APP.F(null,"font-size","font-size",-1847940346),LY=new $APP.F(null,"effects","effects",-282369292),HY=new $APP.F(null,"end-size","end-size",761612093);var Hca="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
29
|
+
$APP.Wf([$APP.lp,new $APP.F(null,"startSize","startSize",-1750632892),$APP.ml,$APP.Mn,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.Jo,DY,new $APP.F(null,"fontSize","fontSize",919623033),EY,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.Dn,$APP.Rp],[new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"path"],null),new $APP.O(null,2,
|
|
30
|
+
[$APP.Q,$APP.X,$APP.W,"start-size"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"animation"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"speed"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"echo-count"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"echo-scale"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"echo-opacity"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"preset"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"repeat"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"font-size"],
|
|
31
|
+
null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"effect"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"echo-delay"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"end-size"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"direction"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"text"],null)]);
|
|
32
|
+
var aca=new $APP.pg(null,new $APP.O(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),bca=new $APP.pg(null,new $APP.O(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),cca=new $APP.pg(null,new $APP.O(null,2,["reverse",null,"normal",null],null),null),dca=new $APP.pg(null,new $APP.O(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",
|
|
33
|
+
null],null),null),eca=new $APP.O(null,7,["wave",new $APP.O(null,2,[$APP.fq,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",JY,"0 0 800 200"],null),"circle",new $APP.O(null,2,[$APP.fq,"M125,10 A115,115 0 1,1 124.99,10",JY,"0 0 250 250"],null),"arc",new $APP.O(null,2,[$APP.fq,"M50,350 Q400,10 750,350",JY,"0 0 800 400"],null),"infinity",new $APP.O(null,2,[$APP.fq,"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",JY,"0 0 400 400"],
|
|
34
|
+
null),"spiral",new $APP.O(null,2,[$APP.fq,"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",JY,"0 0 500 500"],null),"sine",new $APP.O(null,2,[$APP.fq,"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",JY,"0 0 800 200"],null),"line",new $APP.O(null,2,[$APP.fq,"M0,50 L800,50",JY,"0 0 800 100"],null)],null);$APP.ha("baredom.exports.x_kinetic_typography.init",QY);export const init=QY;
|
package/dist/x-liquid-dock.js
CHANGED
|
@@ -1,40 +1,39 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
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.
|
|
4
|
-
$APP.
|
|
5
|
-
"svg"),m=document.createElement("div"),q=document.createElement("div"),r=document.createElement("slot");a.__xLiquidDockUid=c;f.textContent=
|
|
6
|
-
b=$APP.C(v,$APP.
|
|
7
|
-
d);
|
|
8
|
-
"noise");
|
|
9
|
-
h,$APP.
|
|
10
|
-
var c=$APP.C(b,
|
|
11
|
-
a.assignedElements():null},
|
|
12
|
-
""+$APP.
|
|
13
|
-
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}a.__xLiquidDockItemsR=e;return null},
|
|
14
|
-
(a.__xLiquidDockSeed=0,$APP.
|
|
15
|
-
var b=
|
|
16
|
-
|
|
17
|
-
void 0}$APP.n(l)&&
|
|
18
|
-
d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.
|
|
19
|
-
|
|
20
|
-
""+$APP.
|
|
21
|
-
configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return
|
|
22
|
-
""+$APP.
|
|
23
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return
|
|
24
|
-
""+$APP.
|
|
25
|
-
-1;a.__xLiquidDockBurst=0;$APP.n($APP.k(a,"__xLiquidDockRefs"))||
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
$APP.
|
|
32
|
-
|
|
33
|
-
$APP.
|
|
34
|
-
$APP.
|
|
35
|
-
$APP.
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
e=.012+.006*Math.sin(f);a.__xLiquidDockSeed=f;f=$APP.fn.g(h);$APP.n(f)&&f.setAttribute("baseFrequency",""+$APP.Q.g(e));!K&&d>0&&(d=$APP.Yk.g($APP.k(a,"__xLiquidDockRefs")),$APP.n(d)&&d.setAttribute("scale",""+$APP.Q.g(Vr.g(c))),a.__xLiquidDockBurst=0);$APP.fa(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return ns.g?ns.g(a):ns.call(null,a)}))}return null};$APP.ca("baredom.exports.x_liquid_dock.init",Cs);export const init=Cs;
|
|
2
|
+
var Ru=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.$c(Qu,a)?a:"bottom"):"bottom"},Su=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},Tu=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"},Uu=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},Vu=function(a,b){return a+(b-a)*.1},Zu=function(a,b,c,d,e,f,h){a=c-a;b=d-b;d=Math.sqrt(a*
|
|
3
|
+
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.O(null,4,[Wu,e,$APP.jn,1+c*(h-1),Xu,a*d*f*.3,Yu,b*d*f*.3],null)},bv=function(a,b){var c=a*a;a=c*28;c=.6+c*.9;switch(b){case "bottom":return new $APP.O(null,3,[$u,0,av,-a,$APP.jn,c],null);case "top":return new $APP.O(null,3,[$u,0,av,a,$APP.jn,c],null);case "left":return new $APP.O(null,3,[$u,a,av,0,$APP.jn,c],null);case "right":return new $APP.O(null,3,[$u,-a,av,0,$APP.jn,c],null);default:return new $APP.O(null,3,[$u,0,av,-a,
|
|
4
|
+
$APP.jn,c],null)}},cv=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.O(null,3,[$APP.Fq,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;default:return-e}}(),$APP.oq,5*d*a*b,$APP.jn,1+.12*d*a],null)},iv=function(a){var b=$APP.k(a,"__xLiquidDockModel"),c=dv[0];dv[0]=c+1;var d="goo-"+$APP.V.i(c),e=a.attachShadow({mode:"open"}),f=document.createElement("style"),h=document.createElement("nav"),l=document.createElementNS("http://www.w3.org/2000/svg",
|
|
5
|
+
"svg"),m=document.createElement("div"),q=document.createElement("div"),r=document.createElement("slot");a.__xLiquidDockUid=c;f.textContent=ev;h.setAttribute("part","dock");h.setAttribute("role","navigation");h.setAttribute("aria-label","Navigation dock");l.setAttribute("part","filter-svg");l.setAttribute("aria-hidden","true");l.setAttribute("role","presentation");m.setAttribute("part","liquid-layer");m.style.filter="url(#"+$APP.V.i(d)+")";q.setAttribute("part","items");q.appendChild(r);var v=$APP.G(b);
|
|
6
|
+
b=$APP.C(v,$APP.xm);c=$APP.C(v,$APP.iq);v=$APP.C(v,fv);var x=document.createElementNS("http://www.w3.org/2000/svg","defs"),z=document.createElementNS("http://www.w3.org/2000/svg","filter"),B=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),E=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),H=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),K=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");z.setAttribute("id",
|
|
7
|
+
d);z.setAttribute("x","-20%");z.setAttribute("y","-20%");z.setAttribute("width","140%");z.setAttribute("height","140%");B.setAttribute("in","SourceGraphic");B.setAttribute("stdDeviation",""+$APP.V.i(b));B.setAttribute("result","blur");E.setAttribute("in","blur");E.setAttribute("type","matrix");E.setAttribute("values",c);E.setAttribute("result","goo");H.setAttribute("type","fractalNoise");H.setAttribute("baseFrequency","0.015");H.setAttribute("numOctaves","2");H.setAttribute("seed","0");H.setAttribute("result",
|
|
8
|
+
"noise");K.setAttribute("in","goo");K.setAttribute("in2","noise");K.setAttribute("scale",""+$APP.V.i(v));K.setAttribute("xChannelSelector","R");K.setAttribute("yChannelSelector","G");z.appendChild(B);z.appendChild(E);z.appendChild(H);z.appendChild(K);x.appendChild(z);l.appendChild(x);d=new $APP.O(null,5,[$APP.Bp,z,$APP.xn,B,$APP.fr,E,$APP.dq,H,$APP.Rn,K],null);h.appendChild(l);h.appendChild(m);h.appendChild(q);e.appendChild(f);e.appendChild(h);e=$APP.ng($APP.zc([d,new $APP.O(null,6,[$APP.jj,e,$APP.Km,
|
|
9
|
+
h,$APP.po,l,gv,m,hv,q,$APP.un,r],null)]));a.__xLiquidDockRefs=e},sv=function(a){a=$APP.Wf([$APP.ao,$APP.Gq,jv,kv,$APP.om,$APP.qr,lv,$APP.en,mv,$APP.nn,nv],[a.getAttribute("position"),a.getAttribute("blur"),a.getAttribute("magnet-strength"),a.getAttribute("ripple-speed"),a.getAttribute("threshold"),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.nn);
|
|
10
|
+
var c=$APP.C(b,nv),d=$APP.C(b,$APP.ao),e=$APP.C(b,$APP.Gq),f=$APP.C(b,jv),h=$APP.C(b,kv),l=$APP.C(b,$APP.om),m=$APP.C(b,$APP.qr),q=$APP.C(b,lv),r=$APP.C(b,$APP.en);b=$APP.C(b,mv);d=Ru(d);return $APP.Wf([$APP.Un,ov,pv,$APP.iq,fv,$APP.xm,$APP.co,$APP.bo,qv,$APP.nr,rv,$APP.Bi],[Uu(m),Su(h,.03,.005,.15),Su(b,1,0,2),Tu(l),Su(q,8,0,40),Su(e,10,2,30),$APP.A.j(d,"left")||$APP.A.j(d,"right"),Su(r,8,0,40),Su(c,150,40,400),d,Su(f,.6,0,2),a!=null])},tv=function(a){a=$APP.un.i($APP.k(a,"__xLiquidDockRefs"));return $APP.n(a)?
|
|
11
|
+
a.assignedElements():null},uv=function(a){var b=$APP.G($APP.k(a,"__xLiquidDockRefs")),c=$APP.C(b,gv);b=function(){var r=tv(a);return $APP.n(r)?r:[]}().length*2;for(var d=function(){var r=$APP.k(a,"__xLiquidDockBlobs");return $APP.n(r)?r:[]}(),e=function(){var r=$APP.k(a,"__xLiquidDockBlobSt");return $APP.n(r)?r:[]}(),f=d.length,h=f;;)if(h<b){var l=document.createElement("div"),m=$APP.he(h);l.className=m?"blob blob-rest":"blob blob-phantom";var q=m?52:44;l.style.width=""+$APP.V.i(q)+"px";l.style.height=
|
|
12
|
+
""+$APP.V.i(q)+"px";c.appendChild(l);d.push(l);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;a.__xLiquidDockBlobs=d;a.__xLiquidDockBlobSt=e},vv=function(a){var b=$APP.G($APP.k(a,"__xLiquidDockRefs")),c=$APP.C(b,$APP.Km);b=tv(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=
|
|
13
|
+
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}a.__xLiquidDockItemsR=e;return null},wv=function(a,b){var c=$APP.G(b);b=$APP.C(c,$APP.Un);c=$APP.C(c,$APP.bo);$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",""+$APP.V.i(c)+"px")},yv=function(a){$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.n($APP.Bi.i($APP.k(a,"__xLiquidDockModel")))||
|
|
14
|
+
(a.__xLiquidDockSeed=0,$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return xv(a)})));return null},zv=function(a){var b=$APP.k(a,"__xLiquidDockRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidDockRaf=null)},Av=function(a){a=tv(a);if($APP.n(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform="",c+=1;else break},Bv=function(a,b,c,d){var e=Date.now();a.__xLiquidDockBurst=e;$APP.Ph(a,"x-liquid-dock-select",$APP.$l(new $APP.O(null,3,["index",b,"item",c,"source",d],null)))},Cv=function(a){uv(a);
|
|
15
|
+
var b=tv(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c){var e=b[d];e.getAttribute("tabindex")==null&&e.setAttribute("tabindex","0");d+=1}else break;requestAnimationFrame(function(){return vv(a)});return null},Dv=function(a){function b(){return Cv(a)}function c(l){var m=$APP.k(a,"__xLiquidDockModel");if(!$APP.n($APP.Bi.i(m))){var q=tv(a),r=$APP.n(q)?q.length:null,v=l.key,x=$APP.co.i(m);m=$APP.n(x)?"ArrowUp":"ArrowLeft";x=$APP.n(x)?"ArrowDown":"ArrowRight";var z=$APP.k(a,"__xLiquidDockFocus");z=$APP.n(z)?
|
|
16
|
+
z:-1;$APP.n($APP.n(r)?r>0:r)&&($APP.A.j(v,m)?(l.preventDefault(),l=z<1?r-1:z-1,a.__xLiquidDockFocus=l,q[l].focus()):$APP.A.j(v,x)?(l.preventDefault(),l=z>=r-1?0:z+1,a.__xLiquidDockFocus=l,q[l].focus()):($APP.A.j(v,"Enter")||$APP.A.j(v," "))&&z>=0&&(l.preventDefault(),Bv(a,z,q[z],"keyboard")))}return null}function d(l){if(!$APP.n($APP.Bi.i($APP.k(a,"__xLiquidDockModel")))){var m=tv(a);if($APP.n(m)){a:{l=l.target;for(var q=m.length,r=0;;)if(r<q){if($APP.A.j(l,m[r])){l=r;break a}r+=1}else{l=null;break a}l=
|
|
17
|
+
void 0}$APP.n(l)&&Bv(a,l,m[l],"pointer")}}return null}function e(){$APP.k(a,"__xLiquidDockMouse").active=!1;return null}function f(l){var m=$APP.G($APP.k(a,"__xLiquidDockRefs"));m=$APP.C(m,$APP.Km);if($APP.n(m)){m=m.getBoundingClientRect();var q=$APP.k(a,"__xLiquidDockMouse");q.x=l.clientX-m.left;q.y=l.clientY-m.top;q.active=!0}return null}var h=$APP.G($APP.k(a,"__xLiquidDockRefs"));h=$APP.C(h,$APP.un);a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",
|
|
18
|
+
d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.ja(a,"__xLiquidDockHdl",new $APP.O(null,5,[$APP.Eo,f,$APP.Tn,e,$APP.Mo,d,$APP.oo,c,$APP.un,b],null))},Ev=function(a){var b=$APP.k(a,"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",$APP.Eo.i(b));a.removeEventListener("pointerleave",$APP.Tn.i(b));a.removeEventListener("click",$APP.Mo.i(b));a.removeEventListener("keydown",$APP.oo.i(b));var c=$APP.k(a,"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.G(c),
|
|
19
|
+
c=$APP.C(c,$APP.un),$APP.n(c)&&c.removeEventListener("slotchange",$APP.un.i(b)));a.__xLiquidDockHdl=null}},Fv=function(a){Object.defineProperty(a,"position",{get:function(){return Ru(this.getAttribute("position"))},set:function(b){return b==null?this.removeAttribute("position"):this.setAttribute("position",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"gap",{get:function(){var b=this.getAttribute("gap");return Su(b,8,0,40)},set:function(b){return b==null?this.removeAttribute("gap"):
|
|
20
|
+
this.setAttribute("gap",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return Su(b,10,2,30)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return Tu(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):this.setAttribute("threshold",""+
|
|
21
|
+
$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return Su(b,8,0,40)},set:function(b){return b==null?this.removeAttribute("ripple-scale"):this.setAttribute("ripple-scale",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleSpeed",{get:function(){var b=this.getAttribute("ripple-speed");return Su(b,.03,.005,.15)},set:function(b){return b==null?this.removeAttribute("ripple-speed"):this.setAttribute("ripple-speed",
|
|
22
|
+
""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return Uu(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetRadius",{get:function(){var b=this.getAttribute("magnet-radius");return Su(b,150,40,400)},set:function(b){return b==null?this.removeAttribute("magnet-radius"):this.setAttribute("magnet-radius",""+$APP.V.i(b))},
|
|
23
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return Su(b,.6,0,2)},set:function(b){return b==null?this.removeAttribute("magnet-strength"):this.setAttribute("magnet-strength",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"bobIntensity",{get:function(){var b=this.getAttribute("bob-intensity");return Su(b,1,0,2)},set:function(b){return b==null?this.removeAttribute("bob-intensity"):this.setAttribute("bob-intensity",
|
|
24
|
+
""+$APP.V.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},Gv=function(a){var b=sv(a);a.__xLiquidDockModel=b;$APP.ja(a,"__xLiquidDockMouse",{x:0,y:0,active:!1});$APP.ja(a,"__xLiquidDockBlobs",[]);$APP.ja(a,"__xLiquidDockBlobSt",[]);$APP.ja(a,"__xLiquidDockItemsR",[]);a.__xLiquidDockFocus=
|
|
25
|
+
-1;a.__xLiquidDockBurst=0;$APP.n($APP.k(a,"__xLiquidDockRefs"))||iv(a);wv(a,b);$APP.n(a.hasAttribute("role"))||$APP.S(a,"role","navigation");Ev(a);Dv(a);b=$APP.k(a,"__xLiquidDockRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){vv(a);return null});a.__xLiquidDockRO=b;b.observe(a);requestAnimationFrame(function(){uv(a);vv(a);return yv(a)});return null},Hv=function(a){zv(a);Ev(a);Av(a);var b=$APP.k(a,"__xLiquidDockRO");$APP.n(b)&&(b.disconnect(),a.__xLiquidDockRO=null);return null},Iv=
|
|
26
|
+
function(a,b,c,d){if($APP.I(c,d)&&(b=sv(a),a.__xLiquidDockModel=b,$APP.n($APP.k(a,"__xLiquidDockRefs")))){d=$APP.G(b);var e=$APP.C(d,$APP.xm);c=$APP.C(d,$APP.iq);d=$APP.C(d,fv);var f=$APP.k(a,"__xLiquidDockRefs"),h=$APP.xn.i(f);$APP.n(h)&&h.setAttribute("stdDeviation",""+$APP.V.i(e));e=$APP.fr.i(f);$APP.n(e)&&e.setAttribute("values",c);c=$APP.Rn.i(f);$APP.n(c)&&c.setAttribute("scale",""+$APP.V.i(d));wv(a,b);vv(a);$APP.n($APP.Bi.i(b))?(zv(a),Av(a)):$APP.n($APP.k(a,"__xLiquidDockRaf"))||yv(a)}return null},
|
|
27
|
+
Kv=function(){return $APP.Ah("x-liquid-dock",new $APP.O(null,5,[$APP.qh,Jv,$APP.oh,Gv,$APP.lh,Hv,$APP.kh,Iv,$APP.ph,Fv],null))},ov=new $APP.F(null,"ripple-speed","ripple-speed",229709223),fv=new $APP.F(null,"ripple-scale","ripple-scale",-1874116111),nv=new $APP.F(null,"magnet-radius-raw","magnet-radius-raw",1386161852),Lv=new $APP.F(null,"bobIntensity","bobIntensity",-531647277),hv=new $APP.F(null,"items-div","items-div",-555506089),Mv=new $APP.F(null,"magnetStrength","magnetStrength",331224709),
|
|
28
|
+
Nv=new $APP.F(null,"rippleScale","rippleScale",-1633180735),qv=new $APP.F(null,"magnet-radius","magnet-radius",1447549494),gv=new $APP.F(null,"liquid","liquid",1322031275),Wu=new $APP.F(null,"influence","influence",1453493017),mv=new $APP.F(null,"bob-intensity-raw","bob-intensity-raw",-669810474),av=new $APP.F(null,"dy","dy",1719547243),$u=new $APP.F(null,"dx","dx",-381796732),jv=new $APP.F(null,"magnet-strength-raw","magnet-strength-raw",535053898),kv=new $APP.F(null,"ripple-speed-raw","ripple-speed-raw",
|
|
29
|
+
-1426902422),Ov=new $APP.F(null,"rippleSpeed","rippleSpeed",-1816718091),Yu=new $APP.F(null,"ty","ty",158290825),Xu=new $APP.F(null,"tx","tx",466630418),pv=new $APP.F(null,"bob-intensity","bob-intensity",-981181657),Pv=new $APP.F(null,"magnetRadius","magnetRadius",1616130031),rv=new $APP.F(null,"magnet-strength","magnet-strength",-1089389895),lv=new $APP.F(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var Jv="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.ce(["x-liquid-dock-select",new $APP.O(null,4,[$APP.U,new $APP.O(null,3,[$APP.sm,$APP.Y,$APP.wo,$APP.mm,$APP.Jp,$APP.X],null),$APP.Pq,!0,$APP.er,!0,$APP.Aq,!0],null)]);
|
|
30
|
+
$APP.Wf([Nv,$APP.Un,Mv,$APP.ck,$APP.iq,Pv,Lv,$APP.xm,Ov,$APP.bo,$APP.nr],[new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,
|
|
31
|
+
$APP.X],null)]);var Qu=new $APP.pg(null,new $APP.O(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var dv=[0],ev=":host{display:block;position:fixed;z-index:var("+$APP.V.i("--x-liquid-dock-z-index")+",50);pointer-events:auto;"+$APP.V.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('+
|
|
32
|
+
$APP.V.i("--x-liquid-dock-gap")+",8px);padding:var("+$APP.V.i("--x-liquid-dock-padding")+",8px);border-radius:var("+$APP.V.i("--x-liquid-dock-radius")+",20px);background:var("+$APP.V.i("--x-liquid-dock-bg")+",rgba(255,255,255,0.88));border:1px solid var("+$APP.V.i("--x-liquid-dock-border")+",rgba(148,163,184,0.22));box-shadow:var("+$APP.V.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('+
|
|
33
|
+
$APP.V.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.V.i("--x-liquid-dock-item-size")+",48px);height:var("+$APP.V.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("+
|
|
34
|
+
$APP.V.i("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.V.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;}}",
|
|
35
|
+
xv=function xv(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xLiquidDockModel"),d=$APP.k(a,"__xLiquidDockMouse"),e=$APP.k(a,"__xLiquidDockBlobs"),f=$APP.k(a,"__xLiquidDockBlobSt"),h=$APP.k(a,"__xLiquidDockItemsR"),l=function(){var vc=tv(a);return $APP.n(vc)?vc:[]}(),m=$APP.Hl.j(h.length,l.length),q=$APP.k(d,"x"),r=$APP.k(d,"y"),v=$APP.k(d,"active"),x=qv.i(c),z=rv.i(c),B=pv.i(c),E=$APP.nr.i(c),H=1+z*.8,K=function(){var vc=$APP.k(a,"__xLiquidDockSeed");return $APP.n(vc)?vc:0}(),J=Date.now();d=function(){var vc=
|
|
36
|
+
$APP.k(a,"__xLiquidDockBurst");return $APP.n(vc)?vc:0}();var P=J-d<300;if(P){J=(1-(J-d)/300)*20;var ea=fv.i(c),la=$APP.Rn.i($APP.k(a,"__xLiquidDockRefs"));$APP.n(la)&&la.setAttribute("scale",""+$APP.V.i(ea+J))}for(J=0;;)if(J<m){ea=h[J];var Ea=$APP.k(ea,"cx"),Na=$APP.k(ea,"cy");la=J*2;var Za=la+1;if(Za<e.length){ea=Wu.i($APP.n(v)?Zu(Ea,Na,q,r,x,z,H):new $APP.O(null,4,[Wu,0,$APP.jn,1,Xu,0,Yu,0],null));la=e[la];var Eb="translate("+$APP.V.i(Ea-26)+"px,"+$APP.V.i(Na-26)+"px)";la.style.transform=Eb;var Cb=
|
|
37
|
+
bv(ea,E);la=f[Za];Eb=$u.i(Cb);var Kb=av.i(Cb);Cb=$APP.jn.i(Cb);Eb=Vu($APP.k(la,"cpDx"),Eb);Kb=Vu($APP.k(la,"cpDy"),Kb);Cb=Vu($APP.k(la,"cpScale"),Cb);la.cpDx=Eb;la.cpDy=Kb;la.cpScale=Cb;Za=e[Za];Na="translate("+$APP.V.i(Ea-22+Eb)+"px,"+$APP.V.i(Na-22+Kb)+"px) scale("+$APP.V.i(Cb)+")";Za.style.transform=Na;Za=cv(ea,$APP.n(v)?function(){var vc=q-Ea;return vc>1?1:vc<-1?-1:0}():0,E,B);Eb=Vu($APP.k(la,"cLift"),$APP.Fq.i(Za));Na=Vu($APP.k(la,"cRot"),$APP.oq.i(Za));Za=Vu($APP.k(la,"cScale"),$APP.jn.i(Za));
|
|
38
|
+
la.cLift=Eb;la.cRot=Na;la.cScale=Za;Kb=K+J*2.39996;Cb=1-ea*.7;ea=Math.sin(Kb)*1.8*Cb*B;la=Math.cos(Kb*.7)*.8*Cb*B;var Dd=Math.sin(Kb*1.3)*1.2*Cb*B;Kb=l[J];Cb=$APP.co.i(c);Eb+=$APP.n(Cb)?la:ea;Na+=Dd;ea=$APP.n(Cb)?"translate("+$APP.V.i(Eb)+"px,"+$APP.V.i(ea)+"px) rotate("+$APP.V.i(Na)+"deg) scale("+$APP.V.i(Za)+")":"translate("+$APP.V.i(la)+"px,"+$APP.V.i(Eb)+"px) rotate("+$APP.V.i(Na)+"deg) scale("+$APP.V.i(Za)+")";Kb.style.transform=ea}J+=1}else break;f=$APP.k(a,"__xLiquidDockSeed")+ov.i(c);h=$APP.k(a,
|
|
39
|
+
"__xLiquidDockRefs");e=.012+.006*Math.sin(f);a.__xLiquidDockSeed=f;f=$APP.dq.i(h);$APP.n(f)&&f.setAttribute("baseFrequency",""+$APP.V.i(e));!P&&d>0&&(d=$APP.Rn.i($APP.k(a,"__xLiquidDockRefs")),$APP.n(d)&&d.setAttribute("scale",""+$APP.V.i(fv.i(c))),a.__xLiquidDockBurst=0);$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return xv.i?xv.i(a):xv.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_dock.init",Kv);export const init=Kv;
|