@vanelsas/baredom 3.4.0 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -0
- package/README.md +2 -2
- package/custom-elements.json +4494 -3575
- package/dist/baredom.d.ts +93 -92
- package/dist/base.js +486 -480
- package/dist/integrity.json +109 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +34 -34
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +32 -32
- package/dist/x-chart.js +44 -44
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +25 -25
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.d.ts +12 -5
- package/dist/x-combobox.js +31 -30
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +23 -23
- package/dist/x-container.js +3 -3
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.d.ts +7 -0
- package/dist/x-date-picker.js +40 -39
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +10 -10
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +19 -16
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +7 -0
- package/dist/x-form-field.js +13 -12
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +6 -6
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +22 -22
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +28 -28
- package/dist/x-menu-item.js +6 -6
- package/dist/x-menu.js +7 -7
- package/dist/x-metaball-cursor.js +21 -21
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.d.ts +7 -0
- package/dist/x-multi-combobox.js +37 -37
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +23 -23
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +33 -33
- package/dist/x-organic-shape.js +7 -7
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +11 -11
- package/dist/x-particle-button.js +43 -43
- package/dist/x-popover.js +25 -25
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +12 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +21 -20
- package/dist/x-ripple-effect.js +8 -8
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +15 -15
- package/dist/x-scroll-story.js +29 -29
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +33 -33
- package/dist/x-search-field.d.ts +9 -4
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +9 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +14 -14
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +15 -15
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +16 -16
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +10 -10
- package/dist/x-text-area.d.ts +7 -0
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +23 -23
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +103 -103
- package/dist/x-typography.js +5 -5
- package/dist/x-welcome-tour.js +62 -62
- package/package.json +6 -1
package/dist/x-gaussian-blur.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var Npa=function(a,b,c){var d=$APP.w(a);return $APP.If.m($APP.Ee,$APP.we.i(function(e){var f=e*2.39996323,h=50+30*Math.cos(f);f=50+30*Math.sin(f);var k=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),r=Math.sin(e*1.618);r=.7+r*r*.6;var u=.8+.4*Math.sin(e*1.3),x=-(e/$APP.So.j(b,1));return new $APP.M(null,7,[$APP.sr,$APP.xc(a,$APP.sd(e,d)),$APP.zt,h+k,$APP.yt,f+m,$APP.Tm,c*r,P2,$APP.sd(e,4),Q2,u,R2,x],null)}),$APP.oh(0,b))},Opa=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("slot");c.textContent=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;color-scheme:light dark;--x-gaussian-blur-bg:transparent;--x-gaussian-blur-z-index:0;--x-gaussian-blur-border-radius:0;}:host{border-radius:var(--x-gaussian-blur-border-radius);}[part\x3dbackdrop]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--x-gaussian-blur-z-index);background:var(--x-gaussian-blur-bg);}[part\x3dcontent]{position:relative;z-index:1;width:100%;height:100%;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;}@keyframes x-gb-float-0{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(12%,-18%);}50%{transform:translate(-50%,-50%) translate(-10%,15%);}75%{transform:translate(-50%,-50%) translate(15%,6%);}}@keyframes x-gb-float-1{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-15%,10%);}50%{transform:translate(-50%,-50%) translate(18%,-12%);}75%{transform:translate(-50%,-50%) translate(-8%,-16%);}}@keyframes x-gb-float-2{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(10%,16%);}50%{transform:translate(-50%,-50%) translate(-18%,-8%);}75%{transform:translate(-50%,-50%) translate(14%,-12%);}}@keyframes x-gb-float-3{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-12%,-10%);}50%{transform:translate(-50%,-50%) translate(16%,18%);}75%{transform:translate(-50%,-50%) translate(-10%,14%);}}@keyframes x-gb-pulse-0{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.2) translate(10%,-14%);}66%{transform:translate(-50%,-50%) scale(0.85) translate(-10%,10%);}}@keyframes x-gb-pulse-1{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.85) translate(-14%,10%);}66%{transform:translate(-50%,-50%) scale(1.2) translate(12%,-8%);}}@keyframes x-gb-pulse-2{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.18) translate(8%,16%);}66%{transform:translate(-50%,-50%) scale(0.82) translate(-16%,-10%);}}@keyframes x-gb-pulse-3{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.88) translate(-10%,-14%);}66%{transform:translate(-50%,-50%) scale(1.15) translate(10%,16%);}}:host([data-paused]) .blob{animation-play-state:paused;}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}";
|
|
4
4
|
$APP.T(d,"part","backdrop");$APP.T(d,"aria-hidden","true");$APP.T(e,"part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xGaussianBlurBackdrop",d);$APP.Q(a,"__xGaussianBlurSlot",f);$APP.Q(a,"__xGaussianBlurBlobs",[]);$APP.Q(a,"__xGaussianBlurInit",!0)},S2=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return $APP.U(a,"role"),$APP.U(a,"aria-hidden");$APP.T(a,"role","presentation");return $APP.T(a,"aria-hidden","true")},W2=function(a){var b=
|
|
5
|
-
$APP.
|
|
6
|
-
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.
|
|
7
|
-
e)?e:"float";typeof m==="string"&&$APP.I("",m.trim())?(m=parseFloat(m.trim()),
|
|
8
|
-
c=$APP.l(a,"__xGaussianBlurBackdrop");m=$APP.G(b);h=$APP.C(m,$APP.
|
|
9
|
-
m=$APP.l(a,"__xGaussianBlurBlobs");f=m.length;k=$APP.w(h);for(
|
|
10
|
-
""+$APP.P.i(
|
|
11
|
-
S2(a,d);a=$APP.Q(a,"__xGaussianBlurModel",b)}else a=null;return a},
|
|
12
|
-
"__xGaussianBlurInit"))?W2(a):null:null},
|
|
13
|
-
"duration-factor","duration-factor",-409465019);var
|
|
14
|
-
$APP.W,"size",$APP.rj,"medium"],null),new $APP.M(null,3,[$APP.
|
|
15
|
-
null,"overlay",null],null),null),
|
|
5
|
+
$APP.ug([$APP.zs,$APP.ko,$APP.jr,$APP.ju,$APP.Tm,$APP.Kp,$APP.Lp,$APP.tp,T2],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.G(b),d=$APP.C(c,T2);b=$APP.C(c,$APP.zs);var e=$APP.C(c,$APP.ko),f=$APP.C(c,$APP.jr),h=$APP.C(c,$APP.ju),k=$APP.C(c,$APP.Tm),m=$APP.C(c,$APP.Kp),r=$APP.C(c,$APP.Lp);c=$APP.C(c,$APP.tp);h=U2(h);
|
|
6
|
+
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.Bo.j(12,$APP.So.j(1,c)):5):c=5;if(typeof k==="string"&&$APP.I("",k.trim())){k=k.trim();var u=$APP.C(Ppa,k);$APP.n(u)?k=u:(k=parseFloat(k),u=isFinite(k),k=$APP.n($APP.n(u)?k>0:u)?$APP.Bo.j(100,$APP.So.j(10,k)):50)}else k=50;typeof f==="string"&&$APP.I("",f.trim())?(f=f.trim(),u=$APP.C(Qpa,f),$APP.n(u)?f=u:(f=parseFloat(f),u=isFinite(f),f=$APP.n($APP.n(u)?f>0:u)?f:10)):f=10;e=typeof e==="string"&&$APP.bd(Rpa,
|
|
7
|
+
e)?e:"float";typeof m==="string"&&$APP.I("",m.trim())?(m=parseFloat(m.trim()),u=isFinite(m),m=$APP.n($APP.n(u)?m>0:u)?m:60):m=60;u=Npa(h,c,k);typeof r==="string"&&$APP.I("",r.trim())?(r=parseFloat(r.trim()),r=$APP.n(isFinite(r))?$APP.Bo.j(1,$APP.So.j(0,r)):.7):r=.7;d=typeof d==="string"&&$APP.bd(Spa,d)?d:"normal";b=$APP.ug([$APP.zs,$APP.ko,$APP.ju,V2,$APP.Kp,$APP.Eu,$APP.Lp,$APP.tp,T2,Tpa],[b!=null,e,h,f,m,u,r,c,d,k]);if($APP.I($APP.l(a,"__xGaussianBlurModel"),b)){d=$APP.l(a,"__xGaussianBlurSlot");
|
|
8
|
+
c=$APP.l(a,"__xGaussianBlurBackdrop");m=$APP.G(b);h=$APP.C(m,$APP.Kp);r=$APP.C(m,$APP.Lp);m=$APP.C(m,T2);c=c.style;c.setProperty("filter","blur("+$APP.P.i(h)+"px)");c.setProperty("opacity",""+$APP.P.i(r));c.setProperty("mix-blend-mode",m);r=$APP.G(b);h=$APP.C(r,$APP.zs);r=$APP.C(r,$APP.ko);$APP.n(h)?$APP.T(a,"data-paused",""):$APP.U(a,"data-paused");$APP.T(a,"data-animation",r);m=$APP.G(b);h=$APP.C(m,$APP.Eu);r=$APP.C(m,$APP.ko);c=$APP.C(m,V2);$APP.C(m,$APP.Kp);e=$APP.l(a,"__xGaussianBlurBackdrop");
|
|
9
|
+
m=$APP.l(a,"__xGaussianBlurBlobs");f=m.length;k=$APP.w(h);for(u=f;;)if(u<k){var x=document.createElement("div");x.className="blob";e.appendChild(x);m.push(x);u+=1}else break;for(;;)if(f>k)u=m.pop(),e.removeChild(u),--f;else break;for(e=0;;)if(e<k){var y=m[e];x=$APP.xc(h,e);u=r;f=c;var A=$APP.G(x),E=$APP.C(A,$APP.sr),H=$APP.C(A,$APP.zt),O=$APP.C(A,$APP.yt),S=$APP.C(A,$APP.Tm),R=$APP.C(A,P2);x=$APP.C(A,Q2);A=$APP.C(A,R2);y=y.style;S=""+$APP.P.i(S)+"%";y.setProperty("left",""+$APP.P.i(H)+"%");y.setProperty("top",
|
|
10
|
+
""+$APP.P.i(O)+"%");y.setProperty("width",S);y.setProperty("height",S);y.setProperty("background","radial-gradient(circle,"+$APP.P.i(E)+" 0%,transparent 70%)");y.setProperty("transform","translate(-50%,-50%)");a:switch(E=R,u){case "float":u="x-gb-float-"+$APP.P.i(E);break a;case "pulse":u="x-gb-pulse-"+$APP.P.i(E);break a;default:u=null}$APP.n(u)?(x*=f,f*=A,y.setProperty("animation",""+$APP.P.i(u)+" "+$APP.P.i(x)+"s ease-in-out "+$APP.P.i(f)+"s infinite")):y.removeProperty("animation");e+=1}else break;
|
|
11
|
+
S2(a,d);a=$APP.Q(a,"__xGaussianBlurModel",b)}else a=null;return a},Upa=function(a){function b(){return S2(a,c)}$APP.n($APP.l(a,"__xGaussianBlurInit"))||Opa(a);var c=$APP.l(a,"__xGaussianBlurSlot");$APP.Q(a,"__xGaussianBlurSlotHandler",b);c.addEventListener("slotchange",b);return W2(a)},Vpa=function(a){var b=$APP.l(a,"__xGaussianBlurSlot");a=$APP.l(a,"__xGaussianBlurSlotHandler");return $APP.n($APP.n(b)?a:b)?b.removeEventListener("slotchange",a):null},Wpa=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,
|
|
12
|
+
"__xGaussianBlurInit"))?W2(a):null:null},Ypa=function(a){return $APP.sj(a,Xpa)},X2=function(){return $APP.qi("x-gaussian-blur",new $APP.M(null,5,[$APP.hi,Zpa,$APP.fi,Upa,$APP.ci,Vpa,$APP.bi,Wpa,$APP.gi,Ypa],null))},V2=new $APP.F(null,"speed-s","speed-s",-1018350546),T2=new $APP.F(null,"blend","blend",249565561),Tpa=new $APP.F(null,"size-pct","size-pct",-741809955),P2=new $APP.F(null,"anim-index","anim-index",-1563021855),R2=new $APP.F(null,"delay-factor","delay-factor",-751650178),Q2=new $APP.F(null,
|
|
13
|
+
"duration-factor","duration-factor",-409465019);var Zpa="colors blur speed count size opacity animation blend paused".split(" "),Xpa=$APP.ug([$APP.zs,$APP.ko,$APP.jr,$APP.ju,$APP.Tm,$APP.Kp,$APP.Lp,$APP.tp,T2],[new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"paused"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"animation",$APP.rj,"float"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"speed",$APP.rj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"colors",$APP.rj,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.M(null,3,[$APP.N,$APP.X,
|
|
14
|
+
$APP.W,"size",$APP.rj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blur",$APP.rj,"60"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"opacity",$APP.rj,"0.7"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"count",$APP.rj,"5"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blend",$APP.rj,"normal"],null)]),Rpa=new $APP.ah(null,new $APP.M(null,3,["float",null,"none",null,"pulse",null],null),null),Spa=new $APP.ah(null,new $APP.M(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",
|
|
15
|
+
null,"overlay",null],null),null),Qpa=new $APP.M(null,3,["slow",18,"medium",10,"fast",5],null),Ppa=new $APP.M(null,3,["small",30,"medium",50,"large",70],null),U2=function U2(a){return typeof a==="string"&&$APP.I("",a.trim())?(a=a.trim().split(/,/),$APP.If.m($APP.Ee,$APP.Uo.j($APP.we.i(function(c){return c.trim()}),$APP.Be(function(c){return $APP.I("",c)})),a)):U2.i?U2.i("#6366f1, #ec4899, #14b8a6, #f59e0b"):U2.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.fa("baredom.exports.x_gaussian_blur.init",X2);export const init=X2;
|
package/dist/x-grid.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var IY=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},JY=function(a,b,c){return $APP.
|
|
3
|
-
$APP.G(a);a=$APP.C(b,KY);var c=$APP.C(b,LY),d=$APP.C(b,$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
NY,$APP.
|
|
6
|
-
r=$APP.C(r,$APP.
|
|
7
|
-
|
|
2
|
+
var IY=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},JY=function(a,b,c){return $APP.bd(b,a)?a:c},Qla=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},Rla=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:null},Sla=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:"16rem"},Wla=function(a){var b=
|
|
3
|
+
$APP.G(a);a=$APP.C(b,KY);var c=$APP.C(b,LY),d=$APP.C(b,$APP.fu),e=$APP.C(b,MY),f=$APP.C(b,NY),h=$APP.C(b,$APP.us),k=$APP.C(b,OY),m=$APP.C(b,$APP.Wq);b=$APP.C(b,$APP.Ar);h=Rla(h);k=Sla(k);var r=JY(b,PY,"md");b=function(){var x=$APP.bd(PY,d)?d:null;return $APP.n(x)?x:r}();var u=function(){var x=$APP.bd(PY,m)?m:null;return $APP.n(x)?x:r}();f=JY(f,QY,"stretch");c=JY(c,QY,"stretch");e=Qla(JY(e,Tla,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.P.i(k)+",1fr))";return $APP.ug([MY,NY,$APP.us,$APP.Wq,
|
|
4
|
+
$APP.Ar,Ula,KY,Vla,$APP.fu,LY],[e,f,h,IY(u),r,b,$APP.D(a),u,IY(b),c])},RY=function(a){var b=$APP.l(a,"__xGridRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=new $APP.M(null,2,[$APP.Sk,b,$APP.tu,d],null);c.textContent=Xla;$APP.T(d,"part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xGridRefs",f);a=f}return a},SY=function(a){var b=Wla($APP.ug([MY,
|
|
5
|
+
NY,$APP.us,OY,$APP.Wq,$APP.Ar,KY,$APP.fu,LY],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]));if($APP.I($APP.l(a,"__xGridModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.us),d=$APP.C(b,$APP.Ar),e=$APP.C(b,$APP.fu),f=$APP.C(b,$APP.Wq),h=$APP.C(b,NY),k=$APP.C(b,LY),m=$APP.C(b,MY),r=RY(a);r=$APP.G(r);
|
|
6
|
+
r=$APP.C(r,$APP.tu);var u=r.style;$APP.T(r,"data-gap",d);u.setProperty("--x-grid-columns",c);u.setProperty("--x-grid-row-gap",e);u.setProperty("--x-grid-column-gap",f);u.setProperty("--x-grid-align-items",h);u.setProperty("--x-grid-justify-items",k);u.setProperty("--x-grid-auto-flow",m);a=$APP.Q(a,"__xGridModel",b)}else a=null;return a},Yla=function(a){RY(a);return SY(a)},Zla=function(a,b,c,d){return $APP.I(c,d)?SY(a):null},TY=function(){return $APP.qi("x-grid",new $APP.M(null,3,[$APP.hi,$la,$APP.fi,
|
|
7
|
+
Yla,$APP.bi,Zla],null))},OY=new $APP.F(null,"min-column-size","min-column-size",-1066019378),KY=new $APP.F(null,"inline","inline",1399884222),Vla=new $APP.F(null,"column-gap-token","column-gap-token",-10192833),NY=new $APP.F(null,"align-items","align-items",-267946462),Ula=new $APP.F(null,"row-gap-token","row-gap-token",-219143816),MY=new $APP.F(null,"auto-flow","auto-flow",-1524521728),LY=new $APP.F(null,"justify-items","justify-items",1638310783);var $la="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),PY=new $APP.ah(null,new $APP.M(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),QY=new $APP.ah(null,new $APP.M(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),Tla=new $APP.ah(null,new $APP.M(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);var Xla=":host{display:block;}:host([inline]){display:inline-block;}.base{display:grid;box-sizing:border-box;grid-template-columns:var("+$APP.P.i("--x-grid-columns")+");row-gap:var("+$APP.P.i("--x-grid-row-gap")+");column-gap:var("+$APP.P.i("--x-grid-column-gap")+");align-items:var("+$APP.P.i("--x-grid-align-items")+");justify-items:var("+$APP.P.i("--x-grid-justify-items")+");grid-auto-flow:var("+$APP.P.i("--x-grid-auto-flow")+");}";$APP.fa("baredom.exports.x_grid.init",TY);export const init=TY;
|
package/dist/x-i18n-provider.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var UY=function(a,b){return typeof a==="string"&&$APP.I(a,"")&&typeof b==="string"&&$APP.I(b,"")?$APP.
|
|
3
|
-
$APP.
|
|
4
|
-
e=d.length,f=0;;)if(f<e){var h=d[f];h.closest("x-i18n-provider")===a&&
|
|
2
|
+
var UY=function(a,b){return typeof a==="string"&&$APP.I(a,"")&&typeof b==="string"&&$APP.I(b,"")?$APP.ti(a,"{locale}",b):null},VY=function(a){var b=$APP.l(a,"__xI18nProviderAbort");return $APP.n(b)?(b.abort(),$APP.Q(a,"__xI18nProviderAbort",null)):null},WY=function(a,b){return fetch(a,{signal:b}).then(function(c){if($APP.n(c.ok))return c.json();throw Error("HTTP "+$APP.P.i(c.status));}).then(function(c){return c})},ama=function(a,b,c){var d=a.attributes,e=a.getAttribute("data-i18n-params");e=e!=null?
|
|
3
|
+
$APP.go(e):null;for(var f=d.length-1;;)if(f>=0){var h=d[f],k=h.name;if($APP.n(function(){var u=k.startsWith("data-i18n-");return $APP.n(u)?$APP.I(k,"data-i18n-params"):u}())){var m=k.substring(10),r=h.value;h=function(){var u=$APP.ho(b,r);return $APP.n(u)?u:$APP.ho(c,r)}();h=typeof h==="string"?$APP.n(e)?$APP.io(h,e):h:r;$APP.T(a,m,h)}--f}else break},XY=function(a){var b=$APP.l(a,"__xI18nProviderTranslations");if($APP.n(b)){var c=$APP.l(b,"current");b=$APP.l(b,"fallback");for(var d=a.querySelectorAll("*"),
|
|
4
|
+
e=d.length,f=0;;)if(f<e){var h=d[f];h.closest("x-i18n-provider")===a&&ama(h,c,b);f+=1}else return null}else return null},bma=function(a,b,c,d){var e=UY(b,c);e=WY(e,a);b=$APP.I(d,"")&&$APP.I(d,c)?UY(b,d):null;a=$APP.n(b)?WY(b,a).catch(function(){return null}):Promise.resolve(null);return[e,a]},cma=function(a,b){VY(a);var c=$APP.G(b);b=$APP.C(c,$APP.js);var d=$APP.C(c,$APP.Uu);c=$APP.C(c,$APP.Vs);var e=UY(b,d);$APP.n(e)&&(e=new AbortController,b=bma(e.signal,b,d,c),$APP.Q(a,"__xI18nProviderAbort",e),
|
|
5
5
|
$APP.dj(a,"x-i18n-loading",{locale:d}),Promise.all(b).then(function(f){$APP.Q(a,"__xI18nProviderTranslations",{current:f[0],fallback:f[1]});$APP.Q(a,"__xI18nProviderAbort",null);$APP.dj(a,"x-i18n-change",{locale:d});return XY(a)}).catch(function(f){$APP.z.j("AbortError",f.name)?f=null:($APP.Q(a,"__xI18nProviderAbort",null),f=$APP.dj(a,"x-i18n-error",{locale:d,message:f.message}));return f}))},YY=function(a){var b=a.getAttribute("src");var c=a.getAttribute("locale"),d=a.getAttribute("fallback-locale");
|
|
6
|
-
b=new $APP.M(null,3,[$APP.
|
|
7
|
-
c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);$APP.Ui(a,"__xI18nProviderInitialized")}return YY(a)},
|
|
8
|
-
"translateSubtree",{value:function(){return XY(this)},writable:!0,configurable:!0})},ZY=function(){return $APP.
|
|
6
|
+
b=new $APP.M(null,3,[$APP.js,$APP.n(b)?b:"",$APP.Uu,typeof c==="string"&&$APP.I(c,"")?c:"en",$APP.Vs,$APP.n(d)?d:""],null);c=$APP.l(a,"__xI18nProviderModel");$APP.I(b,c)?((d=c==null)||(d=$APP.I($APP.js.i(c),$APP.js.i(b))||$APP.I($APP.Uu.i(c),$APP.Uu.i(b))||$APP.I($APP.Vs.i(c),$APP.Vs.i(b))),d&&cma(a,b),a=$APP.Q(a,"__xI18nProviderModel",b)):a=null;return a},dma=function(a){if(!$APP.Ti(a,"__xI18nProviderInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");
|
|
7
|
+
c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);$APP.Ui(a,"__xI18nProviderInitialized")}return YY(a)},ema=function(a){return VY(a)},fma=function(a,b,c,d){return $APP.I(c,d)?$APP.Ti(a,"__xI18nProviderInitialized")?YY(a):null:null},gma=function(a){$APP.sj(a,$APP.mv);Object.defineProperty(a,"translations",{get:function(){var b=$APP.l(this,"__xI18nProviderTranslations");return $APP.n(b)?$APP.l(b,"current"):null},enumerable:!0,configurable:!0});return Object.defineProperty(a,
|
|
8
|
+
"translateSubtree",{value:function(){return XY(this)},writable:!0,configurable:!0})},ZY=function(){return $APP.qi("x-i18n-provider",new $APP.M(null,5,[$APP.hi,hma,$APP.fi,dma,$APP.ci,ema,$APP.bi,fma,$APP.gi,gma],null))},hma=["src","locale","fallback-locale"];$APP.fa("baredom.exports.x_i18n_provider.init",ZY);export const init=ZY;
|
package/dist/x-i18n.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var aR=function(a){var b=a.getAttribute("key");a=a.getAttribute("params");return new $APP.M(null,2,[$APP.
|
|
3
|
-
"span").textContent=d);return $APP.Q(a,"__xI18nModel",b)},cR=function(a){var b=aR(a);return $APP.I(b,$APP.l(a,"__xI18nModel"))?bR(a,b):null},
|
|
4
|
-
d=document.createElement("span"),e={};c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";$APP.T(d,"part","text");b.appendChild(c);b.appendChild(d);e.span=d;$APP.Q(a,"__xI18nRefs",e)}
|
|
5
|
-
"__xI18nProvider",null)},
|
|
2
|
+
var aR=function(a){var b=a.getAttribute("key");a=a.getAttribute("params");return new $APP.M(null,2,[$APP.Pr,$APP.n(b)?b:"",$APP.Es,$APP.go(a)],null)},bR=function(a,b){var c=$APP.l(a,"__xI18nRefs"),d=$APP.l(a,"__xI18nProvider");d=$APP.n(d)?$APP.l(d,"__xI18nProviderTranslations"):null;var e=$APP.n(d)?$APP.l(d,"current"):null,f=$APP.n(d)?$APP.l(d,"fallback"):null;d=$APP.Pr.i(b);var h=$APP.Es.i(b);e=$APP.ho(e,d);e=$APP.n(e)?e:$APP.ho(f,d);d=typeof e==="string"?$APP.io(e,h):$APP.n(d)?d:"";$APP.n(c)&&($APP.l(c,
|
|
3
|
+
"span").textContent=d);return $APP.Q(a,"__xI18nModel",b)},cR=function(a){var b=aR(a);return $APP.I(b,$APP.l(a,"__xI18nModel"))?bR(a,b):null},Ega=function(a){var b=a.closest("x-i18n-provider");$APP.Q(a,"__xI18nProvider",b);if($APP.n(b)){var c=function(){var e=$APP.l(a,"__xI18nModel");e=$APP.n(e)?e:aR(a);return bR(a,e)},d={};d.change=c;$APP.Q(a,"__xI18nHandlers",d);b.addEventListener("x-i18n-change",c)}},Fga=function(a){if(!$APP.n($APP.l(a,"__xI18nRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
4
|
+
d=document.createElement("span"),e={};c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";$APP.T(d,"part","text");b.appendChild(c);b.appendChild(d);e.span=d;$APP.Q(a,"__xI18nRefs",e)}Ega(a);return cR(a)},Gga=function(a){var b=$APP.l(a,"__xI18nProvider");if($APP.n(b)){var c=$APP.l(a,"__xI18nHandlers");$APP.n(c)&&(c=$APP.l(c,"change"),$APP.n(c)&&b.removeEventListener("x-i18n-change",c))}$APP.Q(a,"__xI18nHandlers",null);return $APP.Q(a,
|
|
5
|
+
"__xI18nProvider",null)},Hga=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xI18nRefs"))?cR(a):null:null},Iga=function(a){$APP.sj(a,$APP.nv);return Object.defineProperty(a,"value",{get:function(){var b=$APP.l(this,"__xI18nRefs");return $APP.n(b)?$APP.l(b,"span").textContent:null},enumerable:!0,configurable:!0})},dR=function(){return $APP.qi("x-i18n",new $APP.M(null,5,[$APP.hi,Jga,$APP.fi,Fga,$APP.ci,Gga,$APP.bi,Hga,$APP.gi,Iga],null))},Jga=["key","params"];$APP.fa("baredom.exports.x_i18n.init",dR);export const init=dR;
|
package/dist/x-icon.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var zY=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},FY=function(a){var b=new $APP.M(null,4,[$APP.
|
|
3
|
-
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.
|
|
4
|
-
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Ti(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=
|
|
5
|
-
$APP.n(c)?($APP.T(a,"role","img"),$APP.T(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.T(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},
|
|
6
|
-
"label-present?","label-present?",-367749525),EY=new $APP.F(null,"labelled?","labelled?",-1907816908);var
|
|
7
|
-
1,[$APP.
|
|
8
|
-
"md"),
|
|
2
|
+
var zY=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},FY=function(a){var b=new $APP.M(null,4,[$APP.Kn,a.getAttribute("size"),$APP.cv,a.getAttribute("color"),$APP.Nj,a.getAttribute("label"),AY,a.hasAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Kn),e=$APP.C(c,$APP.cv);b=$APP.C(c,$APP.Nj);c=$APP.C(c,AY);if(typeof d==="string"){var f=d.trim().toLowerCase();var h=$APP.C(BY,f);f=$APP.n(h)?new $APP.M(null,3,[$APP.sp,""+$APP.P.i(h)+"px",CY,f,$APP.Zs,h],null):null}else f=null;$APP.n(f)?
|
|
3
|
+
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.sp,""+$APP.P.i(f)+"px",CY,null,$APP.Zs,f],null):null):d=null,d=$APP.n(d)?d:Ila);typeof e==="string"?(e=e.trim().toLowerCase(),e=$APP.bd(Jla,e)?e:"inherit"):e="inherit";b=$APP.n($APP.n(c)?typeof b==="string":c)?b:"";b=new $APP.M(null,4,[$APP.Is,$APP.sp.i(d),$APP.lp,$APP.He(DY,new $APP.J(null,2,5,$APP.K,[e,$APP.sp],null)),$APP.hk,b,EY,$APP.D($APP.n(c)?$APP.I("",b):c)],null);
|
|
4
|
+
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Ti(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=Kla,$APP.T(d,"part","box"),d.appendChild(f),c.appendChild(e),c.appendChild(d),$APP.Ui(a,"__xIconInitialized")),e=$APP.G(b),c=$APP.C(e,$APP.Is),e=$APP.C(e,$APP.lp),d=a.style,d.setProperty("--x-icon-size",c),d.setProperty("--x-icon-color",e),e=$APP.G(b),c=$APP.C(e,EY),e=$APP.C(e,$APP.hk),
|
|
5
|
+
$APP.n(c)?($APP.T(a,"role","img"),$APP.T(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.T(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},Mla=function(a){return $APP.sj(a,Lla)},Nla=function(a){return FY(a)},Ola=function(a,b,c,d){return $APP.I(c,d)?FY(a):null},GY=function(){return $APP.qi("x-icon",new $APP.M(null,4,[$APP.hi,Pla,$APP.fi,Nla,$APP.bi,Ola,$APP.gi,Mla],null))},CY=new $APP.F(null,"token","token",-1211463215),AY=new $APP.F(null,
|
|
6
|
+
"label-present?","label-present?",-367749525),EY=new $APP.F(null,"labelled?","labelled?",-1907816908);var Pla=["size","color","label"],BY=new $APP.M(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),DY=new $APP.M(null,8,["inherit",new $APP.M(null,1,[$APP.sp,"inherit"],null),"primary",new $APP.M(null,1,[$APP.sp,zY("--x-color-primary","#2563eb")],null),"secondary",new $APP.M(null,1,[$APP.sp,zY("--x-color-secondary","#64748b")],null),"tertiary",new $APP.M(null,1,[$APP.sp,zY("--x-color-tertiary","#94a3b8")],null),"success",new $APP.M(null,1,[$APP.sp,zY("--x-color-success","#16a34a")],null),"warning",new $APP.M(null,
|
|
7
|
+
1,[$APP.sp,zY("--x-color-warning","#d97706")],null),"danger",new $APP.M(null,1,[$APP.sp,zY("--x-color-danger","#dc2626")],null),"muted",new $APP.M(null,1,[$APP.sp,zY("--x-color-text-muted","#64748b")],null)],null),Jla=$APP.fh($APP.Tg(DY)),Lla=new $APP.M(null,3,[$APP.Tm,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.rj,""],null),$APP.sr,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"color",$APP.rj,""],null),$APP.hk,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.rj,""],null)],null),HY=$APP.C(BY,
|
|
8
|
+
"md"),Ila=new $APP.M(null,3,[$APP.sp,""+$APP.P.i(HY)+"px",CY,"md",$APP.Zs,HY],null);var Kla=":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var("+$APP.P.i("--x-icon-color")+",currentColor);"+$APP.P.i("--x-icon-size")+":20px;}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var("+$APP.P.i("--x-icon-size")+");height:var("+$APP.P.i("--x-icon-size")+');}::slotted(svg){display:block;width:100%;height:100%;}::slotted(svg[fill\x3d"currentColor"]),::slotted(svg[stroke\x3d"currentColor"]){color:inherit;}';$APP.fa("baredom.exports.x_icon.init",GY);export const init=GY;
|
package/dist/x-image.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
!1],null)):new $APP.M(null,2,[$APP.
|
|
4
|
-
$APP.T(d,"part","frame");$APP.T(e,"part","shimmer");$APP.T(e,"aria-hidden","true");$APP.T(f,"part","image");f.alt="";f.decoding="async";f.loading="lazy";$APP.T(h,"part","error");$APP.T(h,"role","img");$APP.T(h,"aria-label","Image failed to load");$APP.T(k,"name","error");$APP.T(m,"part","error-default");$APP.T(r,"part","error-glyph");$APP.T(r,"aria-hidden","true");r.textContent="⚠";$APP.T(
|
|
5
|
-
d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xImageRefs",new $APP.M(null,6,[$APP.
|
|
6
|
-
$APP.
|
|
7
|
-
"string"?(r=r.trim().toLowerCase(),r=$APP.
|
|
8
|
-
!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);
|
|
9
|
-
console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));
|
|
10
|
-
($APP.U(h,"src"),
|
|
11
|
-
$APP.
|
|
12
|
-
b],null))},
|
|
13
|
-
configurable:!0})},
|
|
14
|
-
0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"state",{get:function(){var b=$APP.l(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},
|
|
15
|
-
"frame","frame",-1711082588),
|
|
16
|
-
|
|
17
|
-
$APP.
|
|
18
|
-
!0],null),new $APP.M(null,1,[$APP.
|
|
2
|
+
var vka=function(a){if(a==null)return new $APP.M(null,2,[$APP.sp,null,$APP.Al,!0],null);if(typeof a!=="string")return new $APP.M(null,2,[$APP.sp,null,$APP.Al,!1],null);a=a.trim().toLowerCase();if($APP.z.j(a,"")||$APP.z.j(a,"auto"))return new $APP.M(null,2,[$APP.sp,null,$APP.Al,!0],null);var b=$APP.qh(uka,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.sp,""+$APP.P.i(a)+" / "+$APP.P.i(b),$APP.Al,!0],null):new $APP.M(null,2,[$APP.sp,null,$APP.Al,
|
|
3
|
+
!1],null)):new $APP.M(null,2,[$APP.sp,null,$APP.Al,!1],null)},HW=function(a){var b=$APP.l(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("img"),h=document.createElement("div"),k=document.createElement("slot"),m=document.createElement("div"),r=document.createElement("span"),u=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
|
|
4
|
+
$APP.T(d,"part","frame");$APP.T(e,"part","shimmer");$APP.T(e,"aria-hidden","true");$APP.T(f,"part","image");f.alt="";f.decoding="async";f.loading="lazy";$APP.T(h,"part","error");$APP.T(h,"role","img");$APP.T(h,"aria-label","Image failed to load");$APP.T(k,"name","error");$APP.T(m,"part","error-default");$APP.T(r,"part","error-glyph");$APP.T(r,"aria-hidden","true");r.textContent="⚠";$APP.T(u,"part","error-text");u.textContent="Image unavailable";m.appendChild(r);m.appendChild(u);k.appendChild(m);h.appendChild(k);
|
|
5
|
+
d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xImageRefs",new $APP.M(null,6,[$APP.Sk,b,FW,d,wka,e,$APP.er,f,GW,h,xka,k],null));return $APP.l(a,"__xImageRefs")},IW=function(a,b){$APP.Q(a,"__xImageState",b);$APP.T(a,"data-state",b)},SW=function(a){var b=new $APP.M(null,8,[$APP.Vt,a.getAttribute("src"),$APP.yu,a.getAttribute("alt"),JW,a.hasAttribute("alt"),KW,a.hasAttribute("decorative"),LW,a.getAttribute("ratio"),MW,a.getAttribute("fit"),$APP.zr,a.getAttribute("position"),
|
|
6
|
+
$APP.nu,a.getAttribute("loading")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Vt),e=$APP.C(c,$APP.yu),f=$APP.C(c,JW),h=$APP.C(c,KW),k=$APP.C(c,LW),m=$APP.C(c,MW);b=$APP.C(c,$APP.zr);var r=$APP.C(c,$APP.nu);h=$APP.D(h);k=vka(k);c=$APP.G(k);k=$APP.C(c,$APP.sp);c=$APP.C(c,$APP.Al);var u=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.bd(yka,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===
|
|
7
|
+
"string"?(r=r.trim().toLowerCase(),r=$APP.bd(zka,r)?r:"lazy"):r="lazy";typeof b==="string"?(b=b.trim(),b=$APP.z.j(b,"")?"center":b):b="center";b=$APP.ug([$APP.Ip,NW,$APP.js,OW,$APP.Nm,PW,QW,$APP.Tu,RW],[e,m,d,h,r,c,u,b,k]);if($APP.I($APP.l(a,"__xImageModel"),b)){h=HW(a);h=$APP.G(h);u=$APP.C(h,FW);c=$APP.C(h,$APP.er);k=$APP.C(h,GW);h=$APP.l(a,"__xImageModel");d=$APP.G(b);r=$APP.C(d,RW);d=$APP.C(d,PW);u.style.aspectRatio=$APP.n(r)?r:"";$APP.n(d)||$APP.n($APP.l(a,"__xImageWarnedRatio"))||($APP.Q(a,"__xImageWarnedRatio",
|
|
8
|
+
!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);u=$APP.C(d,NW);r=$APP.C(d,$APP.Tu);d=$APP.C(d,$APP.Nm);c.style.objectFit=u;c.style.objectPosition=r;c.loading=d;c.decoding="async";d=$APP.G(b);u=$APP.C(d,OW);r=$APP.C(d,$APP.Ip);d=$APP.C(d,QW);$APP.n(u)?(c.alt="",$APP.T(a,"aria-hidden","true"),$APP.U(a,"role")):(c.alt=r,$APP.U(a,"aria-hidden"),$APP.T(a,"role","img"),$APP.n(d)&&!$APP.n($APP.l(a,"__xImageWarnedAlt"))&&($APP.Q(a,"__xImageWarnedAlt",!0),
|
|
9
|
+
console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));u=$APP.G(b);c=$APP.C(u,OW);u=$APP.C(u,$APP.Ip);$APP.T(k,"aria-label",$APP.p(c)&&$APP.I("",u)?u:"Image failed to load");k=$APP.G(b);k=$APP.C(k,$APP.js);if(h==null||$APP.I($APP.n(h)?$APP.js.i(h):null,k))h=$APP.G($APP.l(a,"__xImageRefs")),h=$APP.C(h,$APP.er),$APP.I($APP.l(a,"__xImageCurrentSrc"),k)&&($APP.Q(a,"__xImageCurrentSrc",k),typeof k==="string"&&$APP.I("",k)?(IW(a,"loading"),$APP.T(h,"src",k)):
|
|
10
|
+
($APP.U(h,"src"),IW(a,"loading")));a=$APP.Q(a,"__xImageModel",b)}else a=null;return a},Aka=function(a){function b(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,$APP.er);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))){IW(a,"error");e=$APP.dj(a,"x-image-error",$APP.tm(new $APP.M(null,1,[$APP.js,$APP.n(e)?e:""],null)));break a}e=null}return e}function c(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,
|
|
11
|
+
$APP.er);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)){IW(a,"loaded");h=f.naturalWidth;f=f.naturalHeight;e=$APP.dj(a,"x-image-load",$APP.tm(new $APP.M(null,3,[$APP.js,$APP.n(e)?e:"",TW,$APP.n(h)?h:0,UW,$APP.n(f)?f:0],null)));break a}}e=null}return e}var d=HW(a);d=$APP.G(d);d=$APP.C(d,$APP.er);d.addEventListener("load",c);d.addEventListener("error",b);$APP.Q(a,"__xImageHandlers",new $APP.M(null,2,[VW,c,$APP.uj,
|
|
12
|
+
b],null))},WW=function(a){var b=$APP.l(a,"__xImageHandlers"),c=$APP.l(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.er.i(c);var d=VW.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)},XW=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.z.j(d,"")?$APP.U(this,c):$APP.T(this,c,""+$APP.P.i(d))},enumerable:!0,
|
|
13
|
+
configurable:!0})},Bka=function(a){XW(a,"src","src");XW(a,"alt","alt");XW(a,"ratio","ratio");XW(a,"fit","fit");XW(a,"position","position");XW(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.er.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.er.i(b).naturalHeight:
|
|
14
|
+
0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"state",{get:function(){var b=$APP.l(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},Cka=function(a){HW(a);WW(a);Aka(a);$APP.l(a,"__xImageState")==null&&IW(a,"loading");return SW(a)},Dka=function(a){return WW(a)},Eka=function(a,b,c,d){return $APP.I(c,d)?SW(a):null},YW=function(){return $APP.qi("x-image",new $APP.M(null,5,[$APP.hi,Fka,$APP.fi,Cka,$APP.ci,Dka,$APP.bi,Eka,$APP.gi,Bka],null))},FW=new $APP.F(null,
|
|
15
|
+
"frame","frame",-1711082588),MW=new $APP.F(null,"fit-raw","fit-raw",792829585),OW=new $APP.F(null,"decorative?","decorative?",131461581),GW=new $APP.F(null,"error-box","error-box",1060106676),RW=new $APP.F(null,"ratio-css","ratio-css",1208951932),wka=new $APP.F(null,"shimmer","shimmer",2123148747),xka=new $APP.F(null,"error-slot","error-slot",493821239),LW=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),QW=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),VW=new $APP.F(null,"load","load",-1318641184),
|
|
16
|
+
KW=new $APP.F(null,"decorative-present?","decorative-present?",2067744841),NW=new $APP.F(null,"fit","fit",869444807),JW=new $APP.F(null,"alt-present?","alt-present?",-707038767),TW=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),UW=new $APP.F(null,"naturalHeight","naturalHeight",227028566),PW=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var Fka="src alt decorative ratio fit position loading".split(" ");
|
|
17
|
+
$APP.ug([$APP.Ip,NW,$APP.js,$APP.Pt,new $APP.F(null,"decorative","decorative",-238973678),$APP.Nm,$APP.dr,UW,TW,$APP.Tu],[new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.pj,!0],null),new $APP.M(null,1,[$APP.N,$APP.qj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.Z,$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.Z,$APP.pj,
|
|
18
|
+
!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.he(["x-image-load",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.js,$APP.X,TW,$APP.Z,UW,$APP.Z],null),$APP.au,!1],null),"x-image-error",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.js,$APP.X],null),$APP.au,!1],null)]);var yka=new $APP.ah(null,new $APP.M(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),zka=new $APP.ah(null,new $APP.M(null,2,["eager",null,"lazy",null],null),null),uka=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.fa("baredom.exports.x_image.init",YW);export const init=YW;
|
package/dist/x-kbd.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var R1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.
|
|
3
|
-
c=$APP.C(b,T1),d=$APP.C(b,$APP.rq);a=$APP.C(b,$APP.
|
|
2
|
+
var R1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.bd(a,c)?c:b},epa=function(a){return typeof a==="string"&&$APP.z.j(1,a.length)?a:"+"},fpa=function(a,b){return typeof a==="string"&&$APP.I("",a.trim())?$APP.Ye($APP.De(function(c){return $APP.z.j("",c)},$APP.we.j(function(c){return c.trim()},a.split(b)))):$APP.Ee},gpa=function(a,b){return typeof b==="string"&&$APP.I("",b.trim())?b.trim():$APP.q(a)?$APP.ui(" plus ",$APP.we.j(S1,a)):""},jpa=function(a){var b=$APP.G(a),
|
|
3
|
+
c=$APP.C(b,T1),d=$APP.C(b,$APP.rq);a=$APP.C(b,$APP.Kn);var e=$APP.C(b,U1);b=$APP.C(b,$APP.Nj);d=epa(d);var f=function(){var h=R1(V1,"auto",e);return $APP.bd(W1,h)?h:"linux"}();c=fpa(c,d);c=$APP.Fe(function(h){h=h.trim();var k=$APP.C(hpa,new $APP.J(null,2,5,$APP.K,[f,h.toLowerCase()],null));return $APP.n(k)?k:new $APP.M(null,2,[$APP.At,h,S1,h],null)},c);return new $APP.M(null,6,[X1,c,$APP.Ts,d,$APP.Tm,R1(ipa,"md",a),Y1,f,$APP.hk,gpa(c,b),Z1,$APP.Rc(c)],null)},$1=function(a){var b=$APP.l(a,"__xKbdDetectedPlatform");
|
|
4
4
|
if($APP.n(b))return b;b=navigator;var c=$APP.l(b,"userAgentData");c=$APP.n(c)?$APP.l(c,"platform"):null;b=$APP.l(b,"platform");b=(""+$APP.P.i($APP.n(c)?c:$APP.n(b)?b:"")).toLowerCase();b=b.indexOf("mac")!=-1||b.indexOf("iphone")!=-1||b.indexOf("ipad")!=-1?"mac":b.indexOf("win")!=-1?"win":"linux";$APP.Q(a,"__xKbdDetectedPlatform",b);return b},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"),
|
|
5
5
|
e={};c.textContent=":host{display:inline-flex;align-items:baseline;vertical-align:baseline;gap:var(--x-kbd-gap,0.25rem);color-scheme:light dark;--x-kbd-bg:var(--x-typography-kbd-bg,rgba(0,0,0,0.06));--x-kbd-color:var(--x-color-text,inherit);--x-kbd-border-color:var(--x-typography-kbd-border,rgba(0,0,0,0.15));--x-kbd-border-radius:var(--x-typography-kbd-radius,0.25rem);--x-kbd-padding:var(--x-typography-kbd-padding,0.1em 0.4em);--x-kbd-font-family:ui-monospace,\"SF Mono\",\"SFMono-Regular\",Menlo,Consolas,monospace;--x-kbd-font-size:0.875em;--x-kbd-shadow:inset 0 -1px 0 rgba(0,0,0,0.08);--x-kbd-separator-color:var(--x-color-text-muted,currentColor);}@media (prefers-color-scheme:dark){:host{--x-kbd-bg:var(--x-typography-kbd-bg,rgba(255,255,255,0.1));--x-kbd-border-color:var(--x-typography-kbd-border,rgba(255,255,255,0.2));--x-kbd-shadow:inset 0 -1px 0 rgba(0,0,0,0.4);}}:host([data-size\x3d'sm']){--x-kbd-font-size:0.75em;--x-kbd-padding:0.05em 0.3em;}:host([data-size\x3d'lg']){--x-kbd-font-size:1em;--x-kbd-padding:0.15em 0.5em;}[part\x3dbase]{display:inline-flex;align-items:baseline;gap:var(--x-kbd-gap,0.25rem);flex-wrap:wrap;color:var(--x-kbd-color);}[part\x3dkey]{display:inline-block;min-width:1.25em;padding:var(--x-kbd-padding);border:1px solid var(--x-kbd-border-color);border-radius:var(--x-kbd-border-radius);background:var(--x-kbd-bg);color:inherit;font-family:var(--x-kbd-font-family);font-size:var(--x-kbd-font-size);font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:var(--x-kbd-shadow);box-sizing:border-box;}[part\x3dseparator]{display:inline-block;color:var(--x-kbd-separator-color);font-size:var(--x-kbd-font-size);user-select:none;}::slotted(*){font-family:var(--x-kbd-font-family);}";
|
|
6
|
-
$APP.T(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},b2=function(a){var b=$1(a);var c=a.getAttribute("platform");c=R1(V1,"auto",c);b=$APP.
|
|
7
|
-
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.
|
|
8
|
-
$APP.T(x,"part","separator");x.textContent=
|
|
9
|
-
"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),
|
|
6
|
+
$APP.T(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},b2=function(a){var b=$1(a);var c=a.getAttribute("platform");c=R1(V1,"auto",c);b=$APP.bd(W1,c)?c:$APP.bd(W1,b)?b:"linux";b=jpa(new $APP.M(null,5,[T1,a.getAttribute("keys"),$APP.rq,a.getAttribute("separator"),$APP.Kn,a.getAttribute("size"),U1,b,$APP.Nj,a.getAttribute("label")],null));if($APP.I($APP.l(a,"__xKbdModel"),b)){b=$APP.G(b);var d=$APP.C(b,$APP.Tm),e=$APP.C(b,$APP.hk);c=
|
|
7
|
+
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.Ts);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,u=e,x=document.createElement("span");
|
|
8
|
+
$APP.T(x,"part","separator");x.textContent=u;r.call(m,x)}m=c;r=m.appendChild;k=$APP.At.i(k);u=document.createElement("kbd");$APP.T(u,"part","key");u.textContent=k;r.call(m,u);h+=1}else break}a=$APP.Q(a,"__xKbdModel",b)}else a=null;return a},lpa=function(a){return $APP.sj(a,kpa)},mpa=function(a){a2(a);$1(a);return b2(a)},npa=function(a,b,c,d){return $APP.I(c,d)?b2(a):null},c2=function(){return $APP.qi("x-kbd",new $APP.M(null,4,[$APP.hi,opa,$APP.fi,mpa,$APP.bi,npa,$APP.gi,lpa],null))},X1=new $APP.F(null,
|
|
9
|
+
"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),ppa=new $APP.F(null,"keys","keys",1068423698);var opa=["keys","separator","size","platform","label"],ipa=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),hpa=$APP.ug([new $APP.J(null,2,5,$APP.K,["win","super"],null),new $APP.J(null,2,5,$APP.K,["mac","alt"],null),new $APP.J(null,2,5,$APP.K,["mac","option"],null),new $APP.J(null,2,
|
|
10
10
|
5,$APP.K,["linux","meta"],null),new $APP.J(null,2,5,$APP.K,["win","return"],null),new $APP.J(null,2,5,$APP.K,["mac","shift"],null),new $APP.J(null,2,5,$APP.K,["mac","ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","cmd"],null),new $APP.J(null,2,5,$APP.K,["win","meta"],null),new $APP.J(null,2,5,$APP.K,["win","cmd"],null),new $APP.J(null,2,5,$APP.K,["linux","super"],null),new $APP.J(null,2,5,$APP.K,["win","shift"],null),new $APP.J(null,2,5,$APP.K,["linux","shift"],null),new $APP.J(null,2,5,$APP.K,["mac",
|
|
11
11
|
"control"],null),new $APP.J(null,2,5,$APP.K,["linux","enter"],null),new $APP.J(null,2,5,$APP.K,["linux","return"],null),new $APP.J(null,2,5,$APP.K,["linux","command"],null),new $APP.J(null,2,5,$APP.K,["mac","command"],null),new $APP.J(null,2,5,$APP.K,["win","ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","super"],null),new $APP.J(null,2,5,$APP.K,["mac","meta"],null),new $APP.J(null,2,5,$APP.K,["mac","mod"],null),new $APP.J(null,2,5,$APP.K,["linux","cmd"],null),new $APP.J(null,2,5,$APP.K,["linux",
|
|
12
12
|
"ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","enter"],null),new $APP.J(null,2,5,$APP.K,["linux","mod"],null),new $APP.J(null,2,5,$APP.K,["win","mod"],null),new $APP.J(null,2,5,$APP.K,["win","enter"],null),new $APP.J(null,2,5,$APP.K,["win","control"],null),new $APP.J(null,2,5,$APP.K,["win","option"],null),new $APP.J(null,2,5,$APP.K,["linux","control"],null),new $APP.J(null,2,5,$APP.K,["linux","alt"],null),new $APP.J(null,2,5,$APP.K,["win","alt"],null),new $APP.J(null,2,5,$APP.K,["mac","return"],
|
|
13
|
-
null),new $APP.J(null,2,5,$APP.K,["win","command"],null),new $APP.J(null,2,5,$APP.K,["linux","option"],null)],[new $APP.M(null,2,[$APP.
|
|
14
|
-
S1,"Command"],null),new $APP.M(null,2,[$APP.
|
|
15
|
-
2,[$APP.
|
|
16
|
-
null),new $APP.M(null,2,[$APP.
|
|
17
|
-
3,[$APP.
|
|
13
|
+
null),new $APP.J(null,2,5,$APP.K,["win","command"],null),new $APP.J(null,2,5,$APP.K,["linux","option"],null)],[new $APP.M(null,2,[$APP.At,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.At,"⌥",S1,"Option"],null),new $APP.M(null,2,[$APP.At,"⌥",S1,"Option"],null),new $APP.M(null,2,[$APP.At,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.At,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.At,"⇧",S1,"Shift"],null),new $APP.M(null,2,[$APP.At,"⌃",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"⌘",
|
|
14
|
+
S1,"Command"],null),new $APP.M(null,2,[$APP.At,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.At,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.At,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.At,"Shift",S1,"Shift"],null),new $APP.M(null,2,[$APP.At,"Shift",S1,"Shift"],null),new $APP.M(null,2,[$APP.At,"⌃",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.At,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.At,"Super",S1,"Super"],null),new $APP.M(null,
|
|
15
|
+
2,[$APP.At,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.At,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.At,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.At,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.At,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.At,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.At,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"Ctrl",S1,"Control"],
|
|
16
|
+
null),new $APP.M(null,2,[$APP.At,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.At,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.At,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.At,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.At,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.At,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.At,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.At,"Alt",S1,"Alt"],null)]),kpa=new $APP.M(null,5,[ppa,new $APP.M(null,
|
|
17
|
+
3,[$APP.N,$APP.X,$APP.W,"keys",$APP.rj,""],null),$APP.Ts,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"separator",$APP.rj,"+"],null),$APP.Tm,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.rj,"md"],null),Y1,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"platform",$APP.rj,"auto"],null),$APP.hk,new $APP.M(null,3,[$APP.N,$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
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
6,[$APP.
|
|
5
|
-
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(
|
|
6
|
-
|
|
7
|
-
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.
|
|
2
|
+
var ZD=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},$D=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
|
|
3
|
+
aE=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,k=0;;)if(k<h){var m=b[k],r=m.x,u=m.y,x=m.ch,y=m.ln;m=m.cs;a.font=""+$APP.P.i(m)+"px monospace";a.textBaseline="top";for(var A=y,E=0;;)if(E<A){var H=u-(y-1-E)*m,O=(E+1)/y,S=O*O;H>-m&&H<d+m&&(a.globalAlpha=Math.min(1,S),a.fillStyle=$APP.z.j(E,y-1)?c:O>.5?f:e,a.fillText(x[E],r,H));E+=1}else break;k+=1}else break;return a.globalAlpha=1},bE=function(a){return $APP.D($APP.l(a,"__xKineticCanvasReduced"))},iE=function(a){a=new $APP.M(null,
|
|
4
|
+
6,[$APP.Vp,a.getAttribute("type"),$APP.lt,a.getAttribute("variant"),$APP.Us,a.getAttribute("speed"),$APP.Vq,a.getAttribute("density"),cE,a.getAttribute("fullscreen"),dE,a.getAttribute("paused")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Vp),d=$APP.C(b,$APP.lt),e=$APP.C(b,$APP.Us),f=$APP.C(b,$APP.Vq);a=$APP.C(b,cE);b=$APP.C(b,dE);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.bd(eE,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.bd(fE,d)?
|
|
5
|
+
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(gE,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(hE,f),$APP.n(h)?f=h:(f=parseFloat(f),h=isNaN(f),f=$APP.n($APP.n(h)?h:f<=0)?1:Math.min(5,f))):f=1;return new $APP.M(null,6,[$APP.N,c,$APP.Sm,d,$APP.jr,e,$APP.it,f,aaa,a!=null,$APP.cq,b!=null],null)},jE=function(a){$APP.Q(a,"__xKineticCanvasCol",null)},
|
|
6
|
+
mE=function(a,b){var c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.N.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.z.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.z.j(f,""))f=14;else{f=parseInt(f,10);var h=isNaN(f);f=$APP.n($APP.n(h)?h:f<=0)?14:f}}else f=null;h=$APP.C(kE,e);a:{var k=$APP.it.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*k*m,50),500));break a;
|
|
7
|
+
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.Sm.i(b);h=lE.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)}},oE=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.pp);if($APP.n($APP.n(c)?
|
|
8
8
|
$APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.l(a,"__xKineticCanvasCol");if($APP.n(h))var k=h[0];else{var m=window.getComputedStyle(a),r=m.getPropertyValue("--x-kinetic-canvas-bg").trim();h=m.getPropertyValue("--x-kinetic-canvas-color-1").trim();k=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();r=$APP.z.j(r,"")?"#f0f0f5":r;h=[r,$APP.z.j(h,"")?"#1a1a2e":h,$APP.z.j(k,"")?"#2563eb":k,$APP.z.j(m,"")?"#7c3aed":m];$APP.Q(a,
|
|
9
|
-
"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.
|
|
10
|
-
performance.now());return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return
|
|
11
|
-
|
|
12
|
-
if(d>0&&e>0){$APP.Q(a,"__xKineticCanvasW",d);$APP.Q(a,"__xKineticCanvasH",e);var f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.
|
|
13
|
-
|
|
14
|
-
b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.
|
|
15
|
-
return $APP.Q(a,"__xKineticCanvasVis",!1)},
|
|
16
|
-
b)):a=null):a=null:a=null;return a},
|
|
17
|
-
"draw","draw",1358331674);var
|
|
18
|
-
"paused"],null)],null),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
void 0}return a}},
|
|
22
|
-
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[
|
|
23
|
-
4,[
|
|
24
|
-
h.ch,h[Math.floor(Math.random()*h.length)]
|
|
9
|
+
"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.N.i(b);b=$APP.C(kE,b);f.clearRect(0,0,c,d);k!=null&&$APP.I(k,"transparent")&&(f.fillStyle=k,f.fillRect(0,0,c,d));if(bE(a))return a=$APP.Fr.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=nE.i(b);return b.va?b.va(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},qE=function(a){if($APP.n($APP.l(a,"__xKineticCanvasRaf")))return null;$APP.Yi(a,"__xKineticCanvasLastFrame",
|
|
10
|
+
performance.now());return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return pE(a)}))},rE=function(a){var b=$APP.l(a,"__xKineticCanvasRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.Yi(a,"__xKineticCanvasRaf",null)):null},baa=function(a){function b(d){d=d.matches;$APP.Q(a,"__xKineticCanvasReduced",d);jE(a);$APP.n(d)?(rE(a),d=oE(a)):(d=$APP.l(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.cq.i($APP.l(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?qE(a):null);return d}var c=
|
|
11
|
+
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.cq.i(e),d=$APP.n($APP.n(d)?d:bE(a))?null:qE(a)):d=rE(a);return d},{threshold:[0]});c.observe(a);$APP.Q(a,"__xKineticCanvasIO",c);c=new ResizeObserver(function(d){a:{if(d.length>
|
|
12
|
+
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.Zt);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);jE(a);mE(a,$APP.l(a,"__xKineticCanvasModel"));d=$APP.cq.i($APP.l(a,"__xKineticCanvasModel"));d=$APP.n($APP.n(d)?d:bE(a))?oE(a):qE(a);break a}}d=null}return d});c.observe(a);return $APP.Q(a,"__xKineticCanvasRO",
|
|
13
|
+
c)},daa=function(a){var b=iE(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=caa;d.className="kc-canvas-wrap";$APP.T(e,"aria-hidden","true");d.appendChild(e);f.className="kc-content";
|
|
14
|
+
f.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.Sk,b,$APP.Zt,e,$APP.pp,e.getContext("2d")],null))}return baa(a)},eaa=function(a){rE(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(),
|
|
15
|
+
$APP.Q(a,"__xKineticCanvasRO",null));return $APP.Q(a,"__xKineticCanvasVis",!1)},faa=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticCanvasRefs"))?(b=iE(a),c=$APP.l(a,"__xKineticCanvasModel"),$APP.I(c,b)?(jE(a),(c==null||$APP.I($APP.N.i(b),$APP.N.i(c))||$APP.I($APP.it.i(b),$APP.it.i(c))||$APP.I($APP.Sm.i(b),$APP.Sm.i(c)))&&mE(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.cq.i(b),$APP.n($APP.n(c)?c:bE(a))?(rE(a),oE(a)):
|
|
16
|
+
(oE(a),qE(a))),a=$APP.Q(a,"__xKineticCanvasModel",b)):a=null):a=null:a=null;return a},haa=function(a){return $APP.sj(a,gaa)},sE=function(){return $APP.qi("x-kinetic-canvas",new $APP.M(null,5,[$APP.hi,iaa,$APP.fi,daa,$APP.ci,eaa,$APP.bi,faa,$APP.gi,haa],null))},lE=new $APP.F(null,"create","create",-1301499256),tE=new $APP.F(null,"update","update",1045576396),aaa=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),dE=new $APP.F(null,"paused-attr","paused-attr",2104502840),cE=new $APP.F(null,"fullscreen-attr",
|
|
17
|
+
"fullscreen-attr",-534694210),nE=new $APP.F(null,"draw","draw",1358331674);var iaa="type variant speed density fullscreen paused".split(" "),gaa=new $APP.M(null,6,[$APP.N,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null),$APP.Sm,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"variant"],null),$APP.jr,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"speed"],null),$APP.it,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"fullscreen"],null),$APP.zs,new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,
|
|
18
|
+
"paused"],null)],null),eE=new $APP.ah(null,new $APP.M(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),fE=new $APP.ah(null,new $APP.M(null,2,["twinkle",null,"motion",null],null),null),gE=new $APP.M(null,3,["slow",.3,"medium",1,"fast",2.5],null),hE=new $APP.M(null,3,["low",.5,"medium",1,"high",2],null);var uE=function uE(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return uE.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.ac(c.slice(4),0,null):null)};uE.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};uE.M=4;
|
|
19
|
+
uE.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 vE=function vE(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return vE.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.ac(c.slice(4),0,null):null)};vE.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};vE.M=4;
|
|
20
|
+
vE.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 kE=$APP.he(["starfield",new $APP.M(null,4,[lE,uE,tE,function(a,b,c,d,e,f){switch(f){case "twinkle":a:{d=2*c*b;e=a.length;for(b=0;;)if(b<e)c=a[b],c.ph+=d,b+=1;else{a=null;break a}a=void 0}return a;default:a:{b*=30*c;c=d*.5;f=e*.5;for(var h=a.length,k=0;;)if(k<h){var m=a[k],r=m.z,u=m.x,x=m.y;r*=b*r;u+=(u-c)*r*.02;x+=(x-f)*r*.02;m.x=u;m.y=x;if(u<-10||u>d+10||x<-10||x>e+10)m.x=c+(Math.random()-.5)*40,m.y=f+(Math.random()-.5)*40,m.z=.1+Math.random()*.9,m.br=.3+Math.random()*.7;k+=1}else{a=null;break a}a=
|
|
21
|
+
void 0}return a}},nE,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var k=b[h],m=k.z,r=k.sz*m,u=$APP.sd(h,3)===0?e:c;a.globalAlpha=Math.min(1,k.br*(.5+.5*Math.sin(f*2+k.ph))*m);a.fillStyle=u;a.beginPath();a.arc(k.x,k.y,Math.max(.5,r),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},$APP.Fr,function(a,b,c,d,e){c=b.length;a.fillStyle=e[0];for(e=0;;)if(e<c){d=b[e];var f=d.z,h=d.sz*f;a.globalAlpha=d.br*f;a.beginPath();a.arc(d.x,d.y,Math.max(.5,h),0,6.283185307179586);
|
|
22
|
+
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[lE,vE,tE,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var k=a[h],m=k.r,r=k.x+k.vx*c,u=k.y+k.vy*c,x=k.vx+(Math.random()-.5)*2*b;k.x=r;k.y=u;k.vx=Math.abs(x)>30?Math.sign(x)*30:x;u<0-m-10&&(k.y=e+m+10,k.x=Math.random()*d,k.r=8+Math.random()*40,k.op=.4+Math.random()*.5);r<0-m&&(k.x=d+m);r>d+m&&(k.x=0-m);h+=1}else return null},nE,ZD,$APP.Fr,function(a,b,c,d,e){return ZD(a,b,c,d,e,0)}],null),"matrix",new $APP.M(null,
|
|
23
|
+
4,[lE,function(a,b,c,d,e){d=$APP.n(e)?e:14;e=[];for(var f=Math.ceil(b/d),h=0;;)if(h<c){for(var k=5+Math.floor(Math.random()*(f-5)),m=[],r=k,u=0;;)if(u<r)m.push($D()),u+=1;else break;r={};r.x=a/c*h;r.y=(Math.random()-.5)*b*2;r.sp=40+Math.random()*120;r.ln=k;r.ch=m;r.ct=Math.random()*.2;r.cs=d;e.push(r);h+=1}else break;return e},tE,function(a,b,c,d,e){d=a.length;for(var f=0;;)if(f<d){var h=a[f],k=h.ln,m=h.cs;h.y+=h.sp*c*b;h.y-k*m>e&&(h.y=-(k*m),h.sp=40+Math.random()*120);h.ct+=b;h.ct>.08&&(h.ct=0,h=
|
|
24
|
+
h.ch,h[Math.floor(Math.random()*h.length)]=$D());f+=1}else return null},nE,aE,$APP.Fr,function(a,b,c,d,e){return aE(a,b,c,d,e,0)}],null)]),caa=":host{display:block;position:relative;overflow:hidden;"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+$APP.P.i("--x-kinetic-canvas-matrix-font-size")+
|
|
25
25
|
":14;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#c084fc);}}:host([fullscreen]){position:fixed;inset:0;z-index:var(--x-kinetic-canvas-z,-1);}.kc-canvas-wrap{position:absolute;inset:0;z-index:0;}canvas{display:block;width:100%;height:100%;}.kc-content{position:relative;z-index:1;}",
|
|
26
|
-
|
|
27
|
-
"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.
|
|
26
|
+
pE=function pE(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var r=$APP.cq.i($APP.l(a,"__xKineticCanvasModel"));return $APP.n(r)?r:bE(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.N.i(c),h=$APP.C(kE,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,
|
|
27
|
+
"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.jr.i(c),c=$APP.Sm.i(c),h=tE.i(h),h.va?h.va(f,e,d,k,m,c):h.call(null,f,e,d,k,m,c));oE(a);return $APP.Yi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return pE.i?pE.i(a):pE.call(null,a)}))};$APP.fa("baredom.exports.x_kinetic_canvas.init",sE);export const init=sE;
|