@vanelsas/baredom 1.4.0 → 2.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 +21 -1
- package/README.md +57 -5
- package/dist/base.js +212 -212
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +16 -16
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.js +16 -16
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +11 -11
- package/dist/x-command-palette.js +29 -29
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +20 -19
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +21 -21
- package/dist/x-date-picker.js +36 -36
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +10 -10
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +16 -16
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +37 -37
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +38 -38
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +11 -11
- package/dist/x-metaball-cursor.js +28 -28
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +31 -31
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +14 -14
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +9 -9
- package/dist/x-radio.js +12 -12
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +34 -35
- package/dist/x-scroll-timeline.js +46 -49
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton.js +5 -5
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +21 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +6 -6
- package/dist/x-splash.js +14 -14
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +8 -8
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +10 -10
- 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 -0
- package/dist/x-timeline-item.js +21 -21
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +23 -23
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -10
- package/package.json +6 -2
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null},
|
|
4
|
-
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.N(a);a=$APP.G(b,$APP.$i);var c=$APP.G(b,
|
|
5
|
-
1,.1,10),
|
|
6
|
-
0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.S.g(c.toFixed(1))+"deg)")},
|
|
7
|
-
$APP.l(a,"__xKineticFontLSY");return $APP.r(d)?d:b}();a.__xKineticFontLSY=b;$APP.n(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.r(d)?d:0}()+Math.abs(c));
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
d=$APP.N($APP.l(a,"__xKineticFontRefs")),$APP.G(d,$APP.Zi).textContent=e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.O(
|
|
11
|
-
144),
|
|
12
|
-
a.removeAttribute("role")):(a.removeAttribute("aria-hidden"),a.setAttribute("role","text"),a.setAttribute("aria-label",c));if(!
|
|
13
|
-
this.getAttribute("text");return $APP.r(b)?b:""},set:function(b){return b==null?this.removeAttribute("text"):this.setAttribute("text",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"trigger",{get:function(){return
|
|
14
|
-
b:"bulge"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"perChar",{get:function(){return this.hasAttribute("per-char")},set:function(b){return $APP.r(b)?this.setAttribute("per-char",""):this.removeAttribute("per-char")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mass",{get:function(){var b=this.getAttribute("mass");return
|
|
15
|
-
this.setAttribute("mass",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return
|
|
16
|
-
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return
|
|
17
|
-
$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"fontFamily",{get:function(){return
|
|
18
|
-
d=document.createElement("div"),e=document.createElement("span");c.textContent=
|
|
19
|
-
function(){var b=$APP.l(this,"__xKineticFontRaf");$APP.r(b)&&(cancelAnimationFrame(b),this.__xKineticFontRaf=null);
|
|
20
|
-
"per-char-attr",-403667422),
|
|
21
|
-
"opsz-min",-829837010),
|
|
22
|
-
|
|
23
|
-
$APP.Q([$APP.
|
|
24
|
-
$APP.
|
|
2
|
+
var IU=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.D.i(a,""))return b;a=parseFloat(a);return $APP.r(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},KU=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.J(JU,a)?a:"cursor"},NU=function(a){return typeof a==="string"?(a=$APP.af.o($APP.Xf,$APP.fe(function(b){return $APP.J(LU,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Jc(a)?MU:a):MU},OU=function(a){return typeof a==="string"?(a=a.trim(),$APP.D.i(a,"")?null:a):
|
|
3
|
+
null},PU=function(a,b,c,d,e,g,h){b=c+(g*(b-a)-h*c)/e*d;return[a+b*d,b]},QU=function(a,b){if(a>=b)return 0;a=1-a/b;return a*a},RU=function(a,b,c,d,e,g,h,k,m,p,q){a*=c;d=$APP.J(b,"bulge")?d+a*(e-d):d;g=$APP.J(b,"stretch")?g+a*(h-g):g;k=$APP.J(b,"lean")?m+a*(k-m):m;b=$APP.J(b,"breathe")?p+a*(q-p):p;return[d,g,k,b]},SU=function(){return $APP.I(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},dV=function(a){a=$APP.Q([$APP.Xi,$APP.Nj,TU,UU,VU,$APP.qh,$APP.Ck,WU,$APP.$i,XU],[a.getAttribute("mass"),
|
|
4
|
+
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.N(a);a=$APP.G(b,$APP.$i);var c=$APP.G(b,XU),d=$APP.G(b,$APP.Xi),e=$APP.G(b,$APP.Nj),g=$APP.G(b,UU),h=$APP.G(b,TU),k=$APP.G(b,VU),m=$APP.G(b,$APP.qh),p=$APP.G(b,$APP.Ck);b=$APP.G(b,WU);return $APP.Q([$APP.tl,YU,ZU,$APP.Jl,$APP.Gj,$U,aV,bV,cV,$APP.Hk],[IU(d,
|
|
5
|
+
1,.1,10),IU(c,170,10,500),NU(p),IU(a,200,20,1E3),IU(e,.5,0,1),g!=null,IU(b,26,1,100),KU(h),OU(k),typeof m==="string"?m:""])},eV=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.D.i(a,""))return b;a=parseFloat(a);return $APP.r(isNaN(a))?b:a}return b},fV=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.S.g(b[0].toFixed(1))+", 'wdth' "+$APP.S.g(b[1].toFixed(1))+", 'slnt' "+$APP.S.g(b[2].toFixed(1))+", 'opsz' "+$APP.S.g(b[3].toFixed(1));d.call(a,"font-variation-settings",b);c===
|
|
6
|
+
0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.S.g(c.toFixed(1))+"deg)")},hV=function(a){$APP.r($APP.l(a,"__xKineticFontRaf"))||($APP.r($APP.l(a,"__xKineticFontAct"))||(a.__xKineticFontAct=!0,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-activate",{bubbles:!0,composed:!0,detail:{}}))),$APP.n(a,"__xKineticFontLF",performance.now()),$APP.n(a,"__xKineticFontRaf",requestAnimationFrame(function(){return gV(a)})))},iV=function(a){var b=window.scrollY,c=b-function(){var d=
|
|
7
|
+
$APP.l(a,"__xKineticFontLSY");return $APP.r(d)?d:b}();a.__xKineticFontLSY=b;$APP.n(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.r(d)?d:0}()+Math.abs(c));SU()||hV(a);return null},jV=function(a){var b=bV.g($APP.l(a,"__xKineticFontModel")),c={};if($APP.D.i(b,"cursor")||$APP.D.i(b,"both")){var d=function(e){a.__xKineticFontMX=e.clientX;a.__xKineticFontMY=e.clientY;SU()||hV(a);return null};c.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.D.i(b,
|
|
8
|
+
"scroll")||$APP.D.i(b,"both"))b=function(){return iV(a)},c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},kV=function(a){var b=$APP.l(a,"__xKineticFontHdl");if($APP.r(b)){var c=$APP.l(b,"move");$APP.r(c)&&document.removeEventListener("pointermove",c);b=$APP.l(b,"scroll");$APP.r(b)&&window.removeEventListener("scroll",b);a.__xKineticFontHdl=null}},vV=function(a,b){var c=$APP.l(a,"__xKineticFontModel");a.__xKineticFontModel=b;if($APP.O($APP.Hk.g(b),
|
|
9
|
+
$APP.Hk.g(c))||$APP.O($U.g(b),$U.g(c)))if($APP.r($U.g(b))){var d=$APP.Hk.g(b),e=$APP.N($APP.l(a,"__xKineticFontRefs"));e=$APP.G(e,$APP.Zi);d=$APP.Be(d);var g=$APP.C(d),h=Array(g),k=Array(g);e.textContent="";for(var m=0;;)if(m<g){var p=$APP.rc(d,m),q=document.createElement("span");q.setAttribute("part","char");$APP.D.i(p," ")?(q.setAttribute("data-ws",""),q.innerHTML="\x26nbsp;"):q.textContent=p;e.appendChild(q);h[m]=q;k[m]=[0,0];m+=1}else break;a.__xKineticFontCS=h;a.__xKineticFontSpr=k}else e=$APP.Hk.g(b),
|
|
10
|
+
d=$APP.N($APP.l(a,"__xKineticFontRefs")),$APP.G(d,$APP.Zi).textContent=e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.O(bV.g(b),bV.g(c))&&(kV(a),jV(a));c=$APP.N($APP.l(a,"__xKineticFontRefs"));c=$APP.G(c,$APP.Zi);e=cV.g(b);$APP.r(e)?c.style.setProperty("font-family",e):c.style.removeProperty("font-family");c=getComputedStyle(a);c=$APP.Q([lV,mV,nV,oV,pV,qV,rV,sV,tV],[eV(c.getPropertyValue("--x-kinetic-font-slant-max"),0),eV(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),eV(c.getPropertyValue("--x-kinetic-font-opsz-max"),
|
|
11
|
+
144),eV(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),eV(c.getPropertyValue("--x-kinetic-font-weight-min"),100),eV(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),eV(c.getPropertyValue("--x-kinetic-font-width-max"),125),eV(c.getPropertyValue("--x-kinetic-font-width-min"),75),eV(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]);a.__xKineticFontCV=c;c=$APP.Hk.g(b);e=$APP.N($APP.l(a,"__xKineticFontRefs"));$APP.G(e,uV).textContent=c;$APP.D.i(c,"")?(a.setAttribute("aria-hidden","true"),
|
|
12
|
+
a.removeAttribute("role")):(a.removeAttribute("aria-hidden"),a.setAttribute("role","text"),a.setAttribute("aria-label",c));if(!SU())if(c=$APP.l(a,"__xKineticFontCV"),c=RU(0,ZU.g(b),$APP.Gj.g(b),pV.g(c),tV.g(c),sV.g(c),rV.g(c),mV.g(c),lV.g(c),oV.g(c),nV.g(c)),$APP.r($U.g(b))){if(a=$APP.l(a,"__xKineticFontCS"),$APP.r(a))for(b=a.length,e=0;;)if(e<b)fV(a[e],c,0),e+=1;else break}else a=$APP.N($APP.l(a,"__xKineticFontRefs")),a=$APP.G(a,$APP.Zi),fV(a,c,0)},wV=function(a){Object.defineProperty(a,"text",{get:function(){var b=
|
|
13
|
+
this.getAttribute("text");return $APP.r(b)?b:""},set:function(b){return b==null?this.removeAttribute("text"):this.setAttribute("text",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"trigger",{get:function(){return KU(this.getAttribute("trigger"))},set:function(b){return b==null?this.removeAttribute("trigger"):this.setAttribute("trigger",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.r(b)?
|
|
14
|
+
b:"bulge"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"perChar",{get:function(){return this.hasAttribute("per-char")},set:function(b){return $APP.r(b)?this.setAttribute("per-char",""):this.removeAttribute("per-char")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mass",{get:function(){var b=this.getAttribute("mass");return IU(b,1,.1,10)},set:function(b){return b==null?this.removeAttribute("mass"):
|
|
15
|
+
this.setAttribute("mass",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return IU(b,170,10,500)},set:function(b){return b==null?this.removeAttribute("tension"):this.setAttribute("tension",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");return IU(b,26,1,100)},set:function(b){return b==null?this.removeAttribute("friction"):this.setAttribute("friction",
|
|
16
|
+
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return IU(b,.5,0,1)},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return IU(b,200,20,1E3)},set:function(b){return b==null?this.removeAttribute("radius"):this.setAttribute("radius",""+
|
|
17
|
+
$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"fontFamily",{get:function(){return OU(this.getAttribute("font-family"))},set:function(b){return b==null?this.removeAttribute("font-family"):this.setAttribute("font-family",""+$APP.S.g(b))},enumerable:!0,configurable:!0})},zV=function(){var a=class extends HTMLElement{};a.observedAttributes=xV;a.prototype.connectedCallback=function(){if(!$APP.r($APP.l(this,"__xKineticFontRefs"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
18
|
+
d=document.createElement("div"),e=document.createElement("span");c.textContent=yV;d.setAttribute("part","container");e.setAttribute("class","sr-only");e.setAttribute("part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);this.__xKineticFontRefs=new $APP.P(null,3,[$APP.bi,b,$APP.Zi,d,uV,e],null)}b=dV(this);this.__xKineticFontModel=null;this.__xKineticFontSD=this.__xKineticFontMY=this.__xKineticFontMX=0;this.__xKineticFontAct=!1;vV(this,b);return null};a.prototype.disconnectedCallback=
|
|
19
|
+
function(){var b=$APP.l(this,"__xKineticFontRaf");$APP.r(b)&&(cancelAnimationFrame(b),this.__xKineticFontRaf=null);kV(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.r($APP.l(this,"__xKineticFontRefs"))&&(b=dV(this),$APP.O(b,$APP.l(this,"__xKineticFontModel"))&&vV(this,b));return null};wV(a.prototype);return a},AV=function(){$APP.r(customElements.get("x-kinetic-font"))||customElements.define("x-kinetic-font",zV());return null},UU=new $APP.K(null,"per-char-attr",
|
|
20
|
+
"per-char-attr",-403667422),TU=new $APP.K(null,"trigger-raw","trigger-raw",-1649744606),mV=new $APP.K(null,"slnt-min","slnt-min",71363427),rV=new $APP.K(null,"wdth-max","wdth-max",-522030121),qV=new $APP.K(null,"skew-max","skew-max",1543858453),sV=new $APP.K(null,"wdth-min","wdth-min",-986627045),VU=new $APP.K(null,"font-family-raw","font-family-raw",1729457924),$U=new $APP.K(null,"per-char?","per-char?",-1016397834),bV=new $APP.K(null,"trigger","trigger",103466139),oV=new $APP.K(null,"opsz-min",
|
|
21
|
+
"opsz-min",-829837010),uV=new $APP.K(null,"sr-only","sr-only",-173275148),aV=new $APP.K(null,"friction","friction",-1603603910),lV=new $APP.K(null,"slnt-max","slnt-max",1716167520),WU=new $APP.K(null,"friction-raw","friction-raw",-1078184200),nV=new $APP.K(null,"opsz-max","opsz-max",454458088),pV=new $APP.K(null,"wght-min","wght-min",529224020),ZU=new $APP.K(null,"modes","modes",-1377787092),tV=new $APP.K(null,"wght-max","wght-max",-514604421),XU=new $APP.K(null,"tension-raw","tension-raw",961657279),
|
|
22
|
+
cV=new $APP.K(null,"font-family","font-family",-667419874),YU=new $APP.K(null,"tension","tension",58343589);var xV="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
23
|
+
$APP.Q([$APP.tl,YU,$APP.Ri,new $APP.K(null,"perChar","perChar",2082880685),$APP.Jl,$APP.Gj,new $APP.K(null,"fontFamily","fontFamily",1493518353),aV,bV,$APP.Hk],[new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.qj],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,
|
|
24
|
+
$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null)]);$APP.Sd(["x-kinetic-font-spring-activate",new $APP.P(null,2,[$APP.U,$APP.Td,$APP.ll,!1],null),"x-kinetic-font-spring-settle",new $APP.P(null,2,[$APP.U,$APP.Td,$APP.ll,!1],null)]);var JU=new $APP.R(null,new $APP.P(null,3,["scroll",null,"both",null,"cursor",null],null),null),LU=new $APP.R(null,new $APP.P(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),MU=new $APP.R(null,new $APP.P(null,1,["bulge",null],null),null);var yV=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.S.g("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.S.g("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.S.g("--x-kinetic-font-size")+":2rem;"+$APP.S.g("--x-kinetic-font-weight-min")+":100;"+$APP.S.g("--x-kinetic-font-weight-max")+":900;"+$APP.S.g("--x-kinetic-font-width-min")+":75;"+$APP.S.g("--x-kinetic-font-width-max")+":125;"+$APP.S.g("--x-kinetic-font-slant-min")+":-12;"+$APP.S.g("--x-kinetic-font-slant-max")+
|
|
25
25
|
":0;"+$APP.S.g("--x-kinetic-font-opsz-min")+":8;"+$APP.S.g("--x-kinetic-font-opsz-max")+":144;"+$APP.S.g("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.S.g("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.S.g("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.S.g("--x-kinetic-font-size")+",2rem);line-height:1.2;will-change:font-variation-settings,transform;}[part\x3dchar]{display:inline-block;will-change:font-variation-settings,transform;}[part\x3dchar][data-ws]{white-space:pre;}.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;}@media(prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3dchar]{font-variation-settings:normal!important;will-change:auto;}}",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
$APP.D.i(w,"scroll")?Na:0:function(){var
|
|
29
|
-
e));gc+=1}else break;var
|
|
26
|
+
gV=function gV(a){if($APP.r(a.isConnected)){var c=$APP.l(a,"__xKineticFontModel"),d=$APP.l(a,"__xKineticFontCV"),e=performance.now(),g=Math.min(e-$APP.l(a,"__xKineticFontLF"),100)/1E3,h=$APP.tl.g(c),k=YU.g(c),m=aV.g(c),p=$APP.Gj.g(c),q=$APP.Jl.g(c),w=bV.g(c);c=ZU.g(c);var x=pV.g(d),y=tV.g(d),A=sV.g(d),B=rV.g(d),E=mV.g(d),H=lV.g(d),F=oV.g(d),M=nV.g(d);d=qV.g(d);var Y=$APP.J(c,"lean"),ea=$APP.l(a,"__xKineticFontMX"),ta=$APP.l(a,"__xKineticFontMY"),Ha=function(){var xb=$APP.l(a,"__xKineticFontSD");return $APP.r(xb)?
|
|
27
|
+
xb:0}(),Na=Math.min(1,Math.abs(Ha)/100),Ya=$APP.l(a,"__xKineticFontSpr"),Za=$APP.l(a,"__xKineticFontCS"),ib=Za!=null,Kb=Ya.length;a.__xKineticFontLF=e;a.__xKineticFontSD=Ha*.85;for(var cb=new $APP.ae(!0),gc=0;;)if(gc<Kb){Ha=ib&&($APP.D.i(w,"cursor")||$APP.D.i(w,"both"))?function(){var xb=Za[gc].getBoundingClientRect(),md=ea-(xb.left+.5*xb.width);xb=ta-(xb.top+.5*xb.height);return Math.max(QU(Math.sqrt(md*md+xb*xb),q),Na)}():ib&&$APP.D.i(w,"scroll")?Na:ib||!$APP.D.i(w,"cursor")&&!$APP.D.i(w,"both")?
|
|
28
|
+
$APP.D.i(w,"scroll")?Na:0:function(){var xb=$APP.N($APP.l(a,"__xKineticFontRefs")),md=$APP.G(xb,$APP.Zi).getBoundingClientRect();xb=ea-(md.left+.5*md.width);md=ta-(md.top+.5*md.height);return Math.max(QU(Math.sqrt(xb*xb+md*md),q),Na)}();var Tb=Ya[gc],Xc=PU(Tb[0],Ha,Tb[1],g,h,k,m);e=Xc[0];Xc=Xc[1];Tb[0]=e;Tb[1]=Xc;Math.abs(e-Ha)<.001&&Math.abs(Xc)<.01||$APP.Ab(cb,!1);Ha=RU(e,c,p,x,y,A,B,E,H,F,M);e=Y?e*p*d:0;ib?fV(Za[gc],Ha,e):(Tb=$APP.N($APP.l(a,"__xKineticFontRefs")),Tb=$APP.G(Tb,$APP.Zi),fV(Tb,Ha,
|
|
29
|
+
e));gc+=1}else break;var Ie=function(){var xb=$APP.l(a,"__xKineticFontSD");return $APP.r(xb)?xb:0}()>.5;$APP.r(function(){var xb=$APP.Ua(cb);return $APP.r(xb)?!Ie:xb}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.r($APP.l(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-settle",{bubbles:!0,composed:!0,detail:{}})))):$APP.n(a,"__xKineticFontRaf",requestAnimationFrame(function(){return gV.g?gV.g(a):gV.call(null,a)}))}return null};$APP.ka("baredom.exports.x_kinetic_font.init",AV);export const init=AV;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
null;this.s=2153775104;this.F=2048},
|
|
5
|
-
"string"&&$APP.O("",a.trim())?a.trim():null},
|
|
2
|
+
var eG=function(a,b){if(a!=null&&a.qa!=null)a=a.qa(a,b);else{var c=eG[$APP.da(a==null?null:a)];if(c!=null)a=c.i?c.i(a,b):c.call(null,a,b);else if(c=eG._,c!=null)a=c.i?c.i(a,b):c.call(null,a,b);else throw $APP.qa("IDrop.-drop",a);}return a},fG=function(a,b){a.sort(b||$APP.ma)},hG=function(a){var b=gG();const c=Array(a.length);for(let e=0;e<a.length;e++)c[e]={index:e,value:a[e]};const d=b||$APP.ma;fG(c,function(e,g){return d(e.value,g.value)||e.index-g.index});for(b=0;b<a.length;b++)a[b]=c[b].value},
|
|
3
|
+
gG=function(){return $APP.D.i($APP.Tc,$APP.Tc)?$APP.Tc:function(a,b){var c=$APP.Tc.i?$APP.Tc.i(a,b):$APP.Tc.call(null,a,b);return typeof c==="number"?c:$APP.r(c)?-1:$APP.r($APP.Tc.i?$APP.Tc.i(b,a):$APP.Tc.call(null,b,a))?1:0}},iG=function(a){if(a!=null&&(a.F&262144||$APP.Ob===a.zc)){var b=a.qa(null,1);return $APP.r(b)?b:$APP.Yb}return new $APP.ud(null,function(){a:{var c=1;for(var d=a;;)if(d=$APP.u(d),c>0&&d)--c,d=$APP.Zb(d);else{c=d;break a}c=void 0}return c},null)},jG=function(a){this.ob=a;this.B=
|
|
4
|
+
null;this.s=2153775104;this.F=2048},kG=function(a){return new jG(a.toLowerCase())},lG=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 kG([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),a()].join(""))},mG=function(a){return typeof a===
|
|
5
|
+
"string"&&$APP.O("",a.trim())?a.trim():null},nG=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},oG=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},pG=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.r(b)&&(b.remove(),a.__xKineticTypographyAnimate=null)},qG=function(a,b,c,d){var e=nG("animate");c=""+$APP.S.g(c)+"s";b=$APP.D.i(b,"reverse")?"reverse":"normal";e.setAttribute("attributeName","startOffset");e.setAttribute("repeatCount",
|
|
6
6
|
"indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.S.g(d)+"s");switch(a){case "scroll":e.setAttribute("from",$APP.D.i(b,"reverse")?"100%":"0%");e.setAttribute("to",$APP.D.i(b,"reverse")?"0%":"100%");break;case "bounce":e.setAttribute("values",$APP.D.i(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",$APP.D.i(b,"reverse")?"120%;-20%;120%":"-20%;120%;-20%"),
|
|
7
|
-
e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},
|
|
8
|
-
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.N(b),d=$APP.G(c,
|
|
9
|
-
|
|
10
|
-
10);var gc=typeof
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
1?
|
|
17
|
-
$APP.rc(
|
|
18
|
-
$APP.z(
|
|
19
|
-
"calc(var(--x-kinetic-typography-font-size) * "+$APP.S.g(
|
|
20
|
-
$APP.t(
|
|
21
|
-
"")?(a.setAttribute("role","presentation"),a.setAttribute("aria-hidden","true")):(a.setAttribute("role","img"),a.setAttribute("aria-label"
|
|
22
|
-
"animation","scroll");
|
|
23
|
-
a.observedAttributes=
|
|
7
|
+
e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},rG=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.r(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;a.__xKineticTypographyEchoEls=[]}},MG=function(a){var b=$APP.Q([$APP.bk,sG,$APP.Oi,tG,$APP.Yi,$APP.Mj,uG,vG,wG,xG,yG,zG,$APP.Ni,AG,$APP.Hk],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),a.getAttribute("font-size"),a.getAttribute("speed"),
|
|
8
|
+
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.N(b),d=$APP.G(c,wG),e=$APP.G(c,xG),g=$APP.G(c,yG),h=$APP.G(c,zG),k=$APP.G(c,$APP.Ni),m=$APP.G(c,AG),p=$APP.G(c,$APP.Hk),q=$APP.G(c,$APP.bk),w=$APP.G(c,sG),x=$APP.G(c,$APP.Oi),y=$APP.G(c,tG),A=$APP.G(c,$APP.Yi),B=$APP.G(c,
|
|
9
|
+
$APP.Mj),E=$APP.G(c,uG),H=$APP.G(c,vG),F=typeof p==="string"?p:"",M=mG(q),Y=typeof B==="string"?B.trim().toLowerCase():null;var ea=$APP.J(BG,Y)?Y:"wave";var ta=$APP.D.i(ea,"crawl"),Ha=typeof x==="string"?x.trim().toLowerCase():null;var Na=$APP.J(CG,Ha)?Ha:"scroll";var Ya=typeof k==="string"?k.trim().toLowerCase():null;var Za=$APP.J(DG,Ya)?Ya:"normal";if(typeof A==="string"){var ib=parseFloat(A.trim());var Kb=typeof ib==="number"&&$APP.t(isNaN(ib))&&ib>0?ib:1}else Kb=1;if(typeof H==="string"){var cb=
|
|
10
|
+
parseInt(H.trim(),10);var gc=typeof cb==="number"&&$APP.t(isNaN(cb))&&cb>0?cb:1}else gc=1;if(typeof d==="string"){var Tb=$APP.ag(d.toLowerCase().trim().split(/\s+/));var Xc=$APP.am.i(Tb,EG)}else Xc=$APP.Xf;var Ie=mG(E),xb=mG(h);var md=$APP.D.i(ea,"crawl")?null:M!=null?new $APP.P(null,2,[$APP.Vk,M,FG,"0 0 800 200"],null):$APP.G(GG,ea);var Lr=$APP.r($APP.r(Ie)?$APP.r(xb)?!ta:xb:Ie)?$APP.od.i(Xc,"size-gradient"):Xc,Mr=$APP.J(Lr,"size-gradient")?$APP.Xg.i(Lr,"size-pulse"):Lr,bU=$APP.J(Mr,"color-wave")?
|
|
11
|
+
$APP.Xg.i(Mr,"color-shift"):Mr;if(typeof w==="string"){var mk=parseFloat(w.trim());var YE=typeof mk==="number"&&$APP.t(isNaN(mk))&&mk>0&&mk<=1?mk:.85}else YE=.85;var cU=$APP.Vk.g(md),dU=mG(y),eU=FG.g(md),fU=10/$APP.Yg.i(Kb,.01);if(ta)var Nr=0;else if(typeof g==="string"){var nk=parseInt(g.trim(),10);Nr=typeof nk==="number"&&$APP.t(isNaN(nk))&&nk>=0&&nk<=5?nk:0}else Nr=0;if(typeof e==="string"){var Cn=parseFloat(e.trim());var ZE=typeof Cn==="number"&&$APP.t(isNaN(Cn))&&Cn>0?Cn:.3}else ZE=.3;if(typeof m===
|
|
12
|
+
"string"){var ok=parseFloat(m.trim());var $E=typeof ok==="number"&&$APP.t(isNaN(ok))&&ok>0&&ok<=1?ok:.5}else $E=.5;var hU=$APP.Q([sG,$APP.ij,$APP.Oi,tG,$APP.Yi,FG,$APP.Mj,HG,uG,IG,JG,vG,KG,xG,yG,zG,$APP.Ni,AG,$APP.Hk],[YE,cU,Na,dU,Kb,eU,ea,ta,Ie,bU,fU,gc,M!=null,ZE,Nr,xb,Za,$E,F]);var $b=$APP.N(hU),dF=$APP.G($b,xG),eF=$APP.G($b,yG),Or=$APP.G($b,zG),Pr=$APP.G($b,$APP.Ni),iU=$APP.G($b,AG),eg=$APP.G($b,$APP.Hk),jU=$APP.G($b,sG),Dn=$APP.G($b,$APP.ij),fg=$APP.G($b,$APP.Oi),fF=$APP.G($b,tG);$APP.G($b,$APP.Yi);
|
|
13
|
+
var gF=$APP.G($b,FG);$APP.G($b,$APP.Mj);var kU=$APP.G($b,HG),pk=$APP.G($b,uG),xi=$APP.G($b,IG),Sg=$APP.G($b,JG),Qr=$APP.G($b,vG),hF=$APP.l(a,"__xKineticTypographySvg"),lU=$APP.l(a,"__xKineticTypographyPath"),iF=$APP.l(a,"__xKineticTypographyText"),qk=$APP.l(a,"__xKineticTypographyTextPath"),mU=$APP.l(a,"__xKineticTypographySrOnly"),nU=$APP.l(a,"__xKineticTypographyCrawlText"),Rr=a.shadowRoot.querySelector("[part\x3dpath-line]");if($APP.r(kU))a.setAttribute("data-preset","crawl"),nU.textContent=eg,
|
|
14
|
+
pG(a),rG(a),$APP.O(fg,"none")?a.setAttribute("data-animation",fg):a.removeAttribute("data-animation"),$APP.D.i(Pr,"reverse")?a.setAttribute("data-direction","reverse"):a.removeAttribute("data-direction"),$APP.J(xi,"color-shift")?a.setAttribute("data-effect","color-shift"):a.removeAttribute("data-effect");else{a.removeAttribute("data-preset");a.removeAttribute("data-direction");$APP.r(gF)&&hF.setAttribute("viewBox",gF);$APP.r(Dn)&&lU.setAttribute("d",Dn);$APP.r($APP.r(Rr)?Dn:Rr)&&Rr.setAttribute("d",
|
|
15
|
+
Dn);var Sr=Qr<=1?eg:$APP.Md($APP.S,iG(LG.i(new $APP.be(null,-1," · ",null),Qr>0?new $APP.be(null,Qr,eg,null):$APP.Yb))),jF=$APP.J(xi,"size-gradient"),oU=$APP.J(xi,"color-wave"),kF=jF?$APP.r(pk)?$APP.r(Or)?$APP.O(eg,""):Or:pk:jF;var pU=$APP.r(kF)?kF:oU&&$APP.O(eg,"");if($APP.r(pU)){qk.textContent="";var Tr=$APP.Be(Sr),Tg=$APP.C(Tr),Ug=$APP.J(xi,"size-gradient"),Ur=$APP.J(xi,"color-wave"),gg=Ug?parseFloat(pk):null,En=Ug?parseFloat(Or):null;if(Ug){var lF=$APP.r(pk)?pk:"px",qU=/[a-z%]+/;if(typeof lF===
|
|
16
|
+
"string"){var Fn=qU.exec(lF);var mF=Fn==null?null:Fn.length===1?Fn[0]:$APP.Be(Fn)}else throw new TypeError("re-find must match against a string.");var nF=$APP.r(mF)?mF:"px"}else nF=null;for(var oF=nF,pF=Ur?Tg>0?Sg/Tg:0:null,Vr=$APP.u($APP.kg(0,Tg)),Wr=null,Xr=0,Gn=0;;)if(Gn<Xr){var Vg=Wr.G(null,Gn),Hn=nG("tspan");$APP.r(Ug?$APP.r(gg)?En:gg:Ug)&&Hn.setAttribute("font-size",""+$APP.S.g(gg+(Tg>1?Vg/(Tg-1):0)*(En-gg))+$APP.S.g(oF));Ur&&(Hn.style.cssText="animation:xkt-color-wave "+$APP.S.g(Sg)+"s ease-in-out infinite;animation-delay:"+
|
|
17
|
+
$APP.S.g(Vg*pF)+"s;");Hn.textContent=$APP.rc(Tr,Vg);qk.appendChild(Hn);Gn+=1}else{var qF=$APP.u(Vr);if(qF){var rk=qF;if($APP.Pc(rk)){var rF=$APP.yb(rk),rU=$APP.zb(rk),sU=rF,tU=$APP.C(rF);Vr=rU;Wr=sU;Xr=tU}else{Vg=$APP.v(rk);var In=nG("tspan");$APP.r(Ug?$APP.r(gg)?En:gg:Ug)&&In.setAttribute("font-size",""+$APP.S.g(gg+(Tg>1?Vg/(Tg-1):0)*(En-gg))+$APP.S.g(oF));Ur&&(In.style.cssText="animation:xkt-color-wave "+$APP.S.g(Sg)+"s ease-in-out infinite;animation-delay:"+$APP.S.g(Vg*pF)+"s;");In.textContent=
|
|
18
|
+
$APP.rc(Tr,Vg);qk.appendChild(In);Vr=$APP.z(rk);Wr=null;Xr=0}Gn=0}else break}}else qk.textContent=Sr;rG(a);if(eF>0){for(var sF=$APP.l(a,"__xKineticTypographyPathId"),tF=[],uU=$APP.O(fg,"none")&&$APP.t(oG()),vU=Sg>0?dF/Sg*100:5,Yr=0;;)if(Yr<eF){var Jn=Yr+1,yi=document.createElementNS("http://www.w3.org/2000/svg","text"),zi=document.createElementNS("http://www.w3.org/2000/svg","textPath"),wU=Math.pow(iU,Jn),xU=Math.pow(jU,Jn),yU="-"+$APP.S.g(vU*Jn)+"%";yi.setAttribute("part","text-echo");yi.setAttribute("opacity",
|
|
19
|
+
""+$APP.S.g(wU));yi.setAttribute("font-size","calc(var(--x-kinetic-typography-font-size) * "+$APP.S.g(xU)+")");zi.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.S.g(sF));zi.setAttribute("href","#"+$APP.S.g(sF));zi.setAttribute("startOffset",yU);zi.textContent=Sr;if(uU){var zU=qG(fg,Pr,Sg,dF*Jn);zi.appendChild(zU)}yi.appendChild(zi);hF.appendChild(yi);tF.push({textEl:yi});Yr+=1}else break;a.__xKineticTypographyEchoEls=tF}$APP.r(fF)?iF.style.setProperty("font-size",fF):iF.style.removeProperty("font-size");
|
|
20
|
+
pG(a);if($APP.O(fg,"none")&&$APP.t(oG())){var uF=qG(fg,Pr,Sg,0);qk.appendChild(uF);a.__xKineticTypographyAnimate=uF}var sk=$APP.Xg.C(xi,"size-gradient",$APP.wc(["color-wave"]));if($APP.u(sk)){var AU=a.setAttribute;if($APP.u(sk)){var vF=$APP.Cd.g?$APP.Cd.g(sk):$APP.Cd.call(null,sk);hG(vF);var wF=$APP.Hc($APP.u(vF),$APP.Ic(sk))}else wF=$APP.Yb;AU.call(a,"data-effect",$APP.Jg(wF))}else a.removeAttribute("data-effect");$APP.O(fg,"none")?a.setAttribute("data-animation",fg):a.removeAttribute("data-animation")}mU.textContent=
|
|
21
|
+
eg;$APP.D.i(eg,"")?(a.setAttribute("role","presentation"),a.setAttribute("aria-hidden","true")):(a.setAttribute("role","img"),a.setAttribute("aria-label",eg))},NG=function(a,b,c,d){Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.r(e)?e:d},set:function(e){return typeof e==="string"&&$APP.O("",e)?this.setAttribute(b,e):this.removeAttribute(b)},enumerable:!0,configurable:!0})},OG=function(a){NG(a,"text","text","");NG(a,"path","path",null);NG(a,"preset","preset","wave");
|
|
22
|
+
NG(a,"animation","animation","scroll");NG(a,"speed","speed",""+$APP.S.g(1));NG(a,"direction","direction","normal");NG(a,"effect","effect","none");NG(a,"font-size","fontSize",null);NG(a,"start-size","startSize",null);NG(a,"end-size","endSize",null);NG(a,"repeat","repeat",""+$APP.S.g(1));NG(a,"echo-count","echoCount",""+$APP.S.g(0));NG(a,"echo-delay","echoDelay",""+$APP.S.g(.3));NG(a,"echo-opacity","echoOpacity",""+$APP.S.g(.5));NG(a,"echo-scale","echoScale",""+$APP.S.g(.85))},QG=function(){var a=class extends HTMLElement{};
|
|
23
|
+
a.observedAttributes=PG;a.prototype.connectedCallback=function(){if(!$APP.r($APP.l(this,"__xKineticTypographyInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=nG("svg"),g=nG("defs"),h=nG("path"),k=nG("path"),m=nG("text"),p=nG("textPath"),q=document.createElement("span"),w=document.createElement("div"),x=document.createElement("div"),y="xkt-"+$APP.S.g(lG());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;}}";
|
|
24
24
|
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",y);g.appendChild(h);k.setAttribute("part","path-line");e.appendChild(k);m.setAttribute("part","text");p.setAttribute("href","#"+$APP.S.g(y));m.appendChild(p);e.appendChild(g);e.appendChild(m);w.setAttribute("part","crawl-viewport");x.setAttribute("part","crawl-text");w.appendChild(x);q.classList.add("sr-only");q.setAttribute("part","sr-only");
|
|
25
|
-
d.appendChild(e);d.appendChild(w);d.appendChild(q);b.appendChild(c);b.appendChild(d);this.__xKineticTypographyContainer=d;this.__xKineticTypographySvg=e;this.__xKineticTypographyPath=h;this.__xKineticTypographyText=m;this.__xKineticTypographyTextPath=p;this.__xKineticTypographySrOnly=q;this.__xKineticTypographyPathId=y;this.__xKineticTypographyCrawlViewport=w;this.__xKineticTypographyCrawlText=x;this.__xKineticTypographyEchoEls=[];this.__xKineticTypographyInit=!0}
|
|
26
|
-
function(){
|
|
27
|
-
$APP.Vb.prototype.qa=$APP.ca(6,function(a,b){return b>0?this.A+b<this.j.length?new $APP.Vb(this.j,this.A+b,null):null:this});$APP.be.prototype.qa=$APP.ca(5,function(a,b){if(this.count===-1)return this;a=this.count-b;return a>0?new $APP.be(null,a,this.m,null):null});$APP.ve.prototype.qa=$APP.ca(4,function(a,b){if(b<this.l){a=b%32;var c=$APP.qe(this,b);b-=a;return $APP.De?$APP.De(this,c,b,a):$APP.
|
|
28
|
-
$APP.Ce.prototype.qa=$APP.ca(3,function(a,b){a=this.ja+b;if(a<this.node.length)return $APP.De?$APP.De(this.ka,this.node,this.A,a):$APP.
|
|
29
|
-
$APP.P.prototype.qa=$APP.ca(1,function(a,b){a=this.R(null);return a==null?null:
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
$APP.f.rc=$APP.Ob;$APP.f.toString=function(){return this.ob};$APP.f.S=function(a,b){return(a=b!=null?$APP.Ob===b.rc?!0:!1:!1)?this.ob===b.ob:a};$APP.f.P=function(a,b){return $APP.nb(b,['#uuid "',$APP.ra(this.ob),'"'].join(""))};$APP.f.T=function(){this.B==null&&(this.B=$APP.Pb(this.ob));return this.B};$APP.f.Ia=function(a,b){if(b instanceof
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
$APP.Q([$APP.
|
|
36
|
-
$APP.
|
|
37
|
-
null),new $APP.P(null,2,[$APP.Z,$APP.
|
|
38
|
-
var
|
|
39
|
-
null),null),
|
|
40
|
-
null),"spiral",new $APP.P(null,2,[$APP.
|
|
25
|
+
d.appendChild(e);d.appendChild(w);d.appendChild(q);b.appendChild(c);b.appendChild(d);this.__xKineticTypographyContainer=d;this.__xKineticTypographySvg=e;this.__xKineticTypographyPath=h;this.__xKineticTypographyText=m;this.__xKineticTypographyTextPath=p;this.__xKineticTypographySrOnly=q;this.__xKineticTypographyPathId=y;this.__xKineticTypographyCrawlViewport=w;this.__xKineticTypographyCrawlText=x;this.__xKineticTypographyEchoEls=[];this.__xKineticTypographyInit=!0}MG(this);return null};a.prototype.disconnectedCallback=
|
|
26
|
+
function(){pG(this);$APP.r($APP.l(this,"__xKineticTypographySvg"))&&rG(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.r($APP.l(this,"__xKineticTypographyInit"))&&MG(this);return null};OG(a.prototype);return a},RG=function(){$APP.r(customElements.get("x-kinetic-typography"))||customElements.define("x-kinetic-typography",QG());return null};
|
|
27
|
+
$APP.Vb.prototype.qa=$APP.ca(6,function(a,b){return b>0?this.A+b<this.j.length?new $APP.Vb(this.j,this.A+b,null):null:this});$APP.be.prototype.qa=$APP.ca(5,function(a,b){if(this.count===-1)return this;a=this.count-b;return a>0?new $APP.be(null,a,this.m,null):null});$APP.ve.prototype.qa=$APP.ca(4,function(a,b){if(b<this.l){a=b%32;var c=$APP.qe(this,b);b-=a;return $APP.De?$APP.De(this,c,b,a):$APP.Fe.call(null,this,c,b,a)}return null});
|
|
28
|
+
$APP.Ce.prototype.qa=$APP.ca(3,function(a,b){a=this.ja+b;if(a<this.node.length)return $APP.De?$APP.De(this.ka,this.node,this.A,a):$APP.Fe.call(null,this.ka,this.node,this.A,a);var c=this.A+a;if(c<$APP.xa(this.ka)){a=c%32;b=this.ka;var d=$APP.qe(this.ka,c);c-=a;return $APP.De?$APP.De(b,d,c,a):$APP.Fe.call(null,b,d,c,a)}return null});$APP.Ve.prototype.qa=$APP.ca(2,function(a,b){return b<this.O(null)?new $APP.Ve(this.j,this.A+2*b,null):null});
|
|
29
|
+
$APP.P.prototype.qa=$APP.ca(1,function(a,b){a=this.R(null);return a==null?null:eG(a,b)});$APP.hg.prototype.qa=$APP.ca(0,function(a,b){return b>0?b<this.l?new $APP.hg(null,this.start+this.step*b,this.end,this.step,this.l-b,null):null:this});
|
|
30
|
+
var LG=function LG(a){switch(arguments.length){case 0:return LG.H();case 1:return LG.g(arguments[0]);case 2:return LG.i(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 LG.C(arguments[0],arguments[1],2<c.length?new $APP.Vb(c.slice(2),0,null):null)}};LG.H=function(){return $APP.Yb};LG.g=function(a){return new $APP.ud(null,function(){return a},null)};
|
|
31
|
+
LG.i=function(a,b){return new $APP.ud(null,function(){var c=$APP.u(a),d=$APP.u(b);return c&&d?$APP.rd($APP.v(c),$APP.rd($APP.v(d),LG.i($APP.Zb(c),$APP.Zb(d)))):null},null)};LG.C=function(a,b,c){return new $APP.ud(null,function(){var d=$APP.de.i($APP.u,$APP.od.C(c,b,$APP.wc([a])));return $APP.Vd($APP.fd,d)?$APP.ce.i($APP.de.i($APP.v,d),$APP.Md(LG,$APP.de.i($APP.Zb,d))):null},null)};LG.J=function(a){var b=$APP.v(a),c=$APP.z(a);a=$APP.v(c);c=$APP.z(c);return this.C(b,a,c)};LG.N=2;$APP.f=jG.prototype;
|
|
32
|
+
$APP.f.rc=$APP.Ob;$APP.f.toString=function(){return this.ob};$APP.f.S=function(a,b){return(a=b!=null?$APP.Ob===b.rc?!0:!1:!1)?this.ob===b.ob:a};$APP.f.P=function(a,b){return $APP.nb(b,['#uuid "',$APP.ra(this.ob),'"'].join(""))};$APP.f.T=function(){this.B==null&&(this.B=$APP.Pb(this.ob));return this.B};$APP.f.Ia=function(a,b){if(b instanceof jG)return $APP.ma(this.ob,b.ob);throw Error(["Cannot compare ",$APP.ra(this)," to ",$APP.ra(b)].join(""));};
|
|
33
|
+
var AG=new $APP.K(null,"echo-opacity","echo-opacity",-1476699970),uG=new $APP.K(null,"start-size","start-size",-1818812493),HG=new $APP.K(null,"crawl?","crawl?",829918610),sG=new $APP.K(null,"echo-scale","echo-scale",1307207648),xG=new $APP.K(null,"echo-delay","echo-delay",845689658),yG=new $APP.K(null,"echo-count","echo-count",1053271067),FG=new $APP.K(null,"view-box","view-box",-1792199155),vG=new $APP.K(null,"repeat","repeat",832692087),KG=new $APP.K(null,"custom-path?","custom-path?",-1532616839),
|
|
34
|
+
wG=new $APP.K(null,"effect","effect",347343289),JG=new $APP.K(null,"duration-s","duration-s",-1976899627),tG=new $APP.K(null,"font-size","font-size",-1847940346),IG=new $APP.K(null,"effects","effects",-282369292),zG=new $APP.K(null,"end-size","end-size",761612093);var PG="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
35
|
+
$APP.Q([$APP.bk,new $APP.K(null,"startSize","startSize",-1750632892),$APP.Oi,$APP.Yi,new $APP.K(null,"echoCount","echoCount",-1194377974),new $APP.K(null,"echoScale","echoScale",1536204716),new $APP.K(null,"echoOpacity","echoOpacity",-1325258611),$APP.Mj,vG,new $APP.K(null,"fontSize","fontSize",919623033),wG,new $APP.K(null,"echoDelay","echoDelay",-1807132900),new $APP.K(null,"endSize","endSize",674490141),$APP.Ni,$APP.Hk],[new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"path"],null),new $APP.P(null,2,
|
|
36
|
+
[$APP.Z,$APP.X,$APP.Pj,"start-size"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"animation"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"speed"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"echo-count"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"echo-scale"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"echo-opacity"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"preset"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"repeat"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"font-size"],
|
|
37
|
+
null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"effect"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"echo-delay"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"end-size"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"direction"],null),new $APP.P(null,2,[$APP.Z,$APP.X,$APP.Pj,"text"],null)]);
|
|
38
|
+
var BG=new $APP.R(null,new $APP.P(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),CG=new $APP.R(null,new $APP.P(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),DG=new $APP.R(null,new $APP.P(null,2,["reverse",null,"normal",null],null),null),EG=new $APP.R(null,new $APP.P(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",null],
|
|
39
|
+
null),null),GG=new $APP.P(null,7,["wave",new $APP.P(null,2,[$APP.Vk,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",FG,"0 0 800 200"],null),"circle",new $APP.P(null,2,[$APP.Vk,"M125,10 A115,115 0 1,1 124.99,10",FG,"0 0 250 250"],null),"arc",new $APP.P(null,2,[$APP.Vk,"M50,350 Q400,10 750,350",FG,"0 0 800 400"],null),"infinity",new $APP.P(null,2,[$APP.Vk,"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",FG,"0 0 400 400"],
|
|
40
|
+
null),"spiral",new $APP.P(null,2,[$APP.Vk,"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",FG,"0 0 500 500"],null),"sine",new $APP.P(null,2,[$APP.Vk,"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",FG,"0 0 800 200"],null),"line",new $APP.P(null,2,[$APP.Vk,"M0,50 L800,50",FG,"0 0 800 100"],null)],null);$APP.ka("baredom.exports.x_kinetic_typography.init",RG);export const init=RG;
|
package/dist/x-liquid-dock.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
"svg"),m=document.createElement("div"),p=document.createElement("div"),q=document.createElement("slot");a.__xLiquidDockUid=c;g.textContent=
|
|
6
|
-
b=$APP.G(w,$APP.Jh);c=$APP.G(w,$APP.
|
|
7
|
-
d);y.setAttribute("x","-20%");y.setAttribute("y","-20%");y.setAttribute("width","140%");y.setAttribute("height","140%");A.setAttribute("in","SourceGraphic");A.setAttribute("stdDeviation",""+$APP.S.g(b));A.setAttribute("result","blur");
|
|
8
|
-
"noise");H.setAttribute("in","goo");H.setAttribute("in2","noise");H.setAttribute("scale",""+$APP.S.g(w));H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(
|
|
9
|
-
h,$APP.xj,k,
|
|
10
|
-
var c=$APP.G(b,
|
|
11
|
-
a.assignedElements():null},
|
|
12
|
-
""+$APP.S.g(p)+"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=g;;)if(c>b)g=d.pop(),e.pop(),$APP.r(g.parentNode)&&g.parentNode.removeChild(g),--c;else break;a.__xLiquidDockBlobs=d;a.__xLiquidDockBlobSt=e},
|
|
13
|
-
b[g].getBoundingClientRect();e.push({cx:h.left+h.width/2-c.left,cy:h.top+h.height/2-c.top});g+=1}else break}a.__xLiquidDockItemsR=e;return null},
|
|
14
|
-
requestAnimationFrame(function(){return
|
|
15
|
-
|
|
16
|
-
y=$APP.r(y)?y:-1;$APP.r($APP.r(q)?q>0:q)&&($APP.D.i(w,m)?(k.preventDefault(),k=y<1?q-1:y-1,a.__xLiquidDockFocus=k,p[k].focus()):$APP.D.i(w,x)?(k.preventDefault(),k=y>=q-1?0:y+1,a.__xLiquidDockFocus=k,p[k].focus()):($APP.D.i(w,"Enter")||$APP.D.i(w," "))&&y>=0&&(k.preventDefault(),
|
|
17
|
-
null;break a}k=void 0}$APP.r(k)&&
|
|
18
|
-
d);a.addEventListener("keydown",c);$APP.r(h)&&h.addEventListener("slotchange",b);$APP.n(a,"__xLiquidDockHdl",new $APP.P(null,5,[
|
|
19
|
-
c.removeEventListener("slotchange",$APP.Fi.g(b)));a.__xLiquidDockHdl=null}},
|
|
20
|
-
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return
|
|
21
|
-
configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return
|
|
22
|
-
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return
|
|
23
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return
|
|
24
|
-
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.r(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},
|
|
25
|
-
[]);$APP.n(b,"__xLiquidDockBlobSt",[]);$APP.n(b,"__xLiquidDockItemsR",[]);b.__xLiquidDockFocus=-1;b.__xLiquidDockBurst=0;$APP.r($APP.l(b,"__xLiquidDockRefs"))
|
|
26
|
-
function(){
|
|
27
|
-
c);c=$APP.dj.g(g);$APP.r(c)&&c.setAttribute("scale",""+$APP.S.g(d));
|
|
28
|
-
1386161852),
|
|
29
|
-
-1522630444),
|
|
30
|
-
new $APP.
|
|
31
|
-
$APP.Q([
|
|
32
|
-
null)]);var
|
|
2
|
+
var Ho=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.J(Go,a)?a:"bottom"):"bottom"},Io=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.r(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},Jo=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"},Ko=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},Lo=function(a,b){return a+(b-a)*.1},Po=function(a,b,c,d,e,g,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;g=c*g*20;d=d>.001?1/d:0;return new $APP.P(null,4,[Mo,e,$APP.ui,1+c*(h-1),No,a*d*g*.3,Oo,b*d*g*.3],null)},So=function(a,b){var c=a*a;a=c*28;c=.6+c*.9;switch(b){case "bottom":return new $APP.P(null,3,[Qo,0,Ro,-a,$APP.ui,c],null);case "top":return new $APP.P(null,3,[Qo,0,Ro,a,$APP.ui,c],null);case "left":return new $APP.P(null,3,[Qo,a,Ro,0,$APP.ui,c],null);case "right":return new $APP.P(null,3,[Qo,-a,Ro,0,$APP.ui,c],null);default:return new $APP.P(null,3,[Qo,0,Ro,-a,
|
|
4
|
+
$APP.ui,c],null)}},Uo=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.P(null,3,[To,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;default:return-e}}(),$APP.dl,5*d*a*b,$APP.ui,1+.12*d*a],null)},$o=function(a){var b=$APP.l(a,"__xLiquidDockModel"),c=Vo[0];Vo[0]=c+1;var d="goo-"+$APP.S.g(c),e=a.attachShadow({mode:"open"}),g=document.createElement("style"),h=document.createElement("nav"),k=document.createElementNS("http://www.w3.org/2000/svg",
|
|
5
|
+
"svg"),m=document.createElement("div"),p=document.createElement("div"),q=document.createElement("slot");a.__xLiquidDockUid=c;g.textContent=Wo;h.setAttribute("part","dock");h.setAttribute("role","navigation");h.setAttribute("aria-label","Navigation dock");k.setAttribute("part","filter-svg");k.setAttribute("aria-hidden","true");k.setAttribute("role","presentation");m.setAttribute("part","liquid-layer");m.style.filter="url(#"+$APP.S.g(d)+")";p.setAttribute("part","items");p.appendChild(q);var w=$APP.N(b);
|
|
6
|
+
b=$APP.G(w,$APP.Jh);c=$APP.G(w,$APP.Xk);w=$APP.G(w,Xo);var x=document.createElementNS("http://www.w3.org/2000/svg","defs"),y=document.createElementNS("http://www.w3.org/2000/svg","filter"),A=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),B=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),E=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),H=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");y.setAttribute("id",
|
|
7
|
+
d);y.setAttribute("x","-20%");y.setAttribute("y","-20%");y.setAttribute("width","140%");y.setAttribute("height","140%");A.setAttribute("in","SourceGraphic");A.setAttribute("stdDeviation",""+$APP.S.g(b));A.setAttribute("result","blur");B.setAttribute("in","blur");B.setAttribute("type","matrix");B.setAttribute("values",c);B.setAttribute("result","goo");E.setAttribute("type","fractalNoise");E.setAttribute("baseFrequency","0.015");E.setAttribute("numOctaves","2");E.setAttribute("seed","0");E.setAttribute("result",
|
|
8
|
+
"noise");H.setAttribute("in","goo");H.setAttribute("in2","noise");H.setAttribute("scale",""+$APP.S.g(w));H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(B);y.appendChild(E);y.appendChild(H);x.appendChild(y);k.appendChild(x);d=new $APP.P(null,5,[$APP.kk,y,$APP.Ii,A,$APP.Ll,B,$APP.Tk,E,$APP.dj,H],null);h.appendChild(k);h.appendChild(m);h.appendChild(p);e.appendChild(g);e.appendChild(h);e=$APP.Vf($APP.wc([d,new $APP.P(null,6,[$APP.bi,e,$APP.Xh,
|
|
9
|
+
h,$APP.xj,k,Yo,m,Zo,p,$APP.Fi,q],null)]));a.__xLiquidDockRefs=e},kp=function(a){a=$APP.Q([$APP.nj,$APP.ql,ap,bp,$APP.Ah,$APP.Wl,cp,$APP.pi,dp,$APP.Ai,ep],[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.N(a);a=$APP.G(b,$APP.Ai);
|
|
10
|
+
var c=$APP.G(b,ep),d=$APP.G(b,$APP.nj),e=$APP.G(b,$APP.ql),g=$APP.G(b,ap),h=$APP.G(b,bp),k=$APP.G(b,$APP.Ah),m=$APP.G(b,$APP.Wl),p=$APP.G(b,cp),q=$APP.G(b,$APP.pi);b=$APP.G(b,dp);d=Ho(d);return $APP.Q([$APP.fj,fp,gp,$APP.Xk,Xo,$APP.Jh,hp,$APP.oj,ip,$APP.Sl,jp,$APP.W],[Ko(m),Io(h,.03,.005,.15),Io(b,1,0,2),Jo(k),Io(p,8,0,40),Io(e,10,2,30),$APP.D.i(d,"left")||$APP.D.i(d,"right"),Io(q,8,0,40),Io(c,150,40,400),d,Io(g,.6,0,2),a!=null])},lp=function(a){a=$APP.Fi.g($APP.l(a,"__xLiquidDockRefs"));return $APP.r(a)?
|
|
11
|
+
a.assignedElements():null},mp=function(a){var b=$APP.N($APP.l(a,"__xLiquidDockRefs")),c=$APP.G(b,Yo);b=function(){var q=lp(a);return $APP.r(q)?q:[]}().length*2;for(var d=function(){var q=$APP.l(a,"__xLiquidDockBlobs");return $APP.r(q)?q:[]}(),e=function(){var q=$APP.l(a,"__xLiquidDockBlobSt");return $APP.r(q)?q:[]}(),g=d.length,h=g;;)if(h<b){var k=document.createElement("div"),m=$APP.Xd(h);k.className=m?"blob blob-rest":"blob blob-phantom";var p=m?52:44;k.style.width=""+$APP.S.g(p)+"px";k.style.height=
|
|
12
|
+
""+$APP.S.g(p)+"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=g;;)if(c>b)g=d.pop(),e.pop(),$APP.r(g.parentNode)&&g.parentNode.removeChild(g),--c;else break;a.__xLiquidDockBlobs=d;a.__xLiquidDockBlobSt=e},np=function(a){var b=$APP.N($APP.l(a,"__xLiquidDockRefs")),c=$APP.G(b,$APP.Xh);b=lp(a);b=$APP.r(b)?b:[];var d=b.length,e=[];if($APP.r($APP.r(c)?d>0:c)){c=c.getBoundingClientRect();for(var g=0;;)if(g<d){var h=
|
|
13
|
+
b[g].getBoundingClientRect();e.push({cx:h.left+h.width/2-c.left,cy:h.top+h.height/2-c.top});g+=1}else break}a.__xLiquidDockItemsR=e;return null},op=function(a,b){var c=$APP.N(b);b=$APP.G(c,$APP.fj);c=$APP.G(c,$APP.oj);$APP.r(b)?a.style.setProperty("--x-liquid-dock-color",b):a.style.removeProperty("--x-liquid-dock-color");a.style.setProperty("--x-liquid-dock-gap",""+$APP.S.g(c)+"px")},qp=function(a){$APP.I(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.r($APP.W.g($APP.l(a,"__xLiquidDockModel")))||
|
|
14
|
+
(a.__xLiquidDockSeed=0,$APP.n(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return pp(a)})));return null},rp=function(a){var b=$APP.l(a,"__xLiquidDockRaf");$APP.r(b)&&(cancelAnimationFrame(b),a.__xLiquidDockRaf=null)},sp=function(a){a=lp(a);if($APP.r(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform="",c+=1;else break},tp=function(a,b,c,d){var e=Date.now();a.__xLiquidDockBurst=e;b=new CustomEvent("x-liquid-dock-select",{bubbles:!0,composed:!0,cancelable:!0,detail:$APP.nh(new $APP.P(null,
|
|
15
|
+
3,["index",b,"item",c,"source",d],null))});a.dispatchEvent(b)},up=function(a){mp(a);var b=lp(a);if($APP.r(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 np(a)});return null},yp=function(a){function b(){return up(a)}function c(k){var m=$APP.l(a,"__xLiquidDockModel");if(!$APP.r($APP.W.g(m))){var p=lp(a),q=$APP.r(p)?p.length:null,w=k.key,x=hp.g(m);m=$APP.r(x)?"ArrowUp":"ArrowLeft";
|
|
16
|
+
x=$APP.r(x)?"ArrowDown":"ArrowRight";var y=$APP.l(a,"__xLiquidDockFocus");y=$APP.r(y)?y:-1;$APP.r($APP.r(q)?q>0:q)&&($APP.D.i(w,m)?(k.preventDefault(),k=y<1?q-1:y-1,a.__xLiquidDockFocus=k,p[k].focus()):$APP.D.i(w,x)?(k.preventDefault(),k=y>=q-1?0:y+1,a.__xLiquidDockFocus=k,p[k].focus()):($APP.D.i(w,"Enter")||$APP.D.i(w," "))&&y>=0&&(k.preventDefault(),tp(a,y,p[y],"keyboard")))}return null}function d(k){if(!$APP.r($APP.W.g($APP.l(a,"__xLiquidDockModel")))){var m=lp(a);if($APP.r(m)){a:{k=k.target;for(var p=
|
|
17
|
+
m.length,q=0;;)if(q<p){if($APP.D.i(k,m[q])){k=q;break a}q+=1}else{k=null;break a}k=void 0}$APP.r(k)&&tp(a,k,m[k],"pointer")}}return null}function e(){$APP.l(a,"__xLiquidDockMouse").active=!1;return null}function g(k){var m=$APP.N($APP.l(a,"__xLiquidDockRefs"));m=$APP.G(m,$APP.Xh);if($APP.r(m)){m=m.getBoundingClientRect();var p=$APP.l(a,"__xLiquidDockMouse");p.x=k.clientX-m.left;p.y=k.clientY-m.top;p.active=!0}return null}var h=$APP.N($APP.l(a,"__xLiquidDockRefs"));h=$APP.G(h,$APP.Fi);a.addEventListener("pointermove",
|
|
18
|
+
g);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.r(h)&&h.addEventListener("slotchange",b);$APP.n(a,"__xLiquidDockHdl",new $APP.P(null,5,[vp,g,wp,e,$APP.Qj,d,xp,c,$APP.Fi,b],null))},zp=function(a){var b=$APP.l(a,"__xLiquidDockHdl");if($APP.r(b)){a.removeEventListener("pointermove",vp.g(b));a.removeEventListener("pointerleave",wp.g(b));a.removeEventListener("click",$APP.Qj.g(b));a.removeEventListener("keydown",xp.g(b));var c=$APP.l(a,"__xLiquidDockRefs");
|
|
19
|
+
$APP.r(c)&&(c=$APP.N(c),c=$APP.G(c,$APP.Fi),$APP.r(c)&&c.removeEventListener("slotchange",$APP.Fi.g(b)));a.__xLiquidDockHdl=null}},Ap=function(a){Object.defineProperty(a,"position",{get:function(){return Ho(this.getAttribute("position"))},set:function(b){return b==null?this.removeAttribute("position"):this.setAttribute("position",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"gap",{get:function(){var b=this.getAttribute("gap");return Io(b,8,0,40)},set:function(b){return b==
|
|
20
|
+
null?this.removeAttribute("gap"):this.setAttribute("gap",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return Io(b,10,2,30)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return Jo(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):
|
|
21
|
+
this.setAttribute("threshold",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return Io(b,8,0,40)},set:function(b){return b==null?this.removeAttribute("ripple-scale"):this.setAttribute("ripple-scale",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleSpeed",{get:function(){var b=this.getAttribute("ripple-speed");return Io(b,.03,.005,.15)},set:function(b){return b==null?this.removeAttribute("ripple-speed"):
|
|
22
|
+
this.setAttribute("ripple-speed",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return Ko(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetRadius",{get:function(){var b=this.getAttribute("magnet-radius");return Io(b,150,40,400)},set:function(b){return b==null?this.removeAttribute("magnet-radius"):this.setAttribute("magnet-radius",
|
|
23
|
+
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return Io(b,.6,0,2)},set:function(b){return b==null?this.removeAttribute("magnet-strength"):this.setAttribute("magnet-strength",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"bobIntensity",{get:function(){var b=this.getAttribute("bob-intensity");return Io(b,1,0,2)},set:function(b){return b==null?this.removeAttribute("bob-intensity"):
|
|
24
|
+
this.setAttribute("bob-intensity",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.r(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},Cp=function(){var a=class extends HTMLElement{};a.observedAttributes=Bp;a.prototype.connectedCallback=function(){var b=this,c=kp(b);b.__xLiquidDockModel=c;$APP.n(b,"__xLiquidDockMouse",{x:0,y:0,active:!1});
|
|
25
|
+
$APP.n(b,"__xLiquidDockBlobs",[]);$APP.n(b,"__xLiquidDockBlobSt",[]);$APP.n(b,"__xLiquidDockItemsR",[]);b.__xLiquidDockFocus=-1;b.__xLiquidDockBurst=0;$APP.r($APP.l(b,"__xLiquidDockRefs"))||$o(b);op(b,c);$APP.r(b.hasAttribute("role"))||b.setAttribute("role","navigation");zp(b);yp(b);c=$APP.l(b,"__xLiquidDockRO");$APP.r(c)&&c.disconnect();c=new ResizeObserver(function(){np(b);return null});b.__xLiquidDockRO=c;c.observe(b);requestAnimationFrame(function(){mp(b);np(b);return qp(b)});return null};a.prototype.disconnectedCallback=
|
|
26
|
+
function(){rp(this);zp(this);sp(this);var b=$APP.l(this,"__xLiquidDockRO");$APP.r(b)&&(b.disconnect(),this.__xLiquidDockRO=null);return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.O(c,d)&&(this.__xLiquidDockModel=b=kp(this),$APP.r($APP.l(this,"__xLiquidDockRefs")))){d=$APP.N(b);var e=$APP.G(d,$APP.Jh);c=$APP.G(d,$APP.Xk);d=$APP.G(d,Xo);var g=$APP.l(this,"__xLiquidDockRefs"),h=$APP.Ii.g(g);$APP.r(h)&&h.setAttribute("stdDeviation",""+$APP.S.g(e));e=$APP.Ll.g(g);$APP.r(e)&&e.setAttribute("values",
|
|
27
|
+
c);c=$APP.dj.g(g);$APP.r(c)&&c.setAttribute("scale",""+$APP.S.g(d));op(this,b);np(this);$APP.r($APP.W.g(b))?(rp(this),sp(this)):$APP.r($APP.l(this,"__xLiquidDockRaf"))||qp(this)}return null};Ap(a.prototype);return a},Dp=function(){$APP.r(customElements.get("x-liquid-dock"))||customElements.define("x-liquid-dock",Cp());return null},fp=new $APP.K(null,"ripple-speed","ripple-speed",229709223),Xo=new $APP.K(null,"ripple-scale","ripple-scale",-1874116111),ep=new $APP.K(null,"magnet-radius-raw","magnet-radius-raw",
|
|
28
|
+
1386161852),Ep=new $APP.K(null,"bobIntensity","bobIntensity",-531647277),Zo=new $APP.K(null,"items-div","items-div",-555506089),Fp=new $APP.K(null,"magnetStrength","magnetStrength",331224709),Gp=new $APP.K(null,"rippleScale","rippleScale",-1633180735),ip=new $APP.K(null,"magnet-radius","magnet-radius",1447549494),Yo=new $APP.K(null,"liquid","liquid",1322031275),wp=new $APP.K(null,"leave","leave",1022579443),Mo=new $APP.K(null,"influence","influence",1453493017),hp=new $APP.K(null,"vertical?","vertical?",
|
|
29
|
+
-1522630444),dp=new $APP.K(null,"bob-intensity-raw","bob-intensity-raw",-669810474),xp=new $APP.K(null,"key","key",-1516042587),vp=new $APP.K(null,"move","move",-2110884309),Ro=new $APP.K(null,"dy","dy",1719547243),Qo=new $APP.K(null,"dx","dx",-381796732),ap=new $APP.K(null,"magnet-strength-raw","magnet-strength-raw",535053898),bp=new $APP.K(null,"ripple-speed-raw","ripple-speed-raw",-1426902422),Hp=new $APP.K(null,"rippleSpeed","rippleSpeed",-1816718091),Oo=new $APP.K(null,"ty","ty",158290825),No=
|
|
30
|
+
new $APP.K(null,"tx","tx",466630418),gp=new $APP.K(null,"bob-intensity","bob-intensity",-981181657),To=new $APP.K(null,"lift","lift",903632035),Ip=new $APP.K(null,"magnetRadius","magnetRadius",1616130031),jp=new $APP.K(null,"magnet-strength","magnet-strength",-1089389895),cp=new $APP.K(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var Bp="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.Sd(["x-liquid-dock-select",new $APP.P(null,4,[$APP.U,new $APP.P(null,3,[$APP.Eh,$APP.V,$APP.Dj,new $APP.Sb(null,"Element","Element",1498489072,null),$APP.zk,$APP.X],null),$APP.yl,!0,$APP.Kl,!0,$APP.ll,!0],null)]);
|
|
31
|
+
$APP.Q([Gp,$APP.fj,Fp,$APP.gj,$APP.Xk,Ip,Ep,$APP.Jh,Hp,$APP.oj,$APP.Sl],[new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.qj],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.X],
|
|
32
|
+
null)]);var Go=new $APP.R(null,new $APP.P(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var Vo=[0],Wo=":host{display:block;position:fixed;z-index:var("+$APP.S.g("--x-liquid-dock-z-index")+",50);pointer-events:auto;"+$APP.S.g("--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('+
|
|
33
33
|
$APP.S.g("--x-liquid-dock-gap")+",8px);padding:var("+$APP.S.g("--x-liquid-dock-padding")+",8px);border-radius:var("+$APP.S.g("--x-liquid-dock-radius")+",20px);background:var("+$APP.S.g("--x-liquid-dock-bg")+",rgba(255,255,255,0.88));border:1px solid var("+$APP.S.g("--x-liquid-dock-border")+",rgba(148,163,184,0.22));box-shadow:var("+$APP.S.g("--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('+
|
|
34
34
|
$APP.S.g("--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.S.g("--x-liquid-dock-item-size")+",48px);height:var("+$APP.S.g("--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("+
|
|
35
|
-
$APP.S.g("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.S.g("--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:0 14px 36px rgba(0,0,0,0.35);--x-liquid-dock-color
|
|
36
|
-
$APP.l(a,"__xLiquidDockModel"),d=$APP.l(a,"__xLiquidDockMouse"),e=$APP.l(a,"__xLiquidDockBlobs"),g=$APP.l(a,"__xLiquidDockBlobSt"),h=$APP.l(a,"__xLiquidDockItemsR"),k=function(){var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
1.8*
|
|
40
|
-
|
|
35
|
+
$APP.S.g("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.S.g("--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;}}",
|
|
36
|
+
pp=function pp(a){if($APP.r(a.isConnected)){var c=$APP.l(a,"__xLiquidDockModel"),d=$APP.l(a,"__xLiquidDockMouse"),e=$APP.l(a,"__xLiquidDockBlobs"),g=$APP.l(a,"__xLiquidDockBlobSt"),h=$APP.l(a,"__xLiquidDockItemsR"),k=function(){var cb=lp(a);return $APP.r(cb)?cb:[]}(),m=$APP.Zg.i(h.length,k.length),p=$APP.l(d,"x"),q=$APP.l(d,"y"),w=$APP.l(d,"active"),x=ip.g(c),y=jp.g(c),A=gp.g(c),B=$APP.Sl.g(c),E=1+y*.8,H=function(){var cb=$APP.l(a,"__xLiquidDockSeed");return $APP.r(cb)?cb:0}(),F=Date.now();d=function(){var cb=
|
|
37
|
+
$APP.l(a,"__xLiquidDockBurst");return $APP.r(cb)?cb:0}();var M=F-d<300;if(M){F=(1-(F-d)/300)*20;var Y=Xo.g(c),ea=$APP.dj.g($APP.l(a,"__xLiquidDockRefs"));$APP.r(ea)&&ea.setAttribute("scale",""+$APP.S.g(Y+F))}for(F=0;;)if(F<m){Y=h[F];var ta=$APP.l(Y,"cx"),Ha=$APP.l(Y,"cy");ea=F*2;var Na=ea+1;if(Na<e.length){Y=Mo.g($APP.r(w)?Po(ta,Ha,p,q,x,y,E):new $APP.P(null,4,[Mo,0,$APP.ui,1,No,0,Oo,0],null));ea=e[ea];var Ya="translate("+$APP.S.g(ta-26)+"px,"+$APP.S.g(Ha-26)+"px)";ea.style.transform=Ya;var Za=So(Y,
|
|
38
|
+
B);ea=g[Na];Ya=Qo.g(Za);var ib=Ro.g(Za);Za=$APP.ui.g(Za);Ya=Lo($APP.l(ea,"cpDx"),Ya);ib=Lo($APP.l(ea,"cpDy"),ib);Za=Lo($APP.l(ea,"cpScale"),Za);ea.cpDx=Ya;ea.cpDy=ib;ea.cpScale=Za;Na=e[Na];Ha="translate("+$APP.S.g(ta-22+Ya)+"px,"+$APP.S.g(Ha-22+ib)+"px) scale("+$APP.S.g(Za)+")";Na.style.transform=Ha;Na=Uo(Y,$APP.r(w)?function(){var cb=p-ta;return cb>1?1:cb<-1?-1:0}():0,B,A);Ya=Lo($APP.l(ea,"cLift"),To.g(Na));Ha=Lo($APP.l(ea,"cRot"),$APP.dl.g(Na));Na=Lo($APP.l(ea,"cScale"),$APP.ui.g(Na));ea.cLift=
|
|
39
|
+
Ya;ea.cRot=Ha;ea.cScale=Na;ib=H+F*2.39996;Za=1-Y*.7;Y=Math.sin(ib)*1.8*Za*A;ea=Math.cos(ib*.7)*.8*Za*A;var Kb=Math.sin(ib*1.3)*1.2*Za*A;ib=k[F];Za=hp.g(c);Ya+=$APP.r(Za)?ea:Y;Ha+=Kb;Y=$APP.r(Za)?"translate("+$APP.S.g(Ya)+"px,"+$APP.S.g(Y)+"px) rotate("+$APP.S.g(Ha)+"deg) scale("+$APP.S.g(Na)+")":"translate("+$APP.S.g(ea)+"px,"+$APP.S.g(Ya)+"px) rotate("+$APP.S.g(Ha)+"deg) scale("+$APP.S.g(Na)+")";ib.style.transform=Y}F+=1}else break;g=$APP.l(a,"__xLiquidDockSeed")+fp.g(c);h=$APP.l(a,"__xLiquidDockRefs");
|
|
40
|
+
e=.012+.006*Math.sin(g);a.__xLiquidDockSeed=g;g=$APP.Tk.g(h);$APP.r(g)&&g.setAttribute("baseFrequency",""+$APP.S.g(e));!M&&d>0&&(d=$APP.dj.g($APP.l(a,"__xLiquidDockRefs")),$APP.r(d)&&d.setAttribute("scale",""+$APP.S.g(Xo.g(c))),a.__xLiquidDockBurst=0);$APP.n(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return pp.g?pp.g(a):pp.call(null,a)}))}return null};$APP.ka("baredom.exports.x_liquid_dock.init",Dp);export const init=Dp;
|