@vanelsas/baredom 2.7.0 → 2.8.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 +22 -0
- package/custom-elements.json +344 -5
- package/dist/baredom.d.ts +4 -0
- package/dist/base.js +451 -427
- package/dist/integrity.json +97 -93
- package/dist/x-alert.js +17 -18
- package/dist/x-avatar-group.js +9 -10
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +9 -10
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -14
- package/dist/x-button.js +16 -18
- package/dist/x-cancel-dialogue.js +13 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -34
- package/dist/x-chart.d.ts +26 -0
- package/dist/x-chart.js +47 -46
- package/dist/x-checkbox.js +11 -10
- package/dist/x-chip.js +1 -9
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +26 -26
- package/dist/x-container.js +4 -4
- package/dist/x-context-menu.d.ts +31 -2
- package/dist/x-context-menu.js +20 -18
- package/dist/x-copy.js +20 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.d.ts +27 -0
- package/dist/x-date-picker.js +42 -41
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +10 -11
- package/dist/x-dropdown.js +11 -10
- package/dist/x-fieldset.js +5 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +20 -20
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -8
- package/dist/x-gaussian-blur.js +13 -19
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.d.ts +43 -0
- package/dist/x-i18n-provider.js +8 -0
- package/dist/x-i18n.d.ts +14 -0
- package/dist/x-i18n.js +5 -0
- package/dist/x-icon.js +6 -7
- package/dist/x-image.js +18 -19
- package/dist/x-kinetic-canvas.d.ts +18 -0
- package/dist/x-kinetic-canvas.js +26 -0
- package/dist/x-kinetic-font.js +27 -28
- package/dist/x-kinetic-typography.js +33 -39
- package/dist/x-liquid-dock.js +39 -39
- package/dist/x-liquid-fill.js +45 -45
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -9
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +27 -27
- package/dist/x-modal.js +11 -12
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.d.ts +50 -0
- package/dist/x-multi-combobox.js +37 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +33 -33
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -18
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-pagination.js +15 -16
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +26 -24
- package/dist/x-progress-circle.js +9 -10
- package/dist/x-progress.js +10 -11
- package/dist/x-radio.js +11 -10
- package/dist/x-ripple-effect.js +11 -12
- package/dist/x-scroll-parallax.js +18 -19
- package/dist/x-scroll-stack.js +17 -18
- package/dist/x-scroll-story.js +34 -36
- package/dist/x-scroll-timeline.js +45 -46
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -9
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -5
- package/dist/x-spinner.js +4 -5
- package/dist/x-splash.js +12 -13
- package/dist/x-stat.js +10 -12
- package/dist/x-stepper.js +14 -15
- package/dist/x-switch.js +10 -9
- package/dist/x-tab.js +7 -8
- package/dist/x-table-cell.js +20 -24
- package/dist/x-table-row.js +8 -9
- package/dist/x-table.js +12 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +21 -23
- package/dist/x-timeline.js +8 -9
- package/dist/x-toast.js +22 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -11
- package/dist/x-typography.js +9 -11
- package/dist/x-welcome-tour.js +60 -64
- package/package.json +21 -1
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null},
|
|
4
|
-
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.
|
|
5
|
-
[
|
|
6
|
-
c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
a.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
this.setAttribute("
|
|
16
|
-
|
|
17
|
-
$APP.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
new $APP.
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
Ma,e));ea+=1}else break;var nc=function(){var Sb=$APP.k(a,"__xKineticFontSD");return $APP.n(Sb)?Sb:0}()>.5;$APP.n(function(){var Sb=rb[0];return $APP.n(Sb)?!nc:Sb}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-settle",{bubbles:!0,composed:!0,detail:{}})))):$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return a5.g?a5.g(a):a5.call(null,a)}))}return null};$APP.ha("baredom.exports.x_kinetic_font.init",w5);export const init=w5;
|
|
2
|
+
var I6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},J6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.Zc(haa,a)?a:"cursor"},jaa=function(a){return typeof a==="string"?(a=$APP.hf.l($APP.eg,$APP.me(function(b){return $APP.Zc(iaa,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Oc(a)?K6:a):K6},L6=function(a){return typeof a==="string"?(a=a.trim(),$APP.B.i(a,"")?null:
|
|
3
|
+
a):null},kaa=function(a,b,c,d,e,f,h){b=c+(f*(b-a)-h*c)/e*d;return[a+b*d,b]},M6=function(a,b){if(a>=b)return 0;a=1-a/b;return a*a},N6=function(a,b,c,d,e,f,h,l,m,q,r){a*=c;d=$APP.Zc(b,"bulge")?d+a*(e-d):d;f=$APP.Zc(b,"stretch")?f+a*(h-f):f;l=$APP.Zc(b,"lean")?m+a*(l-m):m;b=$APP.Zc(b,"breathe")?q+a*(r-q):q;return[d,f,l,b]},O6=function(){return $APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},Z6=function(a){a=$APP.Lf([$APP.Rk,$APP.Ol,P6,Q6,R6,$APP.$i,$APP.Jm,S6,$APP.Uk,T6],[a.getAttribute("mass"),
|
|
4
|
+
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.J(a);a=$APP.C(b,$APP.Uk);var c=$APP.C(b,T6),d=$APP.C(b,$APP.Rk),e=$APP.C(b,$APP.Ol),f=$APP.C(b,Q6),h=$APP.C(b,P6),l=$APP.C(b,R6),m=$APP.C(b,$APP.$i),q=$APP.C(b,$APP.Jm);b=$APP.C(b,S6);return $APP.Lf([$APP.Nn,U6,V6,$APP.fo,$APP.Fl,W6,$APP.ol,X6,Y6,$APP.Om],
|
|
5
|
+
[I6(d,1,.1,10),I6(c,170,10,500),jaa(q),I6(a,200,20,1E3),I6(e,.5,0,1),f!=null,I6(b,26,1,100),J6(h),L6(l),typeof m==="string"?m:""])},$6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},a7=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.Q.g(b[0].toFixed(1))+", 'wdth' "+$APP.Q.g(b[1].toFixed(1))+", 'slnt' "+$APP.Q.g(b[2].toFixed(1))+", 'opsz' "+$APP.Q.g(b[3].toFixed(1));d.call(a,"font-variation-settings",
|
|
6
|
+
b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.Q.g(c.toFixed(1))+"deg)")},c7=function(a){$APP.n($APP.k(a,"__xKineticFontRaf"))||($APP.n($APP.k(a,"__xKineticFontAct"))||(a.__xKineticFontAct=!0,$APP.P(a,"x-kinetic-font-spring-activate",{})),$APP.fa(a,"__xKineticFontLF",performance.now()),$APP.fa(a,"__xKineticFontRaf",requestAnimationFrame(function(){return b7(a)})))},laa=function(a){var b=window.scrollY,c=b-function(){var d=$APP.k(a,"__xKineticFontLSY");return $APP.n(d)?
|
|
7
|
+
d:b}();a.__xKineticFontLSY=b;$APP.fa(a,"__xKineticFontSD",function(){var d=$APP.k(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));O6()||c7(a);return null},maa=function(a){var b=X6.g($APP.k(a,"__xKineticFontModel")),c={};if($APP.B.i(b,"cursor")||$APP.B.i(b,"both")){var d=function(e){a.__xKineticFontMX=e.clientX;a.__xKineticFontMY=e.clientY;O6()||c7(a);return null};c.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.B.i(b,"scroll")||$APP.B.i(b,"both"))b=function(){return laa(a)},
|
|
8
|
+
c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},d7=function(a){var b=$APP.k(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.k(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.k(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",b);a.__xKineticFontHdl=null}},o7=function(a,b){var c=$APP.k(a,"__xKineticFontModel");a.__xKineticFontModel=b;if($APP.M($APP.Om.g(b),$APP.Om.g(c))||$APP.M(W6.g(b),W6.g(c)))if($APP.n(W6.g(b))){var d=
|
|
9
|
+
$APP.Om.g(b),e=$APP.J($APP.k(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Vh);d=$APP.Je(d);var f=$APP.z(d),h=Array(f),l=Array(f);e.textContent="";for(var m=0;;)if(m<f){var q=$APP.wc(d,m),r=document.createElement("span");r.setAttribute("part","char");$APP.B.i(q," ")?(r.setAttribute("data-ws",""),r.innerHTML="\x26nbsp;"):r.textContent=q;e.appendChild(r);h[m]=r;l[m]=[0,0];m+=1}else break;a.__xKineticFontCS=h;a.__xKineticFontSpr=l}else e=$APP.Om.g(b),d=$APP.J($APP.k(a,"__xKineticFontRefs")),$APP.C(d,$APP.Vh).textContent=
|
|
10
|
+
e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.M(X6.g(b),X6.g(c))&&(d7(a),maa(a));c=$APP.J($APP.k(a,"__xKineticFontRefs"));c=$APP.C(c,$APP.Vh);e=Y6.g(b);$APP.n(e)?c.style.setProperty("font-family",e):c.style.removeProperty("font-family");c=getComputedStyle(a);c=$APP.Lf([e7,f7,g7,h7,i7,j7,k7,l7,m7],[$6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),$6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),$6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),$6(c.getPropertyValue("--x-kinetic-font-opsz-min"),
|
|
11
|
+
8),$6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),$6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),$6(c.getPropertyValue("--x-kinetic-font-width-max"),125),$6(c.getPropertyValue("--x-kinetic-font-width-min"),75),$6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]);a.__xKineticFontCV=c;c=$APP.Om.g(b);e=$APP.J($APP.k(a,"__xKineticFontRefs"));$APP.C(e,n7).textContent=c;$APP.B.i(c,"")?(a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(a.removeAttribute("aria-hidden"),
|
|
12
|
+
a.setAttribute("role","text"),a.setAttribute("aria-label",c));if(!O6())if(c=$APP.k(a,"__xKineticFontCV"),c=N6(0,V6.g(b),$APP.Fl.g(b),i7.g(c),m7.g(c),l7.g(c),k7.g(c),f7.g(c),e7.g(c),h7.g(c),g7.g(c)),$APP.n(W6.g(b))){if(a=$APP.k(a,"__xKineticFontCS"),$APP.n(a))for(b=a.length,e=0;;)if(e<b)a7(a[e],c,0),e+=1;else break}else a=$APP.J($APP.k(a,"__xKineticFontRefs")),a=$APP.C(a,$APP.Vh),a7(a,c,0)},naa=function(a){$APP.eh(a,"text","text","");$APP.eh(a,"mode","mode","bulge");$APP.dh(a,"perChar","per-char");
|
|
13
|
+
Object.defineProperty(a,"trigger",{get:function(){return J6(this.getAttribute("trigger"))},set:function(b){return b==null?this.removeAttribute("trigger"):this.setAttribute("trigger",""+$APP.Q.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"mass",{get:function(){var b=this.getAttribute("mass");return I6(b,1,.1,10)},set:function(b){return b==null?this.removeAttribute("mass"):this.setAttribute("mass",""+$APP.Q.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=
|
|
14
|
+
this.getAttribute("tension");return I6(b,170,10,500)},set:function(b){return b==null?this.removeAttribute("tension"):this.setAttribute("tension",""+$APP.Q.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");return I6(b,26,1,100)},set:function(b){return b==null?this.removeAttribute("friction"):this.setAttribute("friction",""+$APP.Q.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=
|
|
15
|
+
this.getAttribute("intensity");return I6(b,.5,0,1)},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.Q.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return I6(b,200,20,1E3)},set:function(b){return b==null?this.removeAttribute("radius"):this.setAttribute("radius",""+$APP.Q.g(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return L6(this.getAttribute("font-family"))},
|
|
16
|
+
set:function(b){return b==null?this.removeAttribute("font-family"):this.setAttribute("font-family",""+$APP.Q.g(b))},enumerable:!0,configurable:!0})},paa=function(a){if(!$APP.n($APP.k(a,"__xKineticFontRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span");c.textContent=oaa;d.setAttribute("part","container");e.setAttribute("class","sr-only");e.setAttribute("part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);
|
|
17
|
+
a.__xKineticFontRefs=new $APP.N(null,3,[$APP.Uh,b,$APP.Vh,d,n7,e],null)}b=Z6(a);a.__xKineticFontModel=null;a.__xKineticFontMX=0;a.__xKineticFontMY=0;a.__xKineticFontSD=0;a.__xKineticFontAct=!1;o7(a,b);return null},qaa=function(a){var b=$APP.k(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xKineticFontRaf=null);d7(a);return null},raa=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xKineticFontRefs"))&&(b=Z6(a),$APP.M(b,$APP.k(a,"__xKineticFontModel"))&&o7(a,b));return null},p7=function(){return $APP.Yg("x-kinetic-font",
|
|
18
|
+
new $APP.N(null,5,[$APP.Pg,saa,$APP.Qg,paa,$APP.Rg,qaa,$APP.Sg,raa,$APP.Wg,naa],null))},Q6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),P6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),f7=new $APP.F(null,"slnt-min","slnt-min",71363427),k7=new $APP.F(null,"wdth-max","wdth-max",-522030121),j7=new $APP.F(null,"skew-max","skew-max",1543858453),l7=new $APP.F(null,"wdth-min","wdth-min",-986627045),R6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),W6=new $APP.F(null,
|
|
19
|
+
"per-char?","per-char?",-1016397834),X6=new $APP.F(null,"trigger","trigger",103466139),h7=new $APP.F(null,"opsz-min","opsz-min",-829837010),n7=new $APP.F(null,"sr-only","sr-only",-173275148),e7=new $APP.F(null,"slnt-max","slnt-max",1716167520),S6=new $APP.F(null,"friction-raw","friction-raw",-1078184200),g7=new $APP.F(null,"opsz-max","opsz-max",454458088),i7=new $APP.F(null,"wght-min","wght-min",529224020),V6=new $APP.F(null,"modes","modes",-1377787092),m7=new $APP.F(null,"wght-max","wght-max",-514604421),
|
|
20
|
+
T6=new $APP.F(null,"tension-raw","tension-raw",961657279),Y6=new $APP.F(null,"font-family","font-family",-667419874),U6=new $APP.F(null,"tension","tension",58343589);var saa="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
21
|
+
$APP.Lf([$APP.Nn,U6,$APP.Jk,new $APP.F(null,"perChar","perChar",2082880685),$APP.fo,$APP.Fl,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.ol,X6,$APP.Om],[new $APP.N(null,1,[$APP.R,$APP.V],null),new $APP.N(null,1,[$APP.R,$APP.V],null),new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,1,[$APP.R,$APP.T],null),new $APP.N(null,1,[$APP.R,$APP.V],null),new $APP.N(null,1,[$APP.R,$APP.V],null),new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,1,[$APP.R,$APP.V],null),new $APP.N(null,
|
|
22
|
+
1,[$APP.R,$APP.U],null),new $APP.N(null,1,[$APP.R,$APP.U],null)]);$APP.Yd(["x-kinetic-font-spring-activate",new $APP.N(null,2,[$APP.Z,$APP.Zd,$APP.Fn,!1],null),"x-kinetic-font-spring-settle",new $APP.N(null,2,[$APP.Z,$APP.Zd,$APP.Fn,!1],null)]);
|
|
23
|
+
var haa=new $APP.O(null,new $APP.N(null,3,["scroll",null,"both",null,"cursor",null],null),null),iaa=new $APP.O(null,new $APP.N(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),K6=new $APP.O(null,new $APP.N(null,1,["bulge",null],null),null);var oaa=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.Q.g("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.Q.g("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.Q.g("--x-kinetic-font-size")+":2rem;"+$APP.Q.g("--x-kinetic-font-weight-min")+":100;"+$APP.Q.g("--x-kinetic-font-weight-max")+":900;"+$APP.Q.g("--x-kinetic-font-width-min")+":75;"+$APP.Q.g("--x-kinetic-font-width-max")+":125;"+$APP.Q.g("--x-kinetic-font-slant-min")+":-12;"+$APP.Q.g("--x-kinetic-font-slant-max")+
|
|
24
|
+
":0;"+$APP.Q.g("--x-kinetic-font-opsz-min")+":8;"+$APP.Q.g("--x-kinetic-font-opsz-max")+":144;"+$APP.Q.g("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.Q.g("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.Q.g("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.Q.g("--x-kinetic-font-size")+",2rem);line-height:1.2;will-change:font-variation-settings,transform;}[part\x3dchar]{display:inline-block;will-change:font-variation-settings,transform;}[part\x3dchar][data-ws]{white-space:pre;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media(prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3dchar]{font-variation-settings:normal!important;will-change:auto;}}",
|
|
25
|
+
b7=function b7(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xKineticFontModel"),d=$APP.k(a,"__xKineticFontCV"),e=performance.now(),f=Math.min(e-$APP.k(a,"__xKineticFontLF"),100)/1E3,h=$APP.Nn.g(c),l=U6.g(c),m=$APP.ol.g(c),q=$APP.Fl.g(c),r=$APP.fo.g(c),v=X6.g(c);c=V6.g(c);var x=i7.g(d),y=m7.g(d),A=l7.g(d),D=k7.g(d),G=f7.g(d),I=e7.g(d),H=h7.g(d),K=g7.g(d);d=j7.g(d);var W=$APP.Zc(c,"lean"),ea=$APP.k(a,"__xKineticFontMX"),va=$APP.k(a,"__xKineticFontMY"),Pa=function(){var Yb=$APP.k(a,"__xKineticFontSD");
|
|
26
|
+
return $APP.n(Yb)?Yb:0}(),eb=Math.min(1,Math.abs(Pa)/100),sb=$APP.k(a,"__xKineticFontSpr"),tb=$APP.k(a,"__xKineticFontCS"),Ib=tb!=null,fc=sb.length;a.__xKineticFontLF=e;a.__xKineticFontSD=Pa*.85;for(var vb=[!0],ia=0;;)if(ia<fc){Pa=Ib&&($APP.B.i(v,"cursor")||$APP.B.i(v,"both"))?function(){var Yb=tb[ia].getBoundingClientRect(),Xd=ea-(Yb.left+.5*Yb.width);Yb=va-(Yb.top+.5*Yb.height);return Math.max(M6(Math.sqrt(Xd*Xd+Yb*Yb),r),eb)}():Ib&&$APP.B.i(v,"scroll")?eb:Ib||!$APP.B.i(v,"cursor")&&!$APP.B.i(v,
|
|
27
|
+
"both")?$APP.B.i(v,"scroll")?eb:0:function(){var Yb=$APP.J($APP.k(a,"__xKineticFontRefs")),Xd=$APP.C(Yb,$APP.Vh).getBoundingClientRect();Yb=ea-(Xd.left+.5*Xd.width);Xd=va-(Xd.top+.5*Xd.height);return Math.max(M6(Math.sqrt(Yb*Yb+Xd*Xd),r),eb)}();var Da=sb[ia],fb=kaa(Da[0],Pa,Da[1],f,h,l,m);e=fb[0];fb=fb[1];Da[0]=e;Da[1]=fb;Math.abs(e-Pa)<.001&&Math.abs(fb)<.01||(vb[0]=!1);Pa=N6(e,c,q,x,y,A,D,G,I,H,K);e=W?e*q*d:0;Ib?a7(tb[ia],Pa,e):(Da=$APP.J($APP.k(a,"__xKineticFontRefs")),Da=$APP.C(Da,$APP.Vh),a7(Da,
|
|
28
|
+
Pa,e));ia+=1}else break;var sc=function(){var Yb=$APP.k(a,"__xKineticFontSD");return $APP.n(Yb)?Yb:0}()>.5;$APP.n(function(){var Yb=vb[0];return $APP.n(Yb)?!sc:Yb}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,$APP.P(a,"x-kinetic-font-spring-settle",{}))):$APP.fa(a,"__xKineticFontRaf",requestAnimationFrame(function(){return b7.g?b7.g(a):b7.call(null,a)}))}return null};$APP.ca("baredom.exports.x_kinetic_font.init",p7);export const init=p7;
|
|
@@ -1,40 +1,34 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$APP.
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
$APP.
|
|
29
|
-
$APP.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
$APP.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
$APP.zf([$APP.ql,new $APP.K(null,"startSize","startSize",-1750632892),$APP.mh,$APP.Yj,new $APP.K(null,"echoCount","echoCount",-1194377974),new $APP.K(null,"echoScale","echoScale",1536204716),new $APP.K(null,"echoOpacity","echoOpacity",-1325258611),$APP.Xk,dP,new $APP.K(null,"fontSize","fontSize",919623033),eP,new $APP.K(null,"echoDelay","echoDelay",-1807132900),new $APP.K(null,"endSize","endSize",674490141),$APP.Lj,$APP.Ul],[new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"path"],null),new $APP.Q(null,2,
|
|
36
|
-
[$APP.Z,$APP.Y,$APP.$k,"start-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"animation"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"speed"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"echo-count"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"echo-scale"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"echo-opacity"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"preset"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"repeat"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"font-size"],
|
|
37
|
-
null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"effect"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"echo-delay"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"end-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"direction"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.$k,"text"],null)]);
|
|
38
|
-
var jP=new $APP.R(null,new $APP.Q(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),kP=new $APP.R(null,new $APP.Q(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),lP=new $APP.R(null,new $APP.Q(null,2,["reverse",null,"normal",null],null),null),mP=new $APP.R(null,new $APP.Q(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",null],
|
|
39
|
-
null),null),oP=new $APP.Q(null,7,["wave",new $APP.Q(null,2,[$APP.jm,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",nP,"0 0 800 200"],null),"circle",new $APP.Q(null,2,[$APP.jm,"M125,10 A115,115 0 1,1 124.99,10",nP,"0 0 250 250"],null),"arc",new $APP.Q(null,2,[$APP.jm,"M50,350 Q400,10 750,350",nP,"0 0 800 400"],null),"infinity",new $APP.Q(null,2,[$APP.jm,"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",nP,"0 0 400 400"],
|
|
40
|
-
null),"spiral",new $APP.Q(null,2,[$APP.jm,"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",nP,"0 0 500 500"],null),"sine",new $APP.Q(null,2,[$APP.jm,"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",nP,"0 0 800 200"],null),"line",new $APP.Q(null,2,[$APP.jm,"M0,50 L800,50",nP,"0 0 800 100"],null)],null);$APP.ha("baredom.exports.x_kinetic_typography.init",BP);export const init=BP;
|
|
2
|
+
var ZQ=function(a){this.ob=a;this.C=null;this.s=2153775104;this.G=2048},$Q=function(a){return new ZQ(a.toLowerCase())},aR=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 $Q([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
|
+
a()].join(""))},bR=function(a){return typeof a==="string"&&$APP.M("",a.trim())?a.trim():null},cR=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},dR=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},eR=function(a){var b=$APP.k(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),a.__xKineticTypographyAnimate=null)},fR=function(a,b,c,d){var e=cR("animate");c=""+$APP.Q.g(c)+"s";b=$APP.B.i(b,"reverse")?"reverse":"normal";e.setAttribute("attributeName",
|
|
4
|
+
"startOffset");e.setAttribute("repeatCount","indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.Q.g(d)+"s");switch(a){case "scroll":e.setAttribute("from",$APP.B.i(b,"reverse")?"100%":"0%");e.setAttribute("to",$APP.B.i(b,"reverse")?"0%":"100%");break;case "bounce":e.setAttribute("values",$APP.B.i(b,"reverse")?"100%;0%;100%":"0%;100%;0%");e.setAttribute("calcMode","spline");e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":e.setAttribute("values",
|
|
5
|
+
$APP.B.i(b,"reverse")?"120%;-20%;120%":"-20%;120%;-20%"),e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},gR=function(a){var b=$APP.k(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;a.__xKineticTypographyEchoEls=[]}},BR=function(a){var b=$APP.Lf([$APP.hm,hR,$APP.ji,iR,$APP.Sk,$APP.Nl,jR,kR,lR,mR,nR,oR,$APP.Gk,pR,$APP.Om],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),
|
|
6
|
+
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]);var c=$APP.J(b),d=$APP.C(c,lR),e=$APP.C(c,mR),f=$APP.C(c,nR),h=$APP.C(c,oR),l=$APP.C(c,$APP.Gk),m=$APP.C(c,pR),q=$APP.C(c,$APP.Om),r=$APP.C(c,$APP.hm),v=$APP.C(c,hR),x=$APP.C(c,
|
|
7
|
+
$APP.ji),y=$APP.C(c,iR),A=$APP.C(c,$APP.Sk),D=$APP.C(c,$APP.Nl),G=$APP.C(c,jR),I=$APP.C(c,kR),H=typeof q==="string"?q:"",K=bR(r),W=typeof D==="string"?D.trim().toLowerCase():null;var ea=$APP.Zc(qR,W)?W:"wave";var va=$APP.B.i(ea,"crawl"),Pa=typeof x==="string"?x.trim().toLowerCase():null;var eb=$APP.Zc(rR,Pa)?Pa:"scroll";var sb=typeof l==="string"?l.trim().toLowerCase():null;var tb=$APP.Zc(sR,sb)?sb:"normal";if(typeof A==="string"){var Ib=parseFloat(A.trim());var fc=typeof Ib==="number"&&$APP.p(isNaN(Ib))&&
|
|
8
|
+
Ib>0?Ib:1}else fc=1;if(typeof I==="string"){var vb=parseInt(I.trim(),10);var ia=typeof vb==="number"&&$APP.p(isNaN(vb))&&vb>0?vb:1}else ia=1;if(typeof d==="string"){var Da=$APP.ig(d.toLowerCase().trim().split(/\s+/));var fb=$APP.zo.i(Da,tR)}else fb=$APP.eg;var sc=bR(G),Yb=bR(h);if($APP.B.i(ea,"crawl"))var Xd=null;else{var MK=K!=null;var NK=MK?$APP.vh(K):MK;Xd=$APP.n(NK)?new $APP.N(null,2,[$APP.jn,NK,uR,"0 0 800 200"],null):$APP.C(vR,ea)}var Hv=$APP.n($APP.n(sc)?$APP.n(Yb)?!va:Yb:sc)?$APP.ud.i(fb,
|
|
9
|
+
"size-gradient"):fb,Iv=$APP.Zc(Hv,"size-gradient")?$APP.Gi.i(Hv,"size-pulse"):Hv,H3=$APP.Zc(Iv,"color-wave")?$APP.Gi.i(Iv,"color-shift"):Iv;if(typeof v==="string"){var Sm=parseFloat(v.trim());var OK=typeof Sm==="number"&&$APP.p(isNaN(Sm))&&Sm>0&&Sm<=1?Sm:.85}else OK=.85;var I3=$APP.jn.g(Xd),J3=bR(y),K3=uR.g(Xd),L3=10/$APP.Hi.i(fc,.01);if(va)var Jv=0;else if(typeof f==="string"){var Tm=parseInt(f.trim(),10);Jv=typeof Tm==="number"&&$APP.p(isNaN(Tm))&&Tm>=0&&Tm<=5?Tm:0}else Jv=0;if(typeof e==="string"){var Nq=
|
|
10
|
+
parseFloat(e.trim());var PK=typeof Nq==="number"&&$APP.p(isNaN(Nq))&&Nq>0?Nq:.3}else PK=.3;if(typeof m==="string"){var Um=parseFloat(m.trim());var QK=typeof Um==="number"&&$APP.p(isNaN(Um))&&Um>0&&Um<=1?Um:.5}else QK=.5;var N3=$APP.Lf([hR,$APP.dl,$APP.ji,iR,$APP.Sk,uR,$APP.Nl,wR,jR,xR,yR,kR,zR,mR,nR,oR,$APP.Gk,pR,$APP.Om],[OK,I3,eb,J3,fc,K3,ea,va,sc,H3,L3,ia,K!=null,PK,Jv,Yb,tb,QK,H]);var md=$APP.J(N3),UK=$APP.C(md,mR),VK=$APP.C(md,nR),Kv=$APP.C(md,oR),Lv=$APP.C(md,$APP.Gk),O3=$APP.C(md,pR),Lh=$APP.C(md,
|
|
11
|
+
$APP.Om),P3=$APP.C(md,hR),Oq=$APP.C(md,$APP.dl),Mh=$APP.C(md,$APP.ji),WK=$APP.C(md,iR),XK=$APP.C(md,uR),Q3=$APP.C(md,wR),Vm=$APP.C(md,jR),yk=$APP.C(md,xR),ui=$APP.C(md,yR),Mv=$APP.C(md,kR),YK=$APP.k(a,"__xKineticTypographySvg"),R3=$APP.k(a,"__xKineticTypographyPath"),ZK=$APP.k(a,"__xKineticTypographyText"),Wm=$APP.k(a,"__xKineticTypographyTextPath"),S3=$APP.k(a,"__xKineticTypographySrOnly"),T3=$APP.k(a,"__xKineticTypographyCrawlText"),Nv=a.shadowRoot.querySelector("[part\x3dpath-line]");if($APP.n(Q3))a.setAttribute("data-preset",
|
|
12
|
+
"crawl"),T3.textContent=Lh,eR(a),gR(a),$APP.M(Mh,"none")?a.setAttribute("data-animation",Mh):a.removeAttribute("data-animation"),$APP.B.i(Lv,"reverse")?a.setAttribute("data-direction","reverse"):a.removeAttribute("data-direction"),$APP.Zc(yk,"color-shift")?a.setAttribute("data-effect","color-shift"):a.removeAttribute("data-effect");else{a.removeAttribute("data-preset");a.removeAttribute("data-direction");$APP.n(XK)&&YK.setAttribute("viewBox",XK);$APP.n(Oq)&&R3.setAttribute("d",Oq);$APP.n($APP.n(Nv)?
|
|
13
|
+
Oq:Nv)&&Nv.setAttribute("d",Oq);var Ov=Mv<=1?Lh:$APP.Rd($APP.Q,$APP.ge(1,AR.i(new $APP.je(null,-1," · ",null),Mv>0?new $APP.je(null,Mv,Lh,null):$APP.cc))),$K=$APP.Zc(yk,"size-gradient"),U3=$APP.Zc(yk,"color-wave"),aL=$K?$APP.n(Vm)?$APP.n(Kv)?$APP.M(Lh,""):Kv:Vm:$K;var V3=$APP.n(aL)?aL:U3&&$APP.M(Lh,"");if($APP.n(V3)){Wm.textContent="";var Pv=$APP.Je(Ov),vi=$APP.z(Pv),wi=$APP.Zc(yk,"size-gradient"),Qv=$APP.Zc(yk,"color-wave"),Nh=wi?parseFloat(Vm):null,Pq=wi?parseFloat(Kv):null;if(wi){var bL=$APP.n(Vm)?
|
|
14
|
+
Vm:"px",W3=/[a-z%]+/;if(typeof bL==="string"){var Qq=W3.exec(bL);var cL=Qq==null?null:Qq.length===1?Qq[0]:$APP.Je(Qq)}else throw new TypeError("re-find must match against a string.");var dL=$APP.n(cL)?cL:"px"}else dL=null;for(var eL=dL,fL=Qv?vi>0?ui/vi:0:null,Rv=$APP.t($APP.pg(0,vi)),Sv=null,Tv=0,Rq=0;;)if(Rq<Tv){var xi=Sv.F(null,Rq),Sq=cR("tspan");$APP.n(wi?$APP.n(Nh)?Pq:Nh:wi)&&Sq.setAttribute("font-size",""+$APP.Q.g(Nh+(vi>1?xi/(vi-1):0)*(Pq-Nh))+$APP.Q.g(eL));Qv&&(Sq.style.cssText="animation:xkt-color-wave "+
|
|
15
|
+
$APP.Q.g(ui)+"s ease-in-out infinite;animation-delay:"+$APP.Q.g(xi*fL)+"s;");Sq.textContent=$APP.wc(Pv,xi);Wm.appendChild(Sq);Rq+=1}else{var gL=$APP.t(Rv);if(gL){var Xm=gL;if($APP.Vc(Xm)){var hL=$APP.Db(Xm),X3=$APP.Eb(Xm),Y3=hL,Z3=$APP.z(hL);Rv=X3;Sv=Y3;Tv=Z3}else{xi=$APP.u(Xm);var Tq=cR("tspan");$APP.n(wi?$APP.n(Nh)?Pq:Nh:wi)&&Tq.setAttribute("font-size",""+$APP.Q.g(Nh+(vi>1?xi/(vi-1):0)*(Pq-Nh))+$APP.Q.g(eL));Qv&&(Tq.style.cssText="animation:xkt-color-wave "+$APP.Q.g(ui)+"s ease-in-out infinite;animation-delay:"+
|
|
16
|
+
$APP.Q.g(xi*fL)+"s;");Tq.textContent=$APP.wc(Pv,xi);Wm.appendChild(Tq);Rv=$APP.w(Xm);Sv=null;Tv=0}Rq=0}else break}}else Wm.textContent=Ov;gR(a);if(VK>0){for(var iL=$APP.k(a,"__xKineticTypographyPathId"),jL=[],$3=$APP.M(Mh,"none")&&$APP.p(dR()),a4=ui>0?UK/ui*100:5,Uv=0;;)if(Uv<VK){var Uq=Uv+1,zk=document.createElementNS("http://www.w3.org/2000/svg","text"),Ak=document.createElementNS("http://www.w3.org/2000/svg","textPath"),b4=Math.pow(O3,Uq),c4=Math.pow(P3,Uq),d4="-"+$APP.Q.g(a4*Uq)+"%";zk.setAttribute("part",
|
|
17
|
+
"text-echo");zk.setAttribute("opacity",""+$APP.Q.g(b4));zk.setAttribute("font-size","calc(var(--x-kinetic-typography-font-size) * "+$APP.Q.g(c4)+")");Ak.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.Q.g(iL));Ak.setAttribute("href","#"+$APP.Q.g(iL));Ak.setAttribute("startOffset",d4);Ak.textContent=Ov;if($3){var e4=fR(Mh,Lv,ui,UK*Uq);Ak.appendChild(e4)}zk.appendChild(Ak);YK.appendChild(zk);jL.push({textEl:zk});Uv+=1}else break;a.__xKineticTypographyEchoEls=jL}$APP.n(WK)?ZK.style.setProperty("font-size",
|
|
18
|
+
WK):ZK.style.removeProperty("font-size");eR(a);if($APP.M(Mh,"none")&&$APP.p(dR())){var kL=fR(Mh,Lv,ui,0);Wm.appendChild(kL);a.__xKineticTypographyAnimate=kL}var lL=$APP.Gi.B(yk,"size-gradient",$APP.Bc(["color-wave"]));$APP.t(lL)?a.setAttribute("data-effect",$APP.nh(" ",$APP.cd(lL))):a.removeAttribute("data-effect");$APP.M(Mh,"none")?a.setAttribute("data-animation",Mh):a.removeAttribute("data-animation")}S3.textContent=Lh;$APP.B.i(Lh,"")?(a.setAttribute("role","presentation"),a.setAttribute("aria-hidden",
|
|
19
|
+
"true")):(a.setAttribute("role","img"),a.setAttribute("aria-label",Lh))},CR=function(a){if(!$APP.n($APP.k(a,"__xKineticTypographyInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=cR("svg"),f=cR("defs"),h=cR("path"),l=cR("path"),m=cR("text"),q=cR("textPath"),r=document.createElement("span"),v=document.createElement("div"),x=document.createElement("div"),y="xkt-"+$APP.Q.g(aR());c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-kinetic-typography-color:var(--x-color-text,currentColor);--x-kinetic-typography-font-family:system-ui,sans-serif;--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:400;--x-kinetic-typography-letter-spacing:0;--x-kinetic-typography-opacity:1;--x-kinetic-typography-stroke:none;--x-kinetic-typography-stroke-width:0;--x-kinetic-typography-duration:10s;--x-kinetic-typography-timing:linear;--x-kinetic-typography-color-shift-from:var(--x-color-text,currentColor);--x-kinetic-typography-color-shift-to:var(--x-color-primary,#3b82f6);--x-kinetic-typography-path-stroke:none;--x-kinetic-typography-path-stroke-width:0;--x-kinetic-typography-crawl-perspective:400px;}@media (prefers-color-scheme:dark){:host{--x-kinetic-typography-color:var(--x-color-text,rgba(255,255,255,0.87));}}[part\x3dcontainer]{width:100%;height:100%;position:relative;}[part\x3dsvg]{width:100%;height:100%;overflow:visible;}[part\x3dtext]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);opacity:var(--x-kinetic-typography-opacity);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}[part\x3dtext-echo]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}@keyframes xkt-opacity-wave{0%,100%{opacity:var(--x-kinetic-typography-opacity);}50%{opacity:0.3;}}@keyframes xkt-size-pulse{0%,100%{font-size:var(--x-kinetic-typography-font-size);}50%{font-size:calc(var(--x-kinetic-typography-font-size) * 1.15);}}@keyframes xkt-spacing-breathe{0%,100%{letter-spacing:var(--x-kinetic-typography-letter-spacing);}50%{letter-spacing:0.15em;}}@keyframes xkt-color-shift{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}@keyframes xkt-color-wave{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}:host([data-effect~\x3dopacity-wave]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dsize-pulse]) [part\x3dtext]{animation:xkt-size-pulse var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}[part\x3dpath-line]{fill:none;stroke:var(--x-kinetic-typography-path-stroke);stroke-width:var(--x-kinetic-typography-path-stroke-width);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}[part\x3dcrawl-viewport]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dsvg]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-viewport]{display:block;perspective:var(--x-kinetic-typography-crawl-perspective);height:100%;overflow:hidden;position:relative;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotateX(25deg);transform-origin:50% 100%;text-align:center;font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);color:var(--x-kinetic-typography-color);letter-spacing:var(--x-kinetic-typography-letter-spacing);white-space:pre-line;line-height:1.6;width:80%;}@keyframes xkt-crawl{0%{bottom:-100%;opacity:1;}90%{opacity:1;}100%{bottom:200%;opacity:0;}}:host([data-preset\x3dcrawl][data-animation\x3dscroll]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite;}:host([data-preset\x3dcrawl][data-animation\x3dscroll][data-direction\x3dreverse]) [part\x3dcrawl-text]{animation-direction:reverse;}:host([data-preset\x3dcrawl][data-effect~\x3dcolor-shift]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite,xkt-crawl-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}@keyframes xkt-crawl-color-shift{0%,100%{color:var(--x-kinetic-typography-color-shift-from);}50%{color:var(--x-kinetic-typography-color-shift-to);}}@media (prefers-reduced-motion:reduce){:host([data-effect]) [part\x3dtext]{animation:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{animation:none;}}";
|
|
20
|
+
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",y);f.appendChild(h);l.setAttribute("part","path-line");e.appendChild(l);m.setAttribute("part","text");q.setAttribute("href","#"+$APP.Q.g(y));m.appendChild(q);e.appendChild(f);e.appendChild(m);v.setAttribute("part","crawl-viewport");x.setAttribute("part","crawl-text");v.appendChild(x);r.classList.add("sr-only");r.setAttribute("part","sr-only");
|
|
21
|
+
d.appendChild(e);d.appendChild(v);d.appendChild(r);b.appendChild(c);b.appendChild(d);a.__xKineticTypographyContainer=d;a.__xKineticTypographySvg=e;a.__xKineticTypographyPath=h;a.__xKineticTypographyText=m;a.__xKineticTypographyTextPath=q;a.__xKineticTypographySrOnly=r;a.__xKineticTypographyPathId=y;a.__xKineticTypographyCrawlViewport=v;a.__xKineticTypographyCrawlText=x;a.__xKineticTypographyEchoEls=[];a.__xKineticTypographyInit=!0}BR(a);return null},DR=function(a){eR(a);$APP.n($APP.k(a,"__xKineticTypographySvg"))&&
|
|
22
|
+
gR(a);return null},ER=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xKineticTypographyInit"))&&BR(a);return null},FR=function(a,b,c,d){return Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.n(e)?e:d},set:function(e){return typeof e==="string"&&$APP.M("",e)?this.setAttribute(b,e):this.removeAttribute(b)},enumerable:!0,configurable:!0})},GR=function(a){FR(a,"text","text","");FR(a,"path","path",null);FR(a,"preset","preset","wave");FR(a,"animation","animation","scroll");
|
|
23
|
+
FR(a,"speed","speed",""+$APP.Q.g(1));FR(a,"direction","direction","normal");FR(a,"effect","effect","none");FR(a,"font-size","fontSize",null);FR(a,"start-size","startSize",null);FR(a,"end-size","endSize",null);FR(a,"repeat","repeat",""+$APP.Q.g(1));FR(a,"echo-count","echoCount",""+$APP.Q.g(0));FR(a,"echo-delay","echoDelay",""+$APP.Q.g(.3));FR(a,"echo-opacity","echoOpacity",""+$APP.Q.g(.5));return FR(a,"echo-scale","echoScale",""+$APP.Q.g(.85))},IR=function(){return $APP.Yg("x-kinetic-typography",new $APP.N(null,
|
|
24
|
+
5,[$APP.Pg,HR,$APP.Qg,CR,$APP.Rg,DR,$APP.Sg,ER,$APP.Wg,GR],null))},AR=function AR(a){switch(arguments.length){case 0:return AR.H();case 1:return AR.g(arguments[0]);case 2:return AR.i(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return AR.B(arguments[0],arguments[1],2<c.length?new $APP.$b(c.slice(2),0,null):null)}};AR.H=function(){return $APP.cc};AR.g=function(a){return new $APP.Ad(null,function(){return a},null)};
|
|
25
|
+
AR.i=function(a,b){return new $APP.Ad(null,function(){var c=$APP.t(a),d=$APP.t(b);return c&&d?$APP.xd($APP.u(c),$APP.xd($APP.u(d),AR.i($APP.dc(c),$APP.dc(d)))):null},null)};AR.B=function(a,b,c){return new $APP.Ad(null,function(){var d=$APP.he.i($APP.t,$APP.ud.B(c,b,$APP.Bc([a])));return $APP.ae($APP.ld,d)?$APP.ke.i($APP.he.i($APP.u,d),$APP.Rd(AR,$APP.he.i($APP.dc,d))):null},null)};AR.I=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);c=$APP.w(c);return this.B(b,a,c)};AR.J=2;$APP.g=ZQ.prototype;
|
|
26
|
+
$APP.g.rc=$APP.Tb;$APP.g.toString=function(){return this.ob};$APP.g.S=function(a,b){return(a=b!=null?$APP.Tb===b.rc?!0:!1:!1)?this.ob===b.ob:a};$APP.g.R=function(a,b){return $APP.qb(b,['#uuid "',$APP.sa(this.ob),'"'].join(""))};$APP.g.T=function(){this.C==null&&(this.C=$APP.Ub(this.ob));return this.C};$APP.g.Ha=function(a,b){if(b instanceof ZQ)return $APP.ha(this.ob,b.ob);throw Error(["Cannot compare ",$APP.sa(this)," to ",$APP.sa(b)].join(""));};
|
|
27
|
+
var pR=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),jR=new $APP.F(null,"start-size","start-size",-1818812493),wR=new $APP.F(null,"crawl?","crawl?",829918610),hR=new $APP.F(null,"echo-scale","echo-scale",1307207648),mR=new $APP.F(null,"echo-delay","echo-delay",845689658),nR=new $APP.F(null,"echo-count","echo-count",1053271067),uR=new $APP.F(null,"view-box","view-box",-1792199155),kR=new $APP.F(null,"repeat","repeat",832692087),zR=new $APP.F(null,"custom-path?","custom-path?",-1532616839),
|
|
28
|
+
lR=new $APP.F(null,"effect","effect",347343289),yR=new $APP.F(null,"duration-s","duration-s",-1976899627),iR=new $APP.F(null,"font-size","font-size",-1847940346),xR=new $APP.F(null,"effects","effects",-282369292),oR=new $APP.F(null,"end-size","end-size",761612093);var HR="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
29
|
+
$APP.Lf([$APP.hm,new $APP.F(null,"startSize","startSize",-1750632892),$APP.ji,$APP.Sk,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.Nl,kR,new $APP.F(null,"fontSize","fontSize",919623033),lR,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.Gk,$APP.Om],[new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"path"],null),new $APP.N(null,2,
|
|
30
|
+
[$APP.R,$APP.U,$APP.S,"start-size"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"animation"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"speed"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"echo-count"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"echo-scale"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"echo-opacity"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"preset"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"repeat"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"font-size"],
|
|
31
|
+
null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"effect"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"echo-delay"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"end-size"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"direction"],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"text"],null)]);
|
|
32
|
+
var qR=new $APP.O(null,new $APP.N(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),rR=new $APP.O(null,new $APP.N(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),sR=new $APP.O(null,new $APP.N(null,2,["reverse",null,"normal",null],null),null),tR=new $APP.O(null,new $APP.N(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",null],
|
|
33
|
+
null),null),vR=new $APP.N(null,7,["wave",new $APP.N(null,2,[$APP.jn,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",uR,"0 0 800 200"],null),"circle",new $APP.N(null,2,[$APP.jn,"M125,10 A115,115 0 1,1 124.99,10",uR,"0 0 250 250"],null),"arc",new $APP.N(null,2,[$APP.jn,"M50,350 Q400,10 750,350",uR,"0 0 800 400"],null),"infinity",new $APP.N(null,2,[$APP.jn,"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",uR,"0 0 400 400"],
|
|
34
|
+
null),"spiral",new $APP.N(null,2,[$APP.jn,"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",uR,"0 0 500 500"],null),"sine",new $APP.N(null,2,[$APP.jn,"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",uR,"0 0 800 200"],null),"line",new $APP.N(null,2,[$APP.jn,"M0,50 L800,50",uR,"0 0 800 100"],null)],null);$APP.ca("baredom.exports.x_kinetic_typography.init",IR);export const init=IR;
|