@vanelsas/baredom 3.1.0 → 3.4.0

package/dist/x-image.js

@@ -1,18 +1,18 @@
 import { $APP, shadow$provide } from "./base.js";
-var Dea=function(a){if(a==null)return new $APP.N(null,2,[$APP.fn,null,$APP.ok,!0],null);if(typeof a!=="string")return new $APP.N(null,2,[$APP.fn,null,$APP.ok,!1],null);a=a.trim().toLowerCase();if($APP.y.j(a,"")||$APP.y.j(a,"auto"))return new $APP.N(null,2,[$APP.fn,null,$APP.ok,!0],null);var b=$APP.Lg(Cea,a);return $APP.n(b)?(a=parseFloat($APP.vc(b,1)),b=parseFloat($APP.vc(b,2)),a>0&&b>0?new $APP.N(null,2,[$APP.fn,""+$APP.P.i(a)+" / "+$APP.P.i(b),$APP.ok,!0],null):new $APP.N(null,2,[$APP.fn,null,$APP.ok,
-!1],null)):new $APP.N(null,2,[$APP.fn,null,$APP.ok,!1],null)},DX=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"),q=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;}}";
-$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(q,"part","error-glyph");$APP.T(q,"aria-hidden","true");q.textContent="⚠";$APP.T(u,"part","error-text");u.textContent="Image unavailable";m.appendChild(q);m.appendChild(u);k.appendChild(m);h.appendChild(k);
-d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xImageRefs",new $APP.N(null,6,[$APP.Kj,b,BX,d,Eea,e,$APP.Lo,f,CX,h,Fea,k],null));return $APP.l(a,"__xImageRefs")},EX=function(a,b){$APP.R(a,"__xImageState",b);$APP.T(a,"data-state",b)},OX=function(a){var b=new $APP.N(null,8,[$APP.Gr,a.getAttribute("src"),$APP.hs,a.getAttribute("alt"),FX,a.hasAttribute("alt"),GX,a.hasAttribute("decorative"),HX,a.getAttribute("ratio"),IX,a.getAttribute("fit"),$APP.tp,a.getAttribute("position"),
-$APP.Yr,a.getAttribute("loading")],null);var c=$APP.H(b),d=$APP.C(c,$APP.Gr),e=$APP.C(c,$APP.hs),f=$APP.C(c,FX),h=$APP.C(c,GX),k=$APP.C(c,HX),m=$APP.C(c,IX);b=$APP.C(c,$APP.tp);var q=$APP.C(c,$APP.Yr);h=$APP.E(h);k=Dea(k);c=$APP.H(k);k=$APP.C(c,$APP.fn);c=$APP.C(c,$APP.ok);var u=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.$c(Gea,m)?m:"cover"):m="cover";typeof d==="string"?(d=$APP.ai(d),d=typeof d==="string"&&$APP.I("",d)?d:null):d=null;typeof q===
-"string"?(q=q.trim().toLowerCase(),q=$APP.$c(Hea,q)?q:"lazy"):q="lazy";typeof b==="string"?(b=b.trim(),b=$APP.y.j(b,"")?"center":b):b="center";b=$APP.Yf([$APP.vn,JX,$APP.Xp,KX,$APP.Ik,LX,MX,$APP.Bs,NX],[e,m,d,h,q,c,u,b,k]);if($APP.I($APP.l(a,"__xImageModel"),b)){h=DX(a);h=$APP.H(h);u=$APP.C(h,BX);c=$APP.C(h,$APP.Lo);k=$APP.C(h,CX);h=$APP.l(a,"__xImageModel");d=$APP.H(b);q=$APP.C(d,NX);d=$APP.C(d,LX);u.style.aspectRatio=$APP.n(q)?q:"";$APP.n(d)||$APP.n($APP.l(a,"__xImageWarnedRatio"))||($APP.R(a,"__xImageWarnedRatio",
-!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.H(b);u=$APP.C(d,JX);q=$APP.C(d,$APP.Bs);d=$APP.C(d,$APP.Ik);c.style.objectFit=u;c.style.objectPosition=q;c.loading=d;c.decoding="async";d=$APP.H(b);u=$APP.C(d,KX);q=$APP.C(d,$APP.vn);d=$APP.C(d,MX);$APP.n(u)?(c.alt="",$APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):(c.alt=q,$APP.U(a,"aria-hidden"),$APP.T(a,"role","img"),$APP.n(d)&&!$APP.n($APP.l(a,"__xImageWarnedAlt"))&&($APP.R(a,"__xImageWarnedAlt",!0),
-console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));u=$APP.H(b);c=$APP.C(u,KX);u=$APP.C(u,$APP.vn);$APP.T(k,"aria-label",$APP.p(c)&&$APP.I("",u)?u:"Image failed to load");k=$APP.H(b);k=$APP.C(k,$APP.Xp);if(h==null||$APP.I($APP.n(h)?$APP.Xp.i(h):null,k))h=$APP.H($APP.l(a,"__xImageRefs")),h=$APP.C(h,$APP.Lo),$APP.I($APP.l(a,"__xImageCurrentSrc"),k)&&($APP.R(a,"__xImageCurrentSrc",k),typeof k==="string"&&$APP.I("",k)?(EX(a,"loading"),$APP.T(h,"src",k)):
-($APP.U(h,"src"),EX(a,"loading")));a=$APP.R(a,"__xImageModel",b)}else a=null;return a},Iea=function(a){function b(){a:{var e=$APP.H($APP.l(a,"__xImageRefs"));var f=$APP.C(e,$APP.Lo);e=$APP.l(a,"__xImageCurrentSrc");if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)&&(f=f.getAttribute("src"),$APP.y.j(f,e))){EX(a,"error");e=$APP.pi(a,"x-image-error",$APP.Xm(new $APP.N(null,1,[$APP.Xp,$APP.n(e)?e:""],null)));break a}e=null}return e}function c(){a:{var e=$APP.H($APP.l(a,"__xImageRefs"));var f=$APP.C(e,
-$APP.Lo);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.y.j(h,e)){EX(a,"loaded");h=f.naturalWidth;f=f.naturalHeight;e=$APP.pi(a,"x-image-load",$APP.Xm(new $APP.N(null,3,[$APP.Xp,$APP.n(e)?e:"",PX,$APP.n(h)?h:0,QX,$APP.n(f)?f:0],null)));break a}}e=null}return e}var d=DX(a);d=$APP.H(d);d=$APP.C(d,$APP.Lo);d.addEventListener("load",c);d.addEventListener("error",b);$APP.R(a,"__xImageHandlers",new $APP.N(null,2,[RX,c,$APP.On,
-b],null))},SX=function(a){var b=$APP.l(a,"__xImageHandlers"),c=$APP.l(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.Lo.i(c);var d=RX.i(b);b=$APP.On.i(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}return $APP.R(a,"__xImageHandlers",null)},TX=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.y.j(d,"")?$APP.U(this,c):$APP.T(this,c,""+$APP.P.i(d))},enumerable:!0,
-configurable:!0})},Jea=function(a){TX(a,"src","src");TX(a,"alt","alt");TX(a,"ratio","ratio");TX(a,"fit","fit");TX(a,"position","position");TX(a,"loading","loading");$APP.ui(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.l(this,"__xImageRefs");return $APP.n(b)?$APP.Lo.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.Lo.i(b).naturalHeight:
-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})},Kea=function(a){DX(a);SX(a);Iea(a);$APP.l(a,"__xImageState")==null&&EX(a,"loading");return OX(a)},Lea=function(a){return SX(a)},Mea=function(a,b,c,d){return $APP.I(c,d)?OX(a):null},UX=function(){return $APP.Kh("x-image",new $APP.N(null,5,[$APP.Bh,Nea,$APP.zh,Kea,$APP.qh,Lea,$APP.ph,Mea,$APP.Ah,Jea],null))},BX=new $APP.F(null,
-"frame","frame",-1711082588),IX=new $APP.F(null,"fit-raw","fit-raw",792829585),KX=new $APP.F(null,"decorative?","decorative?",131461581),CX=new $APP.F(null,"error-box","error-box",1060106676),NX=new $APP.F(null,"ratio-css","ratio-css",1208951932),Eea=new $APP.F(null,"shimmer","shimmer",2123148747),Fea=new $APP.F(null,"error-slot","error-slot",493821239),HX=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),MX=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),RX=new $APP.F(null,"load","load",-1318641184),
-GX=new $APP.F(null,"decorative-present?","decorative-present?",2067744841),JX=new $APP.F(null,"fit","fit",869444807),FX=new $APP.F(null,"alt-present?","alt-present?",-707038767),PX=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),QX=new $APP.F(null,"naturalHeight","naturalHeight",227028566),LX=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var Nea="src alt decorative ratio fit position loading".split(" ");
-$APP.Yf([$APP.vn,JX,$APP.Xp,$APP.Br,new $APP.F(null,"decorative","decorative",-238973678),$APP.Ik,$APP.Ko,QX,PX,$APP.Bs],[new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.Bi,!0],null),new $APP.N(null,1,[$APP.O,$APP.Ci],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,2,[$APP.O,$APP.Z,$APP.Bi,!0],null),new $APP.N(null,2,[$APP.O,$APP.Z,$APP.Bi,
-!0],null),new $APP.N(null,1,[$APP.O,$APP.Y],null)]);$APP.be(["x-image-load",new $APP.N(null,2,[$APP.V,new $APP.N(null,3,[$APP.Xp,$APP.Y,PX,$APP.Z,QX,$APP.Z],null),$APP.Mr,!1],null),"x-image-error",new $APP.N(null,2,[$APP.V,new $APP.N(null,1,[$APP.Xp,$APP.Y],null),$APP.Mr,!1],null)]);var Gea=new $APP.rg(null,new $APP.N(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),Hea=new $APP.rg(null,new $APP.N(null,2,["eager",null,"lazy",null],null),null),Cea=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.fa("baredom.exports.x_image.init",UX);export const init=UX;
+var sja=function(a){if(a==null)return new $APP.M(null,2,[$APP.pp,null,$APP.xl,!0],null);if(typeof a!=="string")return new $APP.M(null,2,[$APP.pp,null,$APP.xl,!1],null);a=a.trim().toLowerCase();if($APP.z.j(a,"")||$APP.z.j(a,"auto"))return new $APP.M(null,2,[$APP.pp,null,$APP.xl,!0],null);var b=$APP.xh(rja,a);return $APP.n(b)?(a=parseFloat($APP.xc(b,1)),b=parseFloat($APP.xc(b,2)),a>0&&b>0?new $APP.M(null,2,[$APP.pp,""+$APP.P.i(a)+" / "+$APP.P.i(b),$APP.xl,!0],null):new $APP.M(null,2,[$APP.pp,null,$APP.xl,
+!1],null)):new $APP.M(null,2,[$APP.pp,null,$APP.xl,!1],null)},NW=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"),t=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;}}";
+$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(t,"part","error-text");t.textContent="Image unavailable";m.appendChild(r);m.appendChild(t);k.appendChild(m);h.appendChild(k);
+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.cl,b,LW,d,tja,e,$APP.ar,f,MW,h,uja,k],null));return $APP.l(a,"__xImageRefs")},OW=function(a,b){$APP.Q(a,"__xImageState",b);$APP.T(a,"data-state",b)},YW=function(a){var b=new $APP.M(null,8,[$APP.Jt,a.getAttribute("src"),$APP.lu,a.getAttribute("alt"),PW,a.hasAttribute("alt"),QW,a.hasAttribute("decorative"),RW,a.getAttribute("ratio"),SW,a.getAttribute("fit"),$APP.ur,a.getAttribute("position"),
+$APP.bu,a.getAttribute("loading")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Jt),e=$APP.C(c,$APP.lu),f=$APP.C(c,PW),h=$APP.C(c,QW),k=$APP.C(c,RW),m=$APP.C(c,SW);b=$APP.C(c,$APP.ur);var r=$APP.C(c,$APP.bu);h=$APP.D(h);k=sja(k);c=$APP.G(k);k=$APP.C(c,$APP.pp);c=$APP.C(c,$APP.xl);var t=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.cd(vja,m)?m:"cover"):m="cover";typeof d==="string"?(d=$APP.Oi(d),d=typeof d==="string"&&$APP.I("",d)?d:null):d=null;typeof r===
+"string"?(r=r.trim().toLowerCase(),r=$APP.cd(wja,r)?r:"lazy"):r="lazy";typeof b==="string"?(b=b.trim(),b=$APP.z.j(b,"")?"center":b):b="center";b=$APP.Eg([$APP.Fp,TW,$APP.as,UW,$APP.Km,VW,WW,$APP.Gu,XW],[e,m,d,h,r,c,t,b,k]);if($APP.I($APP.l(a,"__xImageModel"),b)){h=NW(a);h=$APP.G(h);t=$APP.C(h,LW);c=$APP.C(h,$APP.ar);k=$APP.C(h,MW);h=$APP.l(a,"__xImageModel");d=$APP.G(b);r=$APP.C(d,XW);d=$APP.C(d,VW);t.style.aspectRatio=$APP.n(r)?r:"";$APP.n(d)||$APP.n($APP.l(a,"__xImageWarnedRatio"))||($APP.Q(a,"__xImageWarnedRatio",
+!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);t=$APP.C(d,TW);r=$APP.C(d,$APP.Gu);d=$APP.C(d,$APP.Km);c.style.objectFit=t;c.style.objectPosition=r;c.loading=d;c.decoding="async";d=$APP.G(b);t=$APP.C(d,UW);r=$APP.C(d,$APP.Fp);d=$APP.C(d,WW);$APP.n(t)?(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),
+console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));t=$APP.G(b);c=$APP.C(t,UW);t=$APP.C(t,$APP.Fp);$APP.T(k,"aria-label",$APP.p(c)&&$APP.I("",t)?t:"Image failed to load");k=$APP.G(b);k=$APP.C(k,$APP.as);if(h==null||$APP.I($APP.n(h)?$APP.as.i(h):null,k))h=$APP.G($APP.l(a,"__xImageRefs")),h=$APP.C(h,$APP.ar),$APP.I($APP.l(a,"__xImageCurrentSrc"),k)&&($APP.Q(a,"__xImageCurrentSrc",k),typeof k==="string"&&$APP.I("",k)?(OW(a,"loading"),$APP.T(h,"src",k)):
+($APP.U(h,"src"),OW(a,"loading")));a=$APP.Q(a,"__xImageModel",b)}else a=null;return a},xja=function(a){function b(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,$APP.ar);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))){OW(a,"error");e=$APP.dj(a,"x-image-error",$APP.qm(new $APP.M(null,1,[$APP.as,$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,
+$APP.ar);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)){OW(a,"loaded");h=f.naturalWidth;f=f.naturalHeight;e=$APP.dj(a,"x-image-load",$APP.qm(new $APP.M(null,3,[$APP.as,$APP.n(e)?e:"",ZW,$APP.n(h)?h:0,$W,$APP.n(f)?f:0],null)));break a}}e=null}return e}var d=NW(a);d=$APP.G(d);d=$APP.C(d,$APP.ar);d.addEventListener("load",c);d.addEventListener("error",b);$APP.Q(a,"__xImageHandlers",new $APP.M(null,2,[aX,c,$APP.uj,
+b],null))},bX=function(a){var b=$APP.l(a,"__xImageHandlers"),c=$APP.l(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.ar.i(c);var d=aX.i(b);b=$APP.uj.i(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}return $APP.Q(a,"__xImageHandlers",null)},cX=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,
+configurable:!0})},yja=function(a){cX(a,"src","src");cX(a,"alt","alt");cX(a,"ratio","ratio");cX(a,"fit","fit");cX(a,"position","position");cX(a,"loading","loading");$APP.ij(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.l(this,"__xImageRefs");return $APP.n(b)?$APP.ar.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.ar.i(b).naturalHeight:
+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})},zja=function(a){NW(a);bX(a);xja(a);$APP.l(a,"__xImageState")==null&&OW(a,"loading");return YW(a)},Aja=function(a){return bX(a)},Bja=function(a,b,c,d){return $APP.I(c,d)?YW(a):null},dX=function(){return $APP.xi("x-image",new $APP.M(null,5,[$APP.hi,Cja,$APP.fi,zja,$APP.ci,Aja,$APP.bi,Bja,$APP.gi,yja],null))},LW=new $APP.F(null,
+"frame","frame",-1711082588),SW=new $APP.F(null,"fit-raw","fit-raw",792829585),UW=new $APP.F(null,"decorative?","decorative?",131461581),MW=new $APP.F(null,"error-box","error-box",1060106676),XW=new $APP.F(null,"ratio-css","ratio-css",1208951932),tja=new $APP.F(null,"shimmer","shimmer",2123148747),uja=new $APP.F(null,"error-slot","error-slot",493821239),RW=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),WW=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),aX=new $APP.F(null,"load","load",-1318641184),
+QW=new $APP.F(null,"decorative-present?","decorative-present?",2067744841),TW=new $APP.F(null,"fit","fit",869444807),PW=new $APP.F(null,"alt-present?","alt-present?",-707038767),ZW=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),$W=new $APP.F(null,"naturalHeight","naturalHeight",227028566),VW=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var Cja="src alt decorative ratio fit position loading".split(" ");
+$APP.Eg([$APP.Fp,TW,$APP.as,$APP.Dt,new $APP.F(null,"decorative","decorative",-238973678),$APP.Km,$APP.$q,$W,ZW,$APP.Gu],[new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.pj,!0],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.pj,!0],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.pj,
+!0],null),new $APP.M(null,1,[$APP.O,$APP.X],null)]);$APP.he(["x-image-load",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.as,$APP.X,ZW,$APP.Z,$W,$APP.Z],null),$APP.Pt,!1],null),"x-image-error",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.as,$APP.X],null),$APP.Pt,!1],null)]);var vja=new $APP.ah(null,new $APP.M(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),wja=new $APP.ah(null,new $APP.M(null,2,["eager",null,"lazy",null],null),null),rja=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.fa("baredom.exports.x_image.init",dX);export const init=dX;

package/dist/x-kbd.js

@@ -1,17 +1,17 @@
 import { $APP, shadow$provide } from "./base.js";
-var S2=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},tja=function(a){return typeof a==="string"&&$APP.y.j(1,a.length)?a:"+"},uja=function(a,b){return typeof a==="string"&&$APP.I("",a.trim())?$APP.Oe($APP.ve(function(c){return $APP.y.j("",c)},$APP.oe.j(function(c){return c.trim()},a.split(b)))):$APP.we},vja=function(a,b){return typeof b==="string"&&$APP.I("",b.trim())?b.trim():$APP.r(a)?$APP.Oh(" plus ",$APP.oe.j(T2,a)):""},yja=function(a){var b=$APP.H(a),
-c=$APP.C(b,U2),d=$APP.C(b,$APP.co);a=$APP.C(b,$APP.Al);var e=$APP.C(b,V2);b=$APP.C(b,$APP.Vi);d=tja(d);var f=function(){var h=S2(W2,"auto",e);return $APP.$c(X2,h)?h:"linux"}();c=uja(c,d);c=$APP.xe(function(h){h=h.trim();var k=$APP.C(wja,new $APP.K(null,2,5,$APP.M,[f,h.toLowerCase()],null));return $APP.n(k)?k:new $APP.N(null,2,[$APP.nr,h,T2,h],null)},c);return new $APP.N(null,6,[Y2,c,$APP.Fq,d,$APP.Ok,S2(xja,"md",a),Z2,f,$APP.bj,vja(c,b),$2,$APP.Pc(c)],null)},a3=function(a){var b=$APP.l(a,"__xKbdDetectedPlatform");
-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.R(a,"__xKbdDetectedPlatform",b);return b},b3=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"),
+var R1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.cd(a,c)?c:b},coa=function(a){return typeof a==="string"&&$APP.z.j(1,a.length)?a:"+"},doa=function(a,b){return typeof a==="string"&&$APP.I("",a.trim())?$APP.$e($APP.De(function(c){return $APP.z.j("",c)},$APP.we.j(function(c){return c.trim()},a.split(b)))):$APP.Ee},eoa=function(a,b){return typeof b==="string"&&$APP.I("",b.trim())?b.trim():$APP.q(a)?$APP.Bi(" plus ",$APP.we.j(S1,a)):""},hoa=function(a){var b=$APP.G(a),
+c=$APP.C(b,T1),d=$APP.C(b,$APP.rq);a=$APP.C(b,$APP.Hn);var e=$APP.C(b,U1);b=$APP.C(b,$APP.Wj);d=coa(d);var f=function(){var h=R1(V1,"auto",e);return $APP.cd(W1,h)?h:"linux"}();c=doa(c,d);c=$APP.Fe(function(h){h=h.trim();var k=$APP.C(foa,new $APP.J(null,2,5,$APP.K,[f,h.toLowerCase()],null));return $APP.n(k)?k:new $APP.M(null,2,[$APP.ot,h,S1,h],null)},c);return new $APP.M(null,6,[X1,c,$APP.Is,d,$APP.Qm,R1(goa,"md",a),Y1,f,$APP.ek,eoa(c,b),Z1,$APP.Rc(c)],null)},$1=function(a){var b=$APP.l(a,"__xKbdDetectedPlatform");
+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},a2=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"),
 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);}";
-$APP.T(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.R(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},c3=function(a){var b=a3(a);var c=a.getAttribute("platform");c=S2(W2,"auto",c);b=$APP.$c(X2,c)?c:$APP.$c(X2,b)?b:"linux";b=yja(new $APP.N(null,5,[U2,a.getAttribute("keys"),$APP.co,a.getAttribute("separator"),$APP.Al,a.getAttribute("size"),V2,b,$APP.Vi,a.getAttribute("label")],null));if($APP.I($APP.l(a,"__xKbdModel"),b)){b=$APP.H(b);var d=$APP.C(b,$APP.Ok),e=$APP.C(b,$APP.bj);c=
-b3(a);c=$APP.l(c,"base");$APP.T(a,"data-size",d);$APP.y.j("",e)?$APP.U(a,"aria-label"):$APP.T(a,"aria-label",e);var f=$APP.H(b);d=$APP.C(f,Y2);e=$APP.C(f,$APP.Fq);for(f=$APP.C(f,$2);;)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.vc(d,h);if(h>0){var m=c,q=m.appendChild,u=e,x=document.createElement("span");
-$APP.T(x,"part","separator");x.textContent=u;q.call(m,x)}m=c;q=m.appendChild;k=$APP.nr.i(k);u=document.createElement("kbd");$APP.T(u,"part","key");u.textContent=k;q.call(m,u);h+=1}else break}a=$APP.R(a,"__xKbdModel",b)}else a=null;return a},Aja=function(a){return $APP.Ei(a,zja)},Bja=function(a){b3(a);a3(a);return c3(a)},Cja=function(a,b,c,d){return $APP.I(c,d)?c3(a):null},d3=function(){return $APP.Kh("x-kbd",new $APP.N(null,4,[$APP.Bh,Dja,$APP.zh,Bja,$APP.ph,Cja,$APP.Ah,Aja],null))},Y2=new $APP.F(null,
-"tokens","tokens",-818939304),T2=new $APP.F(null,"aria","aria",1737868339),$2=new $APP.F(null,"slot-mode?","slot-mode?",324788923),Z2=new $APP.F(null,"platform","platform",-1086422114),V2=new $APP.F(null,"platform-raw","platform-raw",-907433809),U2=new $APP.F(null,"keys-raw","keys-raw",-232964036),Eja=new $APP.F(null,"keys","keys",1068423698);var Dja=["keys","separator","size","platform","label"],xja=new $APP.rg(null,new $APP.N(null,3,["md",null,"lg",null,"sm",null],null),null),W2=new $APP.rg(null,new $APP.N(null,4,["mac",null,"linux",null,"win",null,"auto",null],null),null),X2=new $APP.rg(null,new $APP.N(null,3,["mac",null,"linux",null,"win",null],null),null),wja=$APP.Yf([new $APP.K(null,2,5,$APP.M,["win","super"],null),new $APP.K(null,2,5,$APP.M,["mac","alt"],null),new $APP.K(null,2,5,$APP.M,["mac","option"],null),new $APP.K(null,2,
-5,$APP.M,["linux","meta"],null),new $APP.K(null,2,5,$APP.M,["win","return"],null),new $APP.K(null,2,5,$APP.M,["mac","shift"],null),new $APP.K(null,2,5,$APP.M,["mac","ctrl"],null),new $APP.K(null,2,5,$APP.M,["mac","cmd"],null),new $APP.K(null,2,5,$APP.M,["win","meta"],null),new $APP.K(null,2,5,$APP.M,["win","cmd"],null),new $APP.K(null,2,5,$APP.M,["linux","super"],null),new $APP.K(null,2,5,$APP.M,["win","shift"],null),new $APP.K(null,2,5,$APP.M,["linux","shift"],null),new $APP.K(null,2,5,$APP.M,["mac",
-"control"],null),new $APP.K(null,2,5,$APP.M,["linux","enter"],null),new $APP.K(null,2,5,$APP.M,["linux","return"],null),new $APP.K(null,2,5,$APP.M,["linux","command"],null),new $APP.K(null,2,5,$APP.M,["mac","command"],null),new $APP.K(null,2,5,$APP.M,["win","ctrl"],null),new $APP.K(null,2,5,$APP.M,["mac","super"],null),new $APP.K(null,2,5,$APP.M,["mac","meta"],null),new $APP.K(null,2,5,$APP.M,["mac","mod"],null),new $APP.K(null,2,5,$APP.M,["linux","cmd"],null),new $APP.K(null,2,5,$APP.M,["linux",
-"ctrl"],null),new $APP.K(null,2,5,$APP.M,["mac","enter"],null),new $APP.K(null,2,5,$APP.M,["linux","mod"],null),new $APP.K(null,2,5,$APP.M,["win","mod"],null),new $APP.K(null,2,5,$APP.M,["win","enter"],null),new $APP.K(null,2,5,$APP.M,["win","control"],null),new $APP.K(null,2,5,$APP.M,["win","option"],null),new $APP.K(null,2,5,$APP.M,["linux","control"],null),new $APP.K(null,2,5,$APP.M,["linux","alt"],null),new $APP.K(null,2,5,$APP.M,["win","alt"],null),new $APP.K(null,2,5,$APP.M,["mac","return"],
-null),new $APP.K(null,2,5,$APP.M,["win","command"],null),new $APP.K(null,2,5,$APP.M,["linux","option"],null)],[new $APP.N(null,2,[$APP.nr,"Win",T2,"Windows"],null),new $APP.N(null,2,[$APP.nr,"⌥",T2,"Option"],null),new $APP.N(null,2,[$APP.nr,"⌥",T2,"Option"],null),new $APP.N(null,2,[$APP.nr,"Super",T2,"Super"],null),new $APP.N(null,2,[$APP.nr,"Enter",T2,"Enter"],null),new $APP.N(null,2,[$APP.nr,"⇧",T2,"Shift"],null),new $APP.N(null,2,[$APP.nr,"⌃",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"⌘",
-T2,"Command"],null),new $APP.N(null,2,[$APP.nr,"Win",T2,"Windows"],null),new $APP.N(null,2,[$APP.nr,"Win",T2,"Windows"],null),new $APP.N(null,2,[$APP.nr,"Super",T2,"Super"],null),new $APP.N(null,2,[$APP.nr,"Shift",T2,"Shift"],null),new $APP.N(null,2,[$APP.nr,"Shift",T2,"Shift"],null),new $APP.N(null,2,[$APP.nr,"⌃",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"Enter",T2,"Enter"],null),new $APP.N(null,2,[$APP.nr,"Enter",T2,"Enter"],null),new $APP.N(null,2,[$APP.nr,"Super",T2,"Super"],null),new $APP.N(null,
-2,[$APP.nr,"⌘",T2,"Command"],null),new $APP.N(null,2,[$APP.nr,"Ctrl",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"⌘",T2,"Command"],null),new $APP.N(null,2,[$APP.nr,"⌘",T2,"Command"],null),new $APP.N(null,2,[$APP.nr,"⌘",T2,"Command"],null),new $APP.N(null,2,[$APP.nr,"Super",T2,"Super"],null),new $APP.N(null,2,[$APP.nr,"Ctrl",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"Return",T2,"Return"],null),new $APP.N(null,2,[$APP.nr,"Ctrl",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"Ctrl",T2,"Control"],
-null),new $APP.N(null,2,[$APP.nr,"Enter",T2,"Enter"],null),new $APP.N(null,2,[$APP.nr,"Ctrl",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"Alt",T2,"Alt"],null),new $APP.N(null,2,[$APP.nr,"Ctrl",T2,"Control"],null),new $APP.N(null,2,[$APP.nr,"Alt",T2,"Alt"],null),new $APP.N(null,2,[$APP.nr,"Alt",T2,"Alt"],null),new $APP.N(null,2,[$APP.nr,"Return",T2,"Return"],null),new $APP.N(null,2,[$APP.nr,"Win",T2,"Windows"],null),new $APP.N(null,2,[$APP.nr,"Alt",T2,"Alt"],null)]),zja=new $APP.N(null,5,[Eja,new $APP.N(null,
-3,[$APP.O,$APP.Y,$APP.W,"keys",$APP.Di,""],null),$APP.Fq,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"separator",$APP.Di,"+"],null),$APP.Ok,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"size",$APP.Di,"md"],null),Z2,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"platform",$APP.Di,"auto"],null),$APP.bj,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"label",$APP.Di,""],null)],null);$APP.fa("baredom.exports.x_kbd.init",d3);export const init=d3;
+$APP.T(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},b2=function(a){var b=$1(a);var c=a.getAttribute("platform");c=R1(V1,"auto",c);b=$APP.cd(W1,c)?c:$APP.cd(W1,b)?b:"linux";b=hoa(new $APP.M(null,5,[T1,a.getAttribute("keys"),$APP.rq,a.getAttribute("separator"),$APP.Hn,a.getAttribute("size"),U1,b,$APP.Wj,a.getAttribute("label")],null));if($APP.I($APP.l(a,"__xKbdModel"),b)){b=$APP.G(b);var d=$APP.C(b,$APP.Qm),e=$APP.C(b,$APP.ek);c=
+a2(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,X1);e=$APP.C(f,$APP.Is);for(f=$APP.C(f,Z1);;)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.xc(d,h);if(h>0){var m=c,r=m.appendChild,t=e,x=document.createElement("span");
+$APP.T(x,"part","separator");x.textContent=t;r.call(m,x)}m=c;r=m.appendChild;k=$APP.ot.i(k);t=document.createElement("kbd");$APP.T(t,"part","key");t.textContent=k;r.call(m,t);h+=1}else break}a=$APP.Q(a,"__xKbdModel",b)}else a=null;return a},joa=function(a){return $APP.sj(a,ioa)},koa=function(a){a2(a);$1(a);return b2(a)},loa=function(a,b,c,d){return $APP.I(c,d)?b2(a):null},c2=function(){return $APP.xi("x-kbd",new $APP.M(null,4,[$APP.hi,moa,$APP.fi,koa,$APP.bi,loa,$APP.gi,joa],null))},X1=new $APP.F(null,
+"tokens","tokens",-818939304),S1=new $APP.F(null,"aria","aria",1737868339),Z1=new $APP.F(null,"slot-mode?","slot-mode?",324788923),Y1=new $APP.F(null,"platform","platform",-1086422114),U1=new $APP.F(null,"platform-raw","platform-raw",-907433809),T1=new $APP.F(null,"keys-raw","keys-raw",-232964036),noa=new $APP.F(null,"keys","keys",1068423698);var moa=["keys","separator","size","platform","label"],goa=new $APP.ah(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),V1=new $APP.ah(null,new $APP.M(null,4,["mac",null,"linux",null,"win",null,"auto",null],null),null),W1=new $APP.ah(null,new $APP.M(null,3,["mac",null,"linux",null,"win",null],null),null),foa=$APP.Eg([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,
+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",
+"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",
+"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"],
+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.ot,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.ot,"⌥",S1,"Option"],null),new $APP.M(null,2,[$APP.ot,"⌥",S1,"Option"],null),new $APP.M(null,2,[$APP.ot,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.ot,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.ot,"⇧",S1,"Shift"],null),new $APP.M(null,2,[$APP.ot,"⌃",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"⌘",
+S1,"Command"],null),new $APP.M(null,2,[$APP.ot,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.ot,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.ot,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.ot,"Shift",S1,"Shift"],null),new $APP.M(null,2,[$APP.ot,"Shift",S1,"Shift"],null),new $APP.M(null,2,[$APP.ot,"⌃",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.ot,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.ot,"Super",S1,"Super"],null),new $APP.M(null,
+2,[$APP.ot,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.ot,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.ot,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.ot,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.ot,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.ot,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.ot,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"Ctrl",S1,"Control"],
+null),new $APP.M(null,2,[$APP.ot,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.ot,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.ot,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.ot,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.ot,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.ot,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.ot,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.ot,"Alt",S1,"Alt"],null)]),ioa=new $APP.M(null,5,[noa,new $APP.M(null,
+3,[$APP.O,$APP.X,$APP.W,"keys",$APP.rj,""],null),$APP.Is,new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"separator",$APP.rj,"+"],null),$APP.Qm,new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"size",$APP.rj,"md"],null),Y1,new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"platform",$APP.rj,"auto"],null),$APP.ek,new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"label",$APP.rj,""],null)],null);$APP.fa("baredom.exports.x_kbd.init",c2);export const init=c2;

package/dist/x-kinetic-canvas.js

@@ -1,27 +1,27 @@
 import { $APP, shadow$provide } from "./base.js";
-var ZA=function(a,b,c,d,e){c=b.length;for(d=0;;)if(d<c){var f=b[d],h=e[f.ci],k=f.op,m=f.x,q=f.y;f=f.r;a.globalAlpha=k;a.fillStyle=h;a.beginPath();a.arc(m,q,f,0,6.283185307179586);a.fill();a.globalAlpha=k*.3;a.fillStyle="rgba(255,255,255,0.5)";a.beginPath();a.arc(m-f*.25,q-f*.25,f*.3,0,6.283185307179586);a.fill();d+=1}else break;return a.globalAlpha=1},$A=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
-aB=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,k=0;;)if(k<h){var m=b[k],q=m.x,u=m.y,x=m.ch,z=m.ln;m=m.cs;a.font=""+$APP.P.i(m)+"px monospace";a.textBaseline="top";for(var A=z,D=0;;)if(D<A){var G=u-(z-1-D)*m,J=(D+1)/z,S=J*J;G>-m&&G<d+m&&(a.globalAlpha=Math.min(1,S),a.fillStyle=$APP.y.j(D,z-1)?c:J>.5?f:e,a.fillText(x[D],q,G));D+=1}else break;k+=1}else break;return a.globalAlpha=1},bB=function(a){return $APP.E($APP.l(a,"__xKineticCanvasReduced"))},jB=function(a){a=new $APP.N(null,
-6,[$APP.In,a.getAttribute("type"),$APP.Xq,a.getAttribute("variant"),$APP.Gq,a.getAttribute("speed"),$APP.Co,a.getAttribute("density"),cB,a.getAttribute("fullscreen"),dB,a.getAttribute("paused")],null);var b=$APP.H(a),c=$APP.C(b,$APP.In),d=$APP.C(b,$APP.Xq),e=$APP.C(b,$APP.Gq),f=$APP.C(b,$APP.Co);a=$APP.C(b,cB);b=$APP.C(b,dB);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.$c(eB,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.$c(fB,d)?
-d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(gB,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(hB,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.N(null,6,[$APP.O,c,$APP.Nk,d,$APP.Po,e,$APP.Uq,f,iB,a!=null,$APP.Qn,b!=null],null)},kB=function(a){$APP.R(a,"__xKineticCanvasCol",null)},
-nB=function(a,b){var c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.O.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.y.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.y.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(lB,e);a:{var k=$APP.Uq.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*k*m,50),500));break a;
-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.Nk.i(b);h=mB.i(h);c=h.da?h.da(c,d,e,b,f):h.call(null,c,d,e,b,f);$APP.R(a,"__xKineticCanvasEnt",c)}},pB=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.H($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.cn);if($APP.n($APP.n(c)?
-$APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.l(a,"__xKineticCanvasCol");if($APP.n(h))var k=h[0];else{var m=window.getComputedStyle(a),q=m.getPropertyValue("--x-kinetic-canvas-bg").trim();h=m.getPropertyValue("--x-kinetic-canvas-color-1").trim();k=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();q=$APP.y.j(q,"")?"#f0f0f5":q;h=[q,$APP.y.j(h,"")?"#1a1a2e":h,$APP.y.j(k,"")?"#2563eb":k,$APP.y.j(m,"")?"#7c3aed":m];$APP.R(a,
-"__xKineticCanvasCol",h);k=q}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.O.i(b);b=$APP.C(lB,b);f.clearRect(0,0,c,d);k!=null&&$APP.I(k,"transparent")&&(f.fillStyle=k,f.fillRect(0,0,c,d));if(bB(a))return a=$APP.yp.i(b),a.da?a.da(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=oB.i(b);return b.ua?b.ua(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},rB=function(a){if($APP.n($APP.l(a,"__xKineticCanvasRaf")))return null;$APP.ji(a,"__xKineticCanvasLastFrame",
-performance.now());return $APP.ji(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return qB(a)}))},sB=function(a){var b=$APP.l(a,"__xKineticCanvasRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.ji(a,"__xKineticCanvasRaf",null)):null},tB=function(a){function b(d){d=d.matches;$APP.R(a,"__xKineticCanvasReduced",d);kB(a);$APP.n(d)?(sB(a),d=pB(a)):(d=$APP.l(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.Qn.i($APP.l(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?rB(a):null);return d}var c=window.matchMedia("(prefers-reduced-motion:reduce)");
-$APP.R(a,"__xKineticCanvasReduced",c.matches);c.addEventListener("change",b);$APP.R(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;$APP.R(a,"__xKineticCanvasVis",d);var e=$APP.l(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.Qn.i(e),d=$APP.n($APP.n(d)?d:bB(a))?null:rB(a)):d=sB(a);return d},{threshold:[0]});c.observe(a);$APP.R(a,"__xKineticCanvasIO",c);c=new ResizeObserver(function(d){a:{if(d.length>0){var e=d[0].contentRect;d=e.width;e=e.height;
-if(d>0&&e>0){$APP.R(a,"__xKineticCanvasW",d);$APP.R(a,"__xKineticCanvasH",e);var f=$APP.H($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.Kr);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);kB(a);nB(a,$APP.l(a,"__xKineticCanvasModel"));d=$APP.Qn.i($APP.l(a,"__xKineticCanvasModel"));d=$APP.n($APP.n(d)?d:bB(a))?pB(a):rB(a);break a}}d=null}return d});c.observe(a);return $APP.R(a,"__xKineticCanvasRO",c)},vB=function(a){var b=jB(a);
-$APP.R(a,"__xKineticCanvasModel",b);$APP.ji(a,"__xKineticCanvasTime",0);$APP.R(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=uB;d.className="kc-canvas-wrap";$APP.T(e,"aria-hidden","true");d.appendChild(e);f.className="kc-content";f.appendChild(h);b.appendChild(c);
-b.appendChild(d);b.appendChild(f);$APP.R(a,"__xKineticCanvasRefs",new $APP.N(null,3,[$APP.Kj,b,$APP.Kr,e,$APP.cn,e.getContext("2d")],null))}return tB(a)},wB=function(a){sB(a);var b=$APP.l(a,"__xKineticCanvasMQL");$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),$APP.R(a,"__xKineticCanvasMQL",null));b=$APP.l(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),$APP.R(a,"__xKineticCanvasIO",null));b=$APP.l(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),$APP.R(a,"__xKineticCanvasRO",null));
-return $APP.R(a,"__xKineticCanvasVis",!1)},xB=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticCanvasRefs"))?(b=jB(a),c=$APP.l(a,"__xKineticCanvasModel"),$APP.I(c,b)?(kB(a),(c==null||$APP.I($APP.O.i(b),$APP.O.i(c))||$APP.I($APP.Uq.i(b),$APP.Uq.i(c))||$APP.I($APP.Nk.i(b),$APP.Nk.i(c)))&&nB(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.Qn.i(b),$APP.n($APP.n(c)?c:bB(a))?(sB(a),pB(a)):(pB(a),rB(a))),a=$APP.R(a,"__xKineticCanvasModel",
-b)):a=null):a=null:a=null;return a},zB=function(a){return $APP.Ei(a,yB)},BB=function(){return $APP.Kh("x-kinetic-canvas",new $APP.N(null,5,[$APP.Bh,AB,$APP.zh,vB,$APP.qh,wB,$APP.ph,xB,$APP.Ah,zB],null))},mB=new $APP.F(null,"create","create",-1301499256),CB=new $APP.F(null,"update","update",1045576396),iB=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),dB=new $APP.F(null,"paused-attr","paused-attr",2104502840),cB=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),oB=new $APP.F(null,
-"draw","draw",1358331674);var AB="type variant speed density fullscreen paused".split(" "),yB=new $APP.N(null,6,[$APP.O,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"type"],null),$APP.Nk,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"variant"],null),$APP.Po,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"speed"],null),$APP.Uq,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"fullscreen"],null),$APP.lq,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,
-"paused"],null)],null),eB=new $APP.rg(null,new $APP.N(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),fB=new $APP.rg(null,new $APP.N(null,2,["twinkle",null,"motion",null],null),null),gB=new $APP.N(null,3,["slow",.3,"medium",1,"fast",2.5],null),hB=new $APP.N(null,3,["low",.5,"medium",1,"high",2],null);var DB=function DB(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return DB.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.$b(c.slice(4),0,null):null)};DB.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};DB.M=4;
-DB.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 EB=function EB(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return EB.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.$b(c.slice(4),0,null):null)};EB.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.qd(e,3);d.push(f);e+=1}else break;return d};EB.M=4;
-EB.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 lB=$APP.be(["starfield",new $APP.N(null,4,[mB,DB,CB,function(a,b,c,d,e,f){switch(f){case "twinkle":a:{d=2*c*b;e=a.length;for(b=0;;)if(b<e)c=a[b],c.ph+=d,b+=1;else{a=null;break a}a=void 0}return a;default:a:{b*=30*c;c=d*.5;f=e*.5;for(var h=a.length,k=0;;)if(k<h){var m=a[k],q=m.z,u=m.x,x=m.y;q*=b*q;u+=(u-c)*q*.02;x+=(x-f)*q*.02;m.x=u;m.y=x;if(u<-10||u>d+10||x<-10||x>e+10)m.x=c+(Math.random()-.5)*40,m.y=f+(Math.random()-.5)*40,m.z=.1+Math.random()*.9,m.br=.3+Math.random()*.7;k+=1}else{a=null;break a}a=
-void 0}return a}},oB,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var k=b[h],m=k.z,q=k.sz*m,u=$APP.qd(h,3)===0?e:c;a.globalAlpha=Math.min(1,k.br*(.5+.5*Math.sin(f*2+k.ph))*m);a.fillStyle=u;a.beginPath();a.arc(k.x,k.y,Math.max(.5,q),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},$APP.yp,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);
-a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.N(null,4,[mB,EB,CB,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var k=a[h],m=k.r,q=k.x+k.vx*c,u=k.y+k.vy*c,x=k.vx+(Math.random()-.5)*2*b;k.x=q;k.y=u;k.vx=Math.abs(x)>30?Math.sign(x)*30:x;u<0-m-10&&(k.y=e+m+10,k.x=Math.random()*d,k.r=8+Math.random()*40,k.op=.4+Math.random()*.5);q<0-m&&(k.x=d+m);q>d+m&&(k.x=0-m);h+=1}else return null},oB,ZA,$APP.yp,function(a,b,c,d,e){return ZA(a,b,c,d,e,0)}],null),"matrix",new $APP.N(null,
-4,[mB,function(a,b,c,d,e){d=$APP.n(e)?e:14;e=[];for(var f=Math.ceil(b/d),h=0;;)if(h<c){for(var k=5+Math.floor(Math.random()*(f-5)),m=[],q=k,u=0;;)if(u<q)m.push($A()),u+=1;else break;q={};q.x=a/c*h;q.y=(Math.random()-.5)*b*2;q.sp=40+Math.random()*120;q.ln=k;q.ch=m;q.ct=Math.random()*.2;q.cs=d;e.push(q);h+=1}else break;return e},CB,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=
-h.ch,h[Math.floor(Math.random()*h.length)]=$A());f+=1}else return null},oB,aB,$APP.yp,function(a,b,c,d,e){return aB(a,b,c,d,e,0)}],null)]),uB=":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")+
+var XC=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},YC=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
+ZC=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,t=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=t-(y-1-E)*m,N=(E+1)/y,S=N*N;H>-m&&H<d+m&&(a.globalAlpha=Math.min(1,S),a.fillStyle=$APP.z.j(E,y-1)?c:N>.5?f:e,a.fillText(x[E],r,H));E+=1}else break;k+=1}else break;return a.globalAlpha=1},$C=function(a){return $APP.D($APP.l(a,"__xKineticCanvasReduced"))},hD=function(a){a=new $APP.M(null,
+6,[$APP.Sp,a.getAttribute("type"),$APP.$s,a.getAttribute("variant"),$APP.Js,a.getAttribute("speed"),$APP.Sq,a.getAttribute("density"),aD,a.getAttribute("fullscreen"),bD,a.getAttribute("paused")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Sp),d=$APP.C(b,$APP.$s),e=$APP.C(b,$APP.Js),f=$APP.C(b,$APP.Sq);a=$APP.C(b,aD);b=$APP.C(b,bD);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.cd(cD,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.cd(dD,d)?
+d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(eD,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(fD,f),$APP.n(h)?f=h:(f=parseFloat(f),h=isNaN(f),f=$APP.n($APP.n(h)?h:f<=0)?1:Math.min(5,f))):f=1;return new $APP.M(null,6,[$APP.O,c,$APP.Pm,d,$APP.fr,e,$APP.Xs,f,gD,a!=null,$APP.$p,b!=null],null)},iD=function(a){$APP.Q(a,"__xKineticCanvasCol",null)},
+lD=function(a,b){var c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.O.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.z.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.z.j(f,""))f=14;else{f=parseInt(f,10);var h=isNaN(f);f=$APP.n($APP.n(h)?h:f<=0)?14:f}}else f=null;h=$APP.C(jD,e);a:{var k=$APP.Xs.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*k*m,50),500));break a;
+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.Pm.i(b);h=kD.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)}},nD=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.mp);if($APP.n($APP.n(c)?
+$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,
+"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.O.i(b);b=$APP.C(jD,b);f.clearRect(0,0,c,d);k!=null&&$APP.I(k,"transparent")&&(f.fillStyle=k,f.fillRect(0,0,c,d));if($C(a))return a=$APP.Ar.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=mD.i(b);return b.va?b.va(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},pD=function(a){if($APP.n($APP.l(a,"__xKineticCanvasRaf")))return null;$APP.Yi(a,"__xKineticCanvasLastFrame",
+performance.now());return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return oD(a)}))},qD=function(a){var b=$APP.l(a,"__xKineticCanvasRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.Yi(a,"__xKineticCanvasRaf",null)):null},rD=function(a){function b(d){d=d.matches;$APP.Q(a,"__xKineticCanvasReduced",d);iD(a);$APP.n(d)?(qD(a),d=nD(a)):(d=$APP.l(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.$p.i($APP.l(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?pD(a):null);return d}var c=window.matchMedia("(prefers-reduced-motion:reduce)");
+$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.$p.i(e),d=$APP.n($APP.n(d)?d:$C(a))?null:pD(a)):d=qD(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;
+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.Nt);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);iD(a);lD(a,$APP.l(a,"__xKineticCanvasModel"));d=$APP.$p.i($APP.l(a,"__xKineticCanvasModel"));d=$APP.n($APP.n(d)?d:$C(a))?nD(a):pD(a);break a}}d=null}return d});c.observe(a);return $APP.Q(a,"__xKineticCanvasRO",c)},tD=function(a){var b=hD(a);
+$APP.Q(a,"__xKineticCanvasModel",b);$APP.Yi(a,"__xKineticCanvasTime",0);$APP.Q(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.l(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=sD;d.className="kc-canvas-wrap";$APP.T(e,"aria-hidden","true");d.appendChild(e);f.className="kc-content";f.appendChild(h);b.appendChild(c);
+b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.cl,b,$APP.Nt,e,$APP.mp,e.getContext("2d")],null))}return rD(a)},uD=function(a){qD(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));
+return $APP.Q(a,"__xKineticCanvasVis",!1)},vD=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticCanvasRefs"))?(b=hD(a),c=$APP.l(a,"__xKineticCanvasModel"),$APP.I(c,b)?(iD(a),(c==null||$APP.I($APP.O.i(b),$APP.O.i(c))||$APP.I($APP.Xs.i(b),$APP.Xs.i(c))||$APP.I($APP.Pm.i(b),$APP.Pm.i(c)))&&lD(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.$p.i(b),$APP.n($APP.n(c)?c:$C(a))?(qD(a),nD(a)):(nD(a),pD(a))),a=$APP.Q(a,"__xKineticCanvasModel",
+b)):a=null):a=null:a=null;return a},xD=function(a){return $APP.sj(a,wD)},zD=function(){return $APP.xi("x-kinetic-canvas",new $APP.M(null,5,[$APP.hi,yD,$APP.fi,tD,$APP.ci,uD,$APP.bi,vD,$APP.gi,xD],null))},kD=new $APP.F(null,"create","create",-1301499256),AD=new $APP.F(null,"update","update",1045576396),gD=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),bD=new $APP.F(null,"paused-attr","paused-attr",2104502840),aD=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),mD=new $APP.F(null,
+"draw","draw",1358331674);var yD="type variant speed density fullscreen paused".split(" "),wD=new $APP.M(null,6,[$APP.O,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"type"],null),$APP.Pm,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"variant"],null),$APP.fr,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"speed"],null),$APP.Xs,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"fullscreen"],null),$APP.ps,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,
+"paused"],null)],null),cD=new $APP.ah(null,new $APP.M(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),dD=new $APP.ah(null,new $APP.M(null,2,["twinkle",null,"motion",null],null),null),eD=new $APP.M(null,3,["slow",.3,"medium",1,"fast",2.5],null),fD=new $APP.M(null,3,["low",.5,"medium",1,"high",2],null);var BD=function BD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return BD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.ac(c.slice(4),0,null):null)};BD.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};BD.M=4;
+BD.K=function(a){var b=$APP.u(a),c=$APP.v(a);a=$APP.u(c);var d=$APP.v(c);c=$APP.u(d);var e=$APP.v(d);d=$APP.u(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var CD=function CD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return CD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.ac(c.slice(4),0,null):null)};CD.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.r=8+Math.random()*40;f.vx=(Math.random()-.5)*20;f.vy=-(10+Math.random()*30);f.op=.4+Math.random()*.5;f.ci=$APP.sd(e,3);d.push(f);e+=1}else break;return d};CD.M=4;
+CD.K=function(a){var b=$APP.u(a),c=$APP.v(a);a=$APP.u(c);var d=$APP.v(c);c=$APP.u(d);var e=$APP.v(d);d=$APP.u(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var jD=$APP.he(["starfield",new $APP.M(null,4,[kD,BD,AD,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,t=m.x,x=m.y;r*=b*r;t+=(t-c)*r*.02;x+=(x-f)*r*.02;m.x=t;m.y=x;if(t<-10||t>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=
+void 0}return a}},mD,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,t=$APP.sd(h,3)===0?e:c;a.globalAlpha=Math.min(1,k.br*(.5+.5*Math.sin(f*2+k.ph))*m);a.fillStyle=t;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.Ar,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);
+a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[kD,CD,AD,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,t=k.y+k.vy*c,x=k.vx+(Math.random()-.5)*2*b;k.x=r;k.y=t;k.vx=Math.abs(x)>30?Math.sign(x)*30:x;t<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},mD,XC,$APP.Ar,function(a,b,c,d,e){return XC(a,b,c,d,e,0)}],null),"matrix",new $APP.M(null,
+4,[kD,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,t=0;;)if(t<r)m.push(YC()),t+=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},AD,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=
+h.ch,h[Math.floor(Math.random()*h.length)]=YC());f+=1}else return null},mD,ZC,$APP.Ar,function(a,b,c,d,e){return ZC(a,b,c,d,e,0)}],null)]),sD=":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")+
 ":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;}",
-qB=function qB(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var q=$APP.Qn.i($APP.l(a,"__xKineticCanvasModel"));return $APP.n(q)?q:bB(a)}()))return $APP.ji(a,"__xKineticCanvasRaf",null);var c=$APP.l(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.O.i(c),h=$APP.C(lB,f);f=$APP.l(a,"__xKineticCanvasEnt");var k=$APP.l(a,"__xKineticCanvasW"),m=$APP.l(a,"__xKineticCanvasH");$APP.ji(a,"__xKineticCanvasLastFrame",d);$APP.ji(a,
-"__xKineticCanvasTime",function(){var q=$APP.l(a,"__xKineticCanvasTime");return $APP.n(q)?q:0}()+e);$APP.n(f)&&(d=$APP.Po.i(c),c=$APP.Nk.i(c),h=CB.i(h),h.ua?h.ua(f,e,d,k,m,c):h.call(null,f,e,d,k,m,c));pB(a);return $APP.ji(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return qB.i?qB.i(a):qB.call(null,a)}))};$APP.fa("baredom.exports.x_kinetic_canvas.init",BB);export const init=BB;
+oD=function oD(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var r=$APP.$p.i($APP.l(a,"__xKineticCanvasModel"));return $APP.n(r)?r:$C(a)}()))return $APP.Yi(a,"__xKineticCanvasRaf",null);var c=$APP.l(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.O.i(c),h=$APP.C(jD,f);f=$APP.l(a,"__xKineticCanvasEnt");var k=$APP.l(a,"__xKineticCanvasW"),m=$APP.l(a,"__xKineticCanvasH");$APP.Yi(a,"__xKineticCanvasLastFrame",d);$APP.Yi(a,
+"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.fr.i(c),c=$APP.Pm.i(c),h=AD.i(h),h.va?h.va(f,e,d,k,m,c):h.call(null,f,e,d,k,m,c));nD(a);return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return oD.i?oD.i(a):oD.call(null,a)}))};$APP.fa("baredom.exports.x_kinetic_canvas.init",zD);export const init=zD;

package/dist/x-kinetic-font.js

@@ -1,28 +1,28 @@
 import { $APP, shadow$provide } from "./base.js";
-var F6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.y.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},G6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.$c(cma,a)?a:"cursor"},ema=function(a){return typeof a==="string"?(a=$APP.tf.m($APP.sg,$APP.te(function(b){return $APP.$c(dma,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Pc(a)?H6:a):H6},I6=function(a){return typeof a==="string"?(a=a.trim(),$APP.y.j(a,"")?null:
-a):null},J6=function(a,b,c,d,e,f,h,k,m,q,u){a*=c;d=$APP.$c(b,"bulge")?d+a*(e-d):d;f=$APP.$c(b,"stretch")?f+a*(h-f):f;k=$APP.$c(b,"lean")?m+a*(k-m):m;b=$APP.$c(b,"breathe")?q+a*(u-q):q;return[d,f,k,b]},K6=function(){return $APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},U6=function(a){a=$APP.Yf([$APP.Oo,$APP.bq,L6,M6,N6,$APP.an,$APP.$q,O6,$APP.Ro,P6],[a.getAttribute("mass"),a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),
-a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.H(a);a=$APP.C(b,$APP.Ro);var c=$APP.C(b,P6),d=$APP.C(b,$APP.Oo),e=$APP.C(b,$APP.bq),f=$APP.C(b,M6),h=$APP.C(b,L6),k=$APP.C(b,N6),m=$APP.C(b,$APP.an),q=$APP.C(b,$APP.$q);b=$APP.C(b,O6);return $APP.Yf([$APP.Vr,Q6,R6,$APP.qs,$APP.Tp,S6,$APP.Ap,$APP.op,T6,$APP.cr],[F6(d,1,.1,10),F6(c,170,10,500),ema(q),F6(a,200,20,1E3),F6(e,.5,0,1),f!=null,F6(b,26,1,100),G6(h),I6(k),
-typeof m==="string"?m:""])},V6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.y.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},W6=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.P.i(b[0].toFixed(1))+", 'wdth' "+$APP.P.i(b[1].toFixed(1))+", 'slnt' "+$APP.P.i(b[2].toFixed(1))+", 'opsz' "+$APP.P.i(b[3].toFixed(1));d.call(a,"font-variation-settings",b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.P.i(c.toFixed(1))+"deg)")},
-X6=function(a,b,c,d){b-=a.left+.5*a.width;a=c-(a.top+.5*a.height);a=Math.sqrt(b*b+a*a);a>=d?d=0:(d=1-a/d,d*=d);return d},fma=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.ji(a,"__xKineticFontRaf",null),$APP.R(a,"__xKineticFontSD",0),$APP.n($APP.l(a,"__xKineticFontAct"))?($APP.R(a,"__xKineticFontAct",!1),$APP.pi(a,"x-kinetic-font-spring-settle",{})):null):$APP.ji(a,"__xKineticFontRaf",
-requestAnimationFrame(function(){return Y6.i?Y6.i(a):Y6.call(null,a)}))},Y6=function(a){if($APP.n(a.isConnected)){var b=$APP.l(a,"__xKineticFontModel"),c=$APP.l(a,"__xKineticFontCV"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticFontLF"),100)/1E3,f=$APP.Vr.i(b),h=Q6.i(b),k=$APP.Ap.i(b),m=$APP.Tp.i(b),q=$APP.qs.i(b),u=$APP.op.i(b);b=R6.i(b);c=$APP.Vk.B(c,R6,b,$APP.Ac([$APP.Tp,m,Z6,$APP.$c(b,"lean")]));m=$APP.l(a,"__xKineticFontMX");b=$APP.l(a,"__xKineticFontMY");var x=$APP.l(a,"__xKineticFontSD");
-var z=$APP.n(x)?x:0;x=Math.min(1,Math.abs(z)/100);var A=$APP.l(a,"__xKineticFontSpr"),D=$APP.l(a,"__xKineticFontCS"),G=D!=null,J=A.length,S=[!0];$APP.ji(a,"__xKineticFontLF",d);$APP.R(a,"__xKineticFontSD",z*.85);for(d=0;;)if(d<J){z=A[d];var Q=a,X=D,ja=d,ka=G,na=u,Ga=m,Ia=b,$a=q;var nb=x;var Gb=$APP.y.j(na,"cursor")||$APP.y.j(na,"both");$APP.n($APP.n(ka)?Gb:ka)?(Q=X[ja].getBoundingClientRect(),Ga=X6(Q,Ga,Ia,$a),nb=Math.max(Ga,nb)):$APP.n($APP.n(ka)?$APP.y.j(na,"scroll"):ka)||($APP.p(ka)&&Gb?(Q=$APP.H($APP.l(Q,
-"__xKineticFontRefs")),Q=$APP.C(Q,$APP.Lj).getBoundingClientRect(),Ga=X6(Q,Ga,Ia,$a),nb=Math.max(Ga,nb)):nb=$APP.y.j(na,"scroll")?nb:0);Ga=z[0];Ia=z[1];Ia+=(h*(nb-Ga)-k*Ia)/f*e;Ga=[Ga+Ia*e,Ia];Ia=Ga[1];z[0]=Ga[0];z[1]=Ia;z=Ga;$a=z[0];Math.abs($a-nb)<.001&&Math.abs(z[1])<.01||(S[0]=!1);z=a;nb=D;Ga=d;Ia=G;var Rb=$APP.H(c);ka=$APP.C(Rb,$6);na=$APP.C(Rb,a7);Q=$APP.C(Rb,Z6);Gb=$APP.C(Rb,b7);var pc=$APP.C(Rb,c7),xg=$APP.C(Rb,d7),Fi=$APP.C(Rb,R6),Gi=$APP.C(Rb,e7);X=$APP.C(Rb,$APP.Tp);var Hi=$APP.C(Rb,f7);
-ja=$APP.C(Rb,g7);Rb=$APP.C(Rb,h7);ka=J6($a,Fi,X,Hi,ka,na,Rb,pc,Gb,Gi,xg);$a=$APP.n(Q)?$a*X*ja:0;$APP.n(Ia)?W6(nb[Ga],ka,$a):(z=$APP.H($APP.l(z,"__xKineticFontRefs")),z=$APP.C(z,$APP.Lj),W6(z,ka,$a));d+=1}else break;return fma(a,S)}return null},i7=function(a){if($APP.n($APP.l(a,"__xKineticFontRaf")))return null;$APP.n($APP.l(a,"__xKineticFontAct"))||($APP.R(a,"__xKineticFontAct",!0),$APP.pi(a,"x-kinetic-font-spring-activate",{}));$APP.ji(a,"__xKineticFontLF",performance.now());return $APP.ji(a,"__xKineticFontRaf",
-requestAnimationFrame(function(){return Y6(a)}))},gma=function(a){var b=window.scrollY,c=b-function(){var d=$APP.l(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();$APP.R(a,"__xKineticFontLSY",b);$APP.R(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));return K6()?null:i7(a)},hma=function(a,b){var c=$APP.op.i(b);b={};if($APP.y.j(c,"cursor")||$APP.y.j(c,"both")){var d=function(e){$APP.R(a,"__xKineticFontMX",e.clientX);$APP.R(a,"__xKineticFontMY",
-e.clientY);return K6()?null:i7(a)};b.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.y.j(c,"scroll")||$APP.y.j(c,"both"))c=function(){return gma(a)},b.scroll=c,$APP.R(a,"__xKineticFontLSY",window.scrollY),window.addEventListener("scroll",c,{passive:!0});$APP.R(a,"__xKineticFontHdl",b)},j7=function(a){var b=$APP.l(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.l(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.l(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",
-b);return $APP.R(a,"__xKineticFontHdl",null)}return null},l7=function(a,b){var c=$APP.l(a,"__xKineticFontModel");if($APP.I($APP.cr.i(b),$APP.cr.i(c))||$APP.I(S6.i(b),S6.i(c)))if($APP.n(S6.i(b))){var d=$APP.cr.i(b),e=$APP.H($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Lj);d=$APP.Oe(d);var f=$APP.w(d),h=Array(f),k=Array(f);e.textContent="";for(var m=0;;)if(m<f){var q=$APP.vc(d,m),u=document.createElement("span");$APP.T(u,"part","char");$APP.y.j(q," ")?($APP.T(u,"data-ws",""),u.textContent=" "):u.textContent=
-q;e.appendChild(u);h[m]=u;k[m]=[0,0];m+=1}else break;$APP.R(a,"__xKineticFontCS",h);$APP.R(a,"__xKineticFontSpr",k)}else e=$APP.cr.i(b),d=$APP.H($APP.l(a,"__xKineticFontRefs")),$APP.C(d,$APP.Lj).textContent=e,$APP.R(a,"__xKineticFontCS",null),$APP.R(a,"__xKineticFontSpr",[[0,0]]);$APP.I($APP.op.i(b),$APP.op.i(c))&&(j7(a),hma(a,b));c=$APP.H(b);c=$APP.C(c,T6);e=$APP.H($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Lj);$APP.n(c)?e.style.setProperty("font-family",c):e.style.removeProperty("font-family");
-c=getComputedStyle(a);$APP.R(a,"__xKineticFontCV",$APP.Yf([b7,c7,d7,e7,f7,g7,h7,a7,$6],[V6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),V6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),V6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),V6(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),V6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),V6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),V6(c.getPropertyValue("--x-kinetic-font-width-max"),125),V6(c.getPropertyValue("--x-kinetic-font-width-min"),
-75),V6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]));c=$APP.cr.i(b);e=$APP.H($APP.l(a,"__xKineticFontRefs"));$APP.C(e,k7).textContent=c;$APP.y.j(c,"")?($APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):($APP.U(a,"aria-hidden"),$APP.T(a,"role","text"),$APP.T(a,"aria-label",c));if(!K6())if(c=$APP.l(a,"__xKineticFontCV"),c=J6(0,R6.i(b),$APP.Tp.i(b),f7.i(c),$6.i(c),a7.i(c),h7.i(c),c7.i(c),b7.i(c),e7.i(c),d7.i(c)),$APP.n(S6.i(b))){if(e=$APP.l(a,"__xKineticFontCS"),$APP.n(e))for(d=e.length,f=
-0;;)if(f<d)W6(e[f],c,0),f+=1;else break}else e=$APP.H($APP.l(a,"__xKineticFontRefs")),e=$APP.C(e,$APP.Lj),W6(e,c,0);return $APP.R(a,"__xKineticFontModel",b)},ima=function(a){$APP.xi(a,"text","text","");$APP.xi(a,"mode","mode","bulge");$APP.ui(a,"perChar","per-char");Object.defineProperty(a,"trigger",{get:function(){return G6(this.getAttribute("trigger"))},set:function(b){return b==null?$APP.U(this,"trigger"):$APP.T(this,"trigger",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
+var F6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},G6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.cd(vra,a)?a:"cursor"},xra=function(a){return typeof a==="string"?(a=$APP.If.m($APP.bh,$APP.Be(function(b){return $APP.cd(wra,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Rc(a)?H6:a):H6},I6=function(a){return typeof a==="string"?(a=a.trim(),$APP.z.j(a,"")?null:
+a):null},J6=function(a,b,c,d,e,f,h,k,m,r,t){a*=c;d=$APP.cd(b,"bulge")?d+a*(e-d):d;f=$APP.cd(b,"stretch")?f+a*(h-f):f;k=$APP.cd(b,"lean")?m+a*(k-m):m;b=$APP.cd(b,"breathe")?r+a*(t-r):r;return[d,f,k,b]},K6=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},U6=function(a){a=$APP.Eg([$APP.er,$APP.es,L6,M6,N6,$APP.Vl,$APP.Wl,O6,$APP.hr,P6],[a.getAttribute("mass"),a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),
+a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.G(a);a=$APP.C(b,$APP.hr);var c=$APP.C(b,P6),d=$APP.C(b,$APP.er),e=$APP.C(b,$APP.es),f=$APP.C(b,M6),h=$APP.C(b,L6),k=$APP.C(b,N6),m=$APP.C(b,$APP.Vl),r=$APP.C(b,$APP.Wl);b=$APP.C(b,O6);return $APP.Eg([$APP.Zt,Q6,R6,$APP.uu,$APP.Wr,S6,$APP.Cr,$APP.pr,T6,$APP.im],[F6(d,1,.1,10),F6(c,170,10,500),xra(r),F6(a,200,20,1E3),F6(e,.5,0,1),f!=null,F6(b,26,1,100),G6(h),I6(k),
+typeof m==="string"?m:""])},V6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},W6=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.P.i(b[0].toFixed(1))+", 'wdth' "+$APP.P.i(b[1].toFixed(1))+", 'slnt' "+$APP.P.i(b[2].toFixed(1))+", 'opsz' "+$APP.P.i(b[3].toFixed(1));d.call(a,"font-variation-settings",b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.P.i(c.toFixed(1))+"deg)")},
+X6=function(a,b,c,d){b-=a.left+.5*a.width;a=c-(a.top+.5*a.height);a=Math.sqrt(b*b+a*a);a>=d?d=0:(d=1-a/d,d*=d);return d},yra=function(a,b){var c=function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()>.5;return $APP.n(function(){var d=b[0];return $APP.n(d)?!c:d}())?($APP.Yi(a,"__xKineticFontRaf",null),$APP.Q(a,"__xKineticFontSD",0),$APP.n($APP.l(a,"__xKineticFontAct"))?($APP.Q(a,"__xKineticFontAct",!1),$APP.dj(a,"x-kinetic-font-spring-settle",{})):null):$APP.Yi(a,"__xKineticFontRaf",
+requestAnimationFrame(function(){return Y6.i?Y6.i(a):Y6.call(null,a)}))},Y6=function(a){if($APP.n(a.isConnected)){var b=$APP.l(a,"__xKineticFontModel"),c=$APP.l(a,"__xKineticFontCV"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticFontLF"),100)/1E3,f=$APP.Zt.i(b),h=Q6.i(b),k=$APP.Cr.i(b),m=$APP.Wr.i(b),r=$APP.uu.i(b),t=$APP.pr.i(b);b=R6.i(b);c=$APP.Yg.B(c,R6,b,$APP.Cc([$APP.Wr,m,Z6,$APP.cd(b,"lean")]));m=$APP.l(a,"__xKineticFontMX");b=$APP.l(a,"__xKineticFontMY");var x=$APP.l(a,"__xKineticFontSD");
+var y=$APP.n(x)?x:0;x=Math.min(1,Math.abs(y)/100);var A=$APP.l(a,"__xKineticFontSpr"),E=$APP.l(a,"__xKineticFontCS"),H=E!=null,N=A.length,S=[!0];$APP.Yi(a,"__xKineticFontLF",d);$APP.Q(a,"__xKineticFontSD",y*.85);for(d=0;;)if(d<N){y=A[d];var R=a,Y=E,la=d,ha=H,na=t,La=m,Na=b,bb=r;var ob=x;var Ib=$APP.z.j(na,"cursor")||$APP.z.j(na,"both");$APP.n($APP.n(ha)?Ib:ha)?(R=Y[la].getBoundingClientRect(),La=X6(R,La,Na,bb),ob=Math.max(La,ob)):$APP.n($APP.n(ha)?$APP.z.j(na,"scroll"):ha)||($APP.p(ha)&&Ib?(R=$APP.G($APP.l(R,
+"__xKineticFontRefs")),R=$APP.C(R,$APP.dl).getBoundingClientRect(),La=X6(R,La,Na,bb),ob=Math.max(La,ob)):ob=$APP.z.j(na,"scroll")?ob:0);La=y[0];Na=y[1];Na+=(h*(ob-La)-k*Na)/f*e;La=[La+Na*e,Na];Na=La[1];y[0]=La[0];y[1]=Na;y=La;bb=y[0];Math.abs(bb-ob)<.001&&Math.abs(y[1])<.01||(S[0]=!1);y=a;ob=E;La=d;Na=H;var Ub=$APP.G(c);ha=$APP.C(Ub,$6);na=$APP.C(Ub,a7);R=$APP.C(Ub,Z6);Ib=$APP.C(Ub,b7);var sc=$APP.C(Ub,c7),Of=$APP.C(Ub,d7),rg=$APP.C(Ub,R6),kh=$APP.C(Ub,e7);Y=$APP.C(Ub,$APP.Wr);var lh=$APP.C(Ub,f7);
+la=$APP.C(Ub,g7);Ub=$APP.C(Ub,h7);ha=J6(bb,rg,Y,lh,ha,na,Ub,sc,Ib,kh,Of);bb=$APP.n(R)?bb*Y*la:0;$APP.n(Na)?W6(ob[La],ha,bb):(y=$APP.G($APP.l(y,"__xKineticFontRefs")),y=$APP.C(y,$APP.dl),W6(y,ha,bb));d+=1}else break;return yra(a,S)}return null},i7=function(a){if($APP.n($APP.l(a,"__xKineticFontRaf")))return null;$APP.n($APP.l(a,"__xKineticFontAct"))||($APP.Q(a,"__xKineticFontAct",!0),$APP.dj(a,"x-kinetic-font-spring-activate",{}));$APP.Yi(a,"__xKineticFontLF",performance.now());return $APP.Yi(a,"__xKineticFontRaf",
+requestAnimationFrame(function(){return Y6(a)}))},zra=function(a){var b=window.scrollY,c=b-function(){var d=$APP.l(a,"__xKineticFontLSY");return $APP.n(d)?d:b}();$APP.Q(a,"__xKineticFontLSY",b);$APP.Q(a,"__xKineticFontSD",function(){var d=$APP.l(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));return K6()?null:i7(a)},Ara=function(a,b){var c=$APP.pr.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",
+e.clientY);return K6()?null:i7(a)};b.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.z.j(c,"scroll")||$APP.z.j(c,"both"))c=function(){return zra(a)},b.scroll=c,$APP.Q(a,"__xKineticFontLSY",window.scrollY),window.addEventListener("scroll",c,{passive:!0});$APP.Q(a,"__xKineticFontHdl",b)},j7=function(a){var b=$APP.l(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.l(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.l(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",
+b);return $APP.Q(a,"__xKineticFontHdl",null)}return null},l7=function(a,b){var c=$APP.l(a,"__xKineticFontModel");if($APP.I($APP.im.i(b),$APP.im.i(c))||$APP.I(S6.i(b),S6.i(c)))if($APP.n(S6.i(b))){var d=$APP.im.i(b),e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.dl);d=$APP.$e(d);var f=$APP.w(d),h=Array(f),k=Array(f);e.textContent="";for(var m=0;;)if(m<f){var r=$APP.xc(d,m),t=document.createElement("span");$APP.T(t,"part","char");$APP.z.j(r," ")?($APP.T(t,"data-ws",""),t.textContent=" "):t.textContent=
+r;e.appendChild(t);h[m]=t;k[m]=[0,0];m+=1}else break;$APP.Q(a,"__xKineticFontCS",h);$APP.Q(a,"__xKineticFontSpr",k)}else e=$APP.im.i(b),d=$APP.G($APP.l(a,"__xKineticFontRefs")),$APP.C(d,$APP.dl).textContent=e,$APP.Q(a,"__xKineticFontCS",null),$APP.Q(a,"__xKineticFontSpr",[[0,0]]);$APP.I($APP.pr.i(b),$APP.pr.i(c))&&(j7(a),Ara(a,b));c=$APP.G(b);c=$APP.C(c,T6);e=$APP.G($APP.l(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.dl);$APP.n(c)?e.style.setProperty("font-family",c):e.style.removeProperty("font-family");
+c=getComputedStyle(a);$APP.Q(a,"__xKineticFontCV",$APP.Eg([b7,c7,d7,e7,f7,g7,h7,a7,$6],[V6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),V6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),V6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),V6(c.getPropertyValue("--x-kinetic-font-opsz-min"),8),V6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),V6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),V6(c.getPropertyValue("--x-kinetic-font-width-max"),125),V6(c.getPropertyValue("--x-kinetic-font-width-min"),
+75),V6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]));c=$APP.im.i(b);e=$APP.G($APP.l(a,"__xKineticFontRefs"));$APP.C(e,k7).textContent=c;$APP.z.j(c,"")?($APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):($APP.U(a,"aria-hidden"),$APP.T(a,"role","text"),$APP.T(a,"aria-label",c));if(!K6())if(c=$APP.l(a,"__xKineticFontCV"),c=J6(0,R6.i(b),$APP.Wr.i(b),f7.i(c),$6.i(c),a7.i(c),h7.i(c),c7.i(c),b7.i(c),e7.i(c),d7.i(c)),$APP.n(S6.i(b))){if(e=$APP.l(a,"__xKineticFontCS"),$APP.n(e))for(d=e.length,f=
+0;;)if(f<d)W6(e[f],c,0),f+=1;else break}else e=$APP.G($APP.l(a,"__xKineticFontRefs")),e=$APP.C(e,$APP.dl),W6(e,c,0);return $APP.Q(a,"__xKineticFontModel",b)},Bra=function(a){$APP.lj(a,"text","text","");$APP.lj(a,"mode","mode","bulge");$APP.ij(a,"perChar","per-char");Object.defineProperty(a,"trigger",{get:function(){return G6(this.getAttribute("trigger"))},set:function(b){return b==null?$APP.U(this,"trigger"):$APP.T(this,"trigger",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
 "mass",{get:function(){var b=this.getAttribute("mass");return F6(b,1,.1,10)},set:function(b){return b==null?$APP.U(this,"mass"):$APP.T(this,"mass",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return F6(b,170,10,500)},set:function(b){return b==null?$APP.U(this,"tension"):$APP.T(this,"tension",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");
 return F6(b,26,1,100)},set:function(b){return b==null?$APP.U(this,"friction"):$APP.T(this,"friction",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return F6(b,.5,0,1)},set:function(b){return b==null?$APP.U(this,"intensity"):$APP.T(this,"intensity",""+$APP.P.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return F6(b,200,20,1E3)},set:function(b){return b==
-null?$APP.U(this,"radius"):$APP.T(this,"radius",""+$APP.P.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return I6(this.getAttribute("font-family"))},set:function(b){return b==null?$APP.U(this,"font-family"):$APP.T(this,"font-family",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},kma=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");
-c.textContent=jma;$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.R(a,"__xKineticFontRefs",new $APP.N(null,3,[$APP.Kj,b,$APP.Lj,d,k7,e],null))}b=U6(a);$APP.R(a,"__xKineticFontModel",null);$APP.R(a,"__xKineticFontMX",0);$APP.R(a,"__xKineticFontMY",0);$APP.R(a,"__xKineticFontSD",0);$APP.R(a,"__xKineticFontAct",!1);return l7(a,b)},lma=function(a){var b=$APP.l(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),
-$APP.ji(a,"__xKineticFontRaf",null));return j7(a)},mma=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticFontRefs"))?(b=U6(a),a=$APP.I(b,$APP.l(a,"__xKineticFontModel"))?l7(a,b):null):a=null:a=null;return a},m7=function(){return $APP.Kh("x-kinetic-font",new $APP.N(null,5,[$APP.Bh,nma,$APP.zh,kma,$APP.qh,lma,$APP.ph,mma,$APP.Ah,ima],null))},M6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),L6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),c7=new $APP.F(null,"slnt-min",
+null?$APP.U(this,"radius"):$APP.T(this,"radius",""+$APP.P.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return I6(this.getAttribute("font-family"))},set:function(b){return b==null?$APP.U(this,"font-family"):$APP.T(this,"font-family",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},Dra=function(a){if(!$APP.n($APP.l(a,"__xKineticFontRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span");
+c.textContent=Cra;$APP.T(d,"part","container");$APP.T(e,"class","sr-only");$APP.T(e,"part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xKineticFontRefs",new $APP.M(null,3,[$APP.cl,b,$APP.dl,d,k7,e],null))}b=U6(a);$APP.Q(a,"__xKineticFontModel",null);$APP.Q(a,"__xKineticFontMX",0);$APP.Q(a,"__xKineticFontMY",0);$APP.Q(a,"__xKineticFontSD",0);$APP.Q(a,"__xKineticFontAct",!1);return l7(a,b)},Era=function(a){var b=$APP.l(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),
+$APP.Yi(a,"__xKineticFontRaf",null));return j7(a)},Fra=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticFontRefs"))?(b=U6(a),a=$APP.I(b,$APP.l(a,"__xKineticFontModel"))?l7(a,b):null):a=null:a=null;return a},m7=function(){return $APP.xi("x-kinetic-font",new $APP.M(null,5,[$APP.hi,Gra,$APP.fi,Dra,$APP.ci,Era,$APP.bi,Fra,$APP.gi,Bra],null))},M6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),L6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),c7=new $APP.F(null,"slnt-min",
 "slnt-min",71363427),h7=new $APP.F(null,"wdth-max","wdth-max",-522030121),g7=new $APP.F(null,"skew-max","skew-max",1543858453),a7=new $APP.F(null,"wdth-min","wdth-min",-986627045),N6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),S6=new $APP.F(null,"per-char?","per-char?",-1016397834),e7=new $APP.F(null,"opsz-min","opsz-min",-829837010),k7=new $APP.F(null,"sr-only","sr-only",-173275148),b7=new $APP.F(null,"slnt-max","slnt-max",1716167520),O6=new $APP.F(null,"friction-raw","friction-raw",
--1078184200),d7=new $APP.F(null,"opsz-max","opsz-max",454458088),f7=new $APP.F(null,"wght-min","wght-min",529224020),Z6=new $APP.F(null,"has-lean?","has-lean?",1031959742),R6=new $APP.F(null,"modes","modes",-1377787092),$6=new $APP.F(null,"wght-max","wght-max",-514604421),P6=new $APP.F(null,"tension-raw","tension-raw",961657279),T6=new $APP.F(null,"font-family","font-family",-667419874),Q6=new $APP.F(null,"tension","tension",58343589);var nma="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
-$APP.Yf([$APP.Vr,Q6,$APP.Jo,new $APP.F(null,"perChar","perChar",2082880685),$APP.qs,$APP.Tp,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.Ap,$APP.op,$APP.cr],[new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Ci],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,
-1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Y],null)]);$APP.be(["x-kinetic-font-spring-activate",new $APP.N(null,2,[$APP.V,$APP.ce,$APP.Mr,!1],null),"x-kinetic-font-spring-settle",new $APP.N(null,2,[$APP.V,$APP.ce,$APP.Mr,!1],null)]);
-var cma=new $APP.rg(null,new $APP.N(null,3,["scroll",null,"both",null,"cursor",null],null),null),dma=new $APP.rg(null,new $APP.N(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),H6=new $APP.rg(null,new $APP.N(null,1,["bulge",null],null),null);var jma=":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")+
+-1078184200),d7=new $APP.F(null,"opsz-max","opsz-max",454458088),f7=new $APP.F(null,"wght-min","wght-min",529224020),Z6=new $APP.F(null,"has-lean?","has-lean?",1031959742),R6=new $APP.F(null,"modes","modes",-1377787092),$6=new $APP.F(null,"wght-max","wght-max",-514604421),P6=new $APP.F(null,"tension-raw","tension-raw",961657279),T6=new $APP.F(null,"font-family","font-family",-667419874),Q6=new $APP.F(null,"tension","tension",58343589);var Gra="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
+$APP.Eg([$APP.Zt,Q6,$APP.bm,new $APP.F(null,"perChar","perChar",2082880685),$APP.uu,$APP.Wr,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.Cr,$APP.pr,$APP.im],[new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,
+1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.X],null)]);$APP.he(["x-kinetic-font-spring-activate",new $APP.M(null,2,[$APP.V,$APP.ie,$APP.Pt,!1],null),"x-kinetic-font-spring-settle",new $APP.M(null,2,[$APP.V,$APP.ie,$APP.Pt,!1],null)]);
+var vra=new $APP.ah(null,new $APP.M(null,3,["scroll",null,"both",null,"cursor",null],null),null),wra=new $APP.ah(null,new $APP.M(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),H6=new $APP.ah(null,new $APP.M(null,1,["bulge",null],null),null);var Cra=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.P.i("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.P.i("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.P.i("--x-kinetic-font-size")+":2rem;"+$APP.P.i("--x-kinetic-font-weight-min")+":100;"+$APP.P.i("--x-kinetic-font-weight-max")+":900;"+$APP.P.i("--x-kinetic-font-width-min")+":75;"+$APP.P.i("--x-kinetic-font-width-max")+":125;"+$APP.P.i("--x-kinetic-font-slant-min")+":-12;"+$APP.P.i("--x-kinetic-font-slant-max")+
 ":0;"+$APP.P.i("--x-kinetic-font-opsz-min")+":8;"+$APP.P.i("--x-kinetic-font-opsz-max")+":144;"+$APP.P.i("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.P.i("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.P.i("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.P.i("--x-kinetic-font-size")+",2rem);line-height:1.2;will-change:font-variation-settings,transform;}[part\x3dchar]{display:inline-block;will-change:font-variation-settings,transform;}[part\x3dchar][data-ws]{white-space:pre;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media(prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3dchar]{font-variation-settings:normal!important;will-change:auto;}}";$APP.fa("baredom.exports.x_kinetic_font.init",m7);export const init=m7;