@vanelsas/baredom 3.0.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +45 -0
- package/custom-elements.json +3673 -2681
- package/dist/baredom.d.ts +91 -86
- package/dist/base.js +595 -541
- package/dist/integrity.json +108 -103
- package/dist/x-alert.js +17 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.d.ts +55 -0
- package/dist/x-calendar.js +40 -0
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.d.ts +48 -0
- package/dist/x-code.js +28 -0
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -21
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +39 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -7
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -25
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-range-slider.d.ts +51 -0
- package/dist/x-range-slider.js +29 -0
- package/dist/x-rating.d.ts +49 -0
- package/dist/x-rating.js +24 -0
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-split-pane.d.ts +44 -0
- package/dist/x-split-pane.js +16 -0
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +127 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +29 -2
package/dist/x-kinetic-canvas.js
CHANGED
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
6,[$APP.
|
|
5
|
-
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
"
|
|
10
|
-
performance.now())
|
|
11
|
-
$APP.
|
|
12
|
-
0&&e>0){$APP.
|
|
13
|
-
0);$APP.
|
|
14
|
-
new $APP.
|
|
15
|
-
b,c,d){$APP.I(c,d)
|
|
16
|
-
new $APP.
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function(){var q=$APP.
|
|
2
|
+
var EC=function(a,b,c,d,e){c=b.length;for(d=0;;)if(d<c){var f=b[d],h=e[f.ci],k=f.op,m=f.x,q=f.y;f=f.r;a.globalAlpha=k;a.fillStyle=h;a.beginPath();a.arc(m,q,f,0,6.283185307179586);a.fill();a.globalAlpha=k*.3;a.fillStyle="rgba(255,255,255,0.5)";a.beginPath();a.arc(m-f*.25,q-f*.25,f*.3,0,6.283185307179586);a.fill();d+=1}else break;return a.globalAlpha=1},FC=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
|
|
3
|
+
GC=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,k=0;;)if(k<h){var m=b[k],q=m.x,u=m.y,x=m.ch,y=m.ln;m=m.cs;a.font=""+$APP.P.i(m)+"px monospace";a.textBaseline="top";for(var A=y,E=0;;)if(E<A){var H=u-(y-1-E)*m,N=(E+1)/y,S=N*N;H>-m&&H<d+m&&(a.globalAlpha=Math.min(1,S),a.fillStyle=$APP.z.j(E,y-1)?c:N>.5?f:e,a.fillText(x[E],q,H));E+=1}else break;k+=1}else break;return a.globalAlpha=1},HC=function(a){return $APP.D($APP.l(a,"__xKineticCanvasReduced"))},PC=function(a){a=new $APP.M(null,
|
|
4
|
+
6,[$APP.xp,a.getAttribute("type"),$APP.Js,a.getAttribute("variant"),$APP.ss,a.getAttribute("speed"),$APP.zq,a.getAttribute("density"),IC,a.getAttribute("fullscreen"),JC,a.getAttribute("paused")],null);var b=$APP.G(a),c=$APP.C(b,$APP.xp),d=$APP.C(b,$APP.Js),e=$APP.C(b,$APP.ss),f=$APP.C(b,$APP.zq);a=$APP.C(b,IC);b=$APP.C(b,JC);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.cd(KC,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.cd(LC,d)?
|
|
5
|
+
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(MC,e);$APP.n(h)?e=h:(e=parseFloat(e),h=isNaN(e),e=$APP.n($APP.n(h)?h:e<=0)?1:Math.min(10,e))}else e=1;typeof f==="string"?(f=f.trim().toLowerCase(),h=$APP.C(NC,f),$APP.n(h)?f=h:(f=parseFloat(f),h=isNaN(f),f=$APP.n($APP.n(h)?h:f<=0)?1:Math.min(5,f))):f=1;return new $APP.M(null,6,[$APP.O,c,$APP.Am,d,$APP.Nq,e,$APP.Gs,f,OC,a!=null,$APP.Gp,b!=null],null)},QC=function(a){$APP.Q(a,"__xKineticCanvasCol",null)},
|
|
6
|
+
TC=function(a,b){var c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.O.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.z.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.z.j(f,""))f=14;else{f=parseInt(f,10);var h=isNaN(f);f=$APP.n($APP.n(h)?h:f<=0)?14:f}}else f=null;h=$APP.C(RC,e);a:{var k=$APP.Gs.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*k*m,50),500));break a;
|
|
7
|
+
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.Am.i(b);h=SC.i(h);c=h.W?h.W(c,d,e,b,f):h.call(null,c,d,e,b,f);$APP.Q(a,"__xKineticCanvasEnt",c)}},VC=function(a){var b=$APP.l(a,"__xKineticCanvasModel"),c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.l(a,"__xKineticCanvasEnt"),f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.So);if($APP.n($APP.n(c)?
|
|
8
|
+
$APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.l(a,"__xKineticCanvasCol");if($APP.n(h))var k=h[0];else{var m=window.getComputedStyle(a),q=m.getPropertyValue("--x-kinetic-canvas-bg").trim();h=m.getPropertyValue("--x-kinetic-canvas-color-1").trim();k=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();q=$APP.z.j(q,"")?"#f0f0f5":q;h=[q,$APP.z.j(h,"")?"#1a1a2e":h,$APP.z.j(k,"")?"#2563eb":k,$APP.z.j(m,"")?"#7c3aed":m];$APP.Q(a,
|
|
9
|
+
"__xKineticCanvasCol",h);k=q}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.O.i(b);b=$APP.C(RC,b);f.clearRect(0,0,c,d);k!=null&&$APP.I(k,"transparent")&&(f.fillStyle=k,f.fillRect(0,0,c,d));if(HC(a))return a=$APP.hr.i(b),a.W?a.W(f,e,c,d,h):a.call(null,f,e,c,d,h);a=$APP.l(a,"__xKineticCanvasTime");a=$APP.n(a)?a:0;b=UC.i(b);return b.va?b.va(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},XC=function(a){if($APP.n($APP.l(a,"__xKineticCanvasRaf")))return null;$APP.Yi(a,"__xKineticCanvasLastFrame",
|
|
10
|
+
performance.now());return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return WC(a)}))},YC=function(a){var b=$APP.l(a,"__xKineticCanvasRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.Yi(a,"__xKineticCanvasRaf",null)):null},ZC=function(a){function b(d){d=d.matches;$APP.Q(a,"__xKineticCanvasReduced",d);QC(a);$APP.n(d)?(YC(a),d=VC(a)):(d=$APP.l(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.Gp.i($APP.l(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?XC(a):null);return d}var c=window.matchMedia("(prefers-reduced-motion:reduce)");
|
|
11
|
+
$APP.Q(a,"__xKineticCanvasReduced",c.matches);c.addEventListener("change",b);$APP.Q(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;$APP.Q(a,"__xKineticCanvasVis",d);var e=$APP.l(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.Gp.i(e),d=$APP.n($APP.n(d)?d:HC(a))?null:XC(a)):d=YC(a);return d},{threshold:[0]});c.observe(a);$APP.Q(a,"__xKineticCanvasIO",c);c=new ResizeObserver(function(d){a:{if(d.length>0){var e=d[0].contentRect;d=e.width;e=e.height;
|
|
12
|
+
if(d>0&&e>0){$APP.Q(a,"__xKineticCanvasW",d);$APP.Q(a,"__xKineticCanvasH",e);var f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.wt);var h=window.devicePixelRatio;h=$APP.n(h)?h:1;f.width=d*h;f.height=e*h;f.getContext("2d").setTransform(h,0,0,h,0,0);QC(a);TC(a,$APP.l(a,"__xKineticCanvasModel"));d=$APP.Gp.i($APP.l(a,"__xKineticCanvasModel"));d=$APP.n($APP.n(d)?d:HC(a))?VC(a):XC(a);break a}}d=null}return d});c.observe(a);return $APP.Q(a,"__xKineticCanvasRO",c)},aD=function(a){var b=PC(a);
|
|
13
|
+
$APP.Q(a,"__xKineticCanvasModel",b);$APP.Yi(a,"__xKineticCanvasTime",0);$APP.Q(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.l(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=$C;d.className="kc-canvas-wrap";$APP.T(e,"aria-hidden","true");d.appendChild(e);f.className="kc-content";f.appendChild(h);b.appendChild(c);
|
|
14
|
+
b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.Ak,b,$APP.wt,e,$APP.So,e.getContext("2d")],null))}return ZC(a)},bD=function(a){YC(a);var b=$APP.l(a,"__xKineticCanvasMQL");$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),$APP.Q(a,"__xKineticCanvasMQL",null));b=$APP.l(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xKineticCanvasIO",null));b=$APP.l(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xKineticCanvasRO",null));
|
|
15
|
+
return $APP.Q(a,"__xKineticCanvasVis",!1)},cD=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticCanvasRefs"))?(b=PC(a),c=$APP.l(a,"__xKineticCanvasModel"),$APP.I(c,b)?(QC(a),(c==null||$APP.I($APP.O.i(b),$APP.O.i(c))||$APP.I($APP.Gs.i(b),$APP.Gs.i(c))||$APP.I($APP.Am.i(b),$APP.Am.i(c)))&&TC(a,b),c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(c=$APP.Gp.i(b),$APP.n($APP.n(c)?c:HC(a))?(YC(a),VC(a)):(VC(a),XC(a))),a=$APP.Q(a,"__xKineticCanvasModel",
|
|
16
|
+
b)):a=null):a=null:a=null;return a},eD=function(a){return $APP.sj(a,dD)},gD=function(){return $APP.xi("x-kinetic-canvas",new $APP.M(null,5,[$APP.hi,fD,$APP.fi,aD,$APP.ci,bD,$APP.bi,cD,$APP.gi,eD],null))},SC=new $APP.F(null,"create","create",-1301499256),hD=new $APP.F(null,"update","update",1045576396),OC=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),JC=new $APP.F(null,"paused-attr","paused-attr",2104502840),IC=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),UC=new $APP.F(null,
|
|
17
|
+
"draw","draw",1358331674);var fD="type variant speed density fullscreen paused".split(" "),dD=new $APP.M(null,6,[$APP.O,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"type"],null),$APP.Am,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"variant"],null),$APP.Nq,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"speed"],null),$APP.Gs,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"fullscreen"],null),$APP.Yr,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,
|
|
18
|
+
"paused"],null)],null),KC=new $APP.ah(null,new $APP.M(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),LC=new $APP.ah(null,new $APP.M(null,2,["twinkle",null,"motion",null],null),null),MC=new $APP.M(null,3,["slow",.3,"medium",1,"fast",2.5],null),NC=new $APP.M(null,3,["low",.5,"medium",1,"high",2],null);var iD=function iD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return iD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.ac(c.slice(4),0,null):null)};iD.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.z=.1+Math.random()*.9;f.sz=.5+Math.random()*2.5;f.br=.3+Math.random()*.7;f.ph=Math.random()*6.283185307179586;d.push(f);e+=1}else break;return d};iD.M=4;
|
|
19
|
+
iD.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);var d=$APP.v(c);c=$APP.t(d);var e=$APP.v(d);d=$APP.t(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var jD=function jD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return jD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.ac(c.slice(4),0,null):null)};jD.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.r=8+Math.random()*40;f.vx=(Math.random()-.5)*20;f.vy=-(10+Math.random()*30);f.op=.4+Math.random()*.5;f.ci=$APP.sd(e,3);d.push(f);e+=1}else break;return d};jD.M=4;
|
|
20
|
+
jD.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);var d=$APP.v(c);c=$APP.t(d);var e=$APP.v(d);d=$APP.t(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var RC=$APP.he(["starfield",new $APP.M(null,4,[SC,iD,hD,function(a,b,c,d,e,f){switch(f){case "twinkle":a:{d=2*c*b;e=a.length;for(b=0;;)if(b<e)c=a[b],c.ph+=d,b+=1;else{a=null;break a}a=void 0}return a;default:a:{b*=30*c;c=d*.5;f=e*.5;for(var h=a.length,k=0;;)if(k<h){var m=a[k],q=m.z,u=m.x,x=m.y;q*=b*q;u+=(u-c)*q*.02;x+=(x-f)*q*.02;m.x=u;m.y=x;if(u<-10||u>d+10||x<-10||x>e+10)m.x=c+(Math.random()-.5)*40,m.y=f+(Math.random()-.5)*40,m.z=.1+Math.random()*.9,m.br=.3+Math.random()*.7;k+=1}else{a=null;break a}a=
|
|
21
|
+
void 0}return a}},UC,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var k=b[h],m=k.z,q=k.sz*m,u=$APP.sd(h,3)===0?e:c;a.globalAlpha=Math.min(1,k.br*(.5+.5*Math.sin(f*2+k.ph))*m);a.fillStyle=u;a.beginPath();a.arc(k.x,k.y,Math.max(.5,q),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},$APP.hr,function(a,b,c,d,e){c=b.length;a.fillStyle=e[0];for(e=0;;)if(e<c){d=b[e];var f=d.z,h=d.sz*f;a.globalAlpha=d.br*f;a.beginPath();a.arc(d.x,d.y,Math.max(.5,h),0,6.283185307179586);
|
|
22
|
+
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[SC,jD,hD,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var k=a[h],m=k.r,q=k.x+k.vx*c,u=k.y+k.vy*c,x=k.vx+(Math.random()-.5)*2*b;k.x=q;k.y=u;k.vx=Math.abs(x)>30?Math.sign(x)*30:x;u<0-m-10&&(k.y=e+m+10,k.x=Math.random()*d,k.r=8+Math.random()*40,k.op=.4+Math.random()*.5);q<0-m&&(k.x=d+m);q>d+m&&(k.x=0-m);h+=1}else return null},UC,EC,$APP.hr,function(a,b,c,d,e){return EC(a,b,c,d,e,0)}],null),"matrix",new $APP.M(null,
|
|
23
|
+
4,[SC,function(a,b,c,d,e){d=$APP.n(e)?e:14;e=[];for(var f=Math.ceil(b/d),h=0;;)if(h<c){for(var k=5+Math.floor(Math.random()*(f-5)),m=[],q=k,u=0;;)if(u<q)m.push(FC()),u+=1;else break;q={};q.x=a/c*h;q.y=(Math.random()-.5)*b*2;q.sp=40+Math.random()*120;q.ln=k;q.ch=m;q.ct=Math.random()*.2;q.cs=d;e.push(q);h+=1}else break;return e},hD,function(a,b,c,d,e){d=a.length;for(var f=0;;)if(f<d){var h=a[f],k=h.ln,m=h.cs;h.y+=h.sp*c*b;h.y-k*m>e&&(h.y=-(k*m),h.sp=40+Math.random()*120);h.ct+=b;h.ct>.08&&(h.ct=0,h=
|
|
24
|
+
h.ch,h[Math.floor(Math.random()*h.length)]=FC());f+=1}else return null},UC,GC,$APP.hr,function(a,b,c,d,e){return GC(a,b,c,d,e,0)}],null)]),$C=":host{display:block;position:relative;overflow:hidden;"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+$APP.P.i("--x-kinetic-canvas-matrix-font-size")+
|
|
25
|
+
":14;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#c084fc);}}:host([fullscreen]){position:fixed;inset:0;z-index:var(--x-kinetic-canvas-z,-1);}.kc-canvas-wrap{position:absolute;inset:0;z-index:0;}canvas{display:block;width:100%;height:100%;}.kc-content{position:relative;z-index:1;}",
|
|
26
|
+
WC=function WC(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var q=$APP.Gp.i($APP.l(a,"__xKineticCanvasModel"));return $APP.n(q)?q:HC(a)}()))return $APP.Yi(a,"__xKineticCanvasRaf",null);var c=$APP.l(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.O.i(c),h=$APP.C(RC,f);f=$APP.l(a,"__xKineticCanvasEnt");var k=$APP.l(a,"__xKineticCanvasW"),m=$APP.l(a,"__xKineticCanvasH");$APP.Yi(a,"__xKineticCanvasLastFrame",d);$APP.Yi(a,
|
|
27
|
+
"__xKineticCanvasTime",function(){var q=$APP.l(a,"__xKineticCanvasTime");return $APP.n(q)?q:0}()+e);$APP.n(f)&&(d=$APP.Nq.i(c),c=$APP.Am.i(c),h=hD.i(h),h.va?h.va(f,e,d,k,m,c):h.call(null,f,e,d,k,m,c));VC(a);return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return WC.i?WC.i(a):WC.call(null,a)}))};$APP.fa("baredom.exports.x_kinetic_canvas.init",gD);export const init=gD;
|
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a):null},
|
|
4
|
-
a.getAttribute("
|
|
5
|
-
|
|
6
|
-
b);c
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
d
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
2
|
+
var F6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},G6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.cd(Wqa,a)?a:"cursor"},Yqa=function(a){return typeof a==="string"?(a=$APP.If.m($APP.bh,$APP.Be(function(b){return $APP.cd(Xqa,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Rc(a)?H6:a):H6},I6=function(a){return typeof a==="string"?(a=a.trim(),$APP.z.j(a,"")?null:
|
|
3
|
+
a):null},J6=function(a,b,c,d,e,f,h,k,m,q,u){a*=c;d=$APP.cd(b,"bulge")?d+a*(e-d):d;f=$APP.cd(b,"stretch")?f+a*(h-f):f;k=$APP.cd(b,"lean")?m+a*(k-m):m;b=$APP.cd(b,"breathe")?q+a*(u-q):q;return[d,f,k,b]},K6=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},U6=function(a){a=$APP.Eg([$APP.Mq,$APP.Nr,L6,M6,N6,$APP.Gl,$APP.Hl,O6,$APP.Pq,P6],[a.getAttribute("mass"),a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),
|
|
4
|
+
a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.G(a);a=$APP.C(b,$APP.Pq);var c=$APP.C(b,P6),d=$APP.C(b,$APP.Mq),e=$APP.C(b,$APP.Nr),f=$APP.C(b,M6),h=$APP.C(b,L6),k=$APP.C(b,N6),m=$APP.C(b,$APP.Gl),q=$APP.C(b,$APP.Hl);b=$APP.C(b,O6);return $APP.Eg([$APP.It,Q6,R6,$APP.du,$APP.Dr,S6,$APP.jr,$APP.Xq,T6,$APP.Ul],[F6(d,1,.1,10),F6(c,170,10,500),Yqa(q),F6(a,200,20,1E3),F6(e,.5,0,1),f!=null,F6(b,26,1,100),G6(h),I6(k),
|
|
5
|
+
typeof m==="string"?m:""])},V6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},W6=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.P.i(b[0].toFixed(1))+", 'wdth' "+$APP.P.i(b[1].toFixed(1))+", 'slnt' "+$APP.P.i(b[2].toFixed(1))+", 'opsz' "+$APP.P.i(b[3].toFixed(1));d.call(a,"font-variation-settings",b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.P.i(c.toFixed(1))+"deg)")},
|
|
6
|
+
X6=function(a,b,c,d){b-=a.left+.5*a.width;a=c-(a.top+.5*a.height);a=Math.sqrt(b*b+a*a);a>=d?d=0:(d=1-a/d,d*=d);return d},Zqa=function(a,b){var c=function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()>.5;return $APP.n(function(){var d=b[0];return $APP.n(d)?!c:d}())?($APP.Yi(a,"__xKineticFontRaf",null),$APP.Q(a,"__xKineticFontSD",0),$APP.n($APP.l(a,"__xKineticFontAct"))?($APP.Q(a,"__xKineticFontAct",!1),$APP.dj(a,"x-kinetic-font-spring-settle",{})):null):$APP.Yi(a,"__xKineticFontRaf",
|
|
7
|
+
requestAnimationFrame(function(){return Y6.i?Y6.i(a):Y6.call(null,a)}))},Y6=function(a){if($APP.n(a.isConnected)){var b=$APP.l(a,"__xKineticFontModel"),c=$APP.l(a,"__xKineticFontCV"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticFontLF"),100)/1E3,f=$APP.It.i(b),h=Q6.i(b),k=$APP.jr.i(b),m=$APP.Dr.i(b),q=$APP.du.i(b),u=$APP.Xq.i(b);b=R6.i(b);c=$APP.Yg.B(c,R6,b,$APP.Cc([$APP.Dr,m,Z6,$APP.cd(b,"lean")]));m=$APP.l(a,"__xKineticFontMX");b=$APP.l(a,"__xKineticFontMY");var x=$APP.l(a,"__xKineticFontSD");
|
|
8
|
+
var y=$APP.n(x)?x:0;x=Math.min(1,Math.abs(y)/100);var A=$APP.l(a,"__xKineticFontSpr"),E=$APP.l(a,"__xKineticFontCS"),H=E!=null,N=A.length,S=[!0];$APP.Yi(a,"__xKineticFontLF",d);$APP.Q(a,"__xKineticFontSD",y*.85);for(d=0;;)if(d<N){y=A[d];var R=a,Y=E,ka=d,ha=H,na=u,La=m,Na=b,ab=q;var nb=x;var Hb=$APP.z.j(na,"cursor")||$APP.z.j(na,"both");$APP.n($APP.n(ha)?Hb:ha)?(R=Y[ka].getBoundingClientRect(),La=X6(R,La,Na,ab),nb=Math.max(La,nb)):$APP.n($APP.n(ha)?$APP.z.j(na,"scroll"):ha)||($APP.p(ha)&&Hb?(R=$APP.G($APP.l(R,
|
|
9
|
+
"__xKineticFontRefs")),R=$APP.C(R,$APP.Bk).getBoundingClientRect(),La=X6(R,La,Na,ab),nb=Math.max(La,nb)):nb=$APP.z.j(na,"scroll")?nb:0);La=y[0];Na=y[1];Na+=(h*(nb-La)-k*Na)/f*e;La=[La+Na*e,Na];Na=La[1];y[0]=La[0];y[1]=Na;y=La;ab=y[0];Math.abs(ab-nb)<.001&&Math.abs(y[1])<.01||(S[0]=!1);y=a;nb=E;La=d;Na=H;var Tb=$APP.G(c);ha=$APP.C(Tb,$6);na=$APP.C(Tb,a7);R=$APP.C(Tb,Z6);Hb=$APP.C(Tb,b7);var qc=$APP.C(Tb,c7),Nf=$APP.C(Tb,d7),og=$APP.C(Tb,R6),ih=$APP.C(Tb,e7);Y=$APP.C(Tb,$APP.Dr);var jh=$APP.C(Tb,f7);
|
|
10
|
+
ka=$APP.C(Tb,g7);Tb=$APP.C(Tb,h7);ha=J6(ab,og,Y,jh,ha,na,Tb,qc,Hb,ih,Nf);ab=$APP.n(R)?ab*Y*ka:0;$APP.n(Na)?W6(nb[La],ha,ab):(y=$APP.G($APP.l(y,"__xKineticFontRefs")),y=$APP.C(y,$APP.Bk),W6(y,ha,ab));d+=1}else break;return Zqa(a,S)}return null},i7=function(a){if($APP.n($APP.l(a,"__xKineticFontRaf")))return null;$APP.n($APP.l(a,"__xKineticFontAct"))||($APP.Q(a,"__xKineticFontAct",!0),$APP.dj(a,"x-kinetic-font-spring-activate",{}));$APP.Yi(a,"__xKineticFontLF",performance.now());return $APP.Yi(a,"__xKineticFontRaf",
|
|
11
|
+
requestAnimationFrame(function(){return Y6(a)}))},$qa=function(a){var b=window.scrollY,c=b-function(){var d=$APP.l(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();$APP.Q(a,"__xKineticFontLSY",b);$APP.Q(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));return K6()?null:i7(a)},ara=function(a,b){var c=$APP.Xq.i(b);b={};if($APP.z.j(c,"cursor")||$APP.z.j(c,"both")){var d=function(e){$APP.Q(a,"__xKineticFontMX",e.clientX);$APP.Q(a,"__xKineticFontMY",
|
|
12
|
+
e.clientY);return K6()?null:i7(a)};b.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.z.j(c,"scroll")||$APP.z.j(c,"both"))c=function(){return $qa(a)},b.scroll=c,$APP.Q(a,"__xKineticFontLSY",window.scrollY),window.addEventListener("scroll",c,{passive:!0});$APP.Q(a,"__xKineticFontHdl",b)},j7=function(a){var b=$APP.l(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.l(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.l(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",
|
|
13
|
+
b);return $APP.Q(a,"__xKineticFontHdl",null)}return null},l7=function(a,b){var c=$APP.l(a,"__xKineticFontModel");if($APP.I($APP.Ul.i(b),$APP.Ul.i(c))||$APP.I(S6.i(b),S6.i(c)))if($APP.n(S6.i(b))){var d=$APP.Ul.i(b),e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Bk);d=$APP.$e(d);var f=$APP.w(d),h=Array(f),k=Array(f);e.textContent="";for(var m=0;;)if(m<f){var q=$APP.xc(d,m),u=document.createElement("span");$APP.T(u,"part","char");$APP.z.j(q," ")?($APP.T(u,"data-ws",""),u.textContent=" "):u.textContent=
|
|
14
|
+
q;e.appendChild(u);h[m]=u;k[m]=[0,0];m+=1}else break;$APP.Q(a,"__xKineticFontCS",h);$APP.Q(a,"__xKineticFontSpr",k)}else e=$APP.Ul.i(b),d=$APP.G($APP.l(a,"__xKineticFontRefs")),$APP.C(d,$APP.Bk).textContent=e,$APP.Q(a,"__xKineticFontCS",null),$APP.Q(a,"__xKineticFontSpr",[[0,0]]);$APP.I($APP.Xq.i(b),$APP.Xq.i(c))&&(j7(a),ara(a,b));c=$APP.G(b);c=$APP.C(c,T6);e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Bk);$APP.n(c)?e.style.setProperty("font-family",c):e.style.removeProperty("font-family");
|
|
15
|
+
c=getComputedStyle(a);$APP.Q(a,"__xKineticFontCV",$APP.Eg([b7,c7,d7,e7,f7,g7,h7,a7,$6],[V6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),V6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),V6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),V6(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),V6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),V6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),V6(c.getPropertyValue("--x-kinetic-font-width-max"),125),V6(c.getPropertyValue("--x-kinetic-font-width-min"),
|
|
16
|
+
75),V6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]));c=$APP.Ul.i(b);e=$APP.G($APP.l(a,"__xKineticFontRefs"));$APP.C(e,k7).textContent=c;$APP.z.j(c,"")?($APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):($APP.U(a,"aria-hidden"),$APP.T(a,"role","text"),$APP.T(a,"aria-label",c));if(!K6())if(c=$APP.l(a,"__xKineticFontCV"),c=J6(0,R6.i(b),$APP.Dr.i(b),f7.i(c),$6.i(c),a7.i(c),h7.i(c),c7.i(c),b7.i(c),e7.i(c),d7.i(c)),$APP.n(S6.i(b))){if(e=$APP.l(a,"__xKineticFontCS"),$APP.n(e))for(d=e.length,f=
|
|
17
|
+
0;;)if(f<d)W6(e[f],c,0),f+=1;else break}else e=$APP.G($APP.l(a,"__xKineticFontRefs")),e=$APP.C(e,$APP.Bk),W6(e,c,0);return $APP.Q(a,"__xKineticFontModel",b)},bra=function(a){$APP.lj(a,"text","text","");$APP.lj(a,"mode","mode","bulge");$APP.ij(a,"perChar","per-char");Object.defineProperty(a,"trigger",{get:function(){return G6(this.getAttribute("trigger"))},set:function(b){return b==null?$APP.U(this,"trigger"):$APP.T(this,"trigger",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
18
|
+
"mass",{get:function(){var b=this.getAttribute("mass");return F6(b,1,.1,10)},set:function(b){return b==null?$APP.U(this,"mass"):$APP.T(this,"mass",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return F6(b,170,10,500)},set:function(b){return b==null?$APP.U(this,"tension"):$APP.T(this,"tension",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");
|
|
19
|
+
return F6(b,26,1,100)},set:function(b){return b==null?$APP.U(this,"friction"):$APP.T(this,"friction",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return F6(b,.5,0,1)},set:function(b){return b==null?$APP.U(this,"intensity"):$APP.T(this,"intensity",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return F6(b,200,20,1E3)},set:function(b){return b==
|
|
20
|
+
null?$APP.U(this,"radius"):$APP.T(this,"radius",""+$APP.P.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return I6(this.getAttribute("font-family"))},set:function(b){return b==null?$APP.U(this,"font-family"):$APP.T(this,"font-family",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},dra=function(a){if(!$APP.n($APP.l(a,"__xKineticFontRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span");
|
|
21
|
+
c.textContent=cra;$APP.T(d,"part","container");$APP.T(e,"class","sr-only");$APP.T(e,"part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xKineticFontRefs",new $APP.M(null,3,[$APP.Ak,b,$APP.Bk,d,k7,e],null))}b=U6(a);$APP.Q(a,"__xKineticFontModel",null);$APP.Q(a,"__xKineticFontMX",0);$APP.Q(a,"__xKineticFontMY",0);$APP.Q(a,"__xKineticFontSD",0);$APP.Q(a,"__xKineticFontAct",!1);return l7(a,b)},era=function(a){var b=$APP.l(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),
|
|
22
|
+
$APP.Yi(a,"__xKineticFontRaf",null));return j7(a)},fra=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticFontRefs"))?(b=U6(a),a=$APP.I(b,$APP.l(a,"__xKineticFontModel"))?l7(a,b):null):a=null:a=null;return a},m7=function(){return $APP.xi("x-kinetic-font",new $APP.M(null,5,[$APP.hi,gra,$APP.fi,dra,$APP.ci,era,$APP.bi,fra,$APP.gi,bra],null))},M6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),L6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),c7=new $APP.F(null,"slnt-min",
|
|
23
|
+
"slnt-min",71363427),h7=new $APP.F(null,"wdth-max","wdth-max",-522030121),g7=new $APP.F(null,"skew-max","skew-max",1543858453),a7=new $APP.F(null,"wdth-min","wdth-min",-986627045),N6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),S6=new $APP.F(null,"per-char?","per-char?",-1016397834),e7=new $APP.F(null,"opsz-min","opsz-min",-829837010),k7=new $APP.F(null,"sr-only","sr-only",-173275148),b7=new $APP.F(null,"slnt-max","slnt-max",1716167520),O6=new $APP.F(null,"friction-raw","friction-raw",
|
|
24
|
+
-1078184200),d7=new $APP.F(null,"opsz-max","opsz-max",454458088),f7=new $APP.F(null,"wght-min","wght-min",529224020),Z6=new $APP.F(null,"has-lean?","has-lean?",1031959742),R6=new $APP.F(null,"modes","modes",-1377787092),$6=new $APP.F(null,"wght-max","wght-max",-514604421),P6=new $APP.F(null,"tension-raw","tension-raw",961657279),T6=new $APP.F(null,"font-family","font-family",-667419874),Q6=new $APP.F(null,"tension","tension",58343589);var gra="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
25
|
+
$APP.Eg([$APP.It,Q6,$APP.Nl,new $APP.F(null,"perChar","perChar",2082880685),$APP.du,$APP.Dr,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.jr,$APP.Xq,$APP.Ul],[new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,
|
|
26
|
+
1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.X],null)]);$APP.he(["x-kinetic-font-spring-activate",new $APP.M(null,2,[$APP.V,$APP.ie,$APP.yt,!1],null),"x-kinetic-font-spring-settle",new $APP.M(null,2,[$APP.V,$APP.ie,$APP.yt,!1],null)]);
|
|
27
|
+
var Wqa=new $APP.ah(null,new $APP.M(null,3,["scroll",null,"both",null,"cursor",null],null),null),Xqa=new $APP.ah(null,new $APP.M(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),H6=new $APP.ah(null,new $APP.M(null,1,["bulge",null],null),null);var cra=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.P.i("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.P.i("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.P.i("--x-kinetic-font-size")+":2rem;"+$APP.P.i("--x-kinetic-font-weight-min")+":100;"+$APP.P.i("--x-kinetic-font-weight-max")+":900;"+$APP.P.i("--x-kinetic-font-width-min")+":75;"+$APP.P.i("--x-kinetic-font-width-max")+":125;"+$APP.P.i("--x-kinetic-font-slant-min")+":-12;"+$APP.P.i("--x-kinetic-font-slant-max")+
|
|
28
|
+
":0;"+$APP.P.i("--x-kinetic-font-opsz-min")+":8;"+$APP.P.i("--x-kinetic-font-opsz-max")+":144;"+$APP.P.i("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.P.i("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.P.i("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.P.i("--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;}}";$APP.fa("baredom.exports.x_kinetic_font.init",m7);export const init=m7;
|
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a()].join(""))},
|
|
4
|
-
"startOffset")
|
|
5
|
-
|
|
6
|
-
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")])
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"size-gradient"):
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"px");var
|
|
15
|
-
|
|
16
|
-
if(
|
|
17
|
-
$APP.
|
|
18
|
-
a
|
|
19
|
-
c=document.createElement("style"),d=document.createElement("div")
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
null
|
|
34
|
-
null
|
|
2
|
+
var jX=function(a){this.sb=a;this.F=null;this.A=2153775104;this.I=2048},cja=function(a){return new jX(a.toLowerCase())},dja=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 cja([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
|
+
a()].join(""))},kX=function(a){return typeof a==="string"&&$APP.I("",a.trim())?a.trim():null},lX=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},mX=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},nX=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),$APP.Q(a,"__xKineticTypographyAnimate",null))},oX=function(a,b,c,d){var e=lX("animate");c=""+$APP.P.i(c)+"s";b=$APP.z.j(b,"reverse")?"reverse":"normal";$APP.T(e,
|
|
4
|
+
"attributeName","startOffset");$APP.T(e,"repeatCount","indefinite");$APP.T(e,"dur",c);d>0&&$APP.T(e,"begin",""+$APP.P.i(d)+"s");switch(a){case "scroll":$APP.T(e,"from",$APP.z.j(b,"reverse")?"100%":"0%");$APP.T(e,"to",$APP.z.j(b,"reverse")?"0%":"100%");break;case "bounce":$APP.T(e,"values",$APP.z.j(b,"reverse")?"100%;0%;100%":"0%;100%;0%");$APP.T(e,"calcMode","spline");$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":$APP.T(e,"values",$APP.z.j(b,"reverse")?"120%;-20%;120%":
|
|
5
|
+
"-20%;120%;-20%"),$APP.T(e,"calcMode","spline"),$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},pX=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;return $APP.Q(a,"__xKineticTypographyEchoEls",[])}return null},EX=function(a){var b=$APP.Eg([$APP.js,qX,$APP.Mn,rX,$APP.Nq,$APP.Mr,sX,tX,uX,vX,wX,xX,$APP.Cq,yX,$APP.Ul],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),
|
|
6
|
+
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]),c=$APP.G(b),d=$APP.C(c,uX),e=$APP.C(c,vX),f=$APP.C(c,wX),h=$APP.C(c,xX),k=$APP.C(c,$APP.Cq),m=$APP.C(c,yX),q=$APP.C(c,$APP.Ul),u=$APP.C(c,$APP.js),x=$APP.C(c,qX),y=$APP.C(c,$APP.Mn),
|
|
7
|
+
A=$APP.C(c,rX),E=$APP.C(c,$APP.Nq),H=$APP.C(c,$APP.Mr),N=$APP.C(c,sX),S=$APP.C(c,tX),R=typeof q==="string"?q:"",Y=kX(u),ka=typeof H==="string"?H.trim().toLowerCase():null;var ha=$APP.cd(eja,ka)?ka:"wave";var na=$APP.z.j(ha,"crawl"),La=typeof y==="string"?y.trim().toLowerCase():null;var Na=$APP.cd(fja,La)?La:"scroll";var ab=typeof k==="string"?k.trim().toLowerCase():null;var nb=$APP.cd(gja,ab)?ab:"normal";if(typeof E==="string"){var Hb=parseFloat(E.trim());var Tb=typeof Hb==="number"&&$APP.p(isNaN(Hb))&&
|
|
8
|
+
Hb>0?Hb:1}else Tb=1;if(typeof S==="string"){var qc=parseInt(S.trim(),10);var Nf=typeof qc==="number"&&$APP.p(isNaN(qc))&&qc>0?qc:1}else Nf=1;if(typeof d==="string"){var og=$APP.fh(d.toLowerCase().trim().split(/\s+/));var ih=$APP.Eu.j(og,hja)}else ih=$APP.bh;var jh=kX(N),ad=kX(h);if($APP.z.j(ha,"crawl"))var ji=null;else{var Oe=Y!=null;var Of=Oe?$APP.Li(Y):Oe;ji=$APP.n(Of)?new $APP.M(null,2,[$APP.bt,Of,zX,"0 0 800 200"],null):$APP.C(ija,ha)}var lc=$APP.n($APP.n(jh)?$APP.n(ad)?!na:ad:jh)?$APP.Ad.j(ih,
|
|
9
|
+
"size-gradient"):ih,pg=$APP.cd(lc,"size-gradient")?$APP.to.j(lc,"size-pulse"):lc,jn=$APP.cd(pg,"color-wave")?$APP.to.j(pg,"color-shift"):pg;if(typeof x==="string"){var Nd=parseFloat(x.trim());var Aj=typeof Nd==="number"&&$APP.p(isNaN(Nd))&&Nd>0&&Nd<=1?Nd:.85}else Aj=.85;var Lk=$APP.bt.i(ji),ki=kX(A),Bj=zX.i(ji),Cj=10/$APP.uo.j(Tb,.01);if(na)var Pf=0;else if(typeof f==="string"){var kh=parseInt(f.trim(),10);Pf=typeof kh==="number"&&$APP.p(isNaN(kh))&&kh>=0&&kh<=5?kh:0}else Pf=0;if(typeof e==="string"){var qg=
|
|
10
|
+
parseFloat(e.trim());var Dj=typeof qg==="number"&&$APP.p(isNaN(qg))&&qg>0?qg:.3}else Dj=.3;if(typeof m==="string"){var rg=parseFloat(m.trim());var Pe=typeof rg==="number"&&$APP.p(isNaN(rg))&&rg>0&&rg<=1?rg:.5}else Pe=.5;var mf=$APP.Eg([qX,$APP.Yq,$APP.Mn,rX,$APP.Nq,zX,$APP.Mr,AX,sX,BX,CX,tX,jja,vX,wX,xX,$APP.Cq,yX,$APP.Ul],[Aj,Lk,Na,ki,Tb,Bj,ha,na,jh,jn,Cj,Nf,Y!=null,Dj,Pf,ad,nb,Pe,R]);if($APP.I(mf,$APP.l(a,"__xKineticTypographyModel"))){var li=$APP.l(a,"__xKineticTypographySvg"),Mk=$APP.l(a,"__xKineticTypographyPath"),
|
|
11
|
+
Qf=$APP.l(a,"__xKineticTypographyPathLine"),Ej=$APP.l(a,"__xKineticTypographyText"),lh=$APP.l(a,"__xKineticTypographyTextPath"),Nk=$APP.l(a,"__xKineticTypographySrOnly"),Ok=$APP.l(a,"__xKineticTypographyCrawlText");if($APP.n(AX.i(mf))){var Rf=$APP.G(mf),Sf=$APP.C(Rf,$APP.Ul),Hd=$APP.C(Rf,$APP.Mn),kn=$APP.C(Rf,$APP.Cq),sg=$APP.C(Rf,BX);$APP.T(a,"data-preset","crawl");Ok.textContent=Sf;nX(a);pX(a);$APP.I(Hd,"none")?$APP.T(a,"data-animation",Hd):$APP.U(a,"data-animation");$APP.z.j(kn,"reverse")?$APP.T(a,
|
|
12
|
+
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.cd(sg,"color-shift")?$APP.T(a,"data-effect","color-shift"):$APP.U(a,"data-effect")}else{var Tf=$APP.G(mf),ln=$APP.C(Tf,$APP.Mn),mn=$APP.C(Tf,$APP.Cq),nn=$APP.C(Tf,CX);$APP.U(a,"data-preset");$APP.U(a,"data-direction");var mh=$APP.G(Tf),Pk=$APP.C(mh,zX),mi=$APP.C(mh,$APP.Yq);$APP.n(Pk)&&$APP.T(li,"viewBox",Pk);$APP.n(mi)&&$APP.T(Mk,"d",mi);$APP.n($APP.n(Qf)?mi:Qf)&&$APP.T(Qf,"d",mi);var Pb=$APP.G(Tf),Od=$APP.C(Pb,vX),ni=$APP.C(Pb,wX),tg=$APP.C(Pb,
|
|
13
|
+
xX),Qk=$APP.C(Pb,$APP.Cq),on=$APP.C(Pb,yX),nh=$APP.C(Pb,$APP.Ul),Rk=$APP.C(Pb,qX),Sk=$APP.C(Pb,$APP.Mn),Uf=$APP.C(Pb,sX),ug=$APP.C(Pb,BX),nf=$APP.C(Pb,CX),vg=$APP.C(Pb,tX),Fj=vg<=1?nh:$APP.ae($APP.P,$APP.ve(1,DX.j(new $APP.ye(null,-1," · ",null),vg>0?new $APP.ye(null,vg,nh,null):$APP.dc))),Tk=$APP.cd(ug,"size-gradient"),pn=$APP.cd(ug,"color-wave"),Uk=Tk?$APP.n(Uf)?$APP.n(tg)?$APP.I(nh,""):tg:Uf:Tk;var bq=$APP.n(Uk)?Uk:pn&&$APP.I(nh,"");if($APP.n(bq)){lh.textContent="";var Vk=$APP.$e(Fj),of=$APP.w(Vk),
|
|
14
|
+
vd=$APP.cd(ug,"size-gradient"),Vf=$APP.cd(ug,"color-wave"),pf=vd?parseFloat(Uf):null,Wf=vd?parseFloat(tg):null;if(vd){var oh=$APP.yh(/[a-z%]+/,$APP.n(Uf)?Uf:"px");var wg=$APP.n(oh)?oh:"px"}else wg=null;for(var oi=wg,Gj=Vf?of>0?nf/of:0:null,Hj=$APP.r($APP.vh(0,of)),Ij=null,Jj=0,Wk=0;;)if(Wk<Jj){var xg=Ij.C(null,Wk),Xk=lX("tspan");$APP.n(vd?$APP.n(pf)?Wf:pf:vd)&&$APP.T(Xk,"font-size",""+$APP.P.i(pf+(of>1?xg/(of-1):0)*(Wf-pf))+$APP.P.i(oi));Vf&&(Xk.style.cssText="animation:xkt-color-wave "+$APP.P.i(nf)+
|
|
15
|
+
"s ease-in-out infinite;animation-delay:"+$APP.P.i(xg*Gj)+"s;");Xk.textContent=$APP.xc(Vk,xg);lh.appendChild(Xk);Wk+=1}else{var wu=$APP.r(Hj);if(wu){var Yk=wu;if($APP.Yc(Yk)){var xu=$APP.Db(Yk),oA=$APP.Eb(Yk),qn=xu,cq=$APP.w(xu);Hj=oA;Ij=qn;Jj=cq}else{xg=$APP.t(Yk);var Kj=lX("tspan");$APP.n(vd?$APP.n(pf)?Wf:pf:vd)&&$APP.T(Kj,"font-size",""+$APP.P.i(pf+(of>1?xg/(of-1):0)*(Wf-pf))+$APP.P.i(oi));Vf&&(Kj.style.cssText="animation:xkt-color-wave "+$APP.P.i(nf)+"s ease-in-out infinite;animation-delay:"+
|
|
16
|
+
$APP.P.i(xg*Gj)+"s;");Kj.textContent=$APP.xc(Vk,xg);lh.appendChild(Kj);Hj=$APP.v(Yk);Ij=null;Jj=0}Wk=0}else break}}else lh.textContent=Fj;pX(a);if(ni>0){for(var yu=$APP.l(a,"__xKineticTypographyPathId"),zu=[],rn=$APP.I(Sk,"none")&&$APP.p(mX()),pA=nf>0?Od/nf*100:5,dq=0;;)if(dq<ni){var sn=dq+1,Lj=lX("text"),pi=lX("textPath"),kja=Math.pow(on,sn),lja=Math.pow(Rk,sn),mja="-"+$APP.P.i(pA*sn)+"%";$APP.T(Lj,"part","text-echo");$APP.T(Lj,"opacity",""+$APP.P.i(kja));$APP.T(Lj,"font-size","calc(var(--x-kinetic-typography-font-size) * "+
|
|
17
|
+
$APP.P.i(lja)+")");pi.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.P.i(yu));$APP.T(pi,"href","#"+$APP.P.i(yu));$APP.T(pi,"startOffset",mja);pi.textContent=Fj;if(rn){var nja=oX(Sk,Qk,nf,Od*sn);pi.appendChild(nja)}Lj.appendChild(pi);li.appendChild(Lj);zu.push({textEl:Lj});dq+=1}else break;$APP.Q(a,"__xKineticTypographyEchoEls",zu)}var oja=$APP.G(Tf),gW=$APP.C(oja,rX);$APP.n(gW)?Ej.style.setProperty("font-size",gW):Ej.style.removeProperty("font-size");nX(a);if($APP.I(ln,"none")&&$APP.p(mX())){var hW=
|
|
18
|
+
oX(ln,mn,nn,0);lh.appendChild(hW);$APP.Q(a,"__xKineticTypographyAnimate",hW)}var iW=$APP.G(Tf),pja=$APP.C(iW,BX),jW=$APP.C(iW,$APP.Mn),kW=$APP.to.B(pja,"size-gradient",$APP.Cc(["color-wave"]));$APP.r(kW)?$APP.T(a,"data-effect",$APP.Bi(" ",$APP.hd($APP.dd,kW))):$APP.U(a,"data-effect");$APP.I(jW,"none")?$APP.T(a,"data-animation",jW):$APP.U(a,"data-animation")}var qja=$APP.G(mf),XB=$APP.C(qja,$APP.Ul);Nk.textContent=XB;$APP.z.j(XB,"")?($APP.T(a,"role","presentation"),$APP.T(a,"aria-hidden","true")):
|
|
19
|
+
($APP.T(a,"role","img"),$APP.T(a,"aria-label",XB));var lW=$APP.Q(a,"__xKineticTypographyModel",mf)}else lW=null;return lW},rja=function(a){if(!$APP.n($APP.l(a,"__xKineticTypographyInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=lX("svg");var f=lX("defs"),h=lX("path"),k=lX("path"),m=lX("text"),q=lX("textPath"),u="xkt-"+$APP.P.i(dja());$APP.T(e,"part","svg");$APP.T(e,"aria-hidden","true");$APP.T(e,"focusable","false");$APP.T(h,"id",
|
|
20
|
+
u);$APP.T(k,"part","path-line");$APP.T(m,"part","text");$APP.T(q,"href","#"+$APP.P.i(u));f.appendChild(h);m.appendChild(q);e.appendChild(k);e.appendChild(f);e.appendChild(m);e=new $APP.M(null,6,[$APP.rr,e,FX,h,GX,k,$APP.Ip,m,HX,q,IX,u],null);f=document.createElement("div");h=document.createElement("div");$APP.T(f,"part","crawl-viewport");$APP.T(h,"part","crawl-text");f.appendChild(h);f=new $APP.M(null,2,[$APP.vq,f,$APP.Ul,h],null);h=document.createElement("span");h.classList.add("sr-only");$APP.T(h,
|
|
21
|
+
"part","sr-only");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-kinetic-typography-color:var(--x-color-text,currentColor);--x-kinetic-typography-font-family:system-ui,sans-serif;--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:400;--x-kinetic-typography-letter-spacing:0;--x-kinetic-typography-opacity:1;--x-kinetic-typography-stroke:none;--x-kinetic-typography-stroke-width:0;--x-kinetic-typography-duration:10s;--x-kinetic-typography-timing:linear;--x-kinetic-typography-color-shift-from:var(--x-color-text,currentColor);--x-kinetic-typography-color-shift-to:var(--x-color-primary,#3b82f6);--x-kinetic-typography-path-stroke:none;--x-kinetic-typography-path-stroke-width:0;--x-kinetic-typography-crawl-perspective:400px;}@media (prefers-color-scheme:dark){:host{--x-kinetic-typography-color:var(--x-color-text,rgba(255,255,255,0.87));}}[part\x3dcontainer]{width:100%;height:100%;position:relative;}[part\x3dsvg]{width:100%;height:100%;overflow:visible;}[part\x3dtext]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);opacity:var(--x-kinetic-typography-opacity);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}[part\x3dtext-echo]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}@keyframes xkt-opacity-wave{0%,100%{opacity:var(--x-kinetic-typography-opacity);}50%{opacity:0.3;}}@keyframes xkt-size-pulse{0%,100%{font-size:var(--x-kinetic-typography-font-size);}50%{font-size:calc(var(--x-kinetic-typography-font-size) * 1.15);}}@keyframes xkt-spacing-breathe{0%,100%{letter-spacing:var(--x-kinetic-typography-letter-spacing);}50%{letter-spacing:0.15em;}}@keyframes xkt-color-shift{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}@keyframes xkt-color-wave{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}:host([data-effect~\x3dopacity-wave]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dsize-pulse]) [part\x3dtext]{animation:xkt-size-pulse var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}[part\x3dpath-line]{fill:none;stroke:var(--x-kinetic-typography-path-stroke);stroke-width:var(--x-kinetic-typography-path-stroke-width);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}[part\x3dcrawl-viewport]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dsvg]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-viewport]{display:block;perspective:var(--x-kinetic-typography-crawl-perspective);height:100%;overflow:hidden;position:relative;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotateX(25deg);transform-origin:50% 100%;text-align:center;font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);color:var(--x-kinetic-typography-color);letter-spacing:var(--x-kinetic-typography-letter-spacing);white-space:pre-line;line-height:1.6;width:80%;}@keyframes xkt-crawl{0%{bottom:-100%;opacity:1;}90%{opacity:1;}100%{bottom:200%;opacity:0;}}:host([data-preset\x3dcrawl][data-animation\x3dscroll]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite;}:host([data-preset\x3dcrawl][data-animation\x3dscroll][data-direction\x3dreverse]) [part\x3dcrawl-text]{animation-direction:reverse;}:host([data-preset\x3dcrawl][data-effect~\x3dcolor-shift]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite,xkt-crawl-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}@keyframes xkt-crawl-color-shift{0%,100%{color:var(--x-kinetic-typography-color-shift-from);}50%{color:var(--x-kinetic-typography-color-shift-to);}}@media (prefers-reduced-motion:reduce){:host([data-effect]) [part\x3dtext]{animation:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{animation:none;}}";
|
|
22
|
+
$APP.T(d,"part","container");d.appendChild($APP.rr.i(e));d.appendChild($APP.vq.i(f));d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xKineticTypographyContainer",d);$APP.Q(a,"__xKineticTypographySvg",$APP.rr.i(e));$APP.Q(a,"__xKineticTypographyPath",FX.i(e));$APP.Q(a,"__xKineticTypographyPathLine",GX.i(e));$APP.Q(a,"__xKineticTypographyText",$APP.Ip.i(e));$APP.Q(a,"__xKineticTypographyTextPath",HX.i(e));$APP.Q(a,"__xKineticTypographySrOnly",h);$APP.Q(a,"__xKineticTypographyPathId",
|
|
23
|
+
IX.i(e));$APP.Q(a,"__xKineticTypographyCrawlViewport",$APP.vq.i(f));$APP.Q(a,"__xKineticTypographyCrawlText",$APP.Ul.i(f));$APP.Q(a,"__xKineticTypographyEchoEls",[]);$APP.Q(a,"__xKineticTypographyInit",!0)}return EX(a)},sja=function(a){nX(a);return pX(a)},tja=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xKineticTypographyInit"))?EX(a):null:null},JX=function(a,b,c,d){return Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.n(e)?e:d},set:function(e){return typeof e===
|
|
24
|
+
"string"&&$APP.I("",e)?$APP.T(this,b,e):$APP.U(this,b)},enumerable:!0,configurable:!0})},uja=function(a){JX(a,"text","text","");JX(a,"path","path",null);JX(a,"preset","preset","wave");JX(a,"animation","animation","scroll");JX(a,"speed","speed",""+$APP.P.i(1));JX(a,"direction","direction","normal");JX(a,"effect","effect","none");JX(a,"font-size","fontSize",null);JX(a,"start-size","startSize",null);JX(a,"end-size","endSize",null);JX(a,"repeat","repeat",""+$APP.P.i(1));JX(a,"echo-count","echoCount",
|
|
25
|
+
""+$APP.P.i(0));JX(a,"echo-delay","echoDelay",""+$APP.P.i(.3));JX(a,"echo-opacity","echoOpacity",""+$APP.P.i(.5));return JX(a,"echo-scale","echoScale",""+$APP.P.i(.85))},KX=function(){return $APP.xi("x-kinetic-typography",new $APP.M(null,5,[$APP.hi,vja,$APP.fi,rja,$APP.ci,sja,$APP.bi,tja,$APP.gi,uja],null))},DX=function DX(a){switch(arguments.length){case 0:return DX.H();case 1:return DX.i(arguments[0]);case 2:return DX.j(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<
|
|
26
|
+
d)c.push(arguments[e]),e+=1;else break;return DX.B(arguments[0],arguments[1],2<c.length?new $APP.ac(c.slice(2),0,null):null)}};DX.H=function(){return $APP.dc};DX.i=function(a){return new $APP.Gd(null,function(){return a},null)};DX.j=function(a,b){return new $APP.Gd(null,function(){var c=$APP.r(a),d=$APP.r(b);return c&&d?$APP.Dd($APP.t(c),$APP.Dd($APP.t(d),DX.j($APP.ec(c),$APP.ec(d)))):null},null)};
|
|
27
|
+
DX.B=function(a,b,c){return new $APP.Gd(null,function(){var d=$APP.we.j($APP.r,$APP.Ad.B(c,b,$APP.Cc([a])));return $APP.me($APP.qd,d)?$APP.ze.j($APP.we.j($APP.t,d),$APP.ae(DX,$APP.we.j($APP.ec,d))):null},null)};DX.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);c=$APP.v(c);return this.B(b,a,c)};DX.M=2;$APP.g=jX.prototype;$APP.g.Gc=$APP.Vb;$APP.g.toString=function(){return this.sb};$APP.g.U=function(a,b){return(a=b!=null?$APP.Vb===b.Gc?!0:!1:!1)?this.sb===b.sb:a};
|
|
28
|
+
$APP.g.R=function(a,b){return $APP.tb(b,['#uuid "',$APP.va(this.sb),'"'].join(""))};$APP.g.V=function(){this.F==null&&(this.F=$APP.Wb(this.sb));return this.F};$APP.g.Ja=function(a,b){if(b instanceof jX)return $APP.la(this.sb,b.sb);throw Error(["Cannot compare ",$APP.va(this)," to ",$APP.va(b)].join(""));};
|
|
29
|
+
var yX=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),FX=new $APP.F(null,"path-el","path-el",-1878744855),sX=new $APP.F(null,"start-size","start-size",-1818812493),AX=new $APP.F(null,"crawl?","crawl?",829918610),IX=new $APP.F(null,"path-id","path-id",-73169688),GX=new $APP.F(null,"path-line","path-line",-2128150773),qX=new $APP.F(null,"echo-scale","echo-scale",1307207648),HX=new $APP.F(null,"text-path","text-path",-1817651346),vX=new $APP.F(null,"echo-delay","echo-delay",845689658),wX=
|
|
30
|
+
new $APP.F(null,"echo-count","echo-count",1053271067),zX=new $APP.F(null,"view-box","view-box",-1792199155),tX=new $APP.F(null,"repeat","repeat",832692087),jja=new $APP.F(null,"custom-path?","custom-path?",-1532616839),uX=new $APP.F(null,"effect","effect",347343289),CX=new $APP.F(null,"duration-s","duration-s",-1976899627),rX=new $APP.F(null,"font-size","font-size",-1847940346),BX=new $APP.F(null,"effects","effects",-282369292),xX=new $APP.F(null,"end-size","end-size",761612093);var vja="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
31
|
+
$APP.Eg([$APP.js,new $APP.F(null,"startSize","startSize",-1750632892),$APP.Mn,$APP.Nq,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.Mr,tX,new $APP.F(null,"fontSize","fontSize",919623033),uX,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.Cq,$APP.Ul],[new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"path"],null),new $APP.M(null,2,
|
|
32
|
+
[$APP.O,$APP.X,$APP.W,"start-size"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"animation"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"speed"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"echo-count"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"echo-scale"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"echo-opacity"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"preset"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"repeat"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"font-size"],
|
|
33
|
+
null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"effect"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"echo-delay"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"end-size"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"direction"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"text"],null)]);
|
|
34
|
+
var eja=new $APP.ah(null,new $APP.M(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),fja=new $APP.ah(null,new $APP.M(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),gja=new $APP.ah(null,new $APP.M(null,2,["reverse",null,"normal",null],null),null),hja=new $APP.ah(null,new $APP.M(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",
|
|
35
|
+
null],null),null),ija=new $APP.M(null,7,["wave",new $APP.M(null,2,[$APP.bt,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",zX,"0 0 800 200"],null),"circle",new $APP.M(null,2,[$APP.bt,"M125,10 A115,115 0 1,1 124.99,10",zX,"0 0 250 250"],null),"arc",new $APP.M(null,2,[$APP.bt,"M50,350 Q400,10 750,350",zX,"0 0 800 400"],null),"infinity",new $APP.M(null,2,[$APP.bt,"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",zX,"0 0 400 400"],
|
|
36
|
+
null),"spiral",new $APP.M(null,2,[$APP.bt,"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",zX,"0 0 500 500"],null),"sine",new $APP.M(null,2,[$APP.bt,"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",zX,"0 0 800 200"],null),"line",new $APP.M(null,2,[$APP.bt,"M0,50 L800,50",zX,"0 0 800 100"],null)],null);$APP.fa("baredom.exports.x_kinetic_typography.init",KX);export const init=KX;
|