@vanelsas/baredom 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +86 -86
- package/dist/base.js +533 -524
- package/dist/integrity.json +103 -103
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -1
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -7
- package/dist/x-i18n-provider.js +7 -7
- 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 +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -25
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +120 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +4 -2
package/dist/x-i18n.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
d=document.createElement("span");c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}"
|
|
5
|
-
"__xI18nProvider",null)},
|
|
2
|
+
var XS=function(a){var b=a.getAttribute("key");a=a.getAttribute("params");return new $APP.N(null,2,[$APP.Gp,$APP.n(b)?b:"",$APP.pq,$APP.Ql(a)],null)},YS=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.Gp.i(b);var h=$APP.pq.i(b);e=$APP.Rl(e,d);e=$APP.n(e)?e:$APP.Rl(f,d);d=typeof e==="string"?$APP.Sl(e,h):$APP.n(d)?d:"";$APP.n(c)&&($APP.l(c,
|
|
3
|
+
"span").textContent=d);return $APP.R(a,"__xI18nModel",b)},ZS=function(a){var b=XS(a);return $APP.I(b,$APP.l(a,"__xI18nModel"))?YS(a,b):null},tba=function(a){var b=a.closest("x-i18n-provider");$APP.R(a,"__xI18nProvider",b);if($APP.n(b)){var c=function(){var e=$APP.l(a,"__xI18nModel");e=$APP.n(e)?e:XS(a);return YS(a,e)},d={};d.change=c;$APP.R(a,"__xI18nHandlers",d);b.addEventListener("x-i18n-change",c)}},uba=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.R(a,"__xI18nRefs",e)}tba(a);return ZS(a)},vba=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.R(a,"__xI18nHandlers",null);return $APP.R(a,
|
|
5
|
+
"__xI18nProvider",null)},wba=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xI18nRefs"))?ZS(a):null:null},xba=function(a){$APP.Ei(a,$APP.Ms);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})},$S=function(){return $APP.Kh("x-i18n",new $APP.N(null,5,[$APP.Bh,yba,$APP.zh,uba,$APP.qh,vba,$APP.ph,wba,$APP.Ah,xba],null))},yba=["key","params"];$APP.fa("baredom.exports.x_i18n.init",$S);export const init=$S;
|
package/dist/x-icon.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
var pZ=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},vZ=function(a){var b=new $APP.N(null,4,[$APP.Al,a.getAttribute("size"),$APP.Es,a.getAttribute("color"),$APP.Vi,a.getAttribute("label"),qZ,a.hasAttribute("label")],null);var c=$APP.H(b),d=$APP.C(c,$APP.Al),e=$APP.C(c,$APP.Es);b=$APP.C(c,$APP.Vi);c=$APP.C(c,qZ);if(typeof d==="string"){var f=d.trim().toLowerCase();var h=$APP.C(rZ,f);f=$APP.n(h)?new $APP.N(null,3,[$APP.fn,""+$APP.P.i(h)+"px",sZ,f,$APP.Lq,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.y.j(""+$APP.P.i(f),d)?new $APP.N(null,3,[$APP.fn,""+$APP.P.i(f)+"px",sZ,null,$APP.Lq,f],null):null):d=null,d=$APP.n(d)?d:Rfa);typeof e==="string"?(e=e.trim().toLowerCase(),e=$APP.$c(Sfa,e)?e:"inherit"):e="inherit";b=$APP.n($APP.n(c)?typeof b==="string":c)?b:"";b=new $APP.N(null,4,[$APP.tq,$APP.fn.i(d),$APP.$m,$APP.ze(tZ,new $APP.K(null,2,5,$APP.M,[e,$APP.fn],null)),$APP.bj,b,uZ,$APP.E($APP.n(c)?$APP.I("",b):c)],null);
|
|
4
|
+
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.fi(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=Tfa,$APP.T(d,"part","box"),d.appendChild(f),c.appendChild(e),c.appendChild(d),$APP.R(a,"__xIconInitialized",!0)),e=$APP.H(b),c=$APP.C(e,$APP.tq),e=$APP.C(e,$APP.$m),d=a.style,d.setProperty("--x-icon-size",c),d.setProperty("--x-icon-color",e),e=$APP.H(b),c=$APP.C(e,uZ),e=$APP.C(e,$APP.bj),
|
|
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.R(a,"__xIconModel",b)):a=null;return a},Vfa=function(a){return $APP.Ei(a,Ufa)},Wfa=function(a){return vZ(a)},Xfa=function(a,b,c,d){return $APP.I(c,d)?vZ(a):null},wZ=function(){return $APP.Kh("x-icon",new $APP.N(null,4,[$APP.Bh,Yfa,$APP.zh,Wfa,$APP.ph,Xfa,$APP.Ah,Vfa],null))},sZ=new $APP.F(null,"token","token",-1211463215),qZ=new $APP.F(null,
|
|
6
|
+
"label-present?","label-present?",-367749525),uZ=new $APP.F(null,"labelled?","labelled?",-1907816908);var Yfa=["size","color","label"],rZ=new $APP.N(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),tZ=new $APP.N(null,8,["inherit",new $APP.N(null,1,[$APP.fn,"inherit"],null),"primary",new $APP.N(null,1,[$APP.fn,pZ("--x-color-primary","#2563eb")],null),"secondary",new $APP.N(null,1,[$APP.fn,pZ("--x-color-secondary","#64748b")],null),"tertiary",new $APP.N(null,1,[$APP.fn,pZ("--x-color-tertiary","#94a3b8")],null),"success",new $APP.N(null,1,[$APP.fn,pZ("--x-color-success","#16a34a")],null),"warning",new $APP.N(null,
|
|
7
|
+
1,[$APP.fn,pZ("--x-color-warning","#d97706")],null),"danger",new $APP.N(null,1,[$APP.fn,pZ("--x-color-danger","#dc2626")],null),"muted",new $APP.N(null,1,[$APP.fn,pZ("--x-color-text-muted","#64748b")],null)],null),Sfa=$APP.wg($APP.mg(tZ)),Ufa=new $APP.N(null,3,[$APP.Ok,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"size",$APP.Di,""],null),$APP.Xo,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"color",$APP.Di,""],null),$APP.bj,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"label",$APP.Di,""],null)],null),xZ=$APP.C(rZ,
|
|
8
|
+
"md"),Rfa=new $APP.N(null,3,[$APP.fn,""+$APP.P.i(xZ)+"px",sZ,"md",$APP.Lq,xZ],null);var Tfa=":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",wZ);export const init=wZ;
|
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.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"string"?(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)){var h=f.getAttribute("src")
|
|
12
|
-
c=$APP.
|
|
13
|
-
|
|
14
|
-
"state",{get:function(){var b=$APP.
|
|
15
|
-
"fit-raw","fit-raw",792829585),
|
|
16
|
-
"decorative-present?",2067744841),
|
|
17
|
-
$APP.
|
|
18
|
-
!0],null),new $APP.
|
|
2
|
+
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,
|
|
3
|
+
!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;}}";
|
|
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(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);
|
|
5
|
+
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"),
|
|
6
|
+
$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===
|
|
7
|
+
"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",
|
|
8
|
+
!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),
|
|
9
|
+
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)):
|
|
10
|
+
($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,
|
|
11
|
+
$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,
|
|
12
|
+
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,
|
|
13
|
+
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:
|
|
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})},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,
|
|
15
|
+
"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),
|
|
16
|
+
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(" ");
|
|
17
|
+
$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,
|
|
18
|
+
!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;
|
package/dist/x-kbd.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c=$APP.C(b,
|
|
4
|
-
if($APP.n(b))return b;b=navigator;var c=$APP.
|
|
5
|
-
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
|
-
|
|
7
|
-
c=$APP.
|
|
8
|
-
|
|
9
|
-
"tokens",-818939304),
|
|
10
|
-
5,$APP.
|
|
11
|
-
"control"],null),new $APP.
|
|
12
|
-
"ctrl"],null),new $APP.
|
|
13
|
-
null),new $APP.
|
|
14
|
-
|
|
15
|
-
2,[$APP.
|
|
16
|
-
null),new $APP.
|
|
17
|
-
3,[$APP.
|
|
2
|
+
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),
|
|
3
|
+
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");
|
|
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.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"),
|
|
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.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=
|
|
7
|
+
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");
|
|
8
|
+
$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,
|
|
9
|
+
"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,
|
|
10
|
+
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",
|
|
11
|
+
"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",
|
|
12
|
+
"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"],
|
|
13
|
+
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,"⌘",
|
|
14
|
+
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,
|
|
15
|
+
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"],
|
|
16
|
+
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,
|
|
17
|
+
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;
|
package/dist/x-kinetic-canvas.js
CHANGED
|
@@ -1,26 +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
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
"
|
|
10
|
-
performance.now())
|
|
11
|
-
$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.
|
|
12
|
-
0&&e>0){$APP.R(a,"__xKineticCanvasW",d);$APP.R(a,"__xKineticCanvasH",e);var f=$APP.
|
|
13
|
-
0);$APP.R(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.
|
|
14
|
-
new $APP.
|
|
15
|
-
b,c,d){$APP.I(c,d)
|
|
16
|
-
new $APP.
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function(){var q=$APP.
|
|
2
|
+
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))},
|
|
3
|
+
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,
|
|
4
|
+
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)?
|
|
5
|
+
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)},
|
|
6
|
+
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;
|
|
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.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)?
|
|
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),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,
|
|
9
|
+
"__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",
|
|
10
|
+
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)");
|
|
11
|
+
$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;
|
|
12
|
+
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);
|
|
13
|
+
$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);
|
|
14
|
+
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));
|
|
15
|
+
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",
|
|
16
|
+
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,
|
|
17
|
+
"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,
|
|
18
|
+
"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;
|
|
19
|
+
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;
|
|
20
|
+
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=
|
|
21
|
+
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);
|
|
22
|
+
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,
|
|
23
|
+
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=
|
|
24
|
+
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")+
|
|
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
|
+
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,
|
|
27
|
+
"__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;
|