@vanelsas/baredom 4.0.0-alpha.1 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +337 -9
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -607
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
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("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.G(a);a=$APP.C(b,$APP.
|
|
5
|
-
typeof
|
|
6
|
-
|
|
7
|
-
requestAnimationFrame(function(){return
|
|
8
|
-
var y=$APP.
|
|
9
|
-
"__xKineticFontRefs")),R=$APP.C(R,$APP.
|
|
10
|
-
|
|
11
|
-
requestAnimationFrame(function(){return
|
|
12
|
-
e.clientY);return
|
|
13
|
-
b);return $APP.
|
|
14
|
-
r;e.appendChild(
|
|
15
|
-
c=getComputedStyle(a);$APP.
|
|
16
|
-
75),
|
|
17
|
-
0;;)if(f<d)
|
|
18
|
-
"mass",{get:function(){var b=this.getAttribute("mass");return
|
|
19
|
-
return
|
|
20
|
-
null?$APP.
|
|
21
|
-
c.textContent=
|
|
22
|
-
$APP.
|
|
23
|
-
|
|
24
|
-
-
|
|
25
|
-
$APP.
|
|
26
|
-
|
|
27
|
-
var
|
|
28
|
-
":0;"+$APP.
|
|
2
|
+
var Y5=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.m(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},Z5=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.kd(Dza,a)?a:"cursor"},Fza=function(a){return typeof a==="string"?(a=$APP.Xf.l($APP.bh,$APP.Te(function(b){return $APP.kd(Eza,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.$c(a)?$5:a):$5},a6=function(a){return typeof a==="string"?(a=a.trim(),$APP.z.j(a,"")?null:
|
|
3
|
+
a):null},b6=function(a,b,c,d,e,f,h,k,n,r,v){a*=c;d=$APP.kd(b,"bulge")?d+a*(e-d):d;f=$APP.kd(b,"stretch")?f+a*(h-f):f;k=$APP.kd(b,"lean")?n+a*(k-n):n;b=$APP.kd(b,"breathe")?r+a*(v-r):r;return[d,f,k,b]},c6=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},m6=function(a){a=$APP.Ag([$APP.qv,$APP.Rv,d6,e6,f6,$APP.Hn,$APP.In,g6,$APP.qs,h6],[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.qs);var c=$APP.C(b,h6),d=$APP.C(b,$APP.qv),e=$APP.C(b,$APP.Rv),f=$APP.C(b,e6),h=$APP.C(b,d6),k=$APP.C(b,f6),n=$APP.C(b,$APP.Hn),r=$APP.C(b,$APP.In);b=$APP.C(b,g6);return $APP.Ag([$APP.jx,i6,j6,$APP.iu,$APP.Nv,k6,$APP.vs,$APP.zv,l6,$APP.Vn],[Y5(d,1,.1,10),Y5(c,170,10,500),Fza(r),Y5(a,200,20,1E3),Y5(e,.5,0,1),f!=null,Y5(b,26,1,100),Z5(h),a6(k),
|
|
5
|
+
typeof n==="string"?n:""])},n6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.m(isNaN(a))?b:a}return b},o6=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.N.i(b[0].toFixed(1))+", 'wdth' "+$APP.N.i(b[1].toFixed(1))+", 'slnt' "+$APP.N.i(b[2].toFixed(1))+", 'opsz' "+$APP.N.i(b[3].toFixed(1));d.call(a,"font-variation-settings",b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.N.i(c.toFixed(1))+"deg)")},
|
|
6
|
+
p6=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},Gza=function(a,b){var c=function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.m(d)?d:0}()>.5;return $APP.m(function(){var d=b[0];return $APP.m(d)?!c:d}())?($APP.Xi(a,"__xKineticFontRaf",null),$APP.T(a,"__xKineticFontSD",0),$APP.m($APP.l(a,"__xKineticFontAct"))?($APP.T(a,"__xKineticFontAct",!1),$APP.fj(a,"x-kinetic-font-spring-settle",{})):null):$APP.Xi(a,"__xKineticFontRaf",
|
|
7
|
+
requestAnimationFrame(function(){return q6.i?q6.i(a):q6.call(null,a)}))},q6=function(a){if($APP.m(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.jx.i(b),h=i6.i(b),k=$APP.vs.i(b),n=$APP.Nv.i(b),r=$APP.iu.i(b),v=$APP.zv.i(b);b=j6.i(b);c=$APP.Pg.o(c,j6,b,$APP.Jc([$APP.Nv,n,r6,$APP.kd(b,"lean")]));n=$APP.l(a,"__xKineticFontMX");b=$APP.l(a,"__xKineticFontMY");var x=$APP.l(a,"__xKineticFontSD");
|
|
8
|
+
var y=$APP.m(x)?x:0;x=Math.min(1,Math.abs(y)/100);var A=$APP.l(a,"__xKineticFontSpr"),E=$APP.l(a,"__xKineticFontCS"),I=E!=null,O=A.length,S=[!0];$APP.Xi(a,"__xKineticFontLF",d);$APP.T(a,"__xKineticFontSD",y*.85);for(d=0;;)if(d<O){y=A[d];var R=a,da=E,na=d,ka=I,oa=v,Qa=n,Sa=b,ob=r;var Cb=x;var Yb=$APP.z.j(oa,"cursor")||$APP.z.j(oa,"both");$APP.m($APP.m(ka)?Yb:ka)?(R=da[na].getBoundingClientRect(),Qa=p6(R,Qa,Sa,ob),Cb=Math.max(Qa,Cb)):$APP.m($APP.m(ka)?$APP.z.j(oa,"scroll"):ka)||($APP.p(ka)&&Yb?(R=$APP.G($APP.l(R,
|
|
9
|
+
"__xKineticFontRefs")),R=$APP.C(R,$APP.im).getBoundingClientRect(),Qa=p6(R,Qa,Sa,ob),Cb=Math.max(Qa,Cb)):Cb=$APP.z.j(oa,"scroll")?Cb:0);Qa=y[0];Sa=y[1];Sa+=(h*(Cb-Qa)-k*Sa)/f*e;Qa=[Qa+Sa*e,Sa];Sa=Qa[1];y[0]=Qa[0];y[1]=Sa;y=Qa;ob=y[0];Math.abs(ob-Cb)<.001&&Math.abs(y[1])<.01||(S[0]=!1);y=a;Cb=E;Qa=d;Sa=I;var lc=$APP.G(c);ka=$APP.C(lc,s6);oa=$APP.C(lc,t6);R=$APP.C(lc,r6);Yb=$APP.C(lc,u6);var Pc=$APP.C(lc,v6),Rh=$APP.C(lc,w6),hk=$APP.C(lc,j6),ik=$APP.C(lc,x6);da=$APP.C(lc,$APP.Nv);var jk=$APP.C(lc,y6);
|
|
10
|
+
na=$APP.C(lc,z6);lc=$APP.C(lc,A6);ka=b6(ob,hk,da,jk,ka,oa,lc,Pc,Yb,ik,Rh);ob=$APP.m(R)?ob*da*na:0;$APP.m(Sa)?o6(Cb[Qa],ka,ob):(y=$APP.G($APP.l(y,"__xKineticFontRefs")),y=$APP.C(y,$APP.im),o6(y,ka,ob));d+=1}else break;return Gza(a,S)}return null},B6=function(a){if($APP.m($APP.l(a,"__xKineticFontRaf")))return null;$APP.m($APP.l(a,"__xKineticFontAct"))||($APP.T(a,"__xKineticFontAct",!0),$APP.fj(a,"x-kinetic-font-spring-activate",{}));$APP.Xi(a,"__xKineticFontLF",performance.now());return $APP.Xi(a,"__xKineticFontRaf",
|
|
11
|
+
requestAnimationFrame(function(){return q6(a)}))},Hza=function(a){var b=window.scrollY,c=b-function(){var d=$APP.l(a,"__xKineticFontLSY");return $APP.m(d)?d:b}();$APP.T(a,"__xKineticFontLSY",b);$APP.T(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.m(d)?d:0}()+Math.abs(c));return c6()?null:B6(a)},Iza=function(a,b){var c=$APP.zv.i(b);b={};if($APP.z.j(c,"cursor")||$APP.z.j(c,"both")){var d=function(e){$APP.T(a,"__xKineticFontMX",e.clientX);$APP.T(a,"__xKineticFontMY",
|
|
12
|
+
e.clientY);return c6()?null:B6(a)};b.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.z.j(c,"scroll")||$APP.z.j(c,"both"))c=function(){return Hza(a)},b.scroll=c,$APP.T(a,"__xKineticFontLSY",window.scrollY),window.addEventListener("scroll",c,{passive:!0});$APP.T(a,"__xKineticFontHdl",b)},C6=function(a){var b=$APP.l(a,"__xKineticFontHdl");if($APP.m(b)){var c=$APP.l(b,"move");$APP.m(c)&&document.removeEventListener("pointermove",c);b=$APP.l(b,"scroll");$APP.m(b)&&window.removeEventListener("scroll",
|
|
13
|
+
b);return $APP.T(a,"__xKineticFontHdl",null)}return null},E6=function(a,b){var c=$APP.l(a,"__xKineticFontModel");if($APP.M.j($APP.Vn.i(b),$APP.Vn.i(c))||$APP.M.j(k6.i(b),k6.i(c)))if($APP.m(k6.i(b))){var d=$APP.Vn.i(b),e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.im);d=$APP.rf(d);var f=$APP.w(d),h=Array(f),k=Array(f);e.textContent="";for(var n=0;;)if(n<f){var r=$APP.Ec(d,n),v=document.createElement("span");$APP.U(v,"part","char");$APP.z.j(r," ")?($APP.U(v,"data-ws",""),v.textContent=" "):
|
|
14
|
+
v.textContent=r;e.appendChild(v);h[n]=v;k[n]=[0,0];n+=1}else break;$APP.T(a,"__xKineticFontCS",h);$APP.T(a,"__xKineticFontSpr",k)}else e=$APP.Vn.i(b),d=$APP.G($APP.l(a,"__xKineticFontRefs")),$APP.C(d,$APP.im).textContent=e,$APP.T(a,"__xKineticFontCS",null),$APP.T(a,"__xKineticFontSpr",[[0,0]]);$APP.M.j($APP.zv.i(b),$APP.zv.i(c))&&(C6(a),Iza(a,b));c=$APP.G(b);c=$APP.C(c,l6);e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.im);$APP.m(c)?e.style.setProperty("font-family",c):e.style.removeProperty("font-family");
|
|
15
|
+
c=getComputedStyle(a);$APP.T(a,"__xKineticFontCV",$APP.Ag([u6,v6,w6,x6,y6,z6,A6,t6,s6],[n6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),n6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),n6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),n6(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),n6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),n6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),n6(c.getPropertyValue("--x-kinetic-font-width-max"),125),n6(c.getPropertyValue("--x-kinetic-font-width-min"),
|
|
16
|
+
75),n6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]));c=$APP.Vn.i(b);e=$APP.G($APP.l(a,"__xKineticFontRefs"));$APP.C(e,D6).textContent=c;$APP.z.j(c,"")?($APP.U(a,"aria-hidden","true"),$APP.V(a,"role")):($APP.V(a,"aria-hidden"),$APP.U(a,"role","text"),$APP.U(a,"aria-label",c));if(!c6())if(c=$APP.l(a,"__xKineticFontCV"),c=b6(0,j6.i(b),$APP.Nv.i(b),y6.i(c),s6.i(c),t6.i(c),A6.i(c),v6.i(c),u6.i(c),x6.i(c),w6.i(c)),$APP.m(k6.i(b))){if(e=$APP.l(a,"__xKineticFontCS"),$APP.m(e))for(d=e.length,f=
|
|
17
|
+
0;;)if(f<d)o6(e[f],c,0),f+=1;else break}else e=$APP.G($APP.l(a,"__xKineticFontRefs")),e=$APP.C(e,$APP.im),o6(e,c,0);return $APP.T(a,"__xKineticFontModel",b)},Jza=function(a){$APP.nj(a,"text","text","");$APP.nj(a,"mode","mode","bulge");$APP.kj(a,"perChar","per-char");Object.defineProperty(a,"trigger",{get:function(){return Z5(this.getAttribute("trigger"))},set:function(b){return b==null?$APP.V(this,"trigger"):$APP.U(this,"trigger",""+$APP.N.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
18
|
+
"mass",{get:function(){var b=this.getAttribute("mass");return Y5(b,1,.1,10)},set:function(b){return b==null?$APP.V(this,"mass"):$APP.U(this,"mass",""+$APP.N.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return Y5(b,170,10,500)},set:function(b){return b==null?$APP.V(this,"tension"):$APP.U(this,"tension",""+$APP.N.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");
|
|
19
|
+
return Y5(b,26,1,100)},set:function(b){return b==null?$APP.V(this,"friction"):$APP.U(this,"friction",""+$APP.N.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return Y5(b,.5,0,1)},set:function(b){return b==null?$APP.V(this,"intensity"):$APP.U(this,"intensity",""+$APP.N.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return Y5(b,200,20,1E3)},set:function(b){return b==
|
|
20
|
+
null?$APP.V(this,"radius"):$APP.U(this,"radius",""+$APP.N.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return a6(this.getAttribute("font-family"))},set:function(b){return b==null?$APP.V(this,"font-family"):$APP.U(this,"font-family",""+$APP.N.i(b))},enumerable:!0,configurable:!0})},Lza=function(a){if(!$APP.m($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=Kza;$APP.U(d,"part","container");$APP.U(e,"class","sr-only");$APP.U(e,"part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.T(a,"__xKineticFontRefs",new $APP.K(null,3,[$APP.hm,b,$APP.im,d,D6,e],null))}b=m6(a);$APP.T(a,"__xKineticFontModel",null);$APP.T(a,"__xKineticFontMX",0);$APP.T(a,"__xKineticFontMY",0);$APP.T(a,"__xKineticFontSD",0);$APP.T(a,"__xKineticFontAct",!1);return E6(a,b)},Mza=function(a){var b=$APP.l(a,"__xKineticFontRaf");$APP.m(b)&&(cancelAnimationFrame(b),
|
|
22
|
+
$APP.Xi(a,"__xKineticFontRaf",null));return C6(a)},Nza=function(a,b,c,d){$APP.M.j(c,d)?$APP.m($APP.l(a,"__xKineticFontRefs"))?(b=m6(a),a=$APP.M.j(b,$APP.l(a,"__xKineticFontModel"))?E6(a,b):null):a=null:a=null;return a},F6=function(){return $APP.Oj("x-kinetic-font",new $APP.K(null,5,[$APP.Gj,Oza,$APP.Ej,Lza,$APP.Bj,Mza,$APP.Aj,Nza,$APP.Fj,Jza],null))},d6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),v6=new $APP.F(null,"slnt-min","slnt-min",71363427),A6=new $APP.F(null,"wdth-max","wdth-max",
|
|
23
|
+
-522030121),z6=new $APP.F(null,"skew-max","skew-max",1543858453),t6=new $APP.F(null,"wdth-min","wdth-min",-986627045),f6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),D6=new $APP.F(null,"sr-only","sr-only",-173275148),u6=new $APP.F(null,"slnt-max","slnt-max",1716167520),g6=new $APP.F(null,"friction-raw","friction-raw",-1078184200),w6=new $APP.F(null,"opsz-max","opsz-max",454458088),h6=new $APP.F(null,"tension-raw","tension-raw",961657279),l6=new $APP.F(null,"font-family","font-family",
|
|
24
|
+
-667419874),e6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),k6=new $APP.F(null,"per-char?","per-char?",-1016397834),x6=new $APP.F(null,"opsz-min","opsz-min",-829837010),y6=new $APP.F(null,"wght-min","wght-min",529224020),r6=new $APP.F(null,"has-lean?","has-lean?",1031959742),j6=new $APP.F(null,"modes","modes",-1377787092),s6=new $APP.F(null,"wght-max","wght-max",-514604421),i6=new $APP.F(null,"tension","tension",58343589);var Oza="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
25
|
+
$APP.Ag([$APP.jx,i6,$APP.On,new $APP.F(null,"perChar","perChar",2082880685),$APP.iu,$APP.Nv,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.vs,$APP.zv,$APP.Vn],[new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"mass"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"tension"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"mode"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"per-char"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"radius"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"intensity"],
|
|
26
|
+
null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"font-family"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"friction"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"trigger"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"text"],null)]);$APP.ne(["x-kinetic-font-spring-activate",new $APP.K(null,2,[$APP.cj,$APP.oe,$APP.St,!1],null),"x-kinetic-font-spring-settle",new $APP.K(null,2,[$APP.cj,$APP.oe,$APP.St,!1],null)]);
|
|
27
|
+
var Dza=new $APP.ah(null,new $APP.K(null,3,["scroll",null,"both",null,"cursor",null],null),null),Eza=new $APP.ah(null,new $APP.K(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),$5=new $APP.ah(null,new $APP.K(null,1,["bulge",null],null),null);var Kza=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.N.i("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.N.i("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.N.i("--x-kinetic-font-size")+":2rem;"+$APP.N.i("--x-kinetic-font-weight-min")+":100;"+$APP.N.i("--x-kinetic-font-weight-max")+":900;"+$APP.N.i("--x-kinetic-font-width-min")+":75;"+$APP.N.i("--x-kinetic-font-width-max")+":125;"+$APP.N.i("--x-kinetic-font-slant-min")+":-12;"+$APP.N.i("--x-kinetic-font-slant-max")+
|
|
28
|
+
":0;"+$APP.N.i("--x-kinetic-font-opsz-min")+":8;"+$APP.N.i("--x-kinetic-font-opsz-max")+":144;"+$APP.N.i("--x-kinetic-font-skew-max")+":-15;}"+$APP.N.i(":host([hidden]){display:none;}")+"[part\x3dcontainer]{color:var("+$APP.N.i("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.N.i("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.N.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.ha("baredom.exports.x_kinetic_font.init",F6);export const init=F6;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a()].join(""))},
|
|
4
|
-
"attributeName","startOffset");$APP.
|
|
5
|
-
"-20%;120%;-20%"),$APP.
|
|
6
|
-
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]),c=$APP.G(b),d=$APP.C(c,
|
|
7
|
-
A=$APP.C(c,
|
|
8
|
-
|
|
9
|
-
"size-gradient"):
|
|
10
|
-
parseFloat(e.trim());var
|
|
11
|
-
|
|
12
|
-
"data-direction","reverse"):$APP.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"s ease-in-out infinite;animation-delay:"+$APP.
|
|
16
|
-
$APP.
|
|
17
|
-
$APP.
|
|
18
|
-
|
|
19
|
-
($APP.
|
|
20
|
-
|
|
21
|
-
"part","sr-only");c.textContent=
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
$APP.
|
|
29
|
-
|
|
30
|
-
new $APP.F(null,"
|
|
31
|
-
$APP.
|
|
32
|
-
|
|
33
|
-
null
|
|
34
|
-
|
|
35
|
-
null
|
|
36
|
-
|
|
2
|
+
var uW=function(a){this.rb=a;this.F=null;this.B=2153775104;this.M=2048},Wqa=function(a){return new uW(a.toLowerCase())},Xqa=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 Wqa([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
|
+
a()].join(""))},vW=function(a){return typeof a==="string"&&$APP.M.j("",a.trim())?a.trim():null},wW=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},xW=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},yW=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.m(b)&&(b.remove(),$APP.T(a,"__xKineticTypographyAnimate",null))},zW=function(a,b,c,d){var e=wW("animate");c=""+$APP.N.i(c)+"s";b=$APP.z.j(b,"reverse")?"reverse":"normal";$APP.U(e,
|
|
4
|
+
"attributeName","startOffset");$APP.U(e,"repeatCount","indefinite");$APP.U(e,"dur",c);d>0&&$APP.U(e,"begin",""+$APP.N.i(d)+"s");switch(a){case "scroll":$APP.U(e,"from",$APP.z.j(b,"reverse")?"100%":"0%");$APP.U(e,"to",$APP.z.j(b,"reverse")?"0%":"100%");break;case "bounce":$APP.U(e,"values",$APP.z.j(b,"reverse")?"100%;0%;100%":"0%;100%;0%");$APP.U(e,"calcMode","spline");$APP.U(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":$APP.U(e,"values",$APP.z.j(b,"reverse")?"120%;-20%;120%":
|
|
5
|
+
"-20%;120%;-20%"),$APP.U(e,"calcMode","spline"),$APP.U(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},AW=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.m(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;return $APP.T(a,"__xKineticTypographyEchoEls",[])}return null},PW=function(a){var b=$APP.Ag([$APP.fw,BW,$APP.eq,CW,$APP.rv,$APP.Ss,DW,EW,FW,GW,HW,IW,$APP.hs,JW,$APP.Vn],[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,FW),e=$APP.C(c,GW),f=$APP.C(c,HW),h=$APP.C(c,IW),k=$APP.C(c,$APP.hs),n=$APP.C(c,JW),r=$APP.C(c,$APP.Vn),v=$APP.C(c,$APP.fw),x=$APP.C(c,BW),y=$APP.C(c,$APP.eq),
|
|
7
|
+
A=$APP.C(c,CW),E=$APP.C(c,$APP.rv),I=$APP.C(c,$APP.Ss),O=$APP.C(c,DW),S=$APP.C(c,EW),R=typeof r==="string"?r:"",da=vW(v),na=typeof I==="string"?I.trim().toLowerCase():null;var ka=$APP.kd(Yqa,na)?na:"wave";var oa=$APP.z.j(ka,"crawl"),Qa=typeof y==="string"?y.trim().toLowerCase():null;var Sa=$APP.kd(Zqa,Qa)?Qa:"scroll";var ob=typeof k==="string"?k.trim().toLowerCase():null;var Cb=$APP.kd($qa,ob)?ob:"normal";if(typeof E==="string"){var Yb=parseFloat(E.trim());var lc=typeof Yb==="number"&&$APP.p(isNaN(Yb))&&
|
|
8
|
+
Yb>0?Yb:1}else lc=1;if(typeof S==="string"){var Pc=parseInt(S.trim(),10);var Rh=typeof Pc==="number"&&$APP.p(isNaN(Pc))&&Pc>0?Pc:1}else Rh=1;if(typeof d==="string"){var hk=$APP.fh(d.toLowerCase().trim().split(/\s+/));var ik=$APP.Px.j(hk,ara)}else ik=$APP.bh;var jk=vW(O),Hd=vW(h);if($APP.z.j(ka,"crawl"))var ao=null;else{var kk=da!=null;var lk=kk?$APP.vi(da):kk;ao=$APP.m(lk)?new $APP.K(null,2,[$APP.Gw,lk,KW,"0 0 800 200"],null):$APP.C(bra,ka)}var bo=$APP.m($APP.m(jk)?$APP.m(Hd)?!oa:Hd:jk)?$APP.Jd.j(ik,
|
|
9
|
+
"size-gradient"):ik,co=$APP.kd(bo,"size-gradient")?$APP.Jq.j(bo,"size-pulse"):bo,cD=$APP.kd(co,"color-wave")?$APP.Jq.j(co,"color-shift"):co;if(typeof x==="string"){var wg=parseFloat(x.trim());var Ar=typeof wg==="number"&&$APP.p(isNaN(wg))&&wg>0&&wg<=1?wg:.85}else Ar=.85;var Br=$APP.Gw.i(ao),eo=vW(A),Cr=KW.i(ao),fo=10/$APP.Sm.j(lc,.01);if(oa)var yl=0;else if(typeof f==="string"){var zl=parseInt(f.trim(),10);yl=typeof zl==="number"&&$APP.p(isNaN(zl))&&zl>=0&&zl<=5?zl:0}else yl=0;if(typeof e==="string"){var Al=
|
|
10
|
+
parseFloat(e.trim());var Lw=typeof Al==="number"&&$APP.p(isNaN(Al))&&Al>0?Al:.3}else Lw=.3;if(typeof n==="string"){var Bl=parseFloat(n.trim());var Oi=typeof Bl==="number"&&$APP.p(isNaN(Bl))&&Bl>0&&Bl<=1?Bl:.5}else Oi=.5;var Pi=$APP.Ag([BW,$APP.Av,$APP.eq,CW,$APP.rv,KW,$APP.Ss,LW,DW,MW,NW,EW,cra,GW,HW,IW,$APP.hs,JW,$APP.Vn],[Ar,Br,Sa,eo,lc,Cr,ka,oa,jk,cD,fo,Rh,da!=null,Lw,yl,Hd,Cb,Oi,R]);if($APP.M.j(Pi,$APP.l(a,"__xKineticTypographyModel"))){var Dr=$APP.l(a,"__xKineticTypographySvg"),Mw=$APP.l(a,"__xKineticTypographyPath"),
|
|
11
|
+
go=$APP.l(a,"__xKineticTypographyPathLine"),Er=$APP.l(a,"__xKineticTypographyText"),mk=$APP.l(a,"__xKineticTypographyTextPath"),Fr=$APP.l(a,"__xKineticTypographySrOnly"),Gr=$APP.l(a,"__xKineticTypographyCrawlText");if($APP.m(LW.i(Pi))){var nk=$APP.G(Pi),ho=$APP.C(nk,$APP.Vn),ze=$APP.C(nk,$APP.eq),Nw=$APP.C(nk,$APP.hs),Cl=$APP.C(nk,MW);$APP.U(a,"data-preset","crawl");Gr.textContent=ho;yW(a);AW(a);$APP.M.j(ze,"none")?$APP.U(a,"data-animation",ze):$APP.V(a,"data-animation");$APP.z.j(Nw,"reverse")?$APP.U(a,
|
|
12
|
+
"data-direction","reverse"):$APP.V(a,"data-direction");$APP.kd(Cl,"color-shift")?$APP.U(a,"data-effect","color-shift"):$APP.V(a,"data-effect")}else{var Sh=$APP.G(Pi),Ow=$APP.C(Sh,$APP.eq),dD=$APP.C(Sh,$APP.hs),eD=$APP.C(Sh,NW);$APP.V(a,"data-preset");$APP.V(a,"data-direction");var Hr=$APP.G(Sh),Pw=$APP.C(Hr,KW),io=$APP.C(Hr,$APP.Av);$APP.m(Pw)&&$APP.U(Dr,"viewBox",Pw);$APP.m(io)&&$APP.U(Mw,"d",io);$APP.m($APP.m(go)?io:go)&&$APP.U(go,"d",io);var ac=$APP.G(Sh),Sf=$APP.C(ac,GW),Ir=$APP.C(ac,HW),jo=$APP.C(ac,
|
|
13
|
+
IW),Qw=$APP.C(ac,$APP.hs),Rw=$APP.C(ac,JW),Dl=$APP.C(ac,$APP.Vn),Sw=$APP.C(ac,BW),Jr=$APP.C(ac,$APP.eq),ok=$APP.C(ac,DW),El=$APP.C(ac,MW),Qi=$APP.C(ac,NW),ko=$APP.C(ac,EW),lo=ko<=1?Dl:$APP.ge($APP.N,$APP.Ne(1,OW.j(new $APP.Qe(null,-1," · ",null),ko>0?new $APP.Qe(null,ko,Dl,null):$APP.kc))),Tw=$APP.kd(El,"size-gradient"),fD=$APP.kd(El,"color-wave"),Kr=Tw?$APP.m(ok)?$APP.m(jo)?$APP.M.j(Dl,""):jo:ok:Tw;var gD=$APP.m(Kr)?Kr:fD&&$APP.M.j(Dl,"");if($APP.m(gD)){mk.textContent="";var Lr=$APP.rf(lo),Th=$APP.w(Lr),
|
|
14
|
+
Tf=$APP.kd(El,"size-gradient"),Ri=$APP.kd(El,"color-wave"),Tg=Tf?parseFloat(ok):null,Uh=Tf?parseFloat(jo):null;if(Tf){var pk=$APP.Ah(/[a-z%]+/,$APP.m(ok)?ok:"px");var Si=$APP.m(pk)?pk:"px"}else Si=null;for(var mo=Si,Mr=Ri?Th>0?Qi/Th:0:null,no=$APP.q($APP.vh(Th)),oo=null,po=0,qo=0;;)if(qo<po){var Ug=oo.C(null,qo),Fl=wW("tspan");$APP.m(Tf?$APP.m(Tg)?Uh:Tg:Tf)&&$APP.U(Fl,"font-size",""+$APP.N.i(Tg+(Th>1?Ug/(Th-1):0)*(Uh-Tg))+$APP.N.i(mo));Ri&&(Fl.style.cssText="animation:xkt-color-wave "+$APP.N.i(Qi)+
|
|
15
|
+
"s ease-in-out infinite;animation-delay:"+$APP.N.i(Ug*Mr)+"s;");Fl.textContent=$APP.Ec(Lr,Ug);mk.appendChild(Fl);qo+=1}else{var Uw=$APP.q(no);if(Uw){var Gl=Uw;if($APP.gd(Gl)){var Vw=$APP.Jb(Gl),hD=$APP.Kb(Gl),ro=Vw,Nr=$APP.w(Vw);no=hD;oo=ro;po=Nr}else{Ug=$APP.t(Gl);var qk=wW("tspan");$APP.m(Tf?$APP.m(Tg)?Uh:Tg:Tf)&&$APP.U(qk,"font-size",""+$APP.N.i(Tg+(Th>1?Ug/(Th-1):0)*(Uh-Tg))+$APP.N.i(mo));Ri&&(qk.style.cssText="animation:xkt-color-wave "+$APP.N.i(Qi)+"s ease-in-out infinite;animation-delay:"+
|
|
16
|
+
$APP.N.i(Ug*Mr)+"s;");qk.textContent=$APP.Ec(Lr,Ug);mk.appendChild(qk);no=$APP.u(Gl);oo=null;po=0}qo=0}else break}}else mk.textContent=lo;AW(a);if(Ir>0){for(var Ww=$APP.l(a,"__xKineticTypographyPathId"),Xw=[],so=$APP.M.j(Jr,"none")&&$APP.p(xW()),iD=Qi>0?Sf/Qi*100:5,Or=0;;)if(Or<Ir){var to=Or+1,rk=wW("text"),Ti=wW("textPath"),dra=Math.pow(Rw,to),era=Math.pow(Sw,to),fra="-"+$APP.N.i(iD*to)+"%";$APP.U(rk,"part","text-echo");$APP.U(rk,"opacity",""+$APP.N.i(dra));$APP.U(rk,"font-size","calc(var(--x-kinetic-typography-font-size) * "+
|
|
17
|
+
$APP.N.i(era)+")");Ti.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.N.i(Ww));$APP.U(Ti,"href","#"+$APP.N.i(Ww));$APP.U(Ti,"startOffset",fra);Ti.textContent=lo;if(so){var gra=zW(Jr,Qw,Qi,Sf*to);Ti.appendChild(gra)}rk.appendChild(Ti);Dr.appendChild(rk);Xw.push({textEl:rk});Or+=1}else break;$APP.T(a,"__xKineticTypographyEchoEls",Xw)}var hra=$APP.G(Sh),E_=$APP.C(hra,CW);$APP.m(E_)?Er.style.setProperty("font-size",E_):Er.style.removeProperty("font-size");yW(a);if($APP.M.j(Ow,"none")&&$APP.p(xW())){var F_=
|
|
18
|
+
zW(Ow,dD,eD,0);mk.appendChild(F_);$APP.T(a,"__xKineticTypographyAnimate",F_)}var G_=$APP.G(Sh),ira=$APP.C(G_,MW),H_=$APP.C(G_,$APP.eq),I_=$APP.Jq.o(ira,"size-gradient",$APP.Jc(["color-wave"]));$APP.q(I_)?$APP.U(a,"data-effect",$APP.li(" ",$APP.pd($APP.ld,I_))):$APP.V(a,"data-effect");$APP.M.j(H_,"none")?$APP.U(a,"data-animation",H_):$APP.V(a,"data-animation")}var jra=$APP.G(Pi),NE=$APP.C(jra,$APP.Vn);Fr.textContent=NE;$APP.z.j(NE,"")?($APP.U(a,"role","presentation"),$APP.U(a,"aria-hidden","true")):
|
|
19
|
+
($APP.U(a,"role","img"),$APP.U(a,"aria-label",NE));var J_=$APP.T(a,"__xKineticTypographyModel",Pi)}else J_=null;return J_},lra=function(a){if(!$APP.m($APP.l(a,"__xKineticTypographyInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=wW("svg");var f=wW("defs"),h=wW("path"),k=wW("path"),n=wW("text"),r=wW("textPath"),v="xkt-"+$APP.N.i(Xqa());$APP.U(e,"part","svg");$APP.U(e,"aria-hidden","true");$APP.U(e,"focusable","false");$APP.U(h,"id",
|
|
20
|
+
v);$APP.U(k,"part","path-line");$APP.U(n,"part","text");$APP.U(r,"href","#"+$APP.N.i(v));f.appendChild(h);n.appendChild(r);e.appendChild(k);e.appendChild(f);e.appendChild(n);e=new $APP.K(null,6,[$APP.Jv,e,QW,h,RW,k,$APP.sr,n,SW,r,TW,v],null);f=document.createElement("div");h=document.createElement("div");$APP.U(f,"part","crawl-viewport");$APP.U(h,"part","crawl-text");f.appendChild(h);f=new $APP.K(null,2,[$APP.es,f,$APP.Vn,h],null);h=document.createElement("span");h.classList.add("sr-only");$APP.U(h,
|
|
21
|
+
"part","sr-only");c.textContent=kra;$APP.U(d,"part","container");d.appendChild($APP.Jv.i(e));d.appendChild($APP.es.i(f));d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xKineticTypographyContainer",d);$APP.T(a,"__xKineticTypographySvg",$APP.Jv.i(e));$APP.T(a,"__xKineticTypographyPath",QW.i(e));$APP.T(a,"__xKineticTypographyPathLine",RW.i(e));$APP.T(a,"__xKineticTypographyText",$APP.sr.i(e));$APP.T(a,"__xKineticTypographyTextPath",SW.i(e));$APP.T(a,"__xKineticTypographySrOnly",h);$APP.T(a,
|
|
22
|
+
"__xKineticTypographyPathId",TW.i(e));$APP.T(a,"__xKineticTypographyCrawlViewport",$APP.es.i(f));$APP.T(a,"__xKineticTypographyCrawlText",$APP.Vn.i(f));$APP.T(a,"__xKineticTypographyEchoEls",[]);$APP.T(a,"__xKineticTypographyInit",!0)}return PW(a)},mra=function(a){yW(a);return AW(a)},nra=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xKineticTypographyInit"))?PW(a):null:null},UW=function(a,b,c,d){return Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.m(e)?
|
|
23
|
+
e:d},set:function(e){return typeof e==="string"&&$APP.M.j("",e)?$APP.U(this,b,e):$APP.V(this,b)},enumerable:!0,configurable:!0})},ora=function(a){UW(a,"text","text","");UW(a,"path","path",null);UW(a,"preset","preset","wave");UW(a,"animation","animation","scroll");UW(a,"speed","speed",""+$APP.N.i(1));UW(a,"direction","direction","normal");UW(a,"effect","effect","none");UW(a,"font-size","fontSize",null);UW(a,"start-size","startSize",null);UW(a,"end-size","endSize",null);UW(a,"repeat","repeat",""+$APP.N.i(1));
|
|
24
|
+
UW(a,"echo-count","echoCount",""+$APP.N.i(0));UW(a,"echo-delay","echoDelay",""+$APP.N.i(.3));UW(a,"echo-opacity","echoOpacity",""+$APP.N.i(.5));return UW(a,"echo-scale","echoScale",""+$APP.N.i(.85))},VW=function(){return $APP.Oj("x-kinetic-typography",new $APP.K(null,5,[$APP.Gj,pra,$APP.Ej,lra,$APP.Bj,mra,$APP.Aj,nra,$APP.Fj,ora],null))},OW=function OW(a){switch(arguments.length){case 0:return OW.G();case 1:return OW.i(arguments[0]);case 2:return OW.j(arguments[0],arguments[1]);default:for(var c=
|
|
25
|
+
[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return OW.o(arguments[0],arguments[1],2<c.length?new $APP.hc(c.slice(2),0,null):null)}};OW.G=function(){return $APP.kc};OW.i=function(a){return new $APP.Pd(null,function(){return a},null)};OW.j=function(a,b){return new $APP.Pd(null,function(){var c=$APP.q(a),d=$APP.q(b);return c&&d?$APP.Md($APP.t(c),$APP.Md($APP.t(d),OW.j($APP.mc(c),$APP.mc(d)))):null},null)};
|
|
26
|
+
OW.o=function(a,b,c){return new $APP.Pd(null,function(){var d=$APP.Oe.j($APP.q,$APP.Jd.o(c,b,$APP.Jc([a])));return $APP.se($APP.yd,d)?$APP.Re.j($APP.Oe.j($APP.t,d),$APP.ge(OW,$APP.Oe.j($APP.mc,d))):null},null)};OW.H=function(a){var b=$APP.t(a),c=$APP.u(a);a=$APP.t(c);c=$APP.u(c);return this.o(b,a,c)};OW.K=2;$APP.g=uW.prototype;$APP.g.Lc=$APP.bc;$APP.g.toString=function(){return this.rb};$APP.g.V=function(a,b){return(a=b!=null?$APP.bc===b.Lc?!0:!1:!1)?this.rb===b.rb:a};
|
|
27
|
+
$APP.g.R=function(a,b){return $APP.yb(b,['#uuid "',$APP.wa(this.rb),'"'].join(""))};$APP.g.W=function(){this.F==null&&(this.F=$APP.cc(this.rb));return this.F};$APP.g.Ja=function(a,b){if(b instanceof uW)return $APP.la(this.rb,b.rb);throw Error(["Cannot compare ",$APP.wa(this)," to ",$APP.wa(b)].join(""));};
|
|
28
|
+
var HW=new $APP.F(null,"echo-count","echo-count",1053271067),EW=new $APP.F(null,"repeat","repeat",832692087),NW=new $APP.F(null,"duration-s","duration-s",-1976899627),CW=new $APP.F(null,"font-size","font-size",-1847940346),MW=new $APP.F(null,"effects","effects",-282369292),JW=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),QW=new $APP.F(null,"path-el","path-el",-1878744855),DW=new $APP.F(null,"start-size","start-size",-1818812493),LW=new $APP.F(null,"crawl?","crawl?",829918610),TW=new $APP.F(null,
|
|
29
|
+
"path-id","path-id",-73169688),RW=new $APP.F(null,"path-line","path-line",-2128150773),BW=new $APP.F(null,"echo-scale","echo-scale",1307207648),SW=new $APP.F(null,"text-path","text-path",-1817651346),GW=new $APP.F(null,"echo-delay","echo-delay",845689658),KW=new $APP.F(null,"view-box","view-box",-1792199155),cra=new $APP.F(null,"custom-path?","custom-path?",-1532616839),FW=new $APP.F(null,"effect","effect",347343289),IW=new $APP.F(null,"end-size","end-size",761612093);var pra="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
30
|
+
$APP.Ag([$APP.fw,new $APP.F(null,"startSize","startSize",-1750632892),$APP.eq,$APP.rv,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.Ss,EW,new $APP.F(null,"fontSize","fontSize",919623033),FW,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.hs,$APP.Vn],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"path"],null),new $APP.K(null,2,
|
|
31
|
+
[$APP.P,$APP.X,$APP.W,"start-size"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"animation"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"speed"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"echo-count"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"echo-scale"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"echo-opacity"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"preset"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"repeat"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"font-size"],
|
|
32
|
+
null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"effect"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"echo-delay"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"end-size"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"direction"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"text"],null)]);
|
|
33
|
+
var Yqa=new $APP.ah(null,new $APP.K(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),Zqa=new $APP.ah(null,new $APP.K(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),$qa=new $APP.ah(null,new $APP.K(null,2,["reverse",null,"normal",null],null),null),ara=new $APP.ah(null,new $APP.K(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",
|
|
34
|
+
null],null),null),bra=new $APP.K(null,7,["wave",new $APP.K(null,2,[$APP.Gw,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",KW,"0 0 800 200"],null),"circle",new $APP.K(null,2,[$APP.Gw,"M125,10 A115,115 0 1,1 124.99,10",KW,"0 0 250 250"],null),"arc",new $APP.K(null,2,[$APP.Gw,"M50,350 Q400,10 750,350",KW,"0 0 800 400"],null),"infinity",new $APP.K(null,2,[$APP.Gw,"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",KW,"0 0 400 400"],
|
|
35
|
+
null),"spiral",new $APP.K(null,2,[$APP.Gw,"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",KW,"0 0 500 500"],null),"sine",new $APP.K(null,2,[$APP.Gw,"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",KW,"0 0 800 200"],null),"line",new $APP.K(null,2,[$APP.Gw,"M0,50 L800,50",KW,"0 0 800 100"],null)],null);var kra=":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:var(--x-font-family,inherit);--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:var(--x-font-weight-normal,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;}"+
|
|
36
|
+
$APP.N.i(":host([hidden]){display:none;}")+"@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;}}";$APP.ha("baredom.exports.x_kinetic_typography.init",VW);export const init=VW;
|