@vanelsas/baredom 2.5.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/README.md +11 -296
- package/custom-elements.json +36 -1
- package/dist/base.js +38 -38
- package/dist/integrity.json +93 -93
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.js +13 -13
- 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 +12 -12
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +40 -40
- package/dist/x-combobox.d.ts +1 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +1 -0
- package/dist/x-currency-field.js +23 -22
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- 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 +16 -16
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +2 -1
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.js +11 -11
- 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 +33 -33
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +1 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +9 -9
- 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 +19 -19
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +1 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +1 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +6 -2
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
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.M(a);a=$APP.D(b,$APP.Ij);var c=$APP.D(b,
|
|
5
|
-
[
|
|
6
|
-
c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.T.g(c.toFixed(1))+"deg)")},
|
|
7
|
-
$APP.k(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();a.__xKineticFontLSY=b;$APP.ja(a,"__xKineticFontSD",function(){var d=$APP.k(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));
|
|
8
|
-
"scroll")||$APP.B.i(b,"both"))b=function(){return
|
|
9
|
-
$APP.
|
|
10
|
-
d=$APP.M($APP.k(a,"__xKineticFontRefs")),$APP.D(d,$APP.Hj).textContent=e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.N(
|
|
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.n(b)?b:""},set:function(b){return b==null?this.removeAttribute("text"):this.setAttribute("text",""+$APP.T.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.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"perChar",{get:function(){return this.hasAttribute("per-char")},set:function(b){return $APP.n(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.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return
|
|
16
|
-
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return
|
|
17
|
-
$APP.T.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.k(this,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xKineticFontRaf=null);
|
|
20
|
-
"per-char-attr",-403667422),
|
|
21
|
-
"opsz-min",-829837010),
|
|
22
|
-
|
|
23
|
-
$APP.zf([$APP.
|
|
24
|
-
1,[$APP.Z,$APP.Y],null),new $APP.
|
|
25
|
-
var
|
|
2
|
+
var x2=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},z2=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(y2,a)?a:"cursor"},C2=function(a){return typeof a==="string"?(a=$APP.We.m($APP.Tf,$APP.ce(function(b){return $APP.I(A2,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Hc(a)?B2:a):B2},D2=function(a){return typeof a==="string"?(a=a.trim(),$APP.B.i(a,"")?null:a):
|
|
3
|
+
null},E2=function(a,b,c,d,e,g,h){b=c+(g*(b-a)-h*c)/e*d;return[a+b*d,b]},F2=function(a,b){if(a>=b)return 0;a=1-a/b;return a*a},G2=function(a,b,c,d,e,g,h,l,m,p,q){a*=c;d=$APP.I(b,"bulge")?d+a*(e-d):d;g=$APP.I(b,"stretch")?g+a*(h-g):g;l=$APP.I(b,"lean")?m+a*(l-m):m;b=$APP.I(b,"breathe")?p+a*(q-p):p;return[d,g,l,b]},H2=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},S2=function(a){a=$APP.zf([$APP.Fj,$APP.Gk,I2,J2,K2,$APP.Kh,$APP.xl,L2,$APP.Ij,M2],[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.M(a);a=$APP.D(b,$APP.Ij);var c=$APP.D(b,M2),d=$APP.D(b,$APP.Fj),e=$APP.D(b,$APP.Gk),g=$APP.D(b,J2),h=$APP.D(b,I2),l=$APP.D(b,K2),m=$APP.D(b,$APP.Kh),p=$APP.D(b,$APP.xl);b=$APP.D(b,L2);return $APP.zf([$APP.tm,N2,O2,$APP.Tm,$APP.xk,P2,$APP.hk,Q2,R2,$APP.Cl],
|
|
5
|
+
[x2(d,1,.1,10),x2(c,170,10,500),C2(p),x2(a,200,20,1E3),x2(e,.5,0,1),g!=null,x2(b,26,1,100),z2(h),D2(l),typeof m==="string"?m:""])},T2=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},U2=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.T.g(b[0].toFixed(1))+", 'wdth' "+$APP.T.g(b[1].toFixed(1))+", 'slnt' "+$APP.T.g(b[2].toFixed(1))+", 'opsz' "+$APP.T.g(b[3].toFixed(1));d.call(a,"font-variation-settings",b);
|
|
6
|
+
c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.T.g(c.toFixed(1))+"deg)")},W2=function(a){$APP.n($APP.k(a,"__xKineticFontRaf"))||($APP.n($APP.k(a,"__xKineticFontAct"))||(a.__xKineticFontAct=!0,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-activate",{bubbles:!0,composed:!0,detail:{}}))),$APP.ja(a,"__xKineticFontLF",performance.now()),$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return V2(a)})))},X2=function(a){var b=window.scrollY,c=b-function(){var d=
|
|
7
|
+
$APP.k(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();a.__xKineticFontLSY=b;$APP.ja(a,"__xKineticFontSD",function(){var d=$APP.k(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));H2()||W2(a);return null},Y2=function(a){var b=Q2.g($APP.k(a,"__xKineticFontModel")),c={};if($APP.B.i(b,"cursor")||$APP.B.i(b,"both")){var d=function(e){a.__xKineticFontMX=e.clientX;a.__xKineticFontMY=e.clientY;H2()||W2(a);return null};c.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.B.i(b,
|
|
8
|
+
"scroll")||$APP.B.i(b,"both"))b=function(){return X2(a)},c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},Z2=function(a){var b=$APP.k(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.k(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.k(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",b);a.__xKineticFontHdl=null}},j3=function(a,b){var c=$APP.k(a,"__xKineticFontModel");a.__xKineticFontModel=b;if($APP.N($APP.Cl.g(b),
|
|
9
|
+
$APP.Cl.g(c))||$APP.N(P2.g(b),P2.g(c)))if($APP.n(P2.g(b))){var d=$APP.Cl.g(b),e=$APP.M($APP.k(a,"__xKineticFontRefs"));e=$APP.D(e,$APP.Hj);d=$APP.xe(d);var g=$APP.z(d),h=Array(g),l=Array(g);e.textContent="";for(var m=0;;)if(m<g){var p=$APP.pc(d,m),q=document.createElement("span");q.setAttribute("part","char");$APP.B.i(p," ")?(q.setAttribute("data-ws",""),q.innerHTML="\x26nbsp;"):q.textContent=p;e.appendChild(q);h[m]=q;l[m]=[0,0];m+=1}else break;a.__xKineticFontCS=h;a.__xKineticFontSpr=l}else e=$APP.Cl.g(b),
|
|
10
|
+
d=$APP.M($APP.k(a,"__xKineticFontRefs")),$APP.D(d,$APP.Hj).textContent=e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.N(Q2.g(b),Q2.g(c))&&(Z2(a),Y2(a));c=$APP.M($APP.k(a,"__xKineticFontRefs"));c=$APP.D(c,$APP.Hj);e=R2.g(b);$APP.n(e)?c.style.setProperty("font-family",e):c.style.removeProperty("font-family");c=getComputedStyle(a);c=$APP.zf([$2,a3,b3,c3,d3,e3,f3,g3,h3],[T2(c.getPropertyValue("--x-kinetic-font-slant-max"),0),T2(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),T2(c.getPropertyValue("--x-kinetic-font-opsz-max"),
|
|
11
|
+
144),T2(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),T2(c.getPropertyValue("--x-kinetic-font-weight-min"),100),T2(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),T2(c.getPropertyValue("--x-kinetic-font-width-max"),125),T2(c.getPropertyValue("--x-kinetic-font-width-min"),75),T2(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]);a.__xKineticFontCV=c;c=$APP.Cl.g(b);e=$APP.M($APP.k(a,"__xKineticFontRefs"));$APP.D(e,i3).textContent=c;$APP.B.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(!H2())if(c=$APP.k(a,"__xKineticFontCV"),c=G2(0,O2.g(b),$APP.xk.g(b),d3.g(c),h3.g(c),g3.g(c),f3.g(c),a3.g(c),$2.g(c),c3.g(c),b3.g(c)),$APP.n(P2.g(b))){if(a=$APP.k(a,"__xKineticFontCS"),$APP.n(a))for(b=a.length,e=0;;)if(e<b)U2(a[e],c,0),e+=1;else break}else a=$APP.M($APP.k(a,"__xKineticFontRefs")),a=$APP.D(a,$APP.Hj),U2(a,c,0)},k3=function(a){Object.defineProperty(a,"text",{get:function(){var b=
|
|
13
|
+
this.getAttribute("text");return $APP.n(b)?b:""},set:function(b){return b==null?this.removeAttribute("text"):this.setAttribute("text",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"trigger",{get:function(){return z2(this.getAttribute("trigger"))},set:function(b){return b==null?this.removeAttribute("trigger"):this.setAttribute("trigger",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.n(b)?
|
|
14
|
+
b:"bulge"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"perChar",{get:function(){return this.hasAttribute("per-char")},set:function(b){return $APP.n(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 x2(b,1,.1,10)},set:function(b){return b==null?this.removeAttribute("mass"):
|
|
15
|
+
this.setAttribute("mass",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return x2(b,170,10,500)},set:function(b){return b==null?this.removeAttribute("tension"):this.setAttribute("tension",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");return x2(b,26,1,100)},set:function(b){return b==null?this.removeAttribute("friction"):this.setAttribute("friction",
|
|
16
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return x2(b,.5,0,1)},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return x2(b,200,20,1E3)},set:function(b){return b==null?this.removeAttribute("radius"):this.setAttribute("radius",""+
|
|
17
|
+
$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"fontFamily",{get:function(){return D2(this.getAttribute("font-family"))},set:function(b){return b==null?this.removeAttribute("font-family"):this.setAttribute("font-family",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},n3=function(){var a=class extends HTMLElement{};a.observedAttributes=l3;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xKineticFontRefs"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
18
|
+
d=document.createElement("div"),e=document.createElement("span");c.textContent=m3;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.Q(null,3,[$APP.Hi,b,$APP.Hj,d,i3,e],null)}b=S2(this);this.__xKineticFontModel=null;this.__xKineticFontSD=this.__xKineticFontMY=this.__xKineticFontMX=0;this.__xKineticFontAct=!1;j3(this,b);return null};a.prototype.disconnectedCallback=
|
|
19
|
+
function(){var b=$APP.k(this,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xKineticFontRaf=null);Z2(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xKineticFontRefs"))&&(b=S2(this),$APP.N(b,$APP.k(this,"__xKineticFontModel"))&&j3(this,b));return null};k3(a.prototype);return a},o3=function(){$APP.n(customElements.get("x-kinetic-font"))||customElements.define("x-kinetic-font",n3());return null},J2=new $APP.K(null,"per-char-attr",
|
|
20
|
+
"per-char-attr",-403667422),I2=new $APP.K(null,"trigger-raw","trigger-raw",-1649744606),a3=new $APP.K(null,"slnt-min","slnt-min",71363427),f3=new $APP.K(null,"wdth-max","wdth-max",-522030121),e3=new $APP.K(null,"skew-max","skew-max",1543858453),g3=new $APP.K(null,"wdth-min","wdth-min",-986627045),K2=new $APP.K(null,"font-family-raw","font-family-raw",1729457924),P2=new $APP.K(null,"per-char?","per-char?",-1016397834),Q2=new $APP.K(null,"trigger","trigger",103466139),c3=new $APP.K(null,"opsz-min",
|
|
21
|
+
"opsz-min",-829837010),i3=new $APP.K(null,"sr-only","sr-only",-173275148),$2=new $APP.K(null,"slnt-max","slnt-max",1716167520),L2=new $APP.K(null,"friction-raw","friction-raw",-1078184200),b3=new $APP.K(null,"opsz-max","opsz-max",454458088),d3=new $APP.K(null,"wght-min","wght-min",529224020),O2=new $APP.K(null,"modes","modes",-1377787092),h3=new $APP.K(null,"wght-max","wght-max",-514604421),M2=new $APP.K(null,"tension-raw","tension-raw",961657279),R2=new $APP.K(null,"font-family","font-family",-667419874),
|
|
22
|
+
N2=new $APP.K(null,"tension","tension",58343589);var l3="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
23
|
+
$APP.zf([$APP.tm,N2,$APP.wj,new $APP.K(null,"perChar","perChar",2082880685),$APP.Tm,$APP.xk,new $APP.K(null,"fontFamily","fontFamily",1493518353),$APP.hk,Q2,$APP.Cl],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,
|
|
24
|
+
1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null)]);$APP.Pd(["x-kinetic-font-spring-activate",new $APP.Q(null,2,[$APP.V,$APP.Qd,$APP.lm,!1],null),"x-kinetic-font-spring-settle",new $APP.Q(null,2,[$APP.V,$APP.Qd,$APP.lm,!1],null)]);
|
|
25
|
+
var y2=new $APP.S(null,new $APP.Q(null,3,["scroll",null,"both",null,"cursor",null],null),null),A2=new $APP.S(null,new $APP.Q(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),B2=new $APP.S(null,new $APP.Q(null,1,["bulge",null],null),null);var m3=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.T.g("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.T.g("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.T.g("--x-kinetic-font-size")+":2rem;"+$APP.T.g("--x-kinetic-font-weight-min")+":100;"+$APP.T.g("--x-kinetic-font-weight-max")+":900;"+$APP.T.g("--x-kinetic-font-width-min")+":75;"+$APP.T.g("--x-kinetic-font-width-max")+":125;"+$APP.T.g("--x-kinetic-font-slant-min")+":-12;"+$APP.T.g("--x-kinetic-font-slant-max")+
|
|
26
26
|
":0;"+$APP.T.g("--x-kinetic-font-opsz-min")+":8;"+$APP.T.g("--x-kinetic-font-opsz-max")+":144;"+$APP.T.g("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.T.g("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.T.g("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.T.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;}}",
|
|
27
|
-
|
|
28
|
-
return $APP.n(Fb)?Fb:0}(),Pa=Math.min(1,Math.abs(Ca)/100),db=$APP.k(a,"__xKineticFontSpr"),eb=$APP.k(a,"__xKineticFontCS"),pb=eb!=null,Nb=db.length;a.__xKineticFontLF=e;a.__xKineticFontSD=Ca*.85;for(var gb=[!0],ea=0;;)if(ea<Nb){Ca=pb&&($APP.B.i(v,"cursor")||$APP.B.i(v,"both"))?function(){var Fb=eb[ea].getBoundingClientRect(),
|
|
29
|
-
"both")?$APP.B.i(v,"scroll")?Pa:0:function(){var Fb=$APP.M($APP.k(a,"__xKineticFontRefs")),
|
|
30
|
-
Ca,e));ea+=1}else break;var ac=function(){var Fb=$APP.k(a,"__xKineticFontSD");return $APP.n(Fb)?Fb:0}()>.5;$APP.n(function(){var Fb=gb[0];return $APP.n(Fb)?!ac:Fb}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-settle",{bubbles:!0,composed:!0,detail:{}})))):$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return
|
|
27
|
+
V2=function V2(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xKineticFontModel"),d=$APP.k(a,"__xKineticFontCV"),e=performance.now(),g=Math.min(e-$APP.k(a,"__xKineticFontLF"),100)/1E3,h=$APP.tm.g(c),l=N2.g(c),m=$APP.hk.g(c),p=$APP.xk.g(c),q=$APP.Tm.g(c),v=Q2.g(c);c=O2.g(c);var x=d3.g(d),y=h3.g(d),A=g3.g(d),C=f3.g(d),E=a3.g(d),H=$2.g(d),G=c3.g(d),J=b3.g(d);d=e3.g(d);var R=$APP.I(c,"lean"),aa=$APP.k(a,"__xKineticFontMX"),la=$APP.k(a,"__xKineticFontMY"),Ca=function(){var Fb=$APP.k(a,"__xKineticFontSD");
|
|
28
|
+
return $APP.n(Fb)?Fb:0}(),Pa=Math.min(1,Math.abs(Ca)/100),db=$APP.k(a,"__xKineticFontSpr"),eb=$APP.k(a,"__xKineticFontCS"),pb=eb!=null,Nb=db.length;a.__xKineticFontLF=e;a.__xKineticFontSD=Ca*.85;for(var gb=[!0],ea=0;;)if(ea<Nb){Ca=pb&&($APP.B.i(v,"cursor")||$APP.B.i(v,"both"))?function(){var Fb=eb[ea].getBoundingClientRect(),Xd=aa-(Fb.left+.5*Fb.width);Fb=la-(Fb.top+.5*Fb.height);return Math.max(F2(Math.sqrt(Xd*Xd+Fb*Fb),q),Pa)}():pb&&$APP.B.i(v,"scroll")?Pa:pb||!$APP.B.i(v,"cursor")&&!$APP.B.i(v,
|
|
29
|
+
"both")?$APP.B.i(v,"scroll")?Pa:0:function(){var Fb=$APP.M($APP.k(a,"__xKineticFontRefs")),Xd=$APP.D(Fb,$APP.Hj).getBoundingClientRect();Fb=aa-(Xd.left+.5*Xd.width);Xd=la-(Xd.top+.5*Xd.height);return Math.max(F2(Math.sqrt(Fb*Fb+Xd*Xd),q),Pa)}();var ta=db[ea],Qa=E2(ta[0],Ca,ta[1],g,h,l,m);e=Qa[0];Qa=Qa[1];ta[0]=e;ta[1]=Qa;Math.abs(e-Ca)<.001&&Math.abs(Qa)<.01||(gb[0]=!1);Ca=G2(e,c,p,x,y,A,C,E,H,G,J);e=R?e*p*d:0;pb?U2(eb[ea],Ca,e):(ta=$APP.M($APP.k(a,"__xKineticFontRefs")),ta=$APP.D(ta,$APP.Hj),U2(ta,
|
|
30
|
+
Ca,e));ea+=1}else break;var ac=function(){var Fb=$APP.k(a,"__xKineticFontSD");return $APP.n(Fb)?Fb:0}()>.5;$APP.n(function(){var Fb=gb[0];return $APP.n(Fb)?!ac:Fb}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-settle",{bubbles:!0,composed:!0,detail:{}})))):$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return V2.g?V2.g(a):V2.call(null,a)}))}return null};$APP.ha("baredom.exports.x_kinetic_font.init",o3);export const init=o3;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null)},
|
|
4
|
-
a;this.B=null;this.s=2153775104;this.G=2048},
|
|
5
|
-
"string"&&$APP.N("",a.trim())?a.trim():null},
|
|
2
|
+
var rN=function(a,b){return $APP.ba[a]=b},sN=function(a,b){if(a!=null&&a.ra!=null)a=a.ra(a,b);else{var c=sN[$APP.da(a==null?null:a)];if(c!=null)a=c.i?c.i(a,b):c.call(null,a,b);else if(c=sN._,c!=null)a=c.i?c.i(a,b):c.call(null,a,b);else throw $APP.pa("IDrop.-drop",a);}return a},tN=function(a){if(a!=null&&(a.G&262144||$APP.Ob===a.vc)){var b=a.ra(null,1);return $APP.n(b)?b:$APP.Xb}return new $APP.rd(null,function(){a:{var c=1;for(var d=a;;)if(d=$APP.t(d),c>0&&d)--c,d=$APP.Yb(d);else{c=d;break a}c=void 0}return c},
|
|
3
|
+
null)},uN=function(a,b){a.sort(b||$APP.ka)},wN=function(a){var b=vN();const c=Array(a.length);for(let e=0;e<a.length;e++)c[e]={index:e,value:a[e]};const d=b||$APP.ka;uN(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},vN=function(){return $APP.B.i($APP.Rc,$APP.Rc)?$APP.Rc:function(a,b){var c=$APP.Rc.i?$APP.Rc.i(a,b):$APP.Rc.call(null,a,b);return typeof c==="number"?c:$APP.n(c)?-1:$APP.n($APP.Rc.i?$APP.Rc.i(b,a):$APP.Rc.call(null,b,a))?1:0}},xN=function(a){this.ob=
|
|
4
|
+
a;this.B=null;this.s=2153775104;this.G=2048},yN=function(a){return new xN(a.toLowerCase())},zN=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 yN([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),a()].join(""))},AN=function(a){return typeof a===
|
|
5
|
+
"string"&&$APP.N("",a.trim())?a.trim():null},BN=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},CN=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},DN=function(a){var b=$APP.k(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),a.__xKineticTypographyAnimate=null)},EN=function(a,b,c,d){var e=BN("animate");c=""+$APP.T.g(c)+"s";b=$APP.B.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.T.g(d)+"s");switch(a){case "scroll":e.setAttribute("from",$APP.B.i(b,"reverse")?"100%":"0%");e.setAttribute("to",$APP.B.i(b,"reverse")?"0%":"100%");break;case "bounce":e.setAttribute("values",$APP.B.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.B.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.M(b),d=$APP.D(c,
|
|
9
|
-
$APP.Fk),E=$APP.D(c,
|
|
10
|
-
parseInt(H.trim(),10);var ea=typeof gb==="number"&&$APP.r(isNaN(gb))&&gb>0?gb:1}else ea=1;if(typeof d==="string"){var ta=$APP.Xf(d.toLowerCase().trim().split(/\s+/));var Qa=$APP.
|
|
11
|
-
$APP.nh.i(
|
|
12
|
-
"string"){var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
-1," · ",null),
|
|
16
|
-
1?
|
|
17
|
-
$APP.pc(
|
|
18
|
-
$APP.w(
|
|
19
|
-
"calc(var(--x-kinetic-typography-font-size) * "+$APP.T.g(
|
|
20
|
-
$APP.r(
|
|
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},FN=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=[]}},$N=function(a){var b=$APP.zf([$APP.Zk,GN,$APP.Wg,HN,$APP.Gj,$APP.Fk,IN,JN,KN,LN,MN,NN,$APP.tj,ON,$APP.Cl],[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.M(b),d=$APP.D(c,KN),e=$APP.D(c,LN),g=$APP.D(c,MN),h=$APP.D(c,NN),l=$APP.D(c,$APP.tj),m=$APP.D(c,ON),p=$APP.D(c,$APP.Cl),q=$APP.D(c,$APP.Zk),v=$APP.D(c,GN),x=$APP.D(c,$APP.Wg),y=$APP.D(c,HN),A=$APP.D(c,$APP.Gj),C=$APP.D(c,
|
|
9
|
+
$APP.Fk),E=$APP.D(c,IN),H=$APP.D(c,JN),G=typeof p==="string"?p:"",J=AN(q),R=typeof C==="string"?C.trim().toLowerCase():null;var aa=$APP.I(PN,R)?R:"wave";var la=$APP.B.i(aa,"crawl"),Ca=typeof x==="string"?x.trim().toLowerCase():null;var Pa=$APP.I(QN,Ca)?Ca:"scroll";var db=typeof l==="string"?l.trim().toLowerCase():null;var eb=$APP.I(RN,db)?db:"normal";if(typeof A==="string"){var pb=parseFloat(A.trim());var Nb=typeof pb==="number"&&$APP.r(isNaN(pb))&&pb>0?pb:1}else Nb=1;if(typeof H==="string"){var gb=
|
|
10
|
+
parseInt(H.trim(),10);var ea=typeof gb==="number"&&$APP.r(isNaN(gb))&&gb>0?gb:1}else ea=1;if(typeof d==="string"){var ta=$APP.Xf(d.toLowerCase().trim().split(/\s+/));var Qa=$APP.nn.i(ta,SN)}else Qa=$APP.Tf;var ac=AN(E),Fb=AN(h);var Xd=$APP.B.i(aa,"crawl")?null:J!=null?new $APP.Q(null,2,[$APP.Sl,J,TN,"0 0 800 200"],null):$APP.D(UN,aa);var Lv=$APP.n($APP.n(ac)?$APP.n(Fb)?!la:Fb:ac)?$APP.ld.i(Qa,"size-gradient"):Qa,Mv=$APP.I(Lv,"size-gradient")?$APP.nh.i(Lv,"size-pulse"):Lv,g1=$APP.I(Mv,"color-wave")?
|
|
11
|
+
$APP.nh.i(Mv,"color-shift"):Mv;if(typeof v==="string"){var wm=parseFloat(v.trim());var bL=typeof wm==="number"&&$APP.r(isNaN(wm))&&wm>0&&wm<=1?wm:.85}else bL=.85;var h1=$APP.Sl.g(Xd),i1=AN(y),j1=TN.g(Xd),k1=10/$APP.oh.i(Nb,.01);if(la)var Nv=0;else if(typeof g==="string"){var xm=parseInt(g.trim(),10);Nv=typeof xm==="number"&&$APP.r(isNaN(xm))&&xm>=0&&xm<=5?xm:0}else Nv=0;if(typeof e==="string"){var Fq=parseFloat(e.trim());var cL=typeof Fq==="number"&&$APP.r(isNaN(Fq))&&Fq>0?Fq:.3}else cL=.3;if(typeof m===
|
|
12
|
+
"string"){var ym=parseFloat(m.trim());var dL=typeof ym==="number"&&$APP.r(isNaN(ym))&&ym>0&&ym<=1?ym:.5}else dL=.5;var m1=$APP.zf([GN,$APP.Sj,$APP.Wg,HN,$APP.Gj,TN,$APP.Fk,VN,IN,WN,XN,JN,YN,LN,MN,NN,$APP.tj,ON,$APP.Cl],[bL,h1,Pa,i1,Nb,j1,aa,la,ac,g1,k1,ea,J!=null,cL,Nv,Fb,eb,dL,G]);var Sc=$APP.M(m1),hL=$APP.D(Sc,LN),iL=$APP.D(Sc,MN),Ov=$APP.D(Sc,NN),Pv=$APP.D(Sc,$APP.tj),n1=$APP.D(Sc,ON),qh=$APP.D(Sc,$APP.Cl),o1=$APP.D(Sc,GN),Gq=$APP.D(Sc,$APP.Sj),rh=$APP.D(Sc,$APP.Wg),jL=$APP.D(Sc,HN),kL=$APP.D(Sc,
|
|
13
|
+
TN),p1=$APP.D(Sc,VN),zm=$APP.D(Sc,IN),ck=$APP.D(Sc,WN),fi=$APP.D(Sc,XN),Qv=$APP.D(Sc,JN),lL=$APP.k(a,"__xKineticTypographySvg"),q1=$APP.k(a,"__xKineticTypographyPath"),mL=$APP.k(a,"__xKineticTypographyText"),Am=$APP.k(a,"__xKineticTypographyTextPath"),r1=$APP.k(a,"__xKineticTypographySrOnly"),s1=$APP.k(a,"__xKineticTypographyCrawlText"),Rv=a.shadowRoot.querySelector("[part\x3dpath-line]");if($APP.n(p1))a.setAttribute("data-preset","crawl"),s1.textContent=qh,DN(a),FN(a),$APP.N(rh,"none")?a.setAttribute("data-animation",
|
|
14
|
+
rh):a.removeAttribute("data-animation"),$APP.B.i(Pv,"reverse")?a.setAttribute("data-direction","reverse"):a.removeAttribute("data-direction"),$APP.I(ck,"color-shift")?a.setAttribute("data-effect","color-shift"):a.removeAttribute("data-effect");else{a.removeAttribute("data-preset");a.removeAttribute("data-direction");$APP.n(kL)&&lL.setAttribute("viewBox",kL);$APP.n(Gq)&&q1.setAttribute("d",Gq);$APP.n($APP.n(Rv)?Gq:Rv)&&Rv.setAttribute("d",Gq);var Sv=Qv<=1?qh:$APP.Jd($APP.T,tN(ZN.i(new $APP.Zd(null,
|
|
15
|
+
-1," · ",null),Qv>0?new $APP.Zd(null,Qv,qh,null):$APP.Xb))),nL=$APP.I(ck,"size-gradient"),t1=$APP.I(ck,"color-wave"),oL=nL?$APP.n(zm)?$APP.n(Ov)?$APP.N(qh,""):Ov:zm:nL;var u1=$APP.n(oL)?oL:t1&&$APP.N(qh,"");if($APP.n(u1)){Am.textContent="";var Tv=$APP.xe(Sv),gi=$APP.z(Tv),hi=$APP.I(ck,"size-gradient"),Uv=$APP.I(ck,"color-wave"),sh=hi?parseFloat(zm):null,Hq=hi?parseFloat(Ov):null;if(hi){var pL=$APP.n(zm)?zm:"px",v1=/[a-z%]+/;if(typeof pL==="string"){var Iq=v1.exec(pL);var qL=Iq==null?null:Iq.length===
|
|
16
|
+
1?Iq[0]:$APP.xe(Iq)}else throw new TypeError("re-find must match against a string.");var rL=$APP.n(qL)?qL:"px"}else rL=null;for(var sL=rL,tL=Uv?gi>0?fi/gi:0:null,Vv=$APP.t($APP.dg(0,gi)),Wv=null,Xv=0,Jq=0;;)if(Jq<Xv){var ii=Wv.F(null,Jq),Kq=BN("tspan");$APP.n(hi?$APP.n(sh)?Hq:sh:hi)&&Kq.setAttribute("font-size",""+$APP.T.g(sh+(gi>1?ii/(gi-1):0)*(Hq-sh))+$APP.T.g(sL));Uv&&(Kq.style.cssText="animation:xkt-color-wave "+$APP.T.g(fi)+"s ease-in-out infinite;animation-delay:"+$APP.T.g(ii*tL)+"s;");Kq.textContent=
|
|
17
|
+
$APP.pc(Tv,ii);Am.appendChild(Kq);Jq+=1}else{var uL=$APP.t(Vv);if(uL){var Bm=uL;if($APP.Nc(Bm)){var vL=$APP.yb(Bm),w1=$APP.zb(Bm),x1=vL,y1=$APP.z(vL);Vv=w1;Wv=x1;Xv=y1}else{ii=$APP.u(Bm);var Lq=BN("tspan");$APP.n(hi?$APP.n(sh)?Hq:sh:hi)&&Lq.setAttribute("font-size",""+$APP.T.g(sh+(gi>1?ii/(gi-1):0)*(Hq-sh))+$APP.T.g(sL));Uv&&(Lq.style.cssText="animation:xkt-color-wave "+$APP.T.g(fi)+"s ease-in-out infinite;animation-delay:"+$APP.T.g(ii*tL)+"s;");Lq.textContent=$APP.pc(Tv,ii);Am.appendChild(Lq);Vv=
|
|
18
|
+
$APP.w(Bm);Wv=null;Xv=0}Jq=0}else break}}else Am.textContent=Sv;FN(a);if(iL>0){for(var wL=$APP.k(a,"__xKineticTypographyPathId"),xL=[],z1=$APP.N(rh,"none")&&$APP.r(CN()),A1=fi>0?hL/fi*100:5,Yv=0;;)if(Yv<iL){var Mq=Yv+1,dk=document.createElementNS("http://www.w3.org/2000/svg","text"),ek=document.createElementNS("http://www.w3.org/2000/svg","textPath"),B1=Math.pow(n1,Mq),C1=Math.pow(o1,Mq),D1="-"+$APP.T.g(A1*Mq)+"%";dk.setAttribute("part","text-echo");dk.setAttribute("opacity",""+$APP.T.g(B1));dk.setAttribute("font-size",
|
|
19
|
+
"calc(var(--x-kinetic-typography-font-size) * "+$APP.T.g(C1)+")");ek.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.T.g(wL));ek.setAttribute("href","#"+$APP.T.g(wL));ek.setAttribute("startOffset",D1);ek.textContent=Sv;if(z1){var E1=EN(rh,Pv,fi,hL*Mq);ek.appendChild(E1)}dk.appendChild(ek);lL.appendChild(dk);xL.push({textEl:dk});Yv+=1}else break;a.__xKineticTypographyEchoEls=xL}$APP.n(jL)?mL.style.setProperty("font-size",jL):mL.style.removeProperty("font-size");DN(a);if($APP.N(rh,"none")&&
|
|
20
|
+
$APP.r(CN())){var yL=EN(rh,Pv,fi,0);Am.appendChild(yL);a.__xKineticTypographyAnimate=yL}var Cm=$APP.nh.C(ck,"size-gradient",$APP.uc(["color-wave"]));if($APP.t(Cm)){var F1=a.setAttribute;if($APP.t(Cm)){var zL=$APP.zd.g?$APP.zd.g(Cm):$APP.zd.call(null,Cm);wN(zL);var AL=$APP.Fc($APP.t(zL),$APP.Gc(Cm))}else AL=$APP.Xb;F1.call(a,"data-effect",$APP.Gg(AL))}else a.removeAttribute("data-effect");$APP.N(rh,"none")?a.setAttribute("data-animation",rh):a.removeAttribute("data-animation")}r1.textContent=qh;$APP.B.i(qh,
|
|
21
|
+
"")?(a.setAttribute("role","presentation"),a.setAttribute("aria-hidden","true")):(a.setAttribute("role","img"),a.setAttribute("aria-label",qh))},aO=function(a,b,c,d){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.N("",e)?this.setAttribute(b,e):this.removeAttribute(b)},enumerable:!0,configurable:!0})},bO=function(a){aO(a,"text","text","");aO(a,"path","path",null);aO(a,"preset","preset","wave");aO(a,"animation",
|
|
22
|
+
"animation","scroll");aO(a,"speed","speed",""+$APP.T.g(1));aO(a,"direction","direction","normal");aO(a,"effect","effect","none");aO(a,"font-size","fontSize",null);aO(a,"start-size","startSize",null);aO(a,"end-size","endSize",null);aO(a,"repeat","repeat",""+$APP.T.g(1));aO(a,"echo-count","echoCount",""+$APP.T.g(0));aO(a,"echo-delay","echoDelay",""+$APP.T.g(.3));aO(a,"echo-opacity","echoOpacity",""+$APP.T.g(.5));aO(a,"echo-scale","echoScale",""+$APP.T.g(.85))},dO=function(){var a=class extends HTMLElement{};
|
|
23
|
+
a.observedAttributes=cO;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xKineticTypographyInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=BN("svg"),g=BN("defs"),h=BN("path"),l=BN("path"),m=BN("text"),p=BN("textPath"),q=document.createElement("span"),v=document.createElement("div"),x=document.createElement("div"),y="xkt-"+$APP.T.g(zN());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);l.setAttribute("part","path-line");e.appendChild(l);m.setAttribute("part","text");p.setAttribute("href","#"+$APP.T.g(y));m.appendChild(p);e.appendChild(g);e.appendChild(m);v.setAttribute("part","crawl-viewport");x.setAttribute("part","crawl-text");v.appendChild(x);q.classList.add("sr-only");q.setAttribute("part","sr-only");
|
|
25
|
-
d.appendChild(e);d.appendChild(v);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=v;this.__xKineticTypographyCrawlText=x;this.__xKineticTypographyEchoEls=[];this.__xKineticTypographyInit=!0}
|
|
26
|
-
function(){
|
|
27
|
-
$APP.Zd.prototype.ra=
|
|
28
|
-
$APP.ye.prototype.ra=
|
|
29
|
-
$APP.
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
$APP.f.oc=$APP.Ob;$APP.f.toString=function(){return this.ob};$APP.f.R=function(a,b){return(a=b!=null?$APP.Ob===b.oc?!0:!1:!1)?this.ob===b.ob:a};$APP.f.S=function(a,b){return $APP.nb(b,['#uuid "',$APP.qa(this.ob),'"'].join(""))};$APP.f.T=function(){this.B==null&&(this.B=$APP.Pb(this.ob));return this.B};$APP.f.Ha=function(a,b){if(b instanceof
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
$APP.zf([$APP.
|
|
36
|
-
[$APP.Z,$APP.Y,$APP.Ik,"start-size"],null),new $APP.
|
|
37
|
-
null),new $APP.
|
|
38
|
-
var
|
|
39
|
-
null),null),
|
|
40
|
-
null),"spiral",new $APP.
|
|
25
|
+
d.appendChild(e);d.appendChild(v);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=v;this.__xKineticTypographyCrawlText=x;this.__xKineticTypographyEchoEls=[];this.__xKineticTypographyInit=!0}$N(this);return null};a.prototype.disconnectedCallback=
|
|
26
|
+
function(){DN(this);$APP.n($APP.k(this,"__xKineticTypographySvg"))&&FN(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xKineticTypographyInit"))&&$N(this);return null};bO(a.prototype);return a},eO=function(){$APP.n(customElements.get("x-kinetic-typography"))||customElements.define("x-kinetic-typography",dO());return null};$APP.Ub.prototype.ra=rN(6,function(a,b){return b>0?this.u+b<this.j.length?new $APP.Ub(this.j,this.u+b,null):null:this});
|
|
27
|
+
$APP.Zd.prototype.ra=rN(5,function(a,b){if(this.count===-1)return this;a=this.count-b;return a>0?new $APP.Zd(null,a,this.o,null):null});$APP.O.prototype.ra=rN(4,function(a,b){if(b<this.l){a=b%32;var c=$APP.oe(this,b);b-=a;return $APP.ze?$APP.ze(this,c,b,a):$APP.Be.call(null,this,c,b,a)}return null});
|
|
28
|
+
$APP.ye.prototype.ra=rN(3,function(a,b){a=this.ja+b;if(a<this.node.length)return $APP.ze?$APP.ze(this.ka,this.node,this.u,a):$APP.Be.call(null,this.ka,this.node,this.u,a);var c=this.u+a;if(c<$APP.wa(this.ka)){a=c%32;b=this.ka;var d=$APP.oe(this.ka,c);c-=a;return $APP.ze?$APP.ze(b,d,c,a):$APP.Be.call(null,b,d,c,a)}return null});$APP.Qe.prototype.ra=rN(2,function(a,b){return b<this.O(null)?new $APP.Qe(this.j,this.u+2*b,null):null});
|
|
29
|
+
$APP.Q.prototype.ra=rN(1,function(a,b){a=this.P(null);return a==null?null:sN(a,b)});$APP.ag.prototype.ra=rN(0,function(a,b){return b>0?b<this.l?new $APP.ag(null,this.start+this.step*b,this.end,this.step,this.l-b,null):null:this});
|
|
30
|
+
var ZN=function ZN(a){switch(arguments.length){case 0:return ZN.H();case 1:return ZN.g(arguments[0]);case 2:return ZN.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 ZN.C(arguments[0],arguments[1],2<c.length?new $APP.Ub(c.slice(2),0,null):null)}};ZN.H=function(){return $APP.Xb};ZN.g=function(a){return new $APP.rd(null,function(){return a},null)};
|
|
31
|
+
ZN.i=function(a,b){return new $APP.rd(null,function(){var c=$APP.t(a),d=$APP.t(b);return c&&d?$APP.od($APP.u(c),$APP.od($APP.u(d),ZN.i($APP.Yb(c),$APP.Yb(d)))):null},null)};ZN.C=function(a,b,c){return new $APP.rd(null,function(){var d=$APP.ae.i($APP.t,$APP.ld.C(c,b,$APP.uc([a])));return $APP.Sd($APP.dd,d)?$APP.$d.i($APP.ae.i($APP.u,d),$APP.Jd(ZN,$APP.ae.i($APP.Yb,d))):null},null)};ZN.J=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);c=$APP.w(c);return this.C(b,a,c)};ZN.N=2;$APP.f=xN.prototype;
|
|
32
|
+
$APP.f.oc=$APP.Ob;$APP.f.toString=function(){return this.ob};$APP.f.R=function(a,b){return(a=b!=null?$APP.Ob===b.oc?!0:!1:!1)?this.ob===b.ob:a};$APP.f.S=function(a,b){return $APP.nb(b,['#uuid "',$APP.qa(this.ob),'"'].join(""))};$APP.f.T=function(){this.B==null&&(this.B=$APP.Pb(this.ob));return this.B};$APP.f.Ha=function(a,b){if(b instanceof xN)return $APP.ka(this.ob,b.ob);throw Error(["Cannot compare ",$APP.qa(this)," to ",$APP.qa(b)].join(""));};
|
|
33
|
+
var ON=new $APP.K(null,"echo-opacity","echo-opacity",-1476699970),IN=new $APP.K(null,"start-size","start-size",-1818812493),VN=new $APP.K(null,"crawl?","crawl?",829918610),GN=new $APP.K(null,"echo-scale","echo-scale",1307207648),LN=new $APP.K(null,"echo-delay","echo-delay",845689658),MN=new $APP.K(null,"echo-count","echo-count",1053271067),TN=new $APP.K(null,"view-box","view-box",-1792199155),JN=new $APP.K(null,"repeat","repeat",832692087),YN=new $APP.K(null,"custom-path?","custom-path?",-1532616839),
|
|
34
|
+
KN=new $APP.K(null,"effect","effect",347343289),XN=new $APP.K(null,"duration-s","duration-s",-1976899627),HN=new $APP.K(null,"font-size","font-size",-1847940346),WN=new $APP.K(null,"effects","effects",-282369292),NN=new $APP.K(null,"end-size","end-size",761612093);var cO="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.zf([$APP.Zk,new $APP.K(null,"startSize","startSize",-1750632892),$APP.Wg,$APP.Gj,new $APP.K(null,"echoCount","echoCount",-1194377974),new $APP.K(null,"echoScale","echoScale",1536204716),new $APP.K(null,"echoOpacity","echoOpacity",-1325258611),$APP.Fk,JN,new $APP.K(null,"fontSize","fontSize",919623033),KN,new $APP.K(null,"echoDelay","echoDelay",-1807132900),new $APP.K(null,"endSize","endSize",674490141),$APP.tj,$APP.Cl],[new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"path"],null),new $APP.Q(null,2,
|
|
36
|
+
[$APP.Z,$APP.Y,$APP.Ik,"start-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"animation"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"speed"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"echo-count"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"echo-scale"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"echo-opacity"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"preset"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"repeat"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"font-size"],
|
|
37
|
+
null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"effect"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"echo-delay"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"end-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"direction"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"text"],null)]);
|
|
38
|
+
var PN=new $APP.S(null,new $APP.Q(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),QN=new $APP.S(null,new $APP.Q(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),RN=new $APP.S(null,new $APP.Q(null,2,["reverse",null,"normal",null],null),null),SN=new $APP.S(null,new $APP.Q(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",null],
|
|
39
|
+
null),null),UN=new $APP.Q(null,7,["wave",new $APP.Q(null,2,[$APP.Sl,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",TN,"0 0 800 200"],null),"circle",new $APP.Q(null,2,[$APP.Sl,"M125,10 A115,115 0 1,1 124.99,10",TN,"0 0 250 250"],null),"arc",new $APP.Q(null,2,[$APP.Sl,"M50,350 Q400,10 750,350",TN,"0 0 800 400"],null),"infinity",new $APP.Q(null,2,[$APP.Sl,"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",TN,"0 0 400 400"],
|
|
40
|
+
null),"spiral",new $APP.Q(null,2,[$APP.Sl,"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",TN,"0 0 500 500"],null),"sine",new $APP.Q(null,2,[$APP.Sl,"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",TN,"0 0 800 200"],null),"line",new $APP.Q(null,2,[$APP.Sl,"M0,50 L800,50",TN,"0 0 800 100"],null)],null);$APP.ha("baredom.exports.x_kinetic_typography.init",eO);export const init=eO;
|
package/dist/x-liquid-dock.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
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;g=c*g*20;d=d>.001?1/d:0;return new $APP.
|
|
4
|
-
$APP.aj,c],null)}},
|
|
5
|
-
"svg"),m=document.createElement("div"),p=document.createElement("div"),q=document.createElement("slot");a.__xLiquidDockUid=c;g.textContent=
|
|
6
|
-
b=$APP.D(v,$APP.ki);c=$APP.D(v,$APP.
|
|
2
|
+
var eq=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.I(dq,a)?a:"bottom"):"bottom"},fq=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},gq=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"},hq=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},iq=function(a,b){return a+(b-a)*.1},mq=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.Q(null,4,[jq,e,$APP.aj,1+c*(h-1),kq,a*d*g*.3,lq,b*d*g*.3],null)},pq=function(a,b){var c=a*a;a=c*28;c=.6+c*.9;switch(b){case "bottom":return new $APP.Q(null,3,[nq,0,oq,-a,$APP.aj,c],null);case "top":return new $APP.Q(null,3,[nq,0,oq,a,$APP.aj,c],null);case "left":return new $APP.Q(null,3,[nq,a,oq,0,$APP.aj,c],null);case "right":return new $APP.Q(null,3,[nq,-a,oq,0,$APP.aj,c],null);default:return new $APP.Q(null,3,[nq,0,oq,-a,
|
|
4
|
+
$APP.aj,c],null)}},rq=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.Q(null,3,[qq,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;default:return-e}}(),$APP.bm,5*d*a*b,$APP.aj,1+.12*d*a],null)},xq=function(a){var b=$APP.k(a,"__xLiquidDockModel"),c=sq[0];sq[0]=c+1;var d="goo-"+$APP.T.g(c),e=a.attachShadow({mode:"open"}),g=document.createElement("style"),h=document.createElement("nav"),l=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=tq;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.T.g(d)+")";p.setAttribute("part","items");p.appendChild(q);var v=$APP.M(b);
|
|
6
|
+
b=$APP.D(v,$APP.ki);c=$APP.D(v,$APP.Ul);v=$APP.D(v,uq);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"),C=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
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.T.g(b));A.setAttribute("result","blur");C.setAttribute("in","blur");C.setAttribute("type","matrix");C.setAttribute("values",c);C.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.T.g(v));H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(C);y.appendChild(E);y.appendChild(H);x.appendChild(y);l.appendChild(x);d=new $APP.
|
|
9
|
-
h,$APP.mk,l,
|
|
10
|
-
var c=$APP.D(b,
|
|
11
|
-
a.assignedElements():null},
|
|
12
|
-
""+$APP.T.g(p)+"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=g;;)if(c>b)g=d.pop(),e.pop(),$APP.n(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
|
-
(a.__xLiquidDockSeed=0,$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return
|
|
15
|
-
3,["index",b,"item",c,"source",d],null))});a.dispatchEvent(b)}
|
|
16
|
-
x=$APP.n(x)?"ArrowDown":"ArrowRight";var y=$APP.k(a,"__xLiquidDockFocus");y=$APP.n(y)?y:-1;$APP.n($APP.n(q)?q>0:q)&&($APP.B.i(v,m)?(l.preventDefault(),l=y<1?q-1:y-1,a.__xLiquidDockFocus=l,p[l].focus()):$APP.B.i(v,x)?(l.preventDefault(),l=y>=q-1?0:y+1,a.__xLiquidDockFocus=l,p[l].focus()):($APP.B.i(v,"Enter")||$APP.B.i(v," "))&&y>=0&&(l.preventDefault(),
|
|
17
|
-
m.length,q=0;;)if(q<p){if($APP.B.i(l,m[q])){l=q;break a}q+=1}else{l=null;break a}l=void 0}$APP.n(l)&&
|
|
18
|
-
g);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.ja(a,"__xLiquidDockHdl",new $APP.
|
|
19
|
-
"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.M(c),c=$APP.D(c,$APP.kj),$APP.n(c)&&c.removeEventListener("slotchange",$APP.kj.g(b)));a.__xLiquidDockHdl=null}},
|
|
20
|
-
null?this.removeAttribute("gap"):this.setAttribute("gap",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return
|
|
21
|
-
this.setAttribute("threshold",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return
|
|
22
|
-
this.setAttribute("ripple-speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return
|
|
23
|
-
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return
|
|
24
|
-
this.setAttribute("bob-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});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})},
|
|
25
|
-
$APP.ja(b,"__xLiquidDockBlobs",[]);$APP.ja(b,"__xLiquidDockBlobSt",[]);$APP.ja(b,"__xLiquidDockItemsR",[]);b.__xLiquidDockFocus=-1;b.__xLiquidDockBurst=0;$APP.n($APP.k(b,"__xLiquidDockRefs"))||
|
|
26
|
-
a.prototype.disconnectedCallback=function(){
|
|
27
|
-
e=$APP.
|
|
28
|
-
|
|
29
|
-
"influence",1453493017),
|
|
30
|
-
"ty","ty",158290825),
|
|
31
|
-
$APP.zf([
|
|
32
|
-
$APP.Y],null)]);var
|
|
8
|
+
"noise");H.setAttribute("in","goo");H.setAttribute("in2","noise");H.setAttribute("scale",""+$APP.T.g(v));H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(C);y.appendChild(E);y.appendChild(H);x.appendChild(y);l.appendChild(x);d=new $APP.Q(null,5,[$APP.kl,y,$APP.nj,A,$APP.Vm,C,$APP.Pl,E,$APP.Mj,H],null);h.appendChild(l);h.appendChild(m);h.appendChild(p);e.appendChild(g);e.appendChild(h);e=$APP.Rf($APP.uc([d,new $APP.Q(null,6,[$APP.Hi,e,$APP.Bi,
|
|
9
|
+
h,$APP.mk,l,vq,m,wq,p,$APP.kj,q],null)]));a.__xLiquidDockRefs=e},Qq=function(a){a=$APP.zf([$APP.Xj,$APP.qm,yq,zq,$APP.Wh,$APP.gn,Aq,$APP.Wi,Bq,$APP.ej,Cq],[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.M(a);a=$APP.D(b,$APP.ej);
|
|
10
|
+
var c=$APP.D(b,Cq),d=$APP.D(b,$APP.Xj),e=$APP.D(b,$APP.qm),g=$APP.D(b,yq),h=$APP.D(b,zq),l=$APP.D(b,$APP.Wh),m=$APP.D(b,$APP.gn),p=$APP.D(b,Aq),q=$APP.D(b,$APP.Wi);b=$APP.D(b,Bq);d=eq(d);return $APP.zf([$APP.Oj,Dq,Eq,$APP.Ul,uq,$APP.ki,Nq,$APP.Yj,Oq,$APP.cn,Pq,$APP.X],[hq(m),fq(h,.03,.005,.15),fq(b,1,0,2),gq(l),fq(p,8,0,40),fq(e,10,2,30),$APP.B.i(d,"left")||$APP.B.i(d,"right"),fq(q,8,0,40),fq(c,150,40,400),d,fq(g,.6,0,2),a!=null])},Rq=function(a){a=$APP.kj.g($APP.k(a,"__xLiquidDockRefs"));return $APP.n(a)?
|
|
11
|
+
a.assignedElements():null},Sq=function(a){var b=$APP.M($APP.k(a,"__xLiquidDockRefs")),c=$APP.D(b,vq);b=function(){var q=Rq(a);return $APP.n(q)?q:[]}().length*2;for(var d=function(){var q=$APP.k(a,"__xLiquidDockBlobs");return $APP.n(q)?q:[]}(),e=function(){var q=$APP.k(a,"__xLiquidDockBlobSt");return $APP.n(q)?q:[]}(),g=d.length,h=g;;)if(h<b){var l=document.createElement("div"),m=$APP.Ud(h);l.className=m?"blob blob-rest":"blob blob-phantom";var p=m?52:44;l.style.width=""+$APP.T.g(p)+"px";l.style.height=
|
|
12
|
+
""+$APP.T.g(p)+"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=g;;)if(c>b)g=d.pop(),e.pop(),$APP.n(g.parentNode)&&g.parentNode.removeChild(g),--c;else break;a.__xLiquidDockBlobs=d;a.__xLiquidDockBlobSt=e},Tq=function(a){var b=$APP.M($APP.k(a,"__xLiquidDockRefs")),c=$APP.D(b,$APP.Bi);b=Rq(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 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},Uq=function(a,b){var c=$APP.M(b);b=$APP.D(c,$APP.Oj);c=$APP.D(c,$APP.Yj);$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.T.g(c)+"px")},Wq=function(a){$APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.n($APP.X.g($APP.k(a,"__xLiquidDockModel")))||
|
|
14
|
+
(a.__xLiquidDockSeed=0,$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return Vq(a)})));return null},Xq=function(a){var b=$APP.k(a,"__xLiquidDockRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidDockRaf=null)},Yq=function(a){a=Rq(a);if($APP.n(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform="",c+=1;else break},Zq=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.Hh(new $APP.Q(null,
|
|
15
|
+
3,["index",b,"item",c,"source",d],null))});a.dispatchEvent(b)},$q=function(a){Sq(a);var b=Rq(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 Tq(a)});return null},cr=function(a){function b(){return $q(a)}function c(l){var m=$APP.k(a,"__xLiquidDockModel");if(!$APP.n($APP.X.g(m))){var p=Rq(a),q=$APP.n(p)?p.length:null,v=l.key,x=Nq.g(m);m=$APP.n(x)?"ArrowUp":"ArrowLeft";
|
|
16
|
+
x=$APP.n(x)?"ArrowDown":"ArrowRight";var y=$APP.k(a,"__xLiquidDockFocus");y=$APP.n(y)?y:-1;$APP.n($APP.n(q)?q>0:q)&&($APP.B.i(v,m)?(l.preventDefault(),l=y<1?q-1:y-1,a.__xLiquidDockFocus=l,p[l].focus()):$APP.B.i(v,x)?(l.preventDefault(),l=y>=q-1?0:y+1,a.__xLiquidDockFocus=l,p[l].focus()):($APP.B.i(v,"Enter")||$APP.B.i(v," "))&&y>=0&&(l.preventDefault(),Zq(a,y,p[y],"keyboard")))}return null}function d(l){if(!$APP.n($APP.X.g($APP.k(a,"__xLiquidDockModel")))){var m=Rq(a);if($APP.n(m)){a:{l=l.target;for(var p=
|
|
17
|
+
m.length,q=0;;)if(q<p){if($APP.B.i(l,m[q])){l=q;break a}q+=1}else{l=null;break a}l=void 0}$APP.n(l)&&Zq(a,l,m[l],"pointer")}}return null}function e(){$APP.k(a,"__xLiquidDockMouse").active=!1;return null}function g(l){var m=$APP.M($APP.k(a,"__xLiquidDockRefs"));m=$APP.D(m,$APP.Bi);if($APP.n(m)){m=m.getBoundingClientRect();var p=$APP.k(a,"__xLiquidDockMouse");p.x=l.clientX-m.left;p.y=l.clientY-m.top;p.active=!0}return null}var h=$APP.M($APP.k(a,"__xLiquidDockRefs"));h=$APP.D(h,$APP.kj);a.addEventListener("pointermove",
|
|
18
|
+
g);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.ja(a,"__xLiquidDockHdl",new $APP.Q(null,5,[ar,g,br,e,$APP.Jk,d,$APP.lk,c,$APP.kj,b],null))},dr=function(a){var b=$APP.k(a,"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",ar.g(b));a.removeEventListener("pointerleave",br.g(b));a.removeEventListener("click",$APP.Jk.g(b));a.removeEventListener("keydown",$APP.lk.g(b));var c=$APP.k(a,
|
|
19
|
+
"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.M(c),c=$APP.D(c,$APP.kj),$APP.n(c)&&c.removeEventListener("slotchange",$APP.kj.g(b)));a.__xLiquidDockHdl=null}},er=function(a){Object.defineProperty(a,"position",{get:function(){return eq(this.getAttribute("position"))},set:function(b){return b==null?this.removeAttribute("position"):this.setAttribute("position",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"gap",{get:function(){var b=this.getAttribute("gap");return fq(b,8,0,40)},set:function(b){return b==
|
|
20
|
+
null?this.removeAttribute("gap"):this.setAttribute("gap",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return fq(b,10,2,30)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return gq(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):
|
|
21
|
+
this.setAttribute("threshold",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return fq(b,8,0,40)},set:function(b){return b==null?this.removeAttribute("ripple-scale"):this.setAttribute("ripple-scale",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleSpeed",{get:function(){var b=this.getAttribute("ripple-speed");return fq(b,.03,.005,.15)},set:function(b){return b==null?this.removeAttribute("ripple-speed"):
|
|
22
|
+
this.setAttribute("ripple-speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return hq(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetRadius",{get:function(){var b=this.getAttribute("magnet-radius");return fq(b,150,40,400)},set:function(b){return b==null?this.removeAttribute("magnet-radius"):this.setAttribute("magnet-radius",
|
|
23
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return fq(b,.6,0,2)},set:function(b){return b==null?this.removeAttribute("magnet-strength"):this.setAttribute("magnet-strength",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"bobIntensity",{get:function(){var b=this.getAttribute("bob-intensity");return fq(b,1,0,2)},set:function(b){return b==null?this.removeAttribute("bob-intensity"):
|
|
24
|
+
this.setAttribute("bob-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});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})},gr=function(){var a=class extends HTMLElement{};a.observedAttributes=fr;a.prototype.connectedCallback=function(){var b=this,c=Qq(b);b.__xLiquidDockModel=c;$APP.ja(b,"__xLiquidDockMouse",{x:0,y:0,active:!1});
|
|
25
|
+
$APP.ja(b,"__xLiquidDockBlobs",[]);$APP.ja(b,"__xLiquidDockBlobSt",[]);$APP.ja(b,"__xLiquidDockItemsR",[]);b.__xLiquidDockFocus=-1;b.__xLiquidDockBurst=0;$APP.n($APP.k(b,"__xLiquidDockRefs"))||xq(b);Uq(b,c);$APP.n(b.hasAttribute("role"))||b.setAttribute("role","navigation");dr(b);cr(b);c=$APP.k(b,"__xLiquidDockRO");$APP.n(c)&&c.disconnect();c=new ResizeObserver(function(){Tq(b);return null});b.__xLiquidDockRO=c;c.observe(b);requestAnimationFrame(function(){Sq(b);Tq(b);return Wq(b)});return null};
|
|
26
|
+
a.prototype.disconnectedCallback=function(){Xq(this);dr(this);Yq(this);var b=$APP.k(this,"__xLiquidDockRO");$APP.n(b)&&(b.disconnect(),this.__xLiquidDockRO=null);return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.N(c,d)&&(this.__xLiquidDockModel=b=Qq(this),$APP.n($APP.k(this,"__xLiquidDockRefs")))){d=$APP.M(b);var e=$APP.D(d,$APP.ki);c=$APP.D(d,$APP.Ul);d=$APP.D(d,uq);var g=$APP.k(this,"__xLiquidDockRefs"),h=$APP.nj.g(g);$APP.n(h)&&h.setAttribute("stdDeviation",""+$APP.T.g(e));
|
|
27
|
+
e=$APP.Vm.g(g);$APP.n(e)&&e.setAttribute("values",c);c=$APP.Mj.g(g);$APP.n(c)&&c.setAttribute("scale",""+$APP.T.g(d));Uq(this,b);Tq(this);$APP.n($APP.X.g(b))?(Xq(this),Yq(this)):$APP.n($APP.k(this,"__xLiquidDockRaf"))||Wq(this)}return null};er(a.prototype);return a},hr=function(){$APP.n(customElements.get("x-liquid-dock"))||customElements.define("x-liquid-dock",gr());return null},Dq=new $APP.K(null,"ripple-speed","ripple-speed",229709223),uq=new $APP.K(null,"ripple-scale","ripple-scale",-1874116111),
|
|
28
|
+
Cq=new $APP.K(null,"magnet-radius-raw","magnet-radius-raw",1386161852),ir=new $APP.K(null,"bobIntensity","bobIntensity",-531647277),wq=new $APP.K(null,"items-div","items-div",-555506089),jr=new $APP.K(null,"magnetStrength","magnetStrength",331224709),kr=new $APP.K(null,"rippleScale","rippleScale",-1633180735),Oq=new $APP.K(null,"magnet-radius","magnet-radius",1447549494),vq=new $APP.K(null,"liquid","liquid",1322031275),br=new $APP.K(null,"leave","leave",1022579443),jq=new $APP.K(null,"influence",
|
|
29
|
+
"influence",1453493017),Nq=new $APP.K(null,"vertical?","vertical?",-1522630444),Bq=new $APP.K(null,"bob-intensity-raw","bob-intensity-raw",-669810474),ar=new $APP.K(null,"move","move",-2110884309),oq=new $APP.K(null,"dy","dy",1719547243),nq=new $APP.K(null,"dx","dx",-381796732),yq=new $APP.K(null,"magnet-strength-raw","magnet-strength-raw",535053898),zq=new $APP.K(null,"ripple-speed-raw","ripple-speed-raw",-1426902422),lr=new $APP.K(null,"rippleSpeed","rippleSpeed",-1816718091),lq=new $APP.K(null,
|
|
30
|
+
"ty","ty",158290825),kq=new $APP.K(null,"tx","tx",466630418),Eq=new $APP.K(null,"bob-intensity","bob-intensity",-981181657),qq=new $APP.K(null,"lift","lift",903632035),mr=new $APP.K(null,"magnetRadius","magnetRadius",1616130031),Pq=new $APP.K(null,"magnet-strength","magnet-strength",-1089389895),Aq=new $APP.K(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var fr="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.Pd(["x-liquid-dock-select",new $APP.Q(null,4,[$APP.V,new $APP.Q(null,3,[$APP.ai,$APP.W,$APP.tk,new $APP.Sb(null,"Element","Element",1498489072,null),$APP.sl,$APP.Y],null),$APP.Gm,!0,$APP.Um,!0,$APP.lm,!0],null)]);
|
|
31
|
+
$APP.zf([kr,$APP.Oj,jr,$APP.Pj,$APP.Ul,mr,ir,$APP.ki,lr,$APP.Yj,$APP.cn],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,
|
|
32
|
+
$APP.Y],null)]);var dq=new $APP.S(null,new $APP.Q(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var sq=[0],tq=":host{display:block;position:fixed;z-index:var("+$APP.T.g("--x-liquid-dock-z-index")+",50);pointer-events:auto;"+$APP.T.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.T.g("--x-liquid-dock-gap")+",8px);padding:var("+$APP.T.g("--x-liquid-dock-padding")+",8px);border-radius:var("+$APP.T.g("--x-liquid-dock-radius")+",20px);background:var("+$APP.T.g("--x-liquid-dock-bg")+",rgba(255,255,255,0.88));border:1px solid var("+$APP.T.g("--x-liquid-dock-border")+",rgba(148,163,184,0.22));box-shadow:var("+$APP.T.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.T.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.T.g("--x-liquid-dock-item-size")+",48px);height:var("+$APP.T.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
35
|
$APP.T.g("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.T.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
|
-
|
|
37
|
-
$APP.k(a,"__xLiquidDockBurst");return $APP.n(gb)?gb:0}();var J=G-d<300;if(J){G=(1-(G-d)/300)*20;var
|
|
38
|
-
C);aa=g[Pa];db=
|
|
39
|
-
db;aa.cRot=Ca;aa.cScale=Pa;pb=H+G*2.39996;eb=1-
|
|
40
|
-
e=.012+.006*Math.sin(g);a.__xLiquidDockSeed=g;g=$APP.
|
|
36
|
+
Vq=function Vq(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xLiquidDockModel"),d=$APP.k(a,"__xLiquidDockMouse"),e=$APP.k(a,"__xLiquidDockBlobs"),g=$APP.k(a,"__xLiquidDockBlobSt"),h=$APP.k(a,"__xLiquidDockItemsR"),l=function(){var gb=Rq(a);return $APP.n(gb)?gb:[]}(),m=$APP.ph.i(h.length,l.length),p=$APP.k(d,"x"),q=$APP.k(d,"y"),v=$APP.k(d,"active"),x=Oq.g(c),y=Pq.g(c),A=Eq.g(c),C=$APP.cn.g(c),E=1+y*.8,H=function(){var gb=$APP.k(a,"__xLiquidDockSeed");return $APP.n(gb)?gb:0}(),G=Date.now();d=function(){var gb=
|
|
37
|
+
$APP.k(a,"__xLiquidDockBurst");return $APP.n(gb)?gb:0}();var J=G-d<300;if(J){G=(1-(G-d)/300)*20;var R=uq.g(c),aa=$APP.Mj.g($APP.k(a,"__xLiquidDockRefs"));$APP.n(aa)&&aa.setAttribute("scale",""+$APP.T.g(R+G))}for(G=0;;)if(G<m){R=h[G];var la=$APP.k(R,"cx"),Ca=$APP.k(R,"cy");aa=G*2;var Pa=aa+1;if(Pa<e.length){R=jq.g($APP.n(v)?mq(la,Ca,p,q,x,y,E):new $APP.Q(null,4,[jq,0,$APP.aj,1,kq,0,lq,0],null));aa=e[aa];var db="translate("+$APP.T.g(la-26)+"px,"+$APP.T.g(Ca-26)+"px)";aa.style.transform=db;var eb=pq(R,
|
|
38
|
+
C);aa=g[Pa];db=nq.g(eb);var pb=oq.g(eb);eb=$APP.aj.g(eb);db=iq($APP.k(aa,"cpDx"),db);pb=iq($APP.k(aa,"cpDy"),pb);eb=iq($APP.k(aa,"cpScale"),eb);aa.cpDx=db;aa.cpDy=pb;aa.cpScale=eb;Pa=e[Pa];Ca="translate("+$APP.T.g(la-22+db)+"px,"+$APP.T.g(Ca-22+pb)+"px) scale("+$APP.T.g(eb)+")";Pa.style.transform=Ca;Pa=rq(R,$APP.n(v)?function(){var gb=p-la;return gb>1?1:gb<-1?-1:0}():0,C,A);db=iq($APP.k(aa,"cLift"),qq.g(Pa));Ca=iq($APP.k(aa,"cRot"),$APP.bm.g(Pa));Pa=iq($APP.k(aa,"cScale"),$APP.aj.g(Pa));aa.cLift=
|
|
39
|
+
db;aa.cRot=Ca;aa.cScale=Pa;pb=H+G*2.39996;eb=1-R*.7;R=Math.sin(pb)*1.8*eb*A;aa=Math.cos(pb*.7)*.8*eb*A;var Nb=Math.sin(pb*1.3)*1.2*eb*A;pb=l[G];eb=Nq.g(c);db+=$APP.n(eb)?aa:R;Ca+=Nb;R=$APP.n(eb)?"translate("+$APP.T.g(db)+"px,"+$APP.T.g(R)+"px) rotate("+$APP.T.g(Ca)+"deg) scale("+$APP.T.g(Pa)+")":"translate("+$APP.T.g(aa)+"px,"+$APP.T.g(db)+"px) rotate("+$APP.T.g(Ca)+"deg) scale("+$APP.T.g(Pa)+")";pb.style.transform=R}G+=1}else break;g=$APP.k(a,"__xLiquidDockSeed")+Dq.g(c);h=$APP.k(a,"__xLiquidDockRefs");
|
|
40
|
+
e=.012+.006*Math.sin(g);a.__xLiquidDockSeed=g;g=$APP.Pl.g(h);$APP.n(g)&&g.setAttribute("baseFrequency",""+$APP.T.g(e));!J&&d>0&&(d=$APP.Mj.g($APP.k(a,"__xLiquidDockRefs")),$APP.n(d)&&d.setAttribute("scale",""+$APP.T.g(uq.g(c))),a.__xLiquidDockBurst=0);$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return Vq.g?Vq.g(a):Vq.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_dock.init",hr);export const init=hr;
|