@vanelsas/baredom 2.0.0 → 2.1.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 +32 -0
- package/README.md +26 -7
- package/dist/base.js +405 -403
- package/dist/x-alert.js +19 -19
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +16 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +35 -0
- package/dist/x-chart.js +48 -48
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.js +46 -0
- package/dist/x-command-palette.js +27 -32
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -13
- package/dist/x-drawer.js +12 -12
- package/dist/x-dropdown.js +10 -10
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +16 -16
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-kinetic-font.js +29 -28
- package/dist/x-kinetic-typography.js +39 -39
- package/dist/x-liquid-dock.js +39 -39
- package/dist/x-liquid-fill.js +45 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +11 -12
- package/dist/x-metaball-cursor.js +27 -28
- package/dist/x-modal.js +13 -13
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +34 -34
- package/dist/x-notification-center.js +10 -9
- package/dist/x-organic-divider.js +19 -19
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +53 -0
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +11 -11
- package/dist/x-progress.js +11 -11
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +12 -12
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +19 -19
- package/dist/x-scroll-story.js +36 -36
- package/dist/x-scroll-timeline.js +47 -47
- package/dist/x-scroll.js +42 -42
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +11 -11
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton.js +6 -6
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +8 -8
- package/dist/x-table-cell.js +24 -24
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +16 -16
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -24
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +25 -25
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -11
- package/package.json +14 -2
package/dist/x-grid.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a=$APP.
|
|
4
|
-
|
|
5
|
-
$APP.
|
|
6
|
-
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__x_grid_root=b;a.__x_grid_base=d;a.__x_grid_initialized=!0}
|
|
7
|
-
|
|
2
|
+
var tK=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},uK=function(a,b,c){return $APP.J(b,a)?a:c},vK=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},wK=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:null},xK=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:"16rem"},IK=function(a){var b=$APP.M(a);
|
|
3
|
+
a=$APP.D(b,yK);var c=$APP.D(b,zK),d=$APP.D(b,$APP.Al),e=$APP.D(b,AK),g=$APP.D(b,BK),h=$APP.D(b,$APP.hk),l=$APP.D(b,CK),m=$APP.D(b,$APP.Qi);b=$APP.D(b,$APP.zj);h=wK(h);l=xK(l);var p=uK(b,DK,"md");b=function(){var v=$APP.J(DK,d)?d:null;return $APP.n(v)?v:p}();var q=function(){var v=$APP.J(DK,m)?m:null;return $APP.n(v)?v:p}();g=uK(g,EK,"stretch");c=uK(c,EK,"stretch");e=vK(uK(e,FK,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.T.g(l)+",1fr))";return $APP.xf([AK,BK,$APP.hk,$APP.Qi,$APP.zj,GK,yK,
|
|
4
|
+
HK,$APP.Al,zK],[e,g,h,tK(q),p,b,$APP.F(a),q,tK(b),c])},JK=function(a){var b=$APP.xf([AK,BK,$APP.hk,CK,$APP.Qi,$APP.zj,yK,$APP.Al,zK],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]);b=IK(b);a=$APP.k(a,"__x_grid_base");if($APP.n(a)){var c=a.style;a.setAttribute("data-gap",$APP.zj.g(b));c.setProperty("--x-grid-columns",
|
|
5
|
+
$APP.hk.g(b));c.setProperty("--x-grid-row-gap",$APP.Al.g(b));c.setProperty("--x-grid-column-gap",$APP.Qi.g(b));c.setProperty("--x-grid-align-items",BK.g(b));c.setProperty("--x-grid-justify-items",zK.g(b));b=c.setProperty("--x-grid-auto-flow",AK.g(b))}else b=null;return b},KK=function(a){if(!$APP.Bg(a,"__x_grid_initialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n :host {\n display:block;\n }\n\n :host([inline]) {\n display:inline-block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-grid-columns);\n row-gap:var(--x-grid-row-gap);\n column-gap:var(--x-grid-column-gap);\n align-items:var(--x-grid-align-items);\n justify-items:var(--x-grid-justify-items);\n grid-auto-flow:var(--x-grid-auto-flow);\n }\n ";
|
|
6
|
+
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__x_grid_root=b;a.__x_grid_base=d;a.__x_grid_initialized=!0}JK(a);return a},MK=function(){var a=class extends HTMLElement{};a.observedAttributes=LK;a.prototype.connectedCallback=function(){return KK(this)};a.prototype.attributeChangedCallback=function(){return $APP.Bg(this,"__x_grid_initialized")?JK(this):KK(this)};return a},NK=function(){return $APP.n(customElements.get("x-grid"))?null:customElements.define("x-grid",
|
|
7
|
+
MK())},CK=new $APP.K(null,"min-column-size","min-column-size",-1066019378),yK=new $APP.K(null,"inline","inline",1399884222),HK=new $APP.K(null,"column-gap-token","column-gap-token",-10192833),BK=new $APP.K(null,"align-items","align-items",-267946462),GK=new $APP.K(null,"row-gap-token","row-gap-token",-219143816),AK=new $APP.K(null,"auto-flow","auto-flow",-1524521728),zK=new $APP.K(null,"justify-items","justify-items",1638310783);var LK="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),DK=new $APP.S(null,new $APP.R(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),EK=new $APP.S(null,new $APP.R(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),FK=new $APP.S(null,new $APP.R(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);$APP.fa("baredom.exports.x_grid.init",NK);export const init=NK;
|
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,29 +1,30 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null},
|
|
4
|
-
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.
|
|
5
|
-
1,.1,10),
|
|
6
|
-
0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.
|
|
7
|
-
$APP.
|
|
8
|
-
"scroll")||$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
d=$APP.
|
|
11
|
-
144),
|
|
12
|
-
a.removeAttribute("role")):(a.removeAttribute("aria-hidden"),a.setAttribute("role","text"),a.setAttribute("aria-label",c));if(!
|
|
13
|
-
this.getAttribute("text");return $APP.
|
|
14
|
-
b:"bulge"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.
|
|
15
|
-
this.setAttribute("mass",""+$APP.
|
|
16
|
-
""+$APP.
|
|
17
|
-
$APP.
|
|
18
|
-
d=document.createElement("div"),e=document.createElement("span");c.textContent
|
|
19
|
-
function(){var b=$APP.
|
|
20
|
-
"per-char-attr",-403667422),
|
|
21
|
-
"opsz-min",-829837010),
|
|
22
|
-
|
|
23
|
-
$APP.
|
|
24
|
-
$APP.X],null),new $APP.
|
|
25
|
-
":
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
$APP.
|
|
29
|
-
|
|
2
|
+
var kY=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.C.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},mY=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.J(lY,a)?a:"cursor"},pY=function(a){return typeof a==="string"?(a=$APP.Ue.m($APP.Rf,$APP.be(function(b){return $APP.J(nY,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Gc(a)?oY:a):oY},qY=function(a){return typeof a==="string"?(a=a.trim(),$APP.C.i(a,"")?null:a):
|
|
3
|
+
null},rY=function(a,b,c,d,e,g,h){b=c+(g*(b-a)-h*c)/e*d;return[a+b*d,b]},sY=function(a,b){if(a>=b)return 0;a=1-a/b;return a*a},tY=function(a,b,c,d,e,g,h,l,m,p,q){a*=c;d=$APP.J(b,"bulge")?d+a*(e-d):d;g=$APP.J(b,"stretch")?g+a*(h-g):g;l=$APP.J(b,"lean")?m+a*(l-m):m;b=$APP.J(b,"breathe")?p+a*(q-p):p;return[d,g,l,b]},uY=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},FY=function(a){a=$APP.xf([$APP.cj,$APP.bk,vY,wY,xY,$APP.sh,$APP.Lk,yY,$APP.fj,zY],[a.getAttribute("mass"),
|
|
4
|
+
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.M(a);a=$APP.D(b,$APP.fj);var c=$APP.D(b,zY),d=$APP.D(b,$APP.cj),e=$APP.D(b,$APP.bk),g=$APP.D(b,wY),h=$APP.D(b,vY),l=$APP.D(b,xY),m=$APP.D(b,$APP.sh),p=$APP.D(b,$APP.Lk);b=$APP.D(b,yY);return $APP.xf([$APP.Ll,AY,BY,$APP.am,$APP.Tj,CY,$APP.Gj,DY,EY,$APP.Qk],
|
|
5
|
+
[kY(d,1,.1,10),kY(c,170,10,500),pY(p),kY(a,200,20,1E3),kY(e,.5,0,1),g!=null,kY(b,26,1,100),mY(h),qY(l),typeof m==="string"?m:""])},GY=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.C.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},HY=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.T.g(b[0].toFixed(1))+", 'wdth' "+$APP.T.g(b[1].toFixed(1))+", 'slnt' "+$APP.T.g(b[2].toFixed(1))+", 'opsz' "+$APP.T.g(b[3].toFixed(1));d.call(a,"font-variation-settings",b);
|
|
6
|
+
c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.T.g(c.toFixed(1))+"deg)")},JY=function(a){$APP.n($APP.k(a,"__xKineticFontRaf"))||($APP.n($APP.k(a,"__xKineticFontAct"))||(a.__xKineticFontAct=!0,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-activate",{bubbles:!0,composed:!0,detail:{}}))),$APP.ia(a,"__xKineticFontLF",performance.now()),$APP.ia(a,"__xKineticFontRaf",requestAnimationFrame(function(){return IY(a)})))},KY=function(a){var b=window.scrollY,c=b-function(){var d=
|
|
7
|
+
$APP.k(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();a.__xKineticFontLSY=b;$APP.ia(a,"__xKineticFontSD",function(){var d=$APP.k(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));uY()||JY(a);return null},LY=function(a){var b=DY.g($APP.k(a,"__xKineticFontModel")),c={};if($APP.C.i(b,"cursor")||$APP.C.i(b,"both")){var d=function(e){a.__xKineticFontMX=e.clientX;a.__xKineticFontMY=e.clientY;uY()||JY(a);return null};c.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.C.i(b,
|
|
8
|
+
"scroll")||$APP.C.i(b,"both"))b=function(){return KY(a)},c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},MY=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}},XY=function(a,b){var c=$APP.k(a,"__xKineticFontModel");a.__xKineticFontModel=b;if($APP.N($APP.Qk.g(b),
|
|
9
|
+
$APP.Qk.g(c))||$APP.N(CY.g(b),CY.g(c)))if($APP.n(CY.g(b))){var d=$APP.Qk.g(b),e=$APP.M($APP.k(a,"__xKineticFontRefs"));e=$APP.D(e,$APP.ej);d=$APP.ve(d);var g=$APP.z(d),h=Array(g),l=Array(g);e.textContent="";for(var m=0;;)if(m<g){var p=$APP.oc(d,m),q=document.createElement("span");q.setAttribute("part","char");$APP.C.i(p," ")?(q.setAttribute("data-ws",""),q.innerHTML="\x26nbsp;"):q.textContent=p;e.appendChild(q);h[m]=q;l[m]=[0,0];m+=1}else break;a.__xKineticFontCS=h;a.__xKineticFontSpr=l}else e=$APP.Qk.g(b),
|
|
10
|
+
d=$APP.M($APP.k(a,"__xKineticFontRefs")),$APP.D(d,$APP.ej).textContent=e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.N(DY.g(b),DY.g(c))&&(MY(a),LY(a));c=$APP.M($APP.k(a,"__xKineticFontRefs"));c=$APP.D(c,$APP.ej);e=EY.g(b);$APP.n(e)?c.style.setProperty("font-family",e):c.style.removeProperty("font-family");c=getComputedStyle(a);c=$APP.xf([NY,OY,PY,QY,RY,SY,TY,UY,VY],[GY(c.getPropertyValue("--x-kinetic-font-slant-max"),0),GY(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),GY(c.getPropertyValue("--x-kinetic-font-opsz-max"),
|
|
11
|
+
144),GY(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),GY(c.getPropertyValue("--x-kinetic-font-weight-min"),100),GY(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),GY(c.getPropertyValue("--x-kinetic-font-width-max"),125),GY(c.getPropertyValue("--x-kinetic-font-width-min"),75),GY(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]);a.__xKineticFontCV=c;c=$APP.Qk.g(b);e=$APP.M($APP.k(a,"__xKineticFontRefs"));$APP.D(e,WY).textContent=c;$APP.C.i(c,"")?(a.setAttribute("aria-hidden","true"),
|
|
12
|
+
a.removeAttribute("role")):(a.removeAttribute("aria-hidden"),a.setAttribute("role","text"),a.setAttribute("aria-label",c));if(!uY())if(c=$APP.k(a,"__xKineticFontCV"),c=tY(0,BY.g(b),$APP.Tj.g(b),RY.g(c),VY.g(c),UY.g(c),TY.g(c),OY.g(c),NY.g(c),QY.g(c),PY.g(c)),$APP.n(CY.g(b))){if(a=$APP.k(a,"__xKineticFontCS"),$APP.n(a))for(b=a.length,e=0;;)if(e<b)HY(a[e],c,0),e+=1;else break}else a=$APP.M($APP.k(a,"__xKineticFontRefs")),a=$APP.D(a,$APP.ej),HY(a,c,0)},YY=function(a){Object.defineProperty(a,"text",{get:function(){var b=
|
|
13
|
+
this.getAttribute("text");return $APP.n(b)?b:""},set:function(b){return b==null?this.removeAttribute("text"):this.setAttribute("text",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"trigger",{get:function(){return mY(this.getAttribute("trigger"))},set:function(b){return b==null?this.removeAttribute("trigger"):this.setAttribute("trigger",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.n(b)?
|
|
14
|
+
b:"bulge"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"perChar",{get:function(){return this.hasAttribute("per-char")},set:function(b){return $APP.n(b)?this.setAttribute("per-char",""):this.removeAttribute("per-char")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mass",{get:function(){var b=this.getAttribute("mass");return kY(b,1,.1,10)},set:function(b){return b==null?this.removeAttribute("mass"):
|
|
15
|
+
this.setAttribute("mass",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return kY(b,170,10,500)},set:function(b){return b==null?this.removeAttribute("tension"):this.setAttribute("tension",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");return kY(b,26,1,100)},set:function(b){return b==null?this.removeAttribute("friction"):this.setAttribute("friction",
|
|
16
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return kY(b,.5,0,1)},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return kY(b,200,20,1E3)},set:function(b){return b==null?this.removeAttribute("radius"):this.setAttribute("radius",""+
|
|
17
|
+
$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"fontFamily",{get:function(){return qY(this.getAttribute("font-family"))},set:function(b){return b==null?this.removeAttribute("font-family"):this.setAttribute("font-family",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},aZ=function(){var a=class extends HTMLElement{};a.observedAttributes=ZY;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xKineticFontRefs"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
18
|
+
d=document.createElement("div"),e=document.createElement("span");c.textContent=$Y;d.setAttribute("part","container");e.setAttribute("class","sr-only");e.setAttribute("part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);this.__xKineticFontRefs=new $APP.R(null,3,[$APP.ji,b,$APP.ej,d,WY,e],null)}b=FY(this);this.__xKineticFontModel=null;this.__xKineticFontSD=this.__xKineticFontMY=this.__xKineticFontMX=0;this.__xKineticFontAct=!1;XY(this,b);return null};a.prototype.disconnectedCallback=
|
|
19
|
+
function(){var b=$APP.k(this,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xKineticFontRaf=null);MY(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xKineticFontRefs"))&&(b=FY(this),$APP.N(b,$APP.k(this,"__xKineticFontModel"))&&XY(this,b));return null};YY(a.prototype);return a},bZ=function(){$APP.n(customElements.get("x-kinetic-font"))||customElements.define("x-kinetic-font",aZ());return null},wY=new $APP.K(null,"per-char-attr",
|
|
20
|
+
"per-char-attr",-403667422),vY=new $APP.K(null,"trigger-raw","trigger-raw",-1649744606),OY=new $APP.K(null,"slnt-min","slnt-min",71363427),TY=new $APP.K(null,"wdth-max","wdth-max",-522030121),SY=new $APP.K(null,"skew-max","skew-max",1543858453),UY=new $APP.K(null,"wdth-min","wdth-min",-986627045),xY=new $APP.K(null,"font-family-raw","font-family-raw",1729457924),CY=new $APP.K(null,"per-char?","per-char?",-1016397834),DY=new $APP.K(null,"trigger","trigger",103466139),QY=new $APP.K(null,"opsz-min",
|
|
21
|
+
"opsz-min",-829837010),WY=new $APP.K(null,"sr-only","sr-only",-173275148),NY=new $APP.K(null,"slnt-max","slnt-max",1716167520),yY=new $APP.K(null,"friction-raw","friction-raw",-1078184200),PY=new $APP.K(null,"opsz-max","opsz-max",454458088),RY=new $APP.K(null,"wght-min","wght-min",529224020),BY=new $APP.K(null,"modes","modes",-1377787092),VY=new $APP.K(null,"wght-max","wght-max",-514604421),zY=new $APP.K(null,"tension-raw","tension-raw",961657279),EY=new $APP.K(null,"font-family","font-family",-667419874),
|
|
22
|
+
AY=new $APP.K(null,"tension","tension",58343589);var ZY="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
23
|
+
$APP.xf([$APP.Ll,AY,$APP.Xi,new $APP.K(null,"perChar","perChar",2082880685),$APP.am,$APP.Tj,new $APP.K(null,"fontFamily","fontFamily",1493518353),$APP.Gj,DY,$APP.Qk],[new $APP.R(null,1,[$APP.Z,$APP.V],null),new $APP.R(null,1,[$APP.Z,$APP.V],null),new $APP.R(null,1,[$APP.Z,$APP.X],null),new $APP.R(null,1,[$APP.Z,$APP.Bj],null),new $APP.R(null,1,[$APP.Z,$APP.V],null),new $APP.R(null,1,[$APP.Z,$APP.V],null),new $APP.R(null,1,[$APP.Z,$APP.X],null),new $APP.R(null,1,[$APP.Z,$APP.V],null),new $APP.R(null,
|
|
24
|
+
1,[$APP.Z,$APP.X],null),new $APP.R(null,1,[$APP.Z,$APP.X],null)]);$APP.Pd(["x-kinetic-font-spring-activate",new $APP.R(null,2,[$APP.yj,$APP.Qd,$APP.wl,!1],null),"x-kinetic-font-spring-settle",new $APP.R(null,2,[$APP.yj,$APP.Qd,$APP.wl,!1],null)]);
|
|
25
|
+
var lY=new $APP.S(null,new $APP.R(null,3,["scroll",null,"both",null,"cursor",null],null),null),nY=new $APP.S(null,new $APP.R(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),oY=new $APP.S(null,new $APP.R(null,1,["bulge",null],null),null);var $Y=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.T.g("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.T.g("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.T.g("--x-kinetic-font-size")+":2rem;"+$APP.T.g("--x-kinetic-font-weight-min")+":100;"+$APP.T.g("--x-kinetic-font-weight-max")+":900;"+$APP.T.g("--x-kinetic-font-width-min")+":75;"+$APP.T.g("--x-kinetic-font-width-max")+":125;"+$APP.T.g("--x-kinetic-font-slant-min")+":-12;"+$APP.T.g("--x-kinetic-font-slant-max")+
|
|
26
|
+
":0;"+$APP.T.g("--x-kinetic-font-opsz-min")+":8;"+$APP.T.g("--x-kinetic-font-opsz-max")+":144;"+$APP.T.g("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.T.g("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.T.g("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.T.g("--x-kinetic-font-size")+",2rem);line-height:1.2;will-change:font-variation-settings,transform;}[part\x3dchar]{display:inline-block;will-change:font-variation-settings,transform;}[part\x3dchar][data-ws]{white-space:pre;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media(prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3dchar]{font-variation-settings:normal!important;will-change:auto;}}",
|
|
27
|
+
IY=function IY(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xKineticFontModel"),d=$APP.k(a,"__xKineticFontCV"),e=performance.now(),g=Math.min(e-$APP.k(a,"__xKineticFontLF"),100)/1E3,h=$APP.Ll.g(c),l=AY.g(c),m=$APP.Gj.g(c),p=$APP.Tj.g(c),q=$APP.am.g(c),v=DY.g(c);c=BY.g(c);var x=RY.g(d),y=VY.g(d),A=UY.g(d),B=TY.g(d),E=OY.g(d),H=NY.g(d),G=QY.g(d),I=PY.g(d);d=SY.g(d);var Q=$APP.J(c,"lean"),Y=$APP.k(a,"__xKineticFontMX"),la=$APP.k(a,"__xKineticFontMY"),za=function(){var Cb=$APP.k(a,"__xKineticFontSD");
|
|
28
|
+
return $APP.n(Cb)?Cb:0}(),Ka=Math.min(1,Math.abs(za)/100),$a=$APP.k(a,"__xKineticFontSpr"),ab=$APP.k(a,"__xKineticFontCS"),jb=ab!=null,Ib=$a.length;a.__xKineticFontLF=e;a.__xKineticFontSD=za*.85;for(var bb=[!0],ca=0;;)if(ca<Ib){za=jb&&($APP.C.i(v,"cursor")||$APP.C.i(v,"both"))?function(){var Cb=ab[ca].getBoundingClientRect(),Dd=Y-(Cb.left+.5*Cb.width);Cb=la-(Cb.top+.5*Cb.height);return Math.max(sY(Math.sqrt(Dd*Dd+Cb*Cb),q),Ka)}():jb&&$APP.C.i(v,"scroll")?Ka:jb||!$APP.C.i(v,"cursor")&&!$APP.C.i(v,
|
|
29
|
+
"both")?$APP.C.i(v,"scroll")?Ka:0:function(){var Cb=$APP.M($APP.k(a,"__xKineticFontRefs")),Dd=$APP.D(Cb,$APP.ej).getBoundingClientRect();Cb=Y-(Dd.left+.5*Dd.width);Dd=la-(Dd.top+.5*Dd.height);return Math.max(sY(Math.sqrt(Cb*Cb+Dd*Dd),q),Ka)}();var pa=$a[ca],La=rY(pa[0],za,pa[1],g,h,l,m);e=La[0];La=La[1];pa[0]=e;pa[1]=La;Math.abs(e-za)<.001&&Math.abs(La)<.01||(bb[0]=!1);za=tY(e,c,p,x,y,A,B,E,H,G,I);e=Q?e*p*d:0;jb?HY(ab[ca],za,e):(pa=$APP.M($APP.k(a,"__xKineticFontRefs")),pa=$APP.D(pa,$APP.ej),HY(pa,
|
|
30
|
+
za,e));ca+=1}else break;var Ub=function(){var Cb=$APP.k(a,"__xKineticFontSD");return $APP.n(Cb)?Cb:0}()>.5;$APP.n(function(){var Cb=bb[0];return $APP.n(Cb)?!Ub:Cb}())?(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.ia(a,"__xKineticFontRaf",requestAnimationFrame(function(){return IY.g?IY.g(a):IY.call(null,a)}))}return null};$APP.fa("baredom.exports.x_kinetic_font.init",bZ);export const init=bZ;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
null;this.s=2153775104;this.F=2048},
|
|
5
|
-
"string"&&$APP.
|
|
6
|
-
"indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.
|
|
7
|
-
e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},
|
|
8
|
-
a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]);var c=$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
parseInt(H.trim(),10);var
|
|
11
|
-
$APP.
|
|
12
|
-
"string"){var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$APP.
|
|
18
|
-
$APP.
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
a.observedAttributes=
|
|
24
|
-
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",y);g.appendChild(h);
|
|
25
|
-
d.appendChild(e);d.appendChild(
|
|
26
|
-
function(){
|
|
27
|
-
$APP.
|
|
28
|
-
$APP.
|
|
29
|
-
$APP.
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
$APP.f.
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
$APP.
|
|
36
|
-
[$APP.Z,$APP.X,$APP.
|
|
37
|
-
null),new $APP.
|
|
38
|
-
var
|
|
39
|
-
null),null),
|
|
40
|
-
null),"spiral",new $APP.
|
|
2
|
+
var jI=function(a,b){return $APP.aa[a]=b},kI=function(a,b){if(a!=null&&a.ra!=null)a=a.ra(a,b);else{var c=kI[$APP.da(a==null?null:a)];if(c!=null)a=c.i?c.i(a,b):c.call(null,a,b);else if(c=kI._,c!=null)a=c.i?c.i(a,b):c.call(null,a,b);else throw $APP.oa("IDrop.-drop",a);}return a},lI=function(a){if(a!=null&&(a.F&262144||$APP.Nb===a.vc)){var b=a.ra(null,1);return $APP.n(b)?b:$APP.Xb}return new $APP.qd(null,function(){a:{var c=1;for(var d=a;;)if(d=$APP.t(d),c>0&&d)--c,d=$APP.Yb(d);else{c=d;break a}c=void 0}return c},
|
|
3
|
+
null)},mI=function(a,b){a.sort(b||$APP.ja)},oI=function(a){var b=nI();const c=Array(a.length);for(let e=0;e<a.length;e++)c[e]={index:e,value:a[e]};const d=b||$APP.ja;mI(c,function(e,g){return d(e.value,g.value)||e.index-g.index});for(b=0;b<a.length;b++)a[b]=c[b].value},nI=function(){return $APP.C.i($APP.Rc,$APP.Rc)?$APP.Rc:function(a,b){var c=$APP.Rc.i?$APP.Rc.i(a,b):$APP.Rc.call(null,a,b);return typeof c==="number"?c:$APP.n(c)?-1:$APP.n($APP.Rc.i?$APP.Rc.i(b,a):$APP.Rc.call(null,b,a))?1:0}},pI=function(a){this.ob=
|
|
4
|
+
a;this.B=null;this.s=2153775104;this.F=2048},qI=function(a){return new pI(a.toLowerCase())},rI=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 qI([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),a()].join(""))},sI=function(a){return typeof a===
|
|
5
|
+
"string"&&$APP.N("",a.trim())?a.trim():null},tI=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},uI=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},vI=function(a){var b=$APP.k(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),a.__xKineticTypographyAnimate=null)},wI=function(a,b,c,d){var e=tI("animate");c=""+$APP.T.g(c)+"s";b=$APP.C.i(b,"reverse")?"reverse":"normal";e.setAttribute("attributeName","startOffset");e.setAttribute("repeatCount",
|
|
6
|
+
"indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.T.g(d)+"s");switch(a){case "scroll":e.setAttribute("from",$APP.C.i(b,"reverse")?"100%":"0%");e.setAttribute("to",$APP.C.i(b,"reverse")?"0%":"100%");break;case "bounce":e.setAttribute("values",$APP.C.i(b,"reverse")?"100%;0%;100%":"0%;100%;0%");e.setAttribute("calcMode","spline");e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":e.setAttribute("values",$APP.C.i(b,"reverse")?"120%;-20%;120%":"-20%;120%;-20%"),
|
|
7
|
+
e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},xI=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=[]}},SI=function(a){var b=$APP.xf([$APP.qk,yI,$APP.Ui,zI,$APP.dj,$APP.ak,AI,BI,CI,DI,EI,FI,$APP.Ti,GI,$APP.Qk],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),a.getAttribute("font-size"),a.getAttribute("speed"),
|
|
8
|
+
a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]);var c=$APP.M(b),d=$APP.D(c,CI),e=$APP.D(c,DI),g=$APP.D(c,EI),h=$APP.D(c,FI),l=$APP.D(c,$APP.Ti),m=$APP.D(c,GI),p=$APP.D(c,$APP.Qk),q=$APP.D(c,$APP.qk),v=$APP.D(c,yI),x=$APP.D(c,$APP.Ui),y=$APP.D(c,zI),A=$APP.D(c,$APP.dj),B=$APP.D(c,
|
|
9
|
+
$APP.ak),E=$APP.D(c,AI),H=$APP.D(c,BI),G=typeof p==="string"?p:"",I=sI(q),Q=typeof B==="string"?B.trim().toLowerCase():null;var Y=$APP.J(HI,Q)?Q:"wave";var la=$APP.C.i(Y,"crawl"),za=typeof x==="string"?x.trim().toLowerCase():null;var Ka=$APP.J(II,za)?za:"scroll";var $a=typeof l==="string"?l.trim().toLowerCase():null;var ab=$APP.J(JI,$a)?$a:"normal";if(typeof A==="string"){var jb=parseFloat(A.trim());var Ib=typeof jb==="number"&&$APP.r(isNaN(jb))&&jb>0?jb:1}else Ib=1;if(typeof H==="string"){var bb=
|
|
10
|
+
parseInt(H.trim(),10);var ca=typeof bb==="number"&&$APP.r(isNaN(bb))&&bb>0?bb:1}else ca=1;if(typeof d==="string"){var pa=$APP.Vf(d.toLowerCase().trim().split(/\s+/));var La=$APP.tm.i(pa,KI)}else La=$APP.Rf;var Ub=sI(E),Cb=sI(h);var Dd=$APP.C.i(Y,"crawl")?null:I!=null?new $APP.R(null,2,[$APP.el,I,LI,"0 0 800 200"],null):$APP.D(MI,Y);var Lt=$APP.n($APP.n(Ub)?$APP.n(Cb)?!la:Cb:Ub)?$APP.kd.i(La,"size-gradient"):La,Mt=$APP.J(Lt,"size-gradient")?$APP.Zg.i(Lt,"size-pulse"):Lt,bX=$APP.J(Mt,"color-wave")?
|
|
11
|
+
$APP.Zg.i(Mt,"color-shift"):Mt;if(typeof v==="string"){var Dl=parseFloat(v.trim());var oH=typeof Dl==="number"&&$APP.r(isNaN(Dl))&&Dl>0&&Dl<=1?Dl:.85}else oH=.85;var cX=$APP.el.g(Dd),dX=sI(y),eX=LI.g(Dd),fX=10/$APP.$g.i(Ib,.01);if(la)var Nt=0;else if(typeof g==="string"){var El=parseInt(g.trim(),10);Nt=typeof El==="number"&&$APP.r(isNaN(El))&&El>=0&&El<=5?El:0}else Nt=0;if(typeof e==="string"){var lp=parseFloat(e.trim());var pH=typeof lp==="number"&&$APP.r(isNaN(lp))&&lp>0?lp:.3}else pH=.3;if(typeof m===
|
|
12
|
+
"string"){var Fl=parseFloat(m.trim());var qH=typeof Fl==="number"&&$APP.r(isNaN(Fl))&&Fl>0&&Fl<=1?Fl:.5}else qH=.5;var hX=$APP.xf([yI,$APP.pj,$APP.Ui,zI,$APP.dj,LI,$APP.ak,NI,AI,OI,PI,BI,QI,DI,EI,FI,$APP.Ti,GI,$APP.Qk],[oH,cX,Ka,dX,Ib,eX,Y,la,Ub,bX,fX,ca,I!=null,pH,Nt,Cb,ab,qH,G]);var Kc=$APP.M(hX),uH=$APP.D(Kc,DI),vH=$APP.D(Kc,EI),Ot=$APP.D(Kc,FI),Pt=$APP.D(Kc,$APP.Ti),iX=$APP.D(Kc,GI),Og=$APP.D(Kc,$APP.Qk),jX=$APP.D(Kc,yI),mp=$APP.D(Kc,$APP.pj),Pg=$APP.D(Kc,$APP.Ui),wH=$APP.D(Kc,zI),xH=$APP.D(Kc,
|
|
13
|
+
LI),kX=$APP.D(Kc,NI),Gl=$APP.D(Kc,AI),qj=$APP.D(Kc,OI),Bh=$APP.D(Kc,PI),Qt=$APP.D(Kc,BI),yH=$APP.k(a,"__xKineticTypographySvg"),lX=$APP.k(a,"__xKineticTypographyPath"),zH=$APP.k(a,"__xKineticTypographyText"),Hl=$APP.k(a,"__xKineticTypographyTextPath"),mX=$APP.k(a,"__xKineticTypographySrOnly"),nX=$APP.k(a,"__xKineticTypographyCrawlText"),Rt=a.shadowRoot.querySelector("[part\x3dpath-line]");if($APP.n(kX))a.setAttribute("data-preset","crawl"),nX.textContent=Og,vI(a),xI(a),$APP.N(Pg,"none")?a.setAttribute("data-animation",
|
|
14
|
+
Pg):a.removeAttribute("data-animation"),$APP.C.i(Pt,"reverse")?a.setAttribute("data-direction","reverse"):a.removeAttribute("data-direction"),$APP.J(qj,"color-shift")?a.setAttribute("data-effect","color-shift"):a.removeAttribute("data-effect");else{a.removeAttribute("data-preset");a.removeAttribute("data-direction");$APP.n(xH)&&yH.setAttribute("viewBox",xH);$APP.n(mp)&&lX.setAttribute("d",mp);$APP.n($APP.n(Rt)?mp:Rt)&&Rt.setAttribute("d",mp);var St=Qt<=1?Og:$APP.Jd($APP.T,lI(RI.i(new $APP.Yd(null,
|
|
15
|
+
-1," · ",null),Qt>0?new $APP.Yd(null,Qt,Og,null):$APP.Xb))),AH=$APP.J(qj,"size-gradient"),oX=$APP.J(qj,"color-wave"),BH=AH?$APP.n(Gl)?$APP.n(Ot)?$APP.N(Og,""):Ot:Gl:AH;var pX=$APP.n(BH)?BH:oX&&$APP.N(Og,"");if($APP.n(pX)){Hl.textContent="";var Tt=$APP.ve(St),Ch=$APP.z(Tt),Dh=$APP.J(qj,"size-gradient"),Ut=$APP.J(qj,"color-wave"),Qg=Dh?parseFloat(Gl):null,np=Dh?parseFloat(Ot):null;if(Dh){var CH=$APP.n(Gl)?Gl:"px",qX=/[a-z%]+/;if(typeof CH==="string"){var op=qX.exec(CH);var DH=op==null?null:op.length===
|
|
16
|
+
1?op[0]:$APP.ve(op)}else throw new TypeError("re-find must match against a string.");var EH=$APP.n(DH)?DH:"px"}else EH=null;for(var FH=EH,GH=Ut?Ch>0?Bh/Ch:0:null,Vt=$APP.t($APP.bg(0,Ch)),Wt=null,Xt=0,pp=0;;)if(pp<Xt){var Eh=Wt.G(null,pp),qp=tI("tspan");$APP.n(Dh?$APP.n(Qg)?np:Qg:Dh)&&qp.setAttribute("font-size",""+$APP.T.g(Qg+(Ch>1?Eh/(Ch-1):0)*(np-Qg))+$APP.T.g(FH));Ut&&(qp.style.cssText="animation:xkt-color-wave "+$APP.T.g(Bh)+"s ease-in-out infinite;animation-delay:"+$APP.T.g(Eh*GH)+"s;");qp.textContent=
|
|
17
|
+
$APP.oc(Tt,Eh);Hl.appendChild(qp);pp+=1}else{var HH=$APP.t(Vt);if(HH){var Il=HH;if($APP.Nc(Il)){var IH=$APP.xb(Il),rX=$APP.yb(Il),sX=IH,tX=$APP.z(IH);Vt=rX;Wt=sX;Xt=tX}else{Eh=$APP.u(Il);var rp=tI("tspan");$APP.n(Dh?$APP.n(Qg)?np:Qg:Dh)&&rp.setAttribute("font-size",""+$APP.T.g(Qg+(Ch>1?Eh/(Ch-1):0)*(np-Qg))+$APP.T.g(FH));Ut&&(rp.style.cssText="animation:xkt-color-wave "+$APP.T.g(Bh)+"s ease-in-out infinite;animation-delay:"+$APP.T.g(Eh*GH)+"s;");rp.textContent=$APP.oc(Tt,Eh);Hl.appendChild(rp);Vt=
|
|
18
|
+
$APP.w(Il);Wt=null;Xt=0}pp=0}else break}}else Hl.textContent=St;xI(a);if(vH>0){for(var JH=$APP.k(a,"__xKineticTypographyPathId"),KH=[],uX=$APP.N(Pg,"none")&&$APP.r(uI()),vX=Bh>0?uH/Bh*100:5,Yt=0;;)if(Yt<vH){var sp=Yt+1,rj=document.createElementNS("http://www.w3.org/2000/svg","text"),sj=document.createElementNS("http://www.w3.org/2000/svg","textPath"),wX=Math.pow(iX,sp),xX=Math.pow(jX,sp),yX="-"+$APP.T.g(vX*sp)+"%";rj.setAttribute("part","text-echo");rj.setAttribute("opacity",""+$APP.T.g(wX));rj.setAttribute("font-size",
|
|
19
|
+
"calc(var(--x-kinetic-typography-font-size) * "+$APP.T.g(xX)+")");sj.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.T.g(JH));sj.setAttribute("href","#"+$APP.T.g(JH));sj.setAttribute("startOffset",yX);sj.textContent=St;if(uX){var zX=wI(Pg,Pt,Bh,uH*sp);sj.appendChild(zX)}rj.appendChild(sj);yH.appendChild(rj);KH.push({textEl:rj});Yt+=1}else break;a.__xKineticTypographyEchoEls=KH}$APP.n(wH)?zH.style.setProperty("font-size",wH):zH.style.removeProperty("font-size");vI(a);if($APP.N(Pg,"none")&&
|
|
20
|
+
$APP.r(uI())){var LH=wI(Pg,Pt,Bh,0);Hl.appendChild(LH);a.__xKineticTypographyAnimate=LH}var Jl=$APP.Zg.C(qj,"size-gradient",$APP.tc(["color-wave"]));if($APP.t(Jl)){var AX=a.setAttribute;if($APP.t(Jl)){var MH=$APP.yd.g?$APP.yd.g(Jl):$APP.yd.call(null,Jl);oI(MH);var NH=$APP.Ec($APP.t(MH),$APP.Fc(Jl))}else NH=$APP.Xb;AX.call(a,"data-effect",$APP.Eg(NH))}else a.removeAttribute("data-effect");$APP.N(Pg,"none")?a.setAttribute("data-animation",Pg):a.removeAttribute("data-animation")}mX.textContent=Og;$APP.C.i(Og,
|
|
21
|
+
"")?(a.setAttribute("role","presentation"),a.setAttribute("aria-hidden","true")):(a.setAttribute("role","img"),a.setAttribute("aria-label",Og))},TI=function(a,b,c,d){Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.n(e)?e:d},set:function(e){return typeof e==="string"&&$APP.N("",e)?this.setAttribute(b,e):this.removeAttribute(b)},enumerable:!0,configurable:!0})},UI=function(a){TI(a,"text","text","");TI(a,"path","path",null);TI(a,"preset","preset","wave");TI(a,"animation",
|
|
22
|
+
"animation","scroll");TI(a,"speed","speed",""+$APP.T.g(1));TI(a,"direction","direction","normal");TI(a,"effect","effect","none");TI(a,"font-size","fontSize",null);TI(a,"start-size","startSize",null);TI(a,"end-size","endSize",null);TI(a,"repeat","repeat",""+$APP.T.g(1));TI(a,"echo-count","echoCount",""+$APP.T.g(0));TI(a,"echo-delay","echoDelay",""+$APP.T.g(.3));TI(a,"echo-opacity","echoOpacity",""+$APP.T.g(.5));TI(a,"echo-scale","echoScale",""+$APP.T.g(.85))},WI=function(){var a=class extends HTMLElement{};
|
|
23
|
+
a.observedAttributes=VI;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xKineticTypographyInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=tI("svg"),g=tI("defs"),h=tI("path"),l=tI("path"),m=tI("text"),p=tI("textPath"),q=document.createElement("span"),v=document.createElement("div"),x=document.createElement("div"),y="xkt-"+$APP.T.g(rI());c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-kinetic-typography-color:var(--x-color-text,currentColor);--x-kinetic-typography-font-family:system-ui,sans-serif;--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:400;--x-kinetic-typography-letter-spacing:0;--x-kinetic-typography-opacity:1;--x-kinetic-typography-stroke:none;--x-kinetic-typography-stroke-width:0;--x-kinetic-typography-duration:10s;--x-kinetic-typography-timing:linear;--x-kinetic-typography-color-shift-from:var(--x-color-text,currentColor);--x-kinetic-typography-color-shift-to:var(--x-color-primary,#3b82f6);--x-kinetic-typography-path-stroke:none;--x-kinetic-typography-path-stroke-width:0;--x-kinetic-typography-crawl-perspective:400px;}@media (prefers-color-scheme:dark){:host{--x-kinetic-typography-color:var(--x-color-text,rgba(255,255,255,0.87));}}[part\x3dcontainer]{width:100%;height:100%;position:relative;}[part\x3dsvg]{width:100%;height:100%;overflow:visible;}[part\x3dtext]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);opacity:var(--x-kinetic-typography-opacity);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}[part\x3dtext-echo]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}@keyframes xkt-opacity-wave{0%,100%{opacity:var(--x-kinetic-typography-opacity);}50%{opacity:0.3;}}@keyframes xkt-size-pulse{0%,100%{font-size:var(--x-kinetic-typography-font-size);}50%{font-size:calc(var(--x-kinetic-typography-font-size) * 1.15);}}@keyframes xkt-spacing-breathe{0%,100%{letter-spacing:var(--x-kinetic-typography-letter-spacing);}50%{letter-spacing:0.15em;}}@keyframes xkt-color-shift{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}@keyframes xkt-color-wave{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}:host([data-effect~\x3dopacity-wave]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dsize-pulse]) [part\x3dtext]{animation:xkt-size-pulse var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}[part\x3dpath-line]{fill:none;stroke:var(--x-kinetic-typography-path-stroke);stroke-width:var(--x-kinetic-typography-path-stroke-width);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}[part\x3dcrawl-viewport]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dsvg]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-viewport]{display:block;perspective:var(--x-kinetic-typography-crawl-perspective);height:100%;overflow:hidden;position:relative;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotateX(25deg);transform-origin:50% 100%;text-align:center;font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);color:var(--x-kinetic-typography-color);letter-spacing:var(--x-kinetic-typography-letter-spacing);white-space:pre-line;line-height:1.6;width:80%;}@keyframes xkt-crawl{0%{bottom:-100%;opacity:1;}90%{opacity:1;}100%{bottom:200%;opacity:0;}}:host([data-preset\x3dcrawl][data-animation\x3dscroll]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite;}:host([data-preset\x3dcrawl][data-animation\x3dscroll][data-direction\x3dreverse]) [part\x3dcrawl-text]{animation-direction:reverse;}:host([data-preset\x3dcrawl][data-effect~\x3dcolor-shift]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite,xkt-crawl-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}@keyframes xkt-crawl-color-shift{0%,100%{color:var(--x-kinetic-typography-color-shift-from);}50%{color:var(--x-kinetic-typography-color-shift-to);}}@media (prefers-reduced-motion:reduce){:host([data-effect]) [part\x3dtext]{animation:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{animation:none;}}";
|
|
24
|
+
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",y);g.appendChild(h);l.setAttribute("part","path-line");e.appendChild(l);m.setAttribute("part","text");p.setAttribute("href","#"+$APP.T.g(y));m.appendChild(p);e.appendChild(g);e.appendChild(m);v.setAttribute("part","crawl-viewport");x.setAttribute("part","crawl-text");v.appendChild(x);q.classList.add("sr-only");q.setAttribute("part","sr-only");
|
|
25
|
+
d.appendChild(e);d.appendChild(v);d.appendChild(q);b.appendChild(c);b.appendChild(d);this.__xKineticTypographyContainer=d;this.__xKineticTypographySvg=e;this.__xKineticTypographyPath=h;this.__xKineticTypographyText=m;this.__xKineticTypographyTextPath=p;this.__xKineticTypographySrOnly=q;this.__xKineticTypographyPathId=y;this.__xKineticTypographyCrawlViewport=v;this.__xKineticTypographyCrawlText=x;this.__xKineticTypographyEchoEls=[];this.__xKineticTypographyInit=!0}SI(this);return null};a.prototype.disconnectedCallback=
|
|
26
|
+
function(){vI(this);$APP.n($APP.k(this,"__xKineticTypographySvg"))&&xI(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xKineticTypographyInit"))&&SI(this);return null};UI(a.prototype);return a},XI=function(){$APP.n(customElements.get("x-kinetic-typography"))||customElements.define("x-kinetic-typography",WI());return null};$APP.Tb.prototype.ra=jI(6,function(a,b){return b>0?this.u+b<this.j.length?new $APP.Tb(this.j,this.u+b,null):null:this});
|
|
27
|
+
$APP.Yd.prototype.ra=jI(5,function(a,b){if(this.count===-1)return this;a=this.count-b;return a>0?new $APP.Yd(null,a,this.o,null):null});$APP.O.prototype.ra=jI(4,function(a,b){if(b<this.l){a=b%32;var c=$APP.me(this,b);b-=a;return $APP.xe?$APP.xe(this,c,b,a):$APP.ze.call(null,this,c,b,a)}return null});
|
|
28
|
+
$APP.we.prototype.ra=jI(3,function(a,b){a=this.ja+b;if(a<this.node.length)return $APP.xe?$APP.xe(this.ka,this.node,this.u,a):$APP.ze.call(null,this.ka,this.node,this.u,a);var c=this.u+a;if(c<$APP.va(this.ka)){a=c%32;b=this.ka;var d=$APP.me(this.ka,c);c-=a;return $APP.xe?$APP.xe(b,d,c,a):$APP.ze.call(null,b,d,c,a)}return null});$APP.Oe.prototype.ra=jI(2,function(a,b){return b<this.O(null)?new $APP.Oe(this.j,this.u+2*b,null):null});
|
|
29
|
+
$APP.R.prototype.ra=jI(1,function(a,b){a=this.P(null);return a==null?null:kI(a,b)});$APP.Zf.prototype.ra=jI(0,function(a,b){return b>0?b<this.l?new $APP.Zf(null,this.start+this.step*b,this.end,this.step,this.l-b,null):null:this});
|
|
30
|
+
var RI=function RI(a){switch(arguments.length){case 0:return RI.H();case 1:return RI.g(arguments[0]);case 2:return RI.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 RI.C(arguments[0],arguments[1],2<c.length?new $APP.Tb(c.slice(2),0,null):null)}};RI.H=function(){return $APP.Xb};RI.g=function(a){return new $APP.qd(null,function(){return a},null)};
|
|
31
|
+
RI.i=function(a,b){return new $APP.qd(null,function(){var c=$APP.t(a),d=$APP.t(b);return c&&d?$APP.nd($APP.u(c),$APP.nd($APP.u(d),RI.i($APP.Yb(c),$APP.Yb(d)))):null},null)};RI.C=function(a,b,c){return new $APP.qd(null,function(){var d=$APP.$d.i($APP.t,$APP.kd.C(c,b,$APP.tc([a])));return $APP.Sd($APP.cd,d)?$APP.Zd.i($APP.$d.i($APP.u,d),$APP.Jd(RI,$APP.$d.i($APP.Yb,d))):null},null)};RI.J=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);c=$APP.w(c);return this.C(b,a,c)};RI.N=2;$APP.f=pI.prototype;
|
|
32
|
+
$APP.f.oc=$APP.Nb;$APP.f.toString=function(){return this.ob};$APP.f.R=function(a,b){return(a=b!=null?$APP.Nb===b.oc?!0:!1:!1)?this.ob===b.ob:a};$APP.f.S=function(a,b){return $APP.nb(b,['#uuid "',$APP.qa(this.ob),'"'].join(""))};$APP.f.T=function(){this.B==null&&(this.B=$APP.Ob(this.ob));return this.B};$APP.f.Ha=function(a,b){if(b instanceof pI)return $APP.ja(this.ob,b.ob);throw Error(["Cannot compare ",$APP.qa(this)," to ",$APP.qa(b)].join(""));};
|
|
33
|
+
var GI=new $APP.K(null,"echo-opacity","echo-opacity",-1476699970),AI=new $APP.K(null,"start-size","start-size",-1818812493),NI=new $APP.K(null,"crawl?","crawl?",829918610),yI=new $APP.K(null,"echo-scale","echo-scale",1307207648),DI=new $APP.K(null,"echo-delay","echo-delay",845689658),EI=new $APP.K(null,"echo-count","echo-count",1053271067),LI=new $APP.K(null,"view-box","view-box",-1792199155),BI=new $APP.K(null,"repeat","repeat",832692087),QI=new $APP.K(null,"custom-path?","custom-path?",-1532616839),
|
|
34
|
+
CI=new $APP.K(null,"effect","effect",347343289),PI=new $APP.K(null,"duration-s","duration-s",-1976899627),zI=new $APP.K(null,"font-size","font-size",-1847940346),OI=new $APP.K(null,"effects","effects",-282369292),FI=new $APP.K(null,"end-size","end-size",761612093);var VI="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
35
|
+
$APP.xf([$APP.qk,new $APP.K(null,"startSize","startSize",-1750632892),$APP.Ui,$APP.dj,new $APP.K(null,"echoCount","echoCount",-1194377974),new $APP.K(null,"echoScale","echoScale",1536204716),new $APP.K(null,"echoOpacity","echoOpacity",-1325258611),$APP.ak,BI,new $APP.K(null,"fontSize","fontSize",919623033),CI,new $APP.K(null,"echoDelay","echoDelay",-1807132900),new $APP.K(null,"endSize","endSize",674490141),$APP.Ti,$APP.Qk],[new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"path"],null),new $APP.R(null,2,
|
|
36
|
+
[$APP.Z,$APP.X,$APP.dk,"start-size"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"animation"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"speed"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"echo-count"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"echo-scale"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"echo-opacity"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"preset"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"repeat"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"font-size"],
|
|
37
|
+
null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"effect"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"echo-delay"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"end-size"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"direction"],null),new $APP.R(null,2,[$APP.Z,$APP.X,$APP.dk,"text"],null)]);
|
|
38
|
+
var HI=new $APP.S(null,new $APP.R(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),II=new $APP.S(null,new $APP.R(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),JI=new $APP.S(null,new $APP.R(null,2,["reverse",null,"normal",null],null),null),KI=new $APP.S(null,new $APP.R(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",null],
|
|
39
|
+
null),null),MI=new $APP.R(null,7,["wave",new $APP.R(null,2,[$APP.el,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",LI,"0 0 800 200"],null),"circle",new $APP.R(null,2,[$APP.el,"M125,10 A115,115 0 1,1 124.99,10",LI,"0 0 250 250"],null),"arc",new $APP.R(null,2,[$APP.el,"M50,350 Q400,10 750,350",LI,"0 0 800 400"],null),"infinity",new $APP.R(null,2,[$APP.el,"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",LI,"0 0 400 400"],
|
|
40
|
+
null),"spiral",new $APP.R(null,2,[$APP.el,"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",LI,"0 0 500 500"],null),"sine",new $APP.R(null,2,[$APP.el,"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",LI,"0 0 800 200"],null),"line",new $APP.R(null,2,[$APP.el,"M0,50 L800,50",LI,"0 0 800 100"],null)],null);$APP.fa("baredom.exports.x_kinetic_typography.init",XI);export const init=XI;
|