@vanelsas/baredom 4.0.0-alpha.0 → 4.0.0-alpha.1
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 +8 -0
- package/dist/barebuild-action.js +8 -8
- package/dist/barebuild-data.js +4 -4
- package/dist/barebuild-invalidate-on.js +4 -4
- package/dist/barebuild-route.js +3 -3
- package/dist/barebuild-router.js +12 -12
- package/dist/base.js +143 -141
- package/dist/integrity.json +110 -110
- package/dist/x-alert.js +15 -15
- package/dist/x-avatar-group.js +8 -8
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-calendar.js +31 -31
- package/dist/x-cancel-dialogue.js +11 -11
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +22 -22
- package/dist/x-chart.js +42 -42
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +23 -23
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.js +32 -32
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +21 -21
- package/dist/x-container.js +3 -3
- package/dist/x-context-menu.js +17 -17
- package/dist/x-currency-field.js +20 -20
- package/dist/x-date-picker.js +29 -29
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +8 -8
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +3 -3
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +10 -10
- package/dist/x-form-field.js +12 -12
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +11 -11
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +6 -6
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +16 -16
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +19 -19
- package/dist/x-kinetic-typography.js +24 -24
- package/dist/x-liquid-dock.js +30 -30
- package/dist/x-liquid-fill.js +32 -32
- package/dist/x-liquid-glass.js +26 -26
- package/dist/x-menu-item.js +4 -4
- package/dist/x-menu.js +7 -7
- package/dist/x-metaball-cursor.js +17 -17
- package/dist/x-modal.js +9 -9
- package/dist/x-morph-stack.js +26 -26
- package/dist/x-multi-combobox.js +28 -28
- package/dist/x-navbar.js +11 -11
- package/dist/x-neural-glow.js +18 -18
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +13 -13
- package/dist/x-organic-progress.js +30 -30
- package/dist/x-organic-shape.js +7 -7
- package/dist/x-otp-input.js +18 -18
- package/dist/x-pagination.js +9 -9
- package/dist/x-particle-button.js +32 -32
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.js +6 -6
- package/dist/x-progress.js +6 -6
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +10 -10
- package/dist/x-range-slider.js +24 -24
- package/dist/x-rating.js +18 -18
- package/dist/x-ripple-effect.js +7 -7
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +14 -14
- package/dist/x-scroll-story.js +29 -29
- package/dist/x-scroll-timeline.js +38 -38
- package/dist/x-scroll.js +31 -31
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +14 -14
- package/dist/x-skeleton-group.js +11 -11
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +14 -14
- package/dist/x-soft-body.js +13 -13
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +13 -13
- package/dist/x-spotlight-card.js +11 -11
- package/dist/x-stat.js +7 -7
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +6 -6
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +14 -14
- package/dist/x-table-row.js +7 -7
- package/dist/x-table.js +11 -11
- package/dist/x-tabs.js +9 -9
- package/dist/x-text-area.js +16 -16
- package/dist/x-theme.js +12 -12
- package/dist/x-timeline-item.js +18 -18
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +20 -20
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +11 -11
- package/dist/x-trace-history.js +90 -90
- package/dist/x-typography.js +5 -5
- package/dist/x-welcome-tour.js +52 -52
- package/package.json +1 -1
package/dist/x-icon.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var hY=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},nY=function(a){var b=new $APP.M(null,4,[$APP.nn,a.getAttribute("size"),$APP.
|
|
3
|
-
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.
|
|
4
|
-
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Vi(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=
|
|
5
|
-
$APP.n(c)?($APP.T(a,"role","img"),$APP.T(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.T(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},
|
|
6
|
-
"label-present?","label-present?",-367749525),mY=new $APP.F(null,"labelled?","labelled?",-1907816908);var
|
|
7
|
-
1,[$APP.
|
|
8
|
-
"md"),
|
|
2
|
+
var hY=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},nY=function(a){var b=new $APP.M(null,4,[$APP.nn,a.getAttribute("size"),$APP.hv,a.getAttribute("color"),$APP.Dj,a.getAttribute("label"),iY,a.hasAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.nn),e=$APP.C(c,$APP.hv);b=$APP.C(c,$APP.Dj);c=$APP.C(c,iY);if(typeof d==="string"){var f=d.trim().toLowerCase();var h=$APP.C(jY,f);f=$APP.n(h)?new $APP.M(null,3,[$APP.wp,""+$APP.P.i(h)+"px",kY,f,$APP.ct,h],null):null}else f=null;$APP.n(f)?
|
|
3
|
+
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.wp,""+$APP.P.i(f)+"px",kY,null,$APP.ct,f],null):null):d=null,d=$APP.n(d)?d:ula);typeof e==="string"?(e=e.trim().toLowerCase(),e=$APP.ed(vla,e)?e:"inherit"):e="inherit";b=$APP.n($APP.n(c)?typeof b==="string":c)?b:"";b=new $APP.M(null,4,[$APP.Ls,$APP.wp.i(d),$APP.pp,$APP.Je(lY,new $APP.J(null,2,5,$APP.K,[e,$APP.wp],null)),$APP.Wj,b,mY,$APP.D($APP.n(c)?$APP.I("",b):c)],null);
|
|
4
|
+
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Vi(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=wla,$APP.T(d,"part","box"),d.appendChild(f),c.appendChild(e),c.appendChild(d),$APP.Wi(a,"__xIconInitialized")),e=$APP.G(b),c=$APP.C(e,$APP.Ls),e=$APP.C(e,$APP.pp),d=a.style,d.setProperty("--x-icon-size",c),d.setProperty("--x-icon-color",e),e=$APP.G(b),c=$APP.C(e,mY),e=$APP.C(e,$APP.Wj),
|
|
5
|
+
$APP.n(c)?($APP.T(a,"role","img"),$APP.T(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.T(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},yla=function(a){return $APP.xj(a,xla)},zla=function(a){return nY(a)},Ala=function(a,b,c,d){return $APP.I(c,d)?nY(a):null},oY=function(){return $APP.zi("x-icon",new $APP.M(null,4,[$APP.ji,Bla,$APP.hi,zla,$APP.di,Ala,$APP.ii,yla],null))},kY=new $APP.F(null,"token","token",-1211463215),iY=new $APP.F(null,
|
|
6
|
+
"label-present?","label-present?",-367749525),mY=new $APP.F(null,"labelled?","labelled?",-1907816908);var Bla=["size","color","label"],jY=new $APP.M(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),lY=new $APP.M(null,8,["inherit",new $APP.M(null,1,[$APP.wp,"inherit"],null),"primary",new $APP.M(null,1,[$APP.wp,hY("--x-color-primary","#2563eb")],null),"secondary",new $APP.M(null,1,[$APP.wp,hY("--x-color-secondary","#64748b")],null),"tertiary",new $APP.M(null,1,[$APP.wp,hY("--x-color-tertiary","#94a3b8")],null),"success",new $APP.M(null,1,[$APP.wp,hY("--x-color-success","#16a34a")],null),"warning",new $APP.M(null,
|
|
7
|
+
1,[$APP.wp,hY("--x-color-warning","#d97706")],null),"danger",new $APP.M(null,1,[$APP.wp,hY("--x-color-danger","#dc2626")],null),"muted",new $APP.M(null,1,[$APP.wp,hY("--x-color-text-muted","#64748b")],null)],null),vla=$APP.hh($APP.Vg(lY)),xla=new $APP.M(null,3,[$APP.Gm,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.wj,""],null),$APP.Ar,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"color",$APP.wj,""],null),$APP.Wj,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.wj,""],null)],null),pY=$APP.C(jY,
|
|
8
|
+
"md"),ula=new $APP.M(null,3,[$APP.wp,""+$APP.P.i(pY)+"px",kY,"md",$APP.ct,pY],null);var wla=":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var("+$APP.P.i("--x-icon-color")+",currentColor);"+$APP.P.i("--x-icon-size")+":20px;}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var("+$APP.P.i("--x-icon-size")+");height:var("+$APP.P.i("--x-icon-size")+');}::slotted(svg){display:block;width:100%;height:100%;}::slotted(svg[fill\x3d"currentColor"]),::slotted(svg[stroke\x3d"currentColor"]){color:inherit;}';$APP.fa("baredom.exports.x_icon.init",oY);export const init=oY;
|
package/dist/x-image.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
!1],null)):new $APP.M(null,2,[$APP.
|
|
2
|
+
var hka=function(a){if(a==null)return new $APP.M(null,2,[$APP.wp,null,$APP.nl,!0],null);if(typeof a!=="string")return new $APP.M(null,2,[$APP.wp,null,$APP.nl,!1],null);a=a.trim().toLowerCase();if($APP.z.j(a,"")||$APP.z.j(a,"auto"))return new $APP.M(null,2,[$APP.wp,null,$APP.nl,!0],null);var b=$APP.zh(gka,a);return $APP.n(b)?(a=parseFloat($APP.zc(b,1)),b=parseFloat($APP.zc(b,2)),a>0&&b>0?new $APP.M(null,2,[$APP.wp,""+$APP.P.i(a)+" / "+$APP.P.i(b),$APP.nl,!0],null):new $APP.M(null,2,[$APP.wp,null,$APP.nl,
|
|
3
|
+
!1],null)):new $APP.M(null,2,[$APP.wp,null,$APP.nl,!1],null)},pW=function(a){var b=$APP.l(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("img"),h=document.createElement("div"),k=document.createElement("slot"),m=document.createElement("div"),r=document.createElement("span"),u=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
|
|
4
4
|
$APP.T(d,"part","frame");$APP.T(e,"part","shimmer");$APP.T(e,"aria-hidden","true");$APP.T(f,"part","image");f.alt="";f.decoding="async";f.loading="lazy";$APP.T(h,"part","error");$APP.T(h,"role","img");$APP.T(h,"aria-label","Image failed to load");$APP.T(k,"name","error");$APP.T(m,"part","error-default");$APP.T(r,"part","error-glyph");$APP.T(r,"aria-hidden","true");r.textContent="⚠";$APP.T(u,"part","error-text");u.textContent="Image unavailable";m.appendChild(r);m.appendChild(u);k.appendChild(m);h.appendChild(k);
|
|
5
|
-
d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xImageRefs",new $APP.M(null,6,[$APP.Fk,b,nW,d,
|
|
6
|
-
$APP.
|
|
7
|
-
"string"?(r=r.trim().toLowerCase(),r=$APP.ed(
|
|
8
|
-
!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);u=$APP.C(d,vW);r=$APP.C(d,$APP.
|
|
9
|
-
console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));u=$APP.G(b);c=$APP.C(u,wW);u=$APP.C(u,$APP.
|
|
10
|
-
($APP.U(h,"src"),qW(a,"loading")));a=$APP.Q(a,"__xImageModel",b)}else a=null;return a},
|
|
11
|
-
$APP.
|
|
12
|
-
b],null))},EW=function(a){var b=$APP.l(a,"__xImageHandlers"),c=$APP.l(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.
|
|
13
|
-
configurable:!0})},
|
|
14
|
-
0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"state",{get:function(){var b=$APP.l(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},
|
|
15
|
-
"frame","frame",-1711082588),uW=new $APP.F(null,"fit-raw","fit-raw",792829585),wW=new $APP.F(null,"decorative?","decorative?",131461581),oW=new $APP.F(null,"error-box","error-box",1060106676),zW=new $APP.F(null,"ratio-css","ratio-css",1208951932),
|
|
16
|
-
sW=new $APP.F(null,"decorative-present?","decorative-present?",2067744841),vW=new $APP.F(null,"fit","fit",869444807),rW=new $APP.F(null,"alt-present?","alt-present?",-707038767),BW=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),CW=new $APP.F(null,"naturalHeight","naturalHeight",227028566),xW=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var
|
|
17
|
-
$APP.Gg([$APP.
|
|
18
|
-
!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.je(["x-image-load",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.
|
|
5
|
+
d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xImageRefs",new $APP.M(null,6,[$APP.Fk,b,nW,d,ika,e,$APP.mr,f,oW,h,jka,k],null));return $APP.l(a,"__xImageRefs")},qW=function(a,b){$APP.Q(a,"__xImageState",b);$APP.T(a,"data-state",b)},AW=function(a){var b=new $APP.M(null,8,[$APP.au,a.getAttribute("src"),$APP.Eu,a.getAttribute("alt"),rW,a.hasAttribute("alt"),sW,a.hasAttribute("decorative"),tW,a.getAttribute("ratio"),uW,a.getAttribute("fit"),$APP.Hr,a.getAttribute("position"),
|
|
6
|
+
$APP.uu,a.getAttribute("loading")],null);var c=$APP.G(b),d=$APP.C(c,$APP.au),e=$APP.C(c,$APP.Eu),f=$APP.C(c,rW),h=$APP.C(c,sW),k=$APP.C(c,tW),m=$APP.C(c,uW);b=$APP.C(c,$APP.Hr);var r=$APP.C(c,$APP.uu);h=$APP.D(h);k=hka(k);c=$APP.G(k);k=$APP.C(c,$APP.wp);c=$APP.C(c,$APP.nl);var u=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.ed(kka,m)?m:"cover"):m="cover";typeof d==="string"?(d=$APP.Qi(d),d=typeof d==="string"&&$APP.I("",d)?d:null):d=null;typeof r===
|
|
7
|
+
"string"?(r=r.trim().toLowerCase(),r=$APP.ed(lka,r)?r:"lazy"):r="lazy";typeof b==="string"?(b=b.trim(),b=$APP.z.j(b,"")?"center":b):b="center";b=$APP.Gg([$APP.Mp,vW,$APP.os,wW,$APP.Am,xW,yW,$APP.cv,zW],[e,m,d,h,r,c,u,b,k]);if($APP.I($APP.l(a,"__xImageModel"),b)){h=pW(a);h=$APP.G(h);u=$APP.C(h,nW);c=$APP.C(h,$APP.mr);k=$APP.C(h,oW);h=$APP.l(a,"__xImageModel");d=$APP.G(b);r=$APP.C(d,zW);d=$APP.C(d,xW);u.style.aspectRatio=$APP.n(r)?r:"";$APP.n(d)||$APP.n($APP.l(a,"__xImageWarnedRatio"))||($APP.Q(a,"__xImageWarnedRatio",
|
|
8
|
+
!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);u=$APP.C(d,vW);r=$APP.C(d,$APP.cv);d=$APP.C(d,$APP.Am);c.style.objectFit=u;c.style.objectPosition=r;c.loading=d;c.decoding="async";d=$APP.G(b);u=$APP.C(d,wW);r=$APP.C(d,$APP.Mp);d=$APP.C(d,yW);$APP.n(u)?(c.alt="",$APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):(c.alt=r,$APP.U(a,"aria-hidden"),$APP.T(a,"role","img"),$APP.n(d)&&!$APP.n($APP.l(a,"__xImageWarnedAlt"))&&($APP.Q(a,"__xImageWarnedAlt",!0),
|
|
9
|
+
console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));u=$APP.G(b);c=$APP.C(u,wW);u=$APP.C(u,$APP.Mp);$APP.T(k,"aria-label",$APP.p(c)&&$APP.I("",u)?u:"Image failed to load");k=$APP.G(b);k=$APP.C(k,$APP.os);if(h==null||$APP.I($APP.n(h)?$APP.os.i(h):null,k))h=$APP.G($APP.l(a,"__xImageRefs")),h=$APP.C(h,$APP.mr),$APP.I($APP.l(a,"__xImageCurrentSrc"),k)&&($APP.Q(a,"__xImageCurrentSrc",k),typeof k==="string"&&$APP.I("",k)?(qW(a,"loading"),$APP.T(h,"src",k)):
|
|
10
|
+
($APP.U(h,"src"),qW(a,"loading")));a=$APP.Q(a,"__xImageModel",b)}else a=null;return a},mka=function(a){function b(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,$APP.mr);e=$APP.l(a,"__xImageCurrentSrc");if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)&&(f=f.getAttribute("src"),$APP.z.j(f,e))){qW(a,"error");e=$APP.hj(a,"x-image-error",$APP.gm(new $APP.M(null,1,[$APP.os,$APP.n(e)?e:""],null)));break a}e=null}return e}function c(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,
|
|
11
|
+
$APP.mr);e=$APP.l(a,"__xImageCurrentSrc");if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)){var h=f.getAttribute("src");if($APP.z.j(h,e)){qW(a,"loaded");h=f.naturalWidth;f=f.naturalHeight;e=$APP.hj(a,"x-image-load",$APP.gm(new $APP.M(null,3,[$APP.os,$APP.n(e)?e:"",BW,$APP.n(h)?h:0,CW,$APP.n(f)?f:0],null)));break a}}e=null}return e}var d=pW(a);d=$APP.G(d);d=$APP.C(d,$APP.mr);d.addEventListener("load",c);d.addEventListener("error",b);$APP.Q(a,"__xImageHandlers",new $APP.M(null,2,[DW,c,$APP.gq,
|
|
12
|
+
b],null))},EW=function(a){var b=$APP.l(a,"__xImageHandlers"),c=$APP.l(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.mr.i(c);var d=DW.i(b);b=$APP.gq.i(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}return $APP.Q(a,"__xImageHandlers",null)},FW=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.z.j(d,"")?$APP.U(this,c):$APP.T(this,c,""+$APP.P.i(d))},enumerable:!0,
|
|
13
|
+
configurable:!0})},nka=function(a){FW(a,"src","src");FW(a,"alt","alt");FW(a,"ratio","ratio");FW(a,"fit","fit");FW(a,"position","position");FW(a,"loading","loading");$APP.mj(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.l(this,"__xImageRefs");return $APP.n(b)?$APP.mr.i(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.l(this,"__xImageRefs");return $APP.n(b)?$APP.mr.i(b).naturalHeight:
|
|
14
|
+
0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"state",{get:function(){var b=$APP.l(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},oka=function(a){pW(a);EW(a);mka(a);$APP.l(a,"__xImageState")==null&&qW(a,"loading");return AW(a)},pka=function(a){return EW(a)},qka=function(a,b,c,d){return $APP.I(c,d)?AW(a):null},GW=function(){return $APP.zi("x-image",new $APP.M(null,5,[$APP.ji,rka,$APP.hi,oka,$APP.ei,pka,$APP.di,qka,$APP.ii,nka],null))},nW=new $APP.F(null,
|
|
15
|
+
"frame","frame",-1711082588),uW=new $APP.F(null,"fit-raw","fit-raw",792829585),wW=new $APP.F(null,"decorative?","decorative?",131461581),oW=new $APP.F(null,"error-box","error-box",1060106676),zW=new $APP.F(null,"ratio-css","ratio-css",1208951932),ika=new $APP.F(null,"shimmer","shimmer",2123148747),jka=new $APP.F(null,"error-slot","error-slot",493821239),tW=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),yW=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),DW=new $APP.F(null,"load","load",-1318641184),
|
|
16
|
+
sW=new $APP.F(null,"decorative-present?","decorative-present?",2067744841),vW=new $APP.F(null,"fit","fit",869444807),rW=new $APP.F(null,"alt-present?","alt-present?",-707038767),BW=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),CW=new $APP.F(null,"naturalHeight","naturalHeight",227028566),xW=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var rka="src alt decorative ratio fit position loading".split(" ");
|
|
17
|
+
$APP.Gg([$APP.Mp,vW,$APP.os,$APP.Ut,new $APP.F(null,"decorative","decorative",-238973678),$APP.Am,$APP.lr,CW,BW,$APP.cv],[new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.uj,!0],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.uj,!0],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.uj,
|
|
18
|
+
!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.je(["x-image-load",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.os,$APP.X,BW,$APP.Y,CW,$APP.Y],null),$APP.gu,!1],null),"x-image-error",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.os,$APP.X],null),$APP.gu,!1],null)]);var kka=new $APP.ch(null,new $APP.M(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),lka=new $APP.ch(null,new $APP.M(null,2,["eager",null,"lazy",null],null),null),gka=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.fa("baredom.exports.x_image.init",GW);export const init=GW;
|
package/dist/x-kbd.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var D1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.ed(a,c)?c:b},
|
|
3
|
-
c=$APP.C(b,F1),d=$APP.C(b,$APP.
|
|
2
|
+
var D1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.ed(a,c)?c:b},fpa=function(a){return typeof a==="string"&&$APP.z.j(1,a.length)?a:"+"},gpa=function(a,b){return typeof a==="string"&&$APP.I("",a.trim())?$APP.bf($APP.Fe(function(c){return $APP.z.j("",c)},$APP.ye.j(function(c){return c.trim()},a.split(b)))):$APP.Ge},hpa=function(a,b){return typeof b==="string"&&$APP.I("",b.trim())?b.trim():$APP.q(a)?$APP.Di(" plus ",$APP.ye.j(E1,a)):""},kpa=function(a){var b=$APP.G(a),
|
|
3
|
+
c=$APP.C(b,F1),d=$APP.C(b,$APP.Cq);a=$APP.C(b,$APP.nn);var e=$APP.C(b,G1);b=$APP.C(b,$APP.Dj);d=fpa(d);var f=function(){var h=D1(H1,"auto",e);return $APP.ed(I1,h)?h:"linux"}();c=gpa(c,d);c=$APP.He(function(h){h=h.trim();var k=$APP.C(ipa,new $APP.J(null,2,5,$APP.K,[f,h.toLowerCase()],null));return $APP.n(k)?k:new $APP.M(null,2,[$APP.Dt,h,E1,h],null)},c);return new $APP.M(null,6,[J1,c,$APP.Xs,d,$APP.Gm,D1(jpa,"md",a),K1,f,$APP.Wj,hpa(c,b),L1,$APP.Tc(c)],null)},M1=function(a){var b=$APP.l(a,"__xKbdDetectedPlatform");
|
|
4
4
|
if($APP.n(b))return b;b=navigator;var c=$APP.l(b,"userAgentData");c=$APP.n(c)?$APP.l(c,"platform"):null;b=$APP.l(b,"platform");b=(""+$APP.P.i($APP.n(c)?c:$APP.n(b)?b:"")).toLowerCase();b=b.indexOf("mac")!=-1||b.indexOf("iphone")!=-1||b.indexOf("ipad")!=-1?"mac":b.indexOf("win")!=-1?"win":"linux";$APP.Q(a,"__xKbdDetectedPlatform",b);return b},N1=function(a){var b=$APP.l(a,"__xKbdRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("span"),
|
|
5
5
|
e={};c.textContent=":host{display:inline-flex;align-items:baseline;vertical-align:baseline;gap:var(--x-kbd-gap,0.25rem);color-scheme:light dark;--x-kbd-bg:var(--x-typography-kbd-bg,rgba(0,0,0,0.06));--x-kbd-color:var(--x-color-text,inherit);--x-kbd-border-color:var(--x-typography-kbd-border,rgba(0,0,0,0.15));--x-kbd-border-radius:var(--x-typography-kbd-radius,0.25rem);--x-kbd-padding:var(--x-typography-kbd-padding,0.1em 0.4em);--x-kbd-font-family:ui-monospace,\"SF Mono\",\"SFMono-Regular\",Menlo,Consolas,monospace;--x-kbd-font-size:0.875em;--x-kbd-shadow:inset 0 -1px 0 rgba(0,0,0,0.08);--x-kbd-separator-color:var(--x-color-text-muted,currentColor);}@media (prefers-color-scheme:dark){:host{--x-kbd-bg:var(--x-typography-kbd-bg,rgba(255,255,255,0.1));--x-kbd-border-color:var(--x-typography-kbd-border,rgba(255,255,255,0.2));--x-kbd-shadow:inset 0 -1px 0 rgba(0,0,0,0.4);}}:host([data-size\x3d'sm']){--x-kbd-font-size:0.75em;--x-kbd-padding:0.05em 0.3em;}:host([data-size\x3d'lg']){--x-kbd-font-size:1em;--x-kbd-padding:0.15em 0.5em;}[part\x3dbase]{display:inline-flex;align-items:baseline;gap:var(--x-kbd-gap,0.25rem);flex-wrap:wrap;color:var(--x-kbd-color);}[part\x3dkey]{display:inline-block;min-width:1.25em;padding:var(--x-kbd-padding);border:1px solid var(--x-kbd-border-color);border-radius:var(--x-kbd-border-radius);background:var(--x-kbd-bg);color:inherit;font-family:var(--x-kbd-font-family);font-size:var(--x-kbd-font-size);font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:var(--x-kbd-shadow);box-sizing:border-box;}[part\x3dseparator]{display:inline-block;color:var(--x-kbd-separator-color);font-size:var(--x-kbd-font-size);user-select:none;}::slotted(*){font-family:var(--x-kbd-font-family);}";
|
|
6
|
-
$APP.T(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},O1=function(a){var b=M1(a);var c=a.getAttribute("platform");c=D1(H1,"auto",c);b=$APP.ed(I1,c)?c:$APP.ed(I1,b)?b:"linux";b=
|
|
7
|
-
N1(a);c=$APP.l(c,"base");$APP.T(a,"data-size",d);$APP.z.j("",e)?$APP.U(a,"aria-label"):$APP.T(a,"aria-label",e);var f=$APP.G(b);d=$APP.C(f,J1);e=$APP.C(f,$APP.
|
|
8
|
-
$APP.T(x,"part","separator");x.textContent=u;r.call(m,x)}m=c;r=m.appendChild;k=$APP.
|
|
9
|
-
"tokens","tokens",-818939304),E1=new $APP.F(null,"aria","aria",1737868339),L1=new $APP.F(null,"slot-mode?","slot-mode?",324788923),K1=new $APP.F(null,"platform","platform",-1086422114),G1=new $APP.F(null,"platform-raw","platform-raw",-907433809),F1=new $APP.F(null,"keys-raw","keys-raw",-232964036),
|
|
6
|
+
$APP.T(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},O1=function(a){var b=M1(a);var c=a.getAttribute("platform");c=D1(H1,"auto",c);b=$APP.ed(I1,c)?c:$APP.ed(I1,b)?b:"linux";b=kpa(new $APP.M(null,5,[F1,a.getAttribute("keys"),$APP.Cq,a.getAttribute("separator"),$APP.nn,a.getAttribute("size"),G1,b,$APP.Dj,a.getAttribute("label")],null));if($APP.I($APP.l(a,"__xKbdModel"),b)){b=$APP.G(b);var d=$APP.C(b,$APP.Gm),e=$APP.C(b,$APP.Wj);c=
|
|
7
|
+
N1(a);c=$APP.l(c,"base");$APP.T(a,"data-size",d);$APP.z.j("",e)?$APP.U(a,"aria-label"):$APP.T(a,"aria-label",e);var f=$APP.G(b);d=$APP.C(f,J1);e=$APP.C(f,$APP.Xs);for(f=$APP.C(f,L1);;)if($APP.n(c.firstChild))c.removeChild(c.firstChild);else break;if($APP.n(f))d=c.appendChild,e=document.createElement("kbd"),f=document.createElement("slot"),$APP.T(e,"part","key"),e.appendChild(f),d.call(c,e);else{f=$APP.w(d);for(var h=0;;)if(h<f){var k=$APP.zc(d,h);if(h>0){var m=c,r=m.appendChild,u=e,x=document.createElement("span");
|
|
8
|
+
$APP.T(x,"part","separator");x.textContent=u;r.call(m,x)}m=c;r=m.appendChild;k=$APP.Dt.i(k);u=document.createElement("kbd");$APP.T(u,"part","key");u.textContent=k;r.call(m,u);h+=1}else break}a=$APP.Q(a,"__xKbdModel",b)}else a=null;return a},mpa=function(a){return $APP.xj(a,lpa)},npa=function(a){N1(a);M1(a);return O1(a)},opa=function(a,b,c,d){return $APP.I(c,d)?O1(a):null},P1=function(){return $APP.zi("x-kbd",new $APP.M(null,4,[$APP.ji,ppa,$APP.hi,npa,$APP.di,opa,$APP.ii,mpa],null))},J1=new $APP.F(null,
|
|
9
|
+
"tokens","tokens",-818939304),E1=new $APP.F(null,"aria","aria",1737868339),L1=new $APP.F(null,"slot-mode?","slot-mode?",324788923),K1=new $APP.F(null,"platform","platform",-1086422114),G1=new $APP.F(null,"platform-raw","platform-raw",-907433809),F1=new $APP.F(null,"keys-raw","keys-raw",-232964036),qpa=new $APP.F(null,"keys","keys",1068423698);var ppa=["keys","separator","size","platform","label"],jpa=new $APP.ch(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),H1=new $APP.ch(null,new $APP.M(null,4,["mac",null,"linux",null,"win",null,"auto",null],null),null),I1=new $APP.ch(null,new $APP.M(null,3,["mac",null,"linux",null,"win",null],null),null),ipa=$APP.Gg([new $APP.J(null,2,5,$APP.K,["win","super"],null),new $APP.J(null,2,5,$APP.K,["mac","alt"],null),new $APP.J(null,2,5,$APP.K,["mac","option"],null),new $APP.J(null,2,
|
|
10
10
|
5,$APP.K,["linux","meta"],null),new $APP.J(null,2,5,$APP.K,["win","return"],null),new $APP.J(null,2,5,$APP.K,["mac","shift"],null),new $APP.J(null,2,5,$APP.K,["mac","ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","cmd"],null),new $APP.J(null,2,5,$APP.K,["win","meta"],null),new $APP.J(null,2,5,$APP.K,["win","cmd"],null),new $APP.J(null,2,5,$APP.K,["linux","super"],null),new $APP.J(null,2,5,$APP.K,["win","shift"],null),new $APP.J(null,2,5,$APP.K,["linux","shift"],null),new $APP.J(null,2,5,$APP.K,["mac",
|
|
11
11
|
"control"],null),new $APP.J(null,2,5,$APP.K,["linux","enter"],null),new $APP.J(null,2,5,$APP.K,["linux","return"],null),new $APP.J(null,2,5,$APP.K,["linux","command"],null),new $APP.J(null,2,5,$APP.K,["mac","command"],null),new $APP.J(null,2,5,$APP.K,["win","ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","super"],null),new $APP.J(null,2,5,$APP.K,["mac","meta"],null),new $APP.J(null,2,5,$APP.K,["mac","mod"],null),new $APP.J(null,2,5,$APP.K,["linux","cmd"],null),new $APP.J(null,2,5,$APP.K,["linux",
|
|
12
12
|
"ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","enter"],null),new $APP.J(null,2,5,$APP.K,["linux","mod"],null),new $APP.J(null,2,5,$APP.K,["win","mod"],null),new $APP.J(null,2,5,$APP.K,["win","enter"],null),new $APP.J(null,2,5,$APP.K,["win","control"],null),new $APP.J(null,2,5,$APP.K,["win","option"],null),new $APP.J(null,2,5,$APP.K,["linux","control"],null),new $APP.J(null,2,5,$APP.K,["linux","alt"],null),new $APP.J(null,2,5,$APP.K,["win","alt"],null),new $APP.J(null,2,5,$APP.K,["mac","return"],
|
|
13
|
-
null),new $APP.J(null,2,5,$APP.K,["win","command"],null),new $APP.J(null,2,5,$APP.K,["linux","option"],null)],[new $APP.M(null,2,[$APP.
|
|
14
|
-
E1,"Command"],null),new $APP.M(null,2,[$APP.
|
|
15
|
-
2,[$APP.
|
|
16
|
-
null),new $APP.M(null,2,[$APP.
|
|
17
|
-
3,[$APP.N,$APP.X,$APP.W,"keys",$APP.wj,""],null),$APP.
|
|
13
|
+
null),new $APP.J(null,2,5,$APP.K,["win","command"],null),new $APP.J(null,2,5,$APP.K,["linux","option"],null)],[new $APP.M(null,2,[$APP.Dt,"Win",E1,"Windows"],null),new $APP.M(null,2,[$APP.Dt,"⌥",E1,"Option"],null),new $APP.M(null,2,[$APP.Dt,"⌥",E1,"Option"],null),new $APP.M(null,2,[$APP.Dt,"Super",E1,"Super"],null),new $APP.M(null,2,[$APP.Dt,"Enter",E1,"Enter"],null),new $APP.M(null,2,[$APP.Dt,"⇧",E1,"Shift"],null),new $APP.M(null,2,[$APP.Dt,"⌃",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"⌘",
|
|
14
|
+
E1,"Command"],null),new $APP.M(null,2,[$APP.Dt,"Win",E1,"Windows"],null),new $APP.M(null,2,[$APP.Dt,"Win",E1,"Windows"],null),new $APP.M(null,2,[$APP.Dt,"Super",E1,"Super"],null),new $APP.M(null,2,[$APP.Dt,"Shift",E1,"Shift"],null),new $APP.M(null,2,[$APP.Dt,"Shift",E1,"Shift"],null),new $APP.M(null,2,[$APP.Dt,"⌃",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"Enter",E1,"Enter"],null),new $APP.M(null,2,[$APP.Dt,"Enter",E1,"Enter"],null),new $APP.M(null,2,[$APP.Dt,"Super",E1,"Super"],null),new $APP.M(null,
|
|
15
|
+
2,[$APP.Dt,"⌘",E1,"Command"],null),new $APP.M(null,2,[$APP.Dt,"Ctrl",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"⌘",E1,"Command"],null),new $APP.M(null,2,[$APP.Dt,"⌘",E1,"Command"],null),new $APP.M(null,2,[$APP.Dt,"⌘",E1,"Command"],null),new $APP.M(null,2,[$APP.Dt,"Super",E1,"Super"],null),new $APP.M(null,2,[$APP.Dt,"Ctrl",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"Return",E1,"Return"],null),new $APP.M(null,2,[$APP.Dt,"Ctrl",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"Ctrl",E1,"Control"],
|
|
16
|
+
null),new $APP.M(null,2,[$APP.Dt,"Enter",E1,"Enter"],null),new $APP.M(null,2,[$APP.Dt,"Ctrl",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"Alt",E1,"Alt"],null),new $APP.M(null,2,[$APP.Dt,"Ctrl",E1,"Control"],null),new $APP.M(null,2,[$APP.Dt,"Alt",E1,"Alt"],null),new $APP.M(null,2,[$APP.Dt,"Alt",E1,"Alt"],null),new $APP.M(null,2,[$APP.Dt,"Return",E1,"Return"],null),new $APP.M(null,2,[$APP.Dt,"Win",E1,"Windows"],null),new $APP.M(null,2,[$APP.Dt,"Alt",E1,"Alt"],null)]),lpa=new $APP.M(null,5,[qpa,new $APP.M(null,
|
|
17
|
+
3,[$APP.N,$APP.X,$APP.W,"keys",$APP.wj,""],null),$APP.Xs,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"separator",$APP.wj,"+"],null),$APP.Gm,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.wj,"md"],null),K1,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"platform",$APP.wj,"auto"],null),$APP.Wj,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.wj,""],null)],null);$APP.fa("baredom.exports.x_kbd.init",P1);export const init=P1;
|
package/dist/x-kinetic-canvas.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
6,[$APP
|
|
5
|
-
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(
|
|
6
|
-
|
|
7
|
-
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.Fm.i(b);h=
|
|
2
|
+
var oD=function(a,b,c,d,e){c=b.length;for(d=0;;)if(d<c){var f=b[d],h=e[f.ci],k=f.op,m=f.x,r=f.y;f=f.r;a.globalAlpha=k;a.fillStyle=h;a.beginPath();a.arc(m,r,f,0,6.283185307179586);a.fill();a.globalAlpha=k*.3;a.fillStyle="rgba(255,255,255,0.5)";a.beginPath();a.arc(m-f*.25,r-f*.25,f*.3,0,6.283185307179586);a.fill();d+=1}else break;return a.globalAlpha=1},pD=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
|
|
3
|
+
qD=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,k=0;;)if(k<h){var m=b[k],r=m.x,u=m.y,x=m.ch,y=m.ln;m=m.cs;a.font=""+$APP.P.i(m)+"px monospace";a.textBaseline="top";for(var A=y,E=0;;)if(E<A){var H=u-(y-1-E)*m,O=(E+1)/y,S=O*O;H>-m&&H<d+m&&(a.globalAlpha=Math.min(1,S),a.fillStyle=$APP.z.j(E,y-1)?c:O>.5?f:e,a.fillText(x[E],r,H));E+=1}else break;k+=1}else break;return a.globalAlpha=1},rD=function(a){return $APP.D($APP.l(a,"__xKineticCanvasReduced"))},zD=function(a){a=new $APP.M(null,
|
|
4
|
+
6,[$APP.$p,a.getAttribute("type"),$APP.ot,a.getAttribute("variant"),$APP.Ys,a.getAttribute("speed"),$APP.dr,a.getAttribute("density"),sD,a.getAttribute("fullscreen"),tD,a.getAttribute("paused")],null);var b=$APP.G(a),c=$APP.C(b,$APP.$p),d=$APP.C(b,$APP.ot),e=$APP.C(b,$APP.Ys),f=$APP.C(b,$APP.dr);a=$APP.C(b,sD);b=$APP.C(b,tD);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.ed(uD,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.ed(vD,d)?
|
|
5
|
+
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(wD,e);$APP.n(h)?e=h:(e=parseFloat(e),h=isNaN(e),e=$APP.n($APP.n(h)?h:e<=0)?1:Math.min(10,e))}else e=1;typeof f==="string"?(f=f.trim().toLowerCase(),h=$APP.C(xD,f),$APP.n(h)?f=h:(f=parseFloat(f),h=isNaN(f),f=$APP.n($APP.n(h)?h:f<=0)?1:Math.min(5,f))):f=1;return new $APP.M(null,6,[$APP.N,c,$APP.Fm,d,$APP.rr,e,$APP.lt,f,yD,a!=null,$APP.jq,b!=null],null)},AD=function(a){$APP.Q(a,"__xKineticCanvasCol",null)},
|
|
6
|
+
DD=function(a,b){var c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.N.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.z.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.z.j(f,""))f=14;else{f=parseInt(f,10);var h=isNaN(f);f=$APP.n($APP.n(h)?h:f<=0)?14:f}}else f=null;h=$APP.C(BD,e);a:{var k=$APP.lt.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*k*m,50),500));break a;
|
|
7
|
+
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.Fm.i(b);h=CD.i(h);c=h.W?h.W(c,d,e,b,f):h.call(null,c,d,e,b,f);$APP.Q(a,"__xKineticCanvasEnt",c)}},FD=function(a){var b=$APP.l(a,"__xKineticCanvasModel"),c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.l(a,"__xKineticCanvasEnt"),f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.tp);if($APP.n($APP.n(c)?
|
|
8
8
|
$APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.l(a,"__xKineticCanvasCol");if($APP.n(h))var k=h[0];else{var m=window.getComputedStyle(a),r=m.getPropertyValue("--x-kinetic-canvas-bg").trim();h=m.getPropertyValue("--x-kinetic-canvas-color-1").trim();k=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();r=$APP.z.j(r,"")?"#f0f0f5":r;h=[r,$APP.z.j(h,"")?"#1a1a2e":h,$APP.z.j(k,"")?"#2563eb":k,$APP.z.j(m,"")?"#7c3aed":m];$APP.Q(a,
|
|
9
|
-
"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.N.i(b);b=$APP.C(
|
|
10
|
-
performance.now());return $APP.bj(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return
|
|
11
|
-
$APP.Q(a,"__xKineticCanvasReduced",c.matches);c.addEventListener("change",b);$APP.Q(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;$APP.Q(a,"__xKineticCanvasVis",d);var e=$APP.l(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.
|
|
12
|
-
if(d>0&&e>0){$APP.Q(a,"__xKineticCanvasW",d);$APP.Q(a,"__xKineticCanvasH",e);var f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.
|
|
13
|
-
$APP.Q(a,"__xKineticCanvasModel",b);$APP.bj(a,"__xKineticCanvasTime",0);$APP.Q(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.l(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=
|
|
14
|
-
b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.Fk,b,$APP.
|
|
15
|
-
return $APP.Q(a,"__xKineticCanvasVis",!1)},
|
|
16
|
-
b)):a=null):a=null:a=null;return a},
|
|
17
|
-
"draw","draw",1358331674);var
|
|
18
|
-
"paused"],null)],null),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
void 0}return a}},
|
|
22
|
-
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[
|
|
23
|
-
4,[
|
|
24
|
-
h.ch,h[Math.floor(Math.random()*h.length)]=
|
|
9
|
+
"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.N.i(b);b=$APP.C(BD,b);f.clearRect(0,0,c,d);k!=null&&$APP.I(k,"transparent")&&(f.fillStyle=k,f.fillRect(0,0,c,d));if(rD(a))return a=$APP.Nr.i(b),a.W?a.W(f,e,c,d,h):a.call(null,f,e,c,d,h);a=$APP.l(a,"__xKineticCanvasTime");a=$APP.n(a)?a:0;b=ED.i(b);return b.va?b.va(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},HD=function(a){if($APP.n($APP.l(a,"__xKineticCanvasRaf")))return null;$APP.bj(a,"__xKineticCanvasLastFrame",
|
|
10
|
+
performance.now());return $APP.bj(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return GD(a)}))},ID=function(a){var b=$APP.l(a,"__xKineticCanvasRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.bj(a,"__xKineticCanvasRaf",null)):null},JD=function(a){function b(d){d=d.matches;$APP.Q(a,"__xKineticCanvasReduced",d);AD(a);$APP.n(d)?(ID(a),d=FD(a)):(d=$APP.l(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.jq.i($APP.l(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?HD(a):null);return d}var c=window.matchMedia("(prefers-reduced-motion:reduce)");
|
|
11
|
+
$APP.Q(a,"__xKineticCanvasReduced",c.matches);c.addEventListener("change",b);$APP.Q(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;$APP.Q(a,"__xKineticCanvasVis",d);var e=$APP.l(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.jq.i(e),d=$APP.n($APP.n(d)?d:rD(a))?null:HD(a)):d=ID(a);return d},{threshold:[0]});c.observe(a);$APP.Q(a,"__xKineticCanvasIO",c);c=new ResizeObserver(function(d){a:{if(d.length>0){var e=d[0].contentRect;d=e.width;e=e.height;
|
|
12
|
+
if(d>0&&e>0){$APP.Q(a,"__xKineticCanvasW",d);$APP.Q(a,"__xKineticCanvasH",e);var f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.eu);var h=window.devicePixelRatio;h=$APP.n(h)?h:1;f.width=d*h;f.height=e*h;f.getContext("2d").setTransform(h,0,0,h,0,0);AD(a);DD(a,$APP.l(a,"__xKineticCanvasModel"));d=$APP.jq.i($APP.l(a,"__xKineticCanvasModel"));d=$APP.n($APP.n(d)?d:rD(a))?FD(a):HD(a);break a}}d=null}return d});c.observe(a);return $APP.Q(a,"__xKineticCanvasRO",c)},LD=function(a){var b=zD(a);
|
|
13
|
+
$APP.Q(a,"__xKineticCanvasModel",b);$APP.bj(a,"__xKineticCanvasTime",0);$APP.Q(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.l(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=KD;d.className="kc-canvas-wrap";$APP.T(e,"aria-hidden","true");d.appendChild(e);f.className="kc-content";f.appendChild(h);b.appendChild(c);
|
|
14
|
+
b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.Fk,b,$APP.eu,e,$APP.tp,e.getContext("2d")],null))}return JD(a)},MD=function(a){ID(a);var b=$APP.l(a,"__xKineticCanvasMQL");$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),$APP.Q(a,"__xKineticCanvasMQL",null));b=$APP.l(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xKineticCanvasIO",null));b=$APP.l(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xKineticCanvasRO",null));
|
|
15
|
+
return $APP.Q(a,"__xKineticCanvasVis",!1)},ND=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticCanvasRefs"))?(b=zD(a),c=$APP.l(a,"__xKineticCanvasModel"),$APP.I(c,b)?(AD(a),(c==null||$APP.I($APP.N.i(b),$APP.N.i(c))||$APP.I($APP.lt.i(b),$APP.lt.i(c))||$APP.I($APP.Fm.i(b),$APP.Fm.i(c)))&&DD(a,b),c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(c=$APP.jq.i(b),$APP.n($APP.n(c)?c:rD(a))?(ID(a),FD(a)):(FD(a),HD(a))),a=$APP.Q(a,"__xKineticCanvasModel",
|
|
16
|
+
b)):a=null):a=null:a=null;return a},PD=function(a){return $APP.xj(a,OD)},RD=function(){return $APP.zi("x-kinetic-canvas",new $APP.M(null,5,[$APP.ji,QD,$APP.hi,LD,$APP.ei,MD,$APP.di,ND,$APP.ii,PD],null))},CD=new $APP.F(null,"create","create",-1301499256),SD=new $APP.F(null,"update","update",1045576396),yD=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),tD=new $APP.F(null,"paused-attr","paused-attr",2104502840),sD=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),ED=new $APP.F(null,
|
|
17
|
+
"draw","draw",1358331674);var QD="type variant speed density fullscreen paused".split(" "),OD=new $APP.M(null,6,[$APP.N,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null),$APP.Fm,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"variant"],null),$APP.rr,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"speed"],null),$APP.lt,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"fullscreen"],null),$APP.Es,new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,
|
|
18
|
+
"paused"],null)],null),uD=new $APP.ch(null,new $APP.M(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),vD=new $APP.ch(null,new $APP.M(null,2,["twinkle",null,"motion",null],null),null),wD=new $APP.M(null,3,["slow",.3,"medium",1,"fast",2.5],null),xD=new $APP.M(null,3,["low",.5,"medium",1,"high",2],null);var TD=function TD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return TD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.cc(c.slice(4),0,null):null)};TD.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.z=.1+Math.random()*.9;f.sz=.5+Math.random()*2.5;f.br=.3+Math.random()*.7;f.ph=Math.random()*6.283185307179586;d.push(f);e+=1}else break;return d};TD.M=4;
|
|
19
|
+
TD.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);var d=$APP.v(c);c=$APP.t(d);var e=$APP.v(d);d=$APP.t(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var UD=function UD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return UD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.cc(c.slice(4),0,null):null)};UD.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.r=8+Math.random()*40;f.vx=(Math.random()-.5)*20;f.vy=-(10+Math.random()*30);f.op=.4+Math.random()*.5;f.ci=$APP.ud(e,3);d.push(f);e+=1}else break;return d};UD.M=4;
|
|
20
|
+
UD.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);var d=$APP.v(c);c=$APP.t(d);var e=$APP.v(d);d=$APP.t(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var BD=$APP.je(["starfield",new $APP.M(null,4,[CD,TD,SD,function(a,b,c,d,e,f){switch(f){case "twinkle":a:{d=2*c*b;e=a.length;for(b=0;;)if(b<e)c=a[b],c.ph+=d,b+=1;else{a=null;break a}a=void 0}return a;default:a:{b*=30*c;c=d*.5;f=e*.5;for(var h=a.length,k=0;;)if(k<h){var m=a[k],r=m.z,u=m.x,x=m.y;r*=b*r;u+=(u-c)*r*.02;x+=(x-f)*r*.02;m.x=u;m.y=x;if(u<-10||u>d+10||x<-10||x>e+10)m.x=c+(Math.random()-.5)*40,m.y=f+(Math.random()-.5)*40,m.z=.1+Math.random()*.9,m.br=.3+Math.random()*.7;k+=1}else{a=null;break a}a=
|
|
21
|
+
void 0}return a}},ED,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var k=b[h],m=k.z,r=k.sz*m,u=$APP.ud(h,3)===0?e:c;a.globalAlpha=Math.min(1,k.br*(.5+.5*Math.sin(f*2+k.ph))*m);a.fillStyle=u;a.beginPath();a.arc(k.x,k.y,Math.max(.5,r),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},$APP.Nr,function(a,b,c,d,e){c=b.length;a.fillStyle=e[0];for(e=0;;)if(e<c){d=b[e];var f=d.z,h=d.sz*f;a.globalAlpha=d.br*f;a.beginPath();a.arc(d.x,d.y,Math.max(.5,h),0,6.283185307179586);
|
|
22
|
+
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[CD,UD,SD,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var k=a[h],m=k.r,r=k.x+k.vx*c,u=k.y+k.vy*c,x=k.vx+(Math.random()-.5)*2*b;k.x=r;k.y=u;k.vx=Math.abs(x)>30?Math.sign(x)*30:x;u<0-m-10&&(k.y=e+m+10,k.x=Math.random()*d,k.r=8+Math.random()*40,k.op=.4+Math.random()*.5);r<0-m&&(k.x=d+m);r>d+m&&(k.x=0-m);h+=1}else return null},ED,oD,$APP.Nr,function(a,b,c,d,e){return oD(a,b,c,d,e,0)}],null),"matrix",new $APP.M(null,
|
|
23
|
+
4,[CD,function(a,b,c,d,e){d=$APP.n(e)?e:14;e=[];for(var f=Math.ceil(b/d),h=0;;)if(h<c){for(var k=5+Math.floor(Math.random()*(f-5)),m=[],r=k,u=0;;)if(u<r)m.push(pD()),u+=1;else break;r={};r.x=a/c*h;r.y=(Math.random()-.5)*b*2;r.sp=40+Math.random()*120;r.ln=k;r.ch=m;r.ct=Math.random()*.2;r.cs=d;e.push(r);h+=1}else break;return e},SD,function(a,b,c,d,e){d=a.length;for(var f=0;;)if(f<d){var h=a[f],k=h.ln,m=h.cs;h.y+=h.sp*c*b;h.y-k*m>e&&(h.y=-(k*m),h.sp=40+Math.random()*120);h.ct+=b;h.ct>.08&&(h.ct=0,h=
|
|
24
|
+
h.ch,h[Math.floor(Math.random()*h.length)]=pD());f+=1}else return null},ED,qD,$APP.Nr,function(a,b,c,d,e){return qD(a,b,c,d,e,0)}],null)]),KD=":host{display:block;position:relative;overflow:hidden;"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+$APP.P.i("--x-kinetic-canvas-matrix-font-size")+
|
|
25
25
|
":14;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#c084fc);}}:host([fullscreen]){position:fixed;inset:0;z-index:var(--x-kinetic-canvas-z,-1);}.kc-canvas-wrap{position:absolute;inset:0;z-index:0;}canvas{display:block;width:100%;height:100%;}.kc-content{position:relative;z-index:1;}",
|
|
26
|
-
|
|
27
|
-
"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.
|
|
26
|
+
GD=function GD(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var r=$APP.jq.i($APP.l(a,"__xKineticCanvasModel"));return $APP.n(r)?r:rD(a)}()))return $APP.bj(a,"__xKineticCanvasRaf",null);var c=$APP.l(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.N.i(c),h=$APP.C(BD,f);f=$APP.l(a,"__xKineticCanvasEnt");var k=$APP.l(a,"__xKineticCanvasW"),m=$APP.l(a,"__xKineticCanvasH");$APP.bj(a,"__xKineticCanvasLastFrame",d);$APP.bj(a,
|
|
27
|
+
"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.rr.i(c),c=$APP.Fm.i(c),h=SD.i(h),h.va?h.va(f,e,d,k,m,c):h.call(null,f,e,d,k,m,c));FD(a);return $APP.bj(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return GD.i?GD.i(a):GD.call(null,a)}))};$APP.fa("baredom.exports.x_kinetic_canvas.init",RD);export const init=RD;
|
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var v6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},w6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(
|
|
3
|
-
a):null},z6=function(a,b,c,d,e,f,h,k,m,r,u){a*=c;d=$APP.ed(b,"bulge")?d+a*(e-d):d;f=$APP.ed(b,"stretch")?f+a*(h-f):f;k=$APP.ed(b,"lean")?m+a*(k-m):m;b=$APP.ed(b,"breathe")?r+a*(u-r):r;return[d,f,k,b]},A6=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},K6=function(a){a=$APP.Gg([$APP.
|
|
4
|
-
a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.G(a);a=$APP.C(b,$APP.
|
|
2
|
+
var v6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},w6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(Fsa,a)?a:"cursor"},Hsa=function(a){return typeof a==="string"?(a=$APP.Kf.m($APP.dh,$APP.De(function(b){return $APP.ed(Gsa,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Tc(a)?x6:a):x6},y6=function(a){return typeof a==="string"?(a=a.trim(),$APP.z.j(a,"")?null:
|
|
3
|
+
a):null},z6=function(a,b,c,d,e,f,h,k,m,r,u){a*=c;d=$APP.ed(b,"bulge")?d+a*(e-d):d;f=$APP.ed(b,"stretch")?f+a*(h-f):f;k=$APP.ed(b,"lean")?m+a*(k-m):m;b=$APP.ed(b,"breathe")?r+a*(u-r):r;return[d,f,k,b]},A6=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},K6=function(a){a=$APP.Gg([$APP.qr,$APP.ts,B6,C6,D6,$APP.Ll,$APP.Ml,E6,$APP.tr,F6],[a.getAttribute("mass"),a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),
|
|
4
|
+
a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.G(a);a=$APP.C(b,$APP.tr);var c=$APP.C(b,F6),d=$APP.C(b,$APP.qr),e=$APP.C(b,$APP.ts),f=$APP.C(b,C6),h=$APP.C(b,B6),k=$APP.C(b,D6),m=$APP.C(b,$APP.Ll),r=$APP.C(b,$APP.Ml);b=$APP.C(b,E6);return $APP.Gg([$APP.ru,G6,H6,$APP.Nu,$APP.is,I6,$APP.Pr,$APP.Cr,J6,$APP.Zl],[v6(d,1,.1,10),v6(c,170,10,500),Hsa(r),v6(a,200,20,1E3),v6(e,.5,0,1),f!=null,v6(b,26,1,100),w6(h),y6(k),
|
|
5
5
|
typeof m==="string"?m:""])},L6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},M6=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.P.i(b[0].toFixed(1))+", 'wdth' "+$APP.P.i(b[1].toFixed(1))+", 'slnt' "+$APP.P.i(b[2].toFixed(1))+", 'opsz' "+$APP.P.i(b[3].toFixed(1));d.call(a,"font-variation-settings",b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.P.i(c.toFixed(1))+"deg)")},
|
|
6
|
-
N6=function(a,b,c,d){b-=a.left+.5*a.width;a=c-(a.top+.5*a.height);a=Math.sqrt(b*b+a*a);a>=d?d=0:(d=1-a/d,d*=d);return d},
|
|
7
|
-
requestAnimationFrame(function(){return O6.i?O6.i(a):O6.call(null,a)}))},O6=function(a){if($APP.n(a.isConnected)){var b=$APP.l(a,"__xKineticFontModel"),c=$APP.l(a,"__xKineticFontCV"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticFontLF"),100)/1E3,f=$APP.
|
|
6
|
+
N6=function(a,b,c,d){b-=a.left+.5*a.width;a=c-(a.top+.5*a.height);a=Math.sqrt(b*b+a*a);a>=d?d=0:(d=1-a/d,d*=d);return d},Isa=function(a,b){var c=function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()>.5;return $APP.n(function(){var d=b[0];return $APP.n(d)?!c:d}())?($APP.bj(a,"__xKineticFontRaf",null),$APP.Q(a,"__xKineticFontSD",0),$APP.n($APP.l(a,"__xKineticFontAct"))?($APP.Q(a,"__xKineticFontAct",!1),$APP.hj(a,"x-kinetic-font-spring-settle",{})):null):$APP.bj(a,"__xKineticFontRaf",
|
|
7
|
+
requestAnimationFrame(function(){return O6.i?O6.i(a):O6.call(null,a)}))},O6=function(a){if($APP.n(a.isConnected)){var b=$APP.l(a,"__xKineticFontModel"),c=$APP.l(a,"__xKineticFontCV"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticFontLF"),100)/1E3,f=$APP.ru.i(b),h=G6.i(b),k=$APP.Pr.i(b),m=$APP.is.i(b),r=$APP.Nu.i(b),u=$APP.Cr.i(b);b=H6.i(b);c=$APP.$g.B(c,H6,b,$APP.Ec([$APP.is,m,P6,$APP.ed(b,"lean")]));m=$APP.l(a,"__xKineticFontMX");b=$APP.l(a,"__xKineticFontMY");var x=$APP.l(a,"__xKineticFontSD");
|
|
8
8
|
var y=$APP.n(x)?x:0;x=Math.min(1,Math.abs(y)/100);var A=$APP.l(a,"__xKineticFontSpr"),E=$APP.l(a,"__xKineticFontCS"),H=E!=null,O=A.length,S=[!0];$APP.bj(a,"__xKineticFontLF",d);$APP.Q(a,"__xKineticFontSD",y*.85);for(d=0;;)if(d<O){y=A[d];var R=a,Z=E,ka=d,ha=H,na=u,La=m,Na=b,cb=r;var nb=x;var Hb=$APP.z.j(na,"cursor")||$APP.z.j(na,"both");$APP.n($APP.n(ha)?Hb:ha)?(R=Z[ka].getBoundingClientRect(),La=N6(R,La,Na,cb),nb=Math.max(La,nb)):$APP.n($APP.n(ha)?$APP.z.j(na,"scroll"):ha)||($APP.p(ha)&&Hb?(R=$APP.G($APP.l(R,
|
|
9
|
-
"__xKineticFontRefs")),R=$APP.C(R,$APP.Gk).getBoundingClientRect(),La=N6(R,La,Na,cb),nb=Math.max(La,nb)):nb=$APP.z.j(na,"scroll")?nb:0);La=y[0];Na=y[1];Na+=(h*(nb-La)-k*Na)/f*e;La=[La+Na*e,Na];Na=La[1];y[0]=La[0];y[1]=Na;y=La;cb=y[0];Math.abs(cb-nb)<.001&&Math.abs(y[1])<.01||(S[0]=!1);y=a;nb=E;La=d;Na=H;var Vb=$APP.G(c);ha=$APP.C(Vb,Q6);na=$APP.C(Vb,R6);R=$APP.C(Vb,P6);Hb=$APP.C(Vb,S6);var rc=$APP.C(Vb,T6),Qf=$APP.C(Vb,U6),tg=$APP.C(Vb,H6),ph=$APP.C(Vb,V6);Z=$APP.C(Vb,$APP.
|
|
10
|
-
ka=$APP.C(Vb,X6);Vb=$APP.C(Vb,Y6);ha=z6(cb,tg,Z,qh,ha,na,Vb,rc,Hb,ph,Qf);cb=$APP.n(R)?cb*Z*ka:0;$APP.n(Na)?M6(nb[La],ha,cb):(y=$APP.G($APP.l(y,"__xKineticFontRefs")),y=$APP.C(y,$APP.Gk),M6(y,ha,cb));d+=1}else break;return
|
|
11
|
-
requestAnimationFrame(function(){return O6(a)}))},
|
|
12
|
-
e.clientY);return A6()?null:Z6(a)};b.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.z.j(c,"scroll")||$APP.z.j(c,"both"))c=function(){return
|
|
9
|
+
"__xKineticFontRefs")),R=$APP.C(R,$APP.Gk).getBoundingClientRect(),La=N6(R,La,Na,cb),nb=Math.max(La,nb)):nb=$APP.z.j(na,"scroll")?nb:0);La=y[0];Na=y[1];Na+=(h*(nb-La)-k*Na)/f*e;La=[La+Na*e,Na];Na=La[1];y[0]=La[0];y[1]=Na;y=La;cb=y[0];Math.abs(cb-nb)<.001&&Math.abs(y[1])<.01||(S[0]=!1);y=a;nb=E;La=d;Na=H;var Vb=$APP.G(c);ha=$APP.C(Vb,Q6);na=$APP.C(Vb,R6);R=$APP.C(Vb,P6);Hb=$APP.C(Vb,S6);var rc=$APP.C(Vb,T6),Qf=$APP.C(Vb,U6),tg=$APP.C(Vb,H6),ph=$APP.C(Vb,V6);Z=$APP.C(Vb,$APP.is);var qh=$APP.C(Vb,W6);
|
|
10
|
+
ka=$APP.C(Vb,X6);Vb=$APP.C(Vb,Y6);ha=z6(cb,tg,Z,qh,ha,na,Vb,rc,Hb,ph,Qf);cb=$APP.n(R)?cb*Z*ka:0;$APP.n(Na)?M6(nb[La],ha,cb):(y=$APP.G($APP.l(y,"__xKineticFontRefs")),y=$APP.C(y,$APP.Gk),M6(y,ha,cb));d+=1}else break;return Isa(a,S)}return null},Z6=function(a){if($APP.n($APP.l(a,"__xKineticFontRaf")))return null;$APP.n($APP.l(a,"__xKineticFontAct"))||($APP.Q(a,"__xKineticFontAct",!0),$APP.hj(a,"x-kinetic-font-spring-activate",{}));$APP.bj(a,"__xKineticFontLF",performance.now());return $APP.bj(a,"__xKineticFontRaf",
|
|
11
|
+
requestAnimationFrame(function(){return O6(a)}))},Jsa=function(a){var b=window.scrollY,c=b-function(){var d=$APP.l(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();$APP.Q(a,"__xKineticFontLSY",b);$APP.Q(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));return A6()?null:Z6(a)},Ksa=function(a,b){var c=$APP.Cr.i(b);b={};if($APP.z.j(c,"cursor")||$APP.z.j(c,"both")){var d=function(e){$APP.Q(a,"__xKineticFontMX",e.clientX);$APP.Q(a,"__xKineticFontMY",
|
|
12
|
+
e.clientY);return A6()?null:Z6(a)};b.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.z.j(c,"scroll")||$APP.z.j(c,"both"))c=function(){return Jsa(a)},b.scroll=c,$APP.Q(a,"__xKineticFontLSY",window.scrollY),window.addEventListener("scroll",c,{passive:!0});$APP.Q(a,"__xKineticFontHdl",b)},$6=function(a){var b=$APP.l(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.l(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.l(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",
|
|
13
13
|
b);return $APP.Q(a,"__xKineticFontHdl",null)}return null},b7=function(a,b){var c=$APP.l(a,"__xKineticFontModel");if($APP.I($APP.Zl.i(b),$APP.Zl.i(c))||$APP.I(I6.i(b),I6.i(c)))if($APP.n(I6.i(b))){var d=$APP.Zl.i(b),e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Gk);d=$APP.bf(d);var f=$APP.w(d),h=Array(f),k=Array(f);e.textContent="";for(var m=0;;)if(m<f){var r=$APP.zc(d,m),u=document.createElement("span");$APP.T(u,"part","char");$APP.z.j(r," ")?($APP.T(u,"data-ws",""),u.textContent=" "):u.textContent=
|
|
14
|
-
r;e.appendChild(u);h[m]=u;k[m]=[0,0];m+=1}else break;$APP.Q(a,"__xKineticFontCS",h);$APP.Q(a,"__xKineticFontSpr",k)}else e=$APP.Zl.i(b),d=$APP.G($APP.l(a,"__xKineticFontRefs")),$APP.C(d,$APP.Gk).textContent=e,$APP.Q(a,"__xKineticFontCS",null),$APP.Q(a,"__xKineticFontSpr",[[0,0]]);$APP.I($APP.
|
|
14
|
+
r;e.appendChild(u);h[m]=u;k[m]=[0,0];m+=1}else break;$APP.Q(a,"__xKineticFontCS",h);$APP.Q(a,"__xKineticFontSpr",k)}else e=$APP.Zl.i(b),d=$APP.G($APP.l(a,"__xKineticFontRefs")),$APP.C(d,$APP.Gk).textContent=e,$APP.Q(a,"__xKineticFontCS",null),$APP.Q(a,"__xKineticFontSpr",[[0,0]]);$APP.I($APP.Cr.i(b),$APP.Cr.i(c))&&($6(a),Ksa(a,b));c=$APP.G(b);c=$APP.C(c,J6);e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Gk);$APP.n(c)?e.style.setProperty("font-family",c):e.style.removeProperty("font-family");
|
|
15
15
|
c=getComputedStyle(a);$APP.Q(a,"__xKineticFontCV",$APP.Gg([S6,T6,U6,V6,W6,X6,Y6,R6,Q6],[L6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),L6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),L6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),L6(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),L6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),L6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),L6(c.getPropertyValue("--x-kinetic-font-width-max"),125),L6(c.getPropertyValue("--x-kinetic-font-width-min"),
|
|
16
|
-
75),L6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]));c=$APP.Zl.i(b);e=$APP.G($APP.l(a,"__xKineticFontRefs"));$APP.C(e,a7).textContent=c;$APP.z.j(c,"")?($APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):($APP.U(a,"aria-hidden"),$APP.T(a,"role","text"),$APP.T(a,"aria-label",c));if(!A6())if(c=$APP.l(a,"__xKineticFontCV"),c=z6(0,H6.i(b),$APP.
|
|
17
|
-
0;;)if(f<d)M6(e[f],c,0),f+=1;else break}else e=$APP.G($APP.l(a,"__xKineticFontRefs")),e=$APP.C(e,$APP.Gk),M6(e,c,0);return $APP.Q(a,"__xKineticFontModel",b)},
|
|
16
|
+
75),L6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]));c=$APP.Zl.i(b);e=$APP.G($APP.l(a,"__xKineticFontRefs"));$APP.C(e,a7).textContent=c;$APP.z.j(c,"")?($APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):($APP.U(a,"aria-hidden"),$APP.T(a,"role","text"),$APP.T(a,"aria-label",c));if(!A6())if(c=$APP.l(a,"__xKineticFontCV"),c=z6(0,H6.i(b),$APP.is.i(b),W6.i(c),Q6.i(c),R6.i(c),Y6.i(c),T6.i(c),S6.i(c),V6.i(c),U6.i(c)),$APP.n(I6.i(b))){if(e=$APP.l(a,"__xKineticFontCS"),$APP.n(e))for(d=e.length,f=
|
|
17
|
+
0;;)if(f<d)M6(e[f],c,0),f+=1;else break}else e=$APP.G($APP.l(a,"__xKineticFontRefs")),e=$APP.C(e,$APP.Gk),M6(e,c,0);return $APP.Q(a,"__xKineticFontModel",b)},Lsa=function(a){$APP.pj(a,"text","text","");$APP.pj(a,"mode","mode","bulge");$APP.mj(a,"perChar","per-char");Object.defineProperty(a,"trigger",{get:function(){return w6(this.getAttribute("trigger"))},set:function(b){return b==null?$APP.U(this,"trigger"):$APP.T(this,"trigger",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
18
18
|
"mass",{get:function(){var b=this.getAttribute("mass");return v6(b,1,.1,10)},set:function(b){return b==null?$APP.U(this,"mass"):$APP.T(this,"mass",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return v6(b,170,10,500)},set:function(b){return b==null?$APP.U(this,"tension"):$APP.T(this,"tension",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");
|
|
19
19
|
return v6(b,26,1,100)},set:function(b){return b==null?$APP.U(this,"friction"):$APP.T(this,"friction",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return v6(b,.5,0,1)},set:function(b){return b==null?$APP.U(this,"intensity"):$APP.T(this,"intensity",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return v6(b,200,20,1E3)},set:function(b){return b==
|
|
20
|
-
null?$APP.U(this,"radius"):$APP.T(this,"radius",""+$APP.P.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return y6(this.getAttribute("font-family"))},set:function(b){return b==null?$APP.U(this,"font-family"):$APP.T(this,"font-family",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},
|
|
21
|
-
c.textContent=
|
|
22
|
-
$APP.bj(a,"__xKineticFontRaf",null));return $6(a)},
|
|
20
|
+
null?$APP.U(this,"radius"):$APP.T(this,"radius",""+$APP.P.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return y6(this.getAttribute("font-family"))},set:function(b){return b==null?$APP.U(this,"font-family"):$APP.T(this,"font-family",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},Nsa=function(a){if(!$APP.n($APP.l(a,"__xKineticFontRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span");
|
|
21
|
+
c.textContent=Msa;$APP.T(d,"part","container");$APP.T(e,"class","sr-only");$APP.T(e,"part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xKineticFontRefs",new $APP.M(null,3,[$APP.Fk,b,$APP.Gk,d,a7,e],null))}b=K6(a);$APP.Q(a,"__xKineticFontModel",null);$APP.Q(a,"__xKineticFontMX",0);$APP.Q(a,"__xKineticFontMY",0);$APP.Q(a,"__xKineticFontSD",0);$APP.Q(a,"__xKineticFontAct",!1);return b7(a,b)},Osa=function(a){var b=$APP.l(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),
|
|
22
|
+
$APP.bj(a,"__xKineticFontRaf",null));return $6(a)},Psa=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticFontRefs"))?(b=K6(a),a=$APP.I(b,$APP.l(a,"__xKineticFontModel"))?b7(a,b):null):a=null:a=null;return a},c7=function(){return $APP.zi("x-kinetic-font",new $APP.M(null,5,[$APP.ji,Qsa,$APP.hi,Nsa,$APP.ei,Osa,$APP.di,Psa,$APP.ii,Lsa],null))},C6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),B6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),T6=new $APP.F(null,"slnt-min",
|
|
23
23
|
"slnt-min",71363427),Y6=new $APP.F(null,"wdth-max","wdth-max",-522030121),X6=new $APP.F(null,"skew-max","skew-max",1543858453),R6=new $APP.F(null,"wdth-min","wdth-min",-986627045),D6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),I6=new $APP.F(null,"per-char?","per-char?",-1016397834),V6=new $APP.F(null,"opsz-min","opsz-min",-829837010),a7=new $APP.F(null,"sr-only","sr-only",-173275148),S6=new $APP.F(null,"slnt-max","slnt-max",1716167520),E6=new $APP.F(null,"friction-raw","friction-raw",
|
|
24
|
-
-1078184200),U6=new $APP.F(null,"opsz-max","opsz-max",454458088),W6=new $APP.F(null,"wght-min","wght-min",529224020),P6=new $APP.F(null,"has-lean?","has-lean?",1031959742),H6=new $APP.F(null,"modes","modes",-1377787092),Q6=new $APP.F(null,"wght-max","wght-max",-514604421),F6=new $APP.F(null,"tension-raw","tension-raw",961657279),J6=new $APP.F(null,"font-family","font-family",-667419874),G6=new $APP.F(null,"tension","tension",58343589);var
|
|
25
|
-
$APP.Gg([$APP.
|
|
26
|
-
1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.je(["x-kinetic-font-spring-activate",new $APP.M(null,2,[$APP.V,$APP.ke,$APP.
|
|
27
|
-
var
|
|
24
|
+
-1078184200),U6=new $APP.F(null,"opsz-max","opsz-max",454458088),W6=new $APP.F(null,"wght-min","wght-min",529224020),P6=new $APP.F(null,"has-lean?","has-lean?",1031959742),H6=new $APP.F(null,"modes","modes",-1377787092),Q6=new $APP.F(null,"wght-max","wght-max",-514604421),F6=new $APP.F(null,"tension-raw","tension-raw",961657279),J6=new $APP.F(null,"font-family","font-family",-667419874),G6=new $APP.F(null,"tension","tension",58343589);var Qsa="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
25
|
+
$APP.Gg([$APP.ru,G6,$APP.Sl,new $APP.F(null,"perChar","perChar",2082880685),$APP.Nu,$APP.is,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.Pr,$APP.Cr,$APP.Zl],[new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,
|
|
26
|
+
1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.je(["x-kinetic-font-spring-activate",new $APP.M(null,2,[$APP.V,$APP.ke,$APP.gu,!1],null),"x-kinetic-font-spring-settle",new $APP.M(null,2,[$APP.V,$APP.ke,$APP.gu,!1],null)]);
|
|
27
|
+
var Fsa=new $APP.ch(null,new $APP.M(null,3,["scroll",null,"both",null,"cursor",null],null),null),Gsa=new $APP.ch(null,new $APP.M(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),x6=new $APP.ch(null,new $APP.M(null,1,["bulge",null],null),null);var Msa=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.P.i("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.P.i("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.P.i("--x-kinetic-font-size")+":2rem;"+$APP.P.i("--x-kinetic-font-weight-min")+":100;"+$APP.P.i("--x-kinetic-font-weight-max")+":900;"+$APP.P.i("--x-kinetic-font-width-min")+":75;"+$APP.P.i("--x-kinetic-font-width-max")+":125;"+$APP.P.i("--x-kinetic-font-slant-min")+":-12;"+$APP.P.i("--x-kinetic-font-slant-max")+
|
|
28
28
|
":0;"+$APP.P.i("--x-kinetic-font-opsz-min")+":8;"+$APP.P.i("--x-kinetic-font-opsz-max")+":144;"+$APP.P.i("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.P.i("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.P.i("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.P.i("--x-kinetic-font-size")+",2rem);line-height:1.2;will-change:font-variation-settings,transform;}[part\x3dchar]{display:inline-block;will-change:font-variation-settings,transform;}[part\x3dchar][data-ws]{white-space:pre;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media(prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3dchar]{font-variation-settings:normal!important;will-change:auto;}}";$APP.fa("baredom.exports.x_kinetic_font.init",c7);export const init=c7;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var HW=function(a){this.sb=a;this.F=null;this.A=2153775104;this.I=2048},
|
|
2
|
+
var HW=function(a){this.sb=a;this.F=null;this.A=2153775104;this.I=2048},ska=function(a){return new HW(a.toLowerCase())},tka=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 ska([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),
|
|
3
3
|
a()].join(""))},IW=function(a){return typeof a==="string"&&$APP.I("",a.trim())?a.trim():null},JW=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},KW=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},LW=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),$APP.Q(a,"__xKineticTypographyAnimate",null))},MW=function(a,b,c,d){var e=JW("animate");c=""+$APP.P.i(c)+"s";b=$APP.z.j(b,"reverse")?"reverse":"normal";$APP.T(e,
|
|
4
4
|
"attributeName","startOffset");$APP.T(e,"repeatCount","indefinite");$APP.T(e,"dur",c);d>0&&$APP.T(e,"begin",""+$APP.P.i(d)+"s");switch(a){case "scroll":$APP.T(e,"from",$APP.z.j(b,"reverse")?"100%":"0%");$APP.T(e,"to",$APP.z.j(b,"reverse")?"0%":"100%");break;case "bounce":$APP.T(e,"values",$APP.z.j(b,"reverse")?"100%;0%;100%":"0%;100%;0%");$APP.T(e,"calcMode","spline");$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":$APP.T(e,"values",$APP.z.j(b,"reverse")?"120%;-20%;120%":
|
|
5
|
-
"-20%;120%;-20%"),$APP.T(e,"calcMode","spline"),$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},NW=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;return $APP.Q(a,"__xKineticTypographyEchoEls",[])}return null},hX=function(a){var b=$APP.Gg([$APP.
|
|
6
|
-
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]),c=$APP.G(b),d=$APP.C(c,SW),e=$APP.C(c,TW),f=$APP.C(c,UW),h=$APP.C(c,VW),k=$APP.C(c,$APP.
|
|
7
|
-
A=$APP.C(c,PW),E=$APP.C(c,$APP.
|
|
8
|
-
Hb>0?Hb:1}else Vb=1;if(typeof S==="string"){var rc=parseInt(S.trim(),10);var Qf=typeof rc==="number"&&$APP.p(isNaN(rc))&&rc>0?rc:1}else Qf=1;if(typeof d==="string"){var tg=$APP.hh(d.toLowerCase().trim().split(/\s+/));var ph=$APP.
|
|
9
|
-
"size-gradient"):ph,ug=$APP.ed(mc,"size-gradient")?$APP.
|
|
10
|
-
parseFloat(e.trim());var Jj=typeof vg==="number"&&$APP.p(isNaN(vg))&&vg>0?vg:.3}else Jj=.3;if(typeof m==="string"){var wg=parseFloat(m.trim());var Re=typeof wg==="number"&&$APP.p(isNaN(wg))&&wg>0&&wg<=1?wg:.5}else Re=.5;var nf=$APP.Gg([OW,$APP.
|
|
11
|
-
Tf=$APP.l(a,"__xKineticTypographyPathLine"),Kj=$APP.l(a,"__xKineticTypographyText"),sh=$APP.l(a,"__xKineticTypographyTextPath"),Uk=$APP.l(a,"__xKineticTypographySrOnly"),Vk=$APP.l(a,"__xKineticTypographyCrawlText");if($APP.n(dX.i(nf))){var Uf=$APP.G(nf),Vf=$APP.C(Uf,$APP.Zl),Jd=$APP.C(Uf,$APP.
|
|
12
|
-
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.ed(xg,"color-shift")?$APP.T(a,"data-effect","color-shift"):$APP.U(a,"data-effect")}else{var Wf=$APP.G(nf),tn=$APP.C(Wf,$APP.
|
|
13
|
-
VW),Xk=$APP.C(Qb,$APP.
|
|
5
|
+
"-20%;120%;-20%"),$APP.T(e,"calcMode","spline"),$APP.T(e,"keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},NW=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;return $APP.Q(a,"__xKineticTypographyEchoEls",[])}return null},hX=function(a){var b=$APP.Gg([$APP.Ps,OW,$APP.Sn,PW,$APP.rr,$APP.ss,QW,RW,SW,TW,UW,VW,$APP.gr,bX,$APP.Zl],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),
|
|
6
|
+
a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]),c=$APP.G(b),d=$APP.C(c,SW),e=$APP.C(c,TW),f=$APP.C(c,UW),h=$APP.C(c,VW),k=$APP.C(c,$APP.gr),m=$APP.C(c,bX),r=$APP.C(c,$APP.Zl),u=$APP.C(c,$APP.Ps),x=$APP.C(c,OW),y=$APP.C(c,$APP.Sn),
|
|
7
|
+
A=$APP.C(c,PW),E=$APP.C(c,$APP.rr),H=$APP.C(c,$APP.ss),O=$APP.C(c,QW),S=$APP.C(c,RW),R=typeof r==="string"?r:"",Z=IW(u),ka=typeof H==="string"?H.trim().toLowerCase():null;var ha=$APP.ed(uka,ka)?ka:"wave";var na=$APP.z.j(ha,"crawl"),La=typeof y==="string"?y.trim().toLowerCase():null;var Na=$APP.ed(vka,La)?La:"scroll";var cb=typeof k==="string"?k.trim().toLowerCase():null;var nb=$APP.ed(wka,cb)?cb:"normal";if(typeof E==="string"){var Hb=parseFloat(E.trim());var Vb=typeof Hb==="number"&&$APP.p(isNaN(Hb))&&
|
|
8
|
+
Hb>0?Hb:1}else Vb=1;if(typeof S==="string"){var rc=parseInt(S.trim(),10);var Qf=typeof rc==="number"&&$APP.p(isNaN(rc))&&rc>0?rc:1}else Qf=1;if(typeof d==="string"){var tg=$APP.hh(d.toLowerCase().trim().split(/\s+/));var ph=$APP.nv.j(tg,xka)}else ph=$APP.dh;var qh=IW(O),cd=IW(h);if($APP.z.j(ha,"crawl"))var si=null;else{var Qe=Z!=null;var Rf=Qe?$APP.Ni(Z):Qe;si=$APP.n(Rf)?new $APP.M(null,2,[$APP.Ht,Rf,cX,"0 0 800 200"],null):$APP.C(yka,ha)}var mc=$APP.n($APP.n(qh)?$APP.n(cd)?!na:cd:qh)?$APP.Cd.j(ph,
|
|
9
|
+
"size-gradient"):ph,ug=$APP.ed(mc,"size-gradient")?$APP.Wo.j(mc,"size-pulse"):mc,rn=$APP.ed(ug,"color-wave")?$APP.Wo.j(ug,"color-shift"):ug;if(typeof x==="string"){var Nd=parseFloat(x.trim());var Gj=typeof Nd==="number"&&$APP.p(isNaN(Nd))&&Nd>0&&Nd<=1?Nd:.85}else Gj=.85;var Sk=$APP.Ht.i(si),ti=IW(A),Hj=cX.i(si),Ij=10/$APP.Xo.j(Vb,.01);if(na)var Sf=0;else if(typeof f==="string"){var rh=parseInt(f.trim(),10);Sf=typeof rh==="number"&&$APP.p(isNaN(rh))&&rh>=0&&rh<=5?rh:0}else Sf=0;if(typeof e==="string"){var vg=
|
|
10
|
+
parseFloat(e.trim());var Jj=typeof vg==="number"&&$APP.p(isNaN(vg))&&vg>0?vg:.3}else Jj=.3;if(typeof m==="string"){var wg=parseFloat(m.trim());var Re=typeof wg==="number"&&$APP.p(isNaN(wg))&&wg>0&&wg<=1?wg:.5}else Re=.5;var nf=$APP.Gg([OW,$APP.Dr,$APP.Sn,PW,$APP.rr,cX,$APP.ss,dX,QW,eX,fX,RW,zka,TW,UW,VW,$APP.gr,bX,$APP.Zl],[Gj,Sk,Na,ti,Vb,Hj,ha,na,qh,rn,Ij,Qf,Z!=null,Jj,Sf,cd,nb,Re,R]);if($APP.I(nf,$APP.l(a,"__xKineticTypographyModel"))){var ui=$APP.l(a,"__xKineticTypographySvg"),Tk=$APP.l(a,"__xKineticTypographyPath"),
|
|
11
|
+
Tf=$APP.l(a,"__xKineticTypographyPathLine"),Kj=$APP.l(a,"__xKineticTypographyText"),sh=$APP.l(a,"__xKineticTypographyTextPath"),Uk=$APP.l(a,"__xKineticTypographySrOnly"),Vk=$APP.l(a,"__xKineticTypographyCrawlText");if($APP.n(dX.i(nf))){var Uf=$APP.G(nf),Vf=$APP.C(Uf,$APP.Zl),Jd=$APP.C(Uf,$APP.Sn),sn=$APP.C(Uf,$APP.gr),xg=$APP.C(Uf,eX);$APP.T(a,"data-preset","crawl");Vk.textContent=Vf;LW(a);NW(a);$APP.I(Jd,"none")?$APP.T(a,"data-animation",Jd):$APP.U(a,"data-animation");$APP.z.j(sn,"reverse")?$APP.T(a,
|
|
12
|
+
"data-direction","reverse"):$APP.U(a,"data-direction");$APP.ed(xg,"color-shift")?$APP.T(a,"data-effect","color-shift"):$APP.U(a,"data-effect")}else{var Wf=$APP.G(nf),tn=$APP.C(Wf,$APP.Sn),un=$APP.C(Wf,$APP.gr),vn=$APP.C(Wf,fX);$APP.U(a,"data-preset");$APP.U(a,"data-direction");var th=$APP.G(Wf),Wk=$APP.C(th,cX),vi=$APP.C(th,$APP.Dr);$APP.n(Wk)&&$APP.T(ui,"viewBox",Wk);$APP.n(vi)&&$APP.T(Tk,"d",vi);$APP.n($APP.n(Tf)?vi:Tf)&&$APP.T(Tf,"d",vi);var Qb=$APP.G(Wf),Od=$APP.C(Qb,TW),wi=$APP.C(Qb,UW),yg=$APP.C(Qb,
|
|
13
|
+
VW),Xk=$APP.C(Qb,$APP.gr),wn=$APP.C(Qb,bX),uh=$APP.C(Qb,$APP.Zl),Yk=$APP.C(Qb,OW),Zk=$APP.C(Qb,$APP.Sn),Xf=$APP.C(Qb,QW),zg=$APP.C(Qb,eX),of=$APP.C(Qb,fX),Ag=$APP.C(Qb,RW),Lj=Ag<=1?uh:$APP.ce($APP.P,$APP.xe(1,gX.j(new $APP.Ae(null,-1," · ",null),Ag>0?new $APP.Ae(null,Ag,uh,null):$APP.fc))),$k=$APP.ed(zg,"size-gradient"),xn=$APP.ed(zg,"color-wave"),al=$k?$APP.n(Xf)?$APP.n(yg)?$APP.I(uh,""):yg:Xf:$k;var lq=$APP.n(al)?al:xn&&$APP.I(uh,"");if($APP.n(lq)){sh.textContent="";var bl=$APP.bf(Lj),pf=$APP.w(bl),
|
|
14
14
|
xd=$APP.ed(zg,"size-gradient"),Yf=$APP.ed(zg,"color-wave"),qf=xd?parseFloat(Xf):null,Zf=xd?parseFloat(yg):null;if(xd){var vh=$APP.Ah(/[a-z%]+/,$APP.n(Xf)?Xf:"px");var Bg=$APP.n(vh)?vh:"px"}else Bg=null;for(var xi=Bg,Mj=Yf?pf>0?of/pf:0:null,Nj=$APP.q($APP.xh(0,pf)),Oj=null,Pj=0,cl=0;;)if(cl<Pj){var Cg=Oj.C(null,cl),dl=JW("tspan");$APP.n(xd?$APP.n(qf)?Zf:qf:xd)&&$APP.T(dl,"font-size",""+$APP.P.i(qf+(pf>1?Cg/(pf-1):0)*(Zf-qf))+$APP.P.i(xi));Yf&&(dl.style.cssText="animation:xkt-color-wave "+$APP.P.i(of)+
|
|
15
15
|
"s ease-in-out infinite;animation-delay:"+$APP.P.i(Cg*Mj)+"s;");dl.textContent=$APP.zc(bl,Cg);sh.appendChild(dl);cl+=1}else{var Pu=$APP.q(Nj);if(Pu){var el=Pu;if($APP.$c(el)){var Qu=$APP.Fb(el),SA=$APP.Gb(el),yn=Qu,mq=$APP.w(Qu);Nj=SA;Oj=yn;Pj=mq}else{Cg=$APP.t(el);var Qj=JW("tspan");$APP.n(xd?$APP.n(qf)?Zf:qf:xd)&&$APP.T(Qj,"font-size",""+$APP.P.i(qf+(pf>1?Cg/(pf-1):0)*(Zf-qf))+$APP.P.i(xi));Yf&&(Qj.style.cssText="animation:xkt-color-wave "+$APP.P.i(of)+"s ease-in-out infinite;animation-delay:"+
|
|
16
|
-
$APP.P.i(Cg*Mj)+"s;");Qj.textContent=$APP.zc(bl,Cg);sh.appendChild(Qj);Nj=$APP.v(el);Oj=null;Pj=0}cl=0}else break}}else sh.textContent=Lj;NW(a);if(wi>0){for(var Ru=$APP.l(a,"__xKineticTypographyPathId"),Su=[],zn=$APP.I(Zk,"none")&&$APP.p(KW()),TA=of>0?Od/of*100:5,nq=0;;)if(nq<wi){var An=nq+1,Rj=JW("text"),yi=JW("textPath"),
|
|
17
|
-
$APP.P.i(
|
|
18
|
-
MW(tn,un,vn,0);sh.appendChild(XW);$APP.Q(a,"__xKineticTypographyAnimate",XW)}var YW=$APP.G(Wf),
|
|
19
|
-
($APP.T(a,"role","img"),$APP.T(a,"aria-label",AC));var aX=$APP.Q(a,"__xKineticTypographyModel",nf)}else aX=null;return aX},
|
|
20
|
-
u);$APP.T(k,"part","path-line");$APP.T(m,"part","text");$APP.T(r,"href","#"+$APP.P.i(u));f.appendChild(h);m.appendChild(r);e.appendChild(k);e.appendChild(f);e.appendChild(m);e=new $APP.M(null,6,[$APP.
|
|
16
|
+
$APP.P.i(Cg*Mj)+"s;");Qj.textContent=$APP.zc(bl,Cg);sh.appendChild(Qj);Nj=$APP.v(el);Oj=null;Pj=0}cl=0}else break}}else sh.textContent=Lj;NW(a);if(wi>0){for(var Ru=$APP.l(a,"__xKineticTypographyPathId"),Su=[],zn=$APP.I(Zk,"none")&&$APP.p(KW()),TA=of>0?Od/of*100:5,nq=0;;)if(nq<wi){var An=nq+1,Rj=JW("text"),yi=JW("textPath"),Aka=Math.pow(wn,An),Bka=Math.pow(Yk,An),Cka="-"+$APP.P.i(TA*An)+"%";$APP.T(Rj,"part","text-echo");$APP.T(Rj,"opacity",""+$APP.P.i(Aka));$APP.T(Rj,"font-size","calc(var(--x-kinetic-typography-font-size) * "+
|
|
17
|
+
$APP.P.i(Bka)+")");yi.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.P.i(Ru));$APP.T(yi,"href","#"+$APP.P.i(Ru));$APP.T(yi,"startOffset",Cka);yi.textContent=Lj;if(zn){var Dka=MW(Zk,Xk,of,Od*An);yi.appendChild(Dka)}Rj.appendChild(yi);ui.appendChild(Rj);Su.push({textEl:Rj});nq+=1}else break;$APP.Q(a,"__xKineticTypographyEchoEls",Su)}var Eka=$APP.G(Wf),WW=$APP.C(Eka,PW);$APP.n(WW)?Kj.style.setProperty("font-size",WW):Kj.style.removeProperty("font-size");LW(a);if($APP.I(tn,"none")&&$APP.p(KW())){var XW=
|
|
18
|
+
MW(tn,un,vn,0);sh.appendChild(XW);$APP.Q(a,"__xKineticTypographyAnimate",XW)}var YW=$APP.G(Wf),Fka=$APP.C(YW,eX),ZW=$APP.C(YW,$APP.Sn),$W=$APP.Wo.B(Fka,"size-gradient",$APP.Ec(["color-wave"]));$APP.q($W)?$APP.T(a,"data-effect",$APP.Di(" ",$APP.jd($APP.fd,$W))):$APP.U(a,"data-effect");$APP.I(ZW,"none")?$APP.T(a,"data-animation",ZW):$APP.U(a,"data-animation")}var Gka=$APP.G(nf),AC=$APP.C(Gka,$APP.Zl);Uk.textContent=AC;$APP.z.j(AC,"")?($APP.T(a,"role","presentation"),$APP.T(a,"aria-hidden","true")):
|
|
19
|
+
($APP.T(a,"role","img"),$APP.T(a,"aria-label",AC));var aX=$APP.Q(a,"__xKineticTypographyModel",nf)}else aX=null;return aX},Hka=function(a){if(!$APP.n($APP.l(a,"__xKineticTypographyInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=JW("svg");var f=JW("defs"),h=JW("path"),k=JW("path"),m=JW("text"),r=JW("textPath"),u="xkt-"+$APP.P.i(tka());$APP.T(e,"part","svg");$APP.T(e,"aria-hidden","true");$APP.T(e,"focusable","false");$APP.T(h,"id",
|
|
20
|
+
u);$APP.T(k,"part","path-line");$APP.T(m,"part","text");$APP.T(r,"href","#"+$APP.P.i(u));f.appendChild(h);m.appendChild(r);e.appendChild(k);e.appendChild(f);e.appendChild(m);e=new $APP.M(null,6,[$APP.Xr,e,iX,h,jX,k,$APP.oq,m,kX,r,lX,u],null);f=document.createElement("div");h=document.createElement("div");$APP.T(f,"part","crawl-viewport");$APP.T(h,"part","crawl-text");f.appendChild(h);f=new $APP.M(null,2,[$APP.$q,f,$APP.Zl,h],null);h=document.createElement("span");h.classList.add("sr-only");$APP.T(h,
|
|
21
21
|
"part","sr-only");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-kinetic-typography-color:var(--x-color-text,currentColor);--x-kinetic-typography-font-family:system-ui,sans-serif;--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:400;--x-kinetic-typography-letter-spacing:0;--x-kinetic-typography-opacity:1;--x-kinetic-typography-stroke:none;--x-kinetic-typography-stroke-width:0;--x-kinetic-typography-duration:10s;--x-kinetic-typography-timing:linear;--x-kinetic-typography-color-shift-from:var(--x-color-text,currentColor);--x-kinetic-typography-color-shift-to:var(--x-color-primary,#3b82f6);--x-kinetic-typography-path-stroke:none;--x-kinetic-typography-path-stroke-width:0;--x-kinetic-typography-crawl-perspective:400px;}@media (prefers-color-scheme:dark){:host{--x-kinetic-typography-color:var(--x-color-text,rgba(255,255,255,0.87));}}[part\x3dcontainer]{width:100%;height:100%;position:relative;}[part\x3dsvg]{width:100%;height:100%;overflow:visible;}[part\x3dtext]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);opacity:var(--x-kinetic-typography-opacity);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}[part\x3dtext-echo]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}@keyframes xkt-opacity-wave{0%,100%{opacity:var(--x-kinetic-typography-opacity);}50%{opacity:0.3;}}@keyframes xkt-size-pulse{0%,100%{font-size:var(--x-kinetic-typography-font-size);}50%{font-size:calc(var(--x-kinetic-typography-font-size) * 1.15);}}@keyframes xkt-spacing-breathe{0%,100%{letter-spacing:var(--x-kinetic-typography-letter-spacing);}50%{letter-spacing:0.15em;}}@keyframes xkt-color-shift{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}@keyframes xkt-color-wave{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}:host([data-effect~\x3dopacity-wave]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dsize-pulse]) [part\x3dtext]{animation:xkt-size-pulse var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}[part\x3dpath-line]{fill:none;stroke:var(--x-kinetic-typography-path-stroke);stroke-width:var(--x-kinetic-typography-path-stroke-width);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}[part\x3dcrawl-viewport]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dsvg]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-viewport]{display:block;perspective:var(--x-kinetic-typography-crawl-perspective);height:100%;overflow:hidden;position:relative;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotateX(25deg);transform-origin:50% 100%;text-align:center;font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);color:var(--x-kinetic-typography-color);letter-spacing:var(--x-kinetic-typography-letter-spacing);white-space:pre-line;line-height:1.6;width:80%;}@keyframes xkt-crawl{0%{bottom:-100%;opacity:1;}90%{opacity:1;}100%{bottom:200%;opacity:0;}}:host([data-preset\x3dcrawl][data-animation\x3dscroll]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite;}:host([data-preset\x3dcrawl][data-animation\x3dscroll][data-direction\x3dreverse]) [part\x3dcrawl-text]{animation-direction:reverse;}:host([data-preset\x3dcrawl][data-effect~\x3dcolor-shift]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite,xkt-crawl-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}@keyframes xkt-crawl-color-shift{0%,100%{color:var(--x-kinetic-typography-color-shift-from);}50%{color:var(--x-kinetic-typography-color-shift-to);}}@media (prefers-reduced-motion:reduce){:host([data-effect]) [part\x3dtext]{animation:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{animation:none;}}";
|
|
22
|
-
$APP.T(d,"part","container");d.appendChild($APP.
|
|
23
|
-
lX.i(e));$APP.Q(a,"__xKineticTypographyCrawlViewport",$APP.
|
|
24
|
-
"string"&&$APP.I("",e)?$APP.T(this,b,e):$APP.U(this,b)},enumerable:!0,configurable:!0})},
|
|
25
|
-
""+$APP.P.i(0));mX(a,"echo-delay","echoDelay",""+$APP.P.i(.3));mX(a,"echo-opacity","echoOpacity",""+$APP.P.i(.5));return mX(a,"echo-scale","echoScale",""+$APP.P.i(.85))},nX=function(){return $APP.zi("x-kinetic-typography",new $APP.M(null,5,[$APP.ji,
|
|
22
|
+
$APP.T(d,"part","container");d.appendChild($APP.Xr.i(e));d.appendChild($APP.$q.i(f));d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xKineticTypographyContainer",d);$APP.Q(a,"__xKineticTypographySvg",$APP.Xr.i(e));$APP.Q(a,"__xKineticTypographyPath",iX.i(e));$APP.Q(a,"__xKineticTypographyPathLine",jX.i(e));$APP.Q(a,"__xKineticTypographyText",$APP.oq.i(e));$APP.Q(a,"__xKineticTypographyTextPath",kX.i(e));$APP.Q(a,"__xKineticTypographySrOnly",h);$APP.Q(a,"__xKineticTypographyPathId",
|
|
23
|
+
lX.i(e));$APP.Q(a,"__xKineticTypographyCrawlViewport",$APP.$q.i(f));$APP.Q(a,"__xKineticTypographyCrawlText",$APP.Zl.i(f));$APP.Q(a,"__xKineticTypographyEchoEls",[]);$APP.Q(a,"__xKineticTypographyInit",!0)}return hX(a)},Ika=function(a){LW(a);return NW(a)},Jka=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xKineticTypographyInit"))?hX(a):null:null},mX=function(a,b,c,d){return Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.n(e)?e:d},set:function(e){return typeof e===
|
|
24
|
+
"string"&&$APP.I("",e)?$APP.T(this,b,e):$APP.U(this,b)},enumerable:!0,configurable:!0})},Kka=function(a){mX(a,"text","text","");mX(a,"path","path",null);mX(a,"preset","preset","wave");mX(a,"animation","animation","scroll");mX(a,"speed","speed",""+$APP.P.i(1));mX(a,"direction","direction","normal");mX(a,"effect","effect","none");mX(a,"font-size","fontSize",null);mX(a,"start-size","startSize",null);mX(a,"end-size","endSize",null);mX(a,"repeat","repeat",""+$APP.P.i(1));mX(a,"echo-count","echoCount",
|
|
25
|
+
""+$APP.P.i(0));mX(a,"echo-delay","echoDelay",""+$APP.P.i(.3));mX(a,"echo-opacity","echoOpacity",""+$APP.P.i(.5));return mX(a,"echo-scale","echoScale",""+$APP.P.i(.85))},nX=function(){return $APP.zi("x-kinetic-typography",new $APP.M(null,5,[$APP.ji,Lka,$APP.hi,Hka,$APP.ei,Ika,$APP.di,Jka,$APP.ii,Kka],null))},gX=function gX(a){switch(arguments.length){case 0:return gX.H();case 1:return gX.i(arguments[0]);case 2:return gX.j(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<
|
|
26
26
|
d)c.push(arguments[e]),e+=1;else break;return gX.B(arguments[0],arguments[1],2<c.length?new $APP.cc(c.slice(2),0,null):null)}};gX.H=function(){return $APP.fc};gX.i=function(a){return new $APP.Id(null,function(){return a},null)};gX.j=function(a,b){return new $APP.Id(null,function(){var c=$APP.q(a),d=$APP.q(b);return c&&d?$APP.Fd($APP.t(c),$APP.Fd($APP.t(d),gX.j($APP.gc(c),$APP.gc(d)))):null},null)};
|
|
27
27
|
gX.B=function(a,b,c){return new $APP.Id(null,function(){var d=$APP.ye.j($APP.q,$APP.Cd.B(c,b,$APP.Ec([a])));return $APP.oe($APP.sd,d)?$APP.Be.j($APP.ye.j($APP.t,d),$APP.ce(gX,$APP.ye.j($APP.gc,d))):null},null)};gX.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);c=$APP.v(c);return this.B(b,a,c)};gX.M=2;$APP.g=HW.prototype;$APP.g.Hc=$APP.Xb;$APP.g.toString=function(){return this.sb};$APP.g.U=function(a,b){return(a=b!=null?$APP.Xb===b.Hc?!0:!1:!1)?this.sb===b.sb:a};
|
|
28
28
|
$APP.g.R=function(a,b){return $APP.vb(b,['#uuid "',$APP.wa(this.sb),'"'].join(""))};$APP.g.V=function(){this.F==null&&(this.F=$APP.Yb(this.sb));return this.F};$APP.g.Ja=function(a,b){if(b instanceof HW)return $APP.ma(this.sb,b.sb);throw Error(["Cannot compare ",$APP.wa(this)," to ",$APP.wa(b)].join(""));};
|
|
29
29
|
var bX=new $APP.F(null,"echo-opacity","echo-opacity",-1476699970),iX=new $APP.F(null,"path-el","path-el",-1878744855),QW=new $APP.F(null,"start-size","start-size",-1818812493),dX=new $APP.F(null,"crawl?","crawl?",829918610),lX=new $APP.F(null,"path-id","path-id",-73169688),jX=new $APP.F(null,"path-line","path-line",-2128150773),OW=new $APP.F(null,"echo-scale","echo-scale",1307207648),kX=new $APP.F(null,"text-path","text-path",-1817651346),TW=new $APP.F(null,"echo-delay","echo-delay",845689658),UW=
|
|
30
|
-
new $APP.F(null,"echo-count","echo-count",1053271067),cX=new $APP.F(null,"view-box","view-box",-1792199155),RW=new $APP.F(null,"repeat","repeat",832692087),
|
|
31
|
-
$APP.Gg([$APP.
|
|
30
|
+
new $APP.F(null,"echo-count","echo-count",1053271067),cX=new $APP.F(null,"view-box","view-box",-1792199155),RW=new $APP.F(null,"repeat","repeat",832692087),zka=new $APP.F(null,"custom-path?","custom-path?",-1532616839),SW=new $APP.F(null,"effect","effect",347343289),fX=new $APP.F(null,"duration-s","duration-s",-1976899627),PW=new $APP.F(null,"font-size","font-size",-1847940346),eX=new $APP.F(null,"effects","effects",-282369292),VW=new $APP.F(null,"end-size","end-size",761612093);var Lka="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
31
|
+
$APP.Gg([$APP.Ps,new $APP.F(null,"startSize","startSize",-1750632892),$APP.Sn,$APP.rr,new $APP.F(null,"echoCount","echoCount",-1194377974),new $APP.F(null,"echoScale","echoScale",1536204716),new $APP.F(null,"echoOpacity","echoOpacity",-1325258611),$APP.ss,RW,new $APP.F(null,"fontSize","fontSize",919623033),SW,new $APP.F(null,"echoDelay","echoDelay",-1807132900),new $APP.F(null,"endSize","endSize",674490141),$APP.gr,$APP.Zl],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"path"],null),new $APP.M(null,2,
|
|
32
32
|
[$APP.N,$APP.X,$APP.W,"start-size"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"animation"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"speed"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-count"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-scale"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-opacity"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"preset"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"repeat"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"font-size"],
|
|
33
33
|
null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"effect"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"echo-delay"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"end-size"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"direction"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"text"],null)]);
|
|
34
|
-
var
|
|
35
|
-
null],null),null),
|
|
36
|
-
null),"spiral",new $APP.M(null,2,[$APP.
|
|
34
|
+
var uka=new $APP.ch(null,new $APP.M(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),vka=new $APP.ch(null,new $APP.M(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),wka=new $APP.ch(null,new $APP.M(null,2,["reverse",null,"normal",null],null),null),xka=new $APP.ch(null,new $APP.M(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",
|
|
35
|
+
null],null),null),yka=new $APP.M(null,7,["wave",new $APP.M(null,2,[$APP.Ht,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",cX,"0 0 800 200"],null),"circle",new $APP.M(null,2,[$APP.Ht,"M125,10 A115,115 0 1,1 124.99,10",cX,"0 0 250 250"],null),"arc",new $APP.M(null,2,[$APP.Ht,"M50,350 Q400,10 750,350",cX,"0 0 800 400"],null),"infinity",new $APP.M(null,2,[$APP.Ht,"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",cX,"0 0 400 400"],
|
|
36
|
+
null),"spiral",new $APP.M(null,2,[$APP.Ht,"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",cX,"0 0 500 500"],null),"sine",new $APP.M(null,2,[$APP.Ht,"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",cX,"0 0 800 200"],null),"line",new $APP.M(null,2,[$APP.Ht,"M0,50 L800,50",cX,"0 0 800 100"],null)],null);$APP.fa("baredom.exports.x_kinetic_typography.init",nX);export const init=nX;
|