@vanelsas/baredom 2.7.0 → 2.9.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 +50 -0
- package/custom-elements.json +822 -16
- package/dist/baredom.d.ts +9 -0
- package/dist/base.js +455 -428
- package/dist/integrity.json +102 -93
- package/dist/x-alert.js +17 -18
- package/dist/x-avatar-group.js +9 -10
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +9 -10
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -14
- package/dist/x-button.js +17 -18
- package/dist/x-cancel-dialogue.js +13 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -34
- package/dist/x-chart.d.ts +26 -0
- package/dist/x-chart.js +47 -46
- package/dist/x-checkbox.js +11 -10
- package/dist/x-chip.js +1 -9
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +26 -26
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +23 -0
- package/dist/x-container.js +4 -4
- package/dist/x-context-menu.d.ts +31 -2
- package/dist/x-context-menu.js +20 -18
- package/dist/x-copy.js +20 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.d.ts +27 -0
- package/dist/x-date-picker.js +42 -41
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +10 -11
- package/dist/x-dropdown.js +11 -10
- package/dist/x-fieldset.js +5 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +21 -21
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -8
- package/dist/x-gaussian-blur.js +13 -19
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.d.ts +43 -0
- package/dist/x-i18n-provider.js +8 -0
- package/dist/x-i18n.d.ts +14 -0
- package/dist/x-i18n.js +5 -0
- package/dist/x-icon.js +6 -7
- package/dist/x-image.js +18 -19
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- package/dist/x-kinetic-canvas.d.ts +18 -0
- package/dist/x-kinetic-canvas.js +26 -0
- package/dist/x-kinetic-font.js +27 -28
- package/dist/x-kinetic-typography.js +33 -39
- package/dist/x-liquid-dock.js +38 -39
- package/dist/x-liquid-fill.js +45 -45
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -9
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +11 -12
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.d.ts +50 -0
- package/dist/x-multi-combobox.js +37 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +33 -33
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -18
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -16
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +26 -24
- package/dist/x-progress-circle.js +9 -10
- package/dist/x-progress.js +10 -11
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +20 -0
- package/dist/x-radio.js +11 -10
- package/dist/x-ripple-effect.js +11 -12
- package/dist/x-scroll-parallax.js +18 -19
- package/dist/x-scroll-stack.js +17 -18
- package/dist/x-scroll-story.js +34 -36
- package/dist/x-scroll-timeline.js +45 -46
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -9
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -5
- package/dist/x-spinner.js +4 -5
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -12
- package/dist/x-stepper.js +14 -15
- package/dist/x-switch.js +10 -9
- package/dist/x-tab.js +7 -8
- package/dist/x-table-cell.js +20 -24
- package/dist/x-table-row.js +8 -9
- package/dist/x-table.js +12 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +21 -23
- package/dist/x-timeline.js +8 -9
- package/dist/x-toast.js +22 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -11
- package/dist/x-typography.js +9 -11
- package/dist/x-welcome-tour.js +60 -64
- package/package.json +47 -2
package/dist/x-image.js
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
!1],null)):new $APP.
|
|
4
|
-
d.setAttribute("part","frame");e.setAttribute("part","shimmer");e.setAttribute("aria-hidden","true");
|
|
5
|
-
"Image unavailable";m.appendChild(
|
|
6
|
-
|
|
7
|
-
"string"?(d=$APP.
|
|
8
|
-
$APP.n(
|
|
9
|
-
"img"),$APP.n(
|
|
10
|
-
h)):(l.removeAttribute("src"),
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
new $APP.Q(null,
|
|
20
|
-
var sO=new $APP.R(null,new $APP.Q(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),tO=new $APP.R(null,new $APP.Q(null,2,["eager",null,"lazy",null],null),null),gO=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ha("baredom.exports.x_image.init",LO);export const init=LO;
|
|
2
|
+
var ST=function(a){if(a==null)return new $APP.P(null,2,[$APP.gj,null,$APP.jj,!0],null);if(typeof a!=="string")return new $APP.P(null,2,[$APP.gj,null,$APP.jj,!1],null);a=a.trim().toLowerCase();if($APP.B.j(a,"")||$APP.B.j(a,"auto"))return new $APP.P(null,2,[$APP.gj,null,$APP.jj,!0],null);var b=$APP.og(RT,a);return $APP.n(b)?(a=parseFloat($APP.sc(b,1)),b=parseFloat($APP.sc(b,2)),a>0&&b>0?new $APP.P(null,2,[$APP.gj,""+$APP.R.i(a)+" / "+$APP.R.i(b),$APP.jj,!0],null):new $APP.P(null,2,[$APP.gj,null,$APP.jj,
|
|
3
|
+
!1],null)):new $APP.P(null,2,[$APP.gj,null,$APP.jj,!1],null)},XT=function(a){var b=$APP.k(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"),l=document.createElement("slot"),m=document.createElement("div"),q=document.createElement("span"),r=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
|
+
d.setAttribute("part","frame");e.setAttribute("part","shimmer");e.setAttribute("aria-hidden","true");f.setAttribute("part","image");f.alt="";f.decoding="async";f.loading="lazy";h.setAttribute("part","error");h.setAttribute("role","img");h.setAttribute("aria-label","Image failed to load");l.setAttribute("name","error");m.setAttribute("part","error-default");q.setAttribute("part","error-glyph");q.setAttribute("aria-hidden","true");q.textContent="⚠";r.setAttribute("part","error-text");r.textContent=
|
|
5
|
+
"Image unavailable";m.appendChild(q);m.appendChild(r);l.appendChild(m);h.appendChild(l);d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xImageRefs=new $APP.P(null,6,[$APP.Qh,b,TT,d,UT,e,$APP.Mk,f,VT,h,WT,l],null);return $APP.k(a,"__xImageRefs")},YT=function(a,b){a.__xImageState=b;a.setAttribute("data-state",b)},jU=function(a){var b=new $APP.P(null,8,[$APP.On,a.getAttribute("src"),$APP.po,a.getAttribute("alt"),ZT,a.hasAttribute("alt"),$T,a.hasAttribute("decorative"),
|
|
6
|
+
aU,a.getAttribute("ratio"),bU,a.getAttribute("fit"),$APP.ol,a.getAttribute("position"),$APP.go,a.getAttribute("loading")],null);var c=$APP.H(b),d=$APP.C(c,$APP.On),e=$APP.C(c,$APP.po),f=$APP.C(c,ZT),h=$APP.C(c,$T),l=$APP.C(c,aU),m=$APP.C(c,bU);b=$APP.C(c,$APP.ol);var q=$APP.C(c,$APP.go);h=$APP.E(h);l=ST(l);c=$APP.H(l);l=$APP.C(c,$APP.gj);c=$APP.C(c,$APP.jj);var r=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.Vc(cU,m)?m:"cover"):m="cover";typeof d===
|
|
7
|
+
"string"?(d=$APP.xh(d),d=typeof d==="string"&&$APP.M("",d)?d:null):d=null;typeof q==="string"?(q=q.trim().toLowerCase(),q=$APP.Vc(dU,q)?q:"lazy"):q="lazy";typeof b==="string"?(b=b.trim(),b=$APP.B.j(b,"")?"center":b):b="center";b=$APP.Hf([$APP.wj,eU,$APP.Tl,fU,$APP.Xm,gU,hU,$APP.Io,iU],[e,m,d,h,q,c,r,b,l]);$APP.M($APP.k(a,"__xImageModel"),b)&&(h=XT(a),c=$APP.H(h),h=$APP.C(c,TT),l=$APP.C(c,$APP.Mk),c=$APP.C(c,VT),r=$APP.k(a,"__xImageModel"),q=$APP.n(r)?$APP.Tl.i(r):null,r=r==null||$APP.M(q,$APP.Tl.i(b)),
|
|
8
|
+
$APP.n(iU.i(b))?h.style.aspectRatio=iU.i(b):h.style.aspectRatio="",$APP.n(gU.i(b))||$APP.n($APP.k(a,"__xImageWarnedRatio"))||(a.__xImageWarnedRatio=!0,console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").')),l.style.objectFit=eU.i(b),l.style.objectPosition=$APP.Io.i(b),l.loading=$APP.Xm.i(b),l.decoding="async",$APP.n(fU.i(b))?(l.alt="",a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(l.alt=$APP.wj.i(b),a.removeAttribute("aria-hidden"),a.setAttribute("role",
|
|
9
|
+
"img"),$APP.n(hU.i(b))&&!$APP.n($APP.k(a,"__xImageWarnedAlt"))&&(a.__xImageWarnedAlt=!0,console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.'))),c.setAttribute("aria-label",$APP.p(fU.i(b))&&$APP.M("",$APP.wj.i(b))?$APP.wj.i(b):"Image failed to load"),r&&(h=$APP.Tl.i(b),l=$APP.H($APP.k(a,"__xImageRefs")),l=$APP.C(l,$APP.Mk),$APP.M($APP.k(a,"__xImageCurrentSrc"),h)&&(a.__xImageCurrentSrc=h,typeof h==="string"&&$APP.M("",h)?(YT(a,"loading"),l.setAttribute("src",
|
|
10
|
+
h)):(l.removeAttribute("src"),YT(a,"loading")))),a.__xImageModel=b)},nU=function(a){function b(){var e=$APP.H($APP.k(a,"__xImageRefs")),f=$APP.C(e,$APP.Mk);e=$APP.k(a,"__xImageCurrentSrc");$APP.n($APP.n(f)?typeof e==="string"&&$APP.M("",e):f)&&(f=f.getAttribute("src"),$APP.B.j(f,e)&&(YT(a,"error"),$APP.ah(a,"x-image-error",$APP.Wi(new $APP.P(null,1,[$APP.Tl,$APP.n(e)?e:""],null)))));return null}function c(){var e=$APP.H($APP.k(a,"__xImageRefs")),f=$APP.C(e,$APP.Mk);e=$APP.k(a,"__xImageCurrentSrc");
|
|
11
|
+
if($APP.n($APP.n(f)?typeof e==="string"&&$APP.M("",e):f)){var h=f.getAttribute("src");$APP.B.j(h,e)&&(YT(a,"loaded"),h=f.naturalWidth,f=f.naturalHeight,$APP.ah(a,"x-image-load",$APP.Wi(new $APP.P(null,3,[$APP.Tl,$APP.n(e)?e:"",kU,$APP.n(h)?h:0,lU,$APP.n(f)?f:0],null))))}return null}var d=XT(a);d=$APP.H(d);d=$APP.C(d,$APP.Mk);d.addEventListener("load",c);d.addEventListener("error",b);$APP.Xg(a,"__xImageHandlers",new $APP.P(null,2,[mU,c,$APP.Qj,b],null))},oU=function(a){var b=$APP.k(a,"__xImageHandlers"),
|
|
12
|
+
c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.Mk.i(c);var d=mU.i(b);b=$APP.Qj.i(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}a.__xImageHandlers=null},pU=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.B.j(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.R.i(d))},enumerable:!0,configurable:!0})},qU=function(a){pU(a,"src","src");pU(a,"alt",
|
|
13
|
+
"alt");pU(a,"ratio","ratio");pU(a,"fit","fit");pU(a,"position","position");pU(a,"loading","loading");$APP.ch(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.Mk.i(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.Mk.i(b).naturalHeight:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,
|
|
14
|
+
"state",{get:function(){var b=$APP.k(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},rU=function(a){XT(a);oU(a);nU(a);$APP.k(a,"__xImageState")==null&&YT(a,"loading");jU(a);return null},sU=function(a){oU(a);return null},tU=function(a,b,c,d){$APP.M(c,d)&&jU(a);return null},vU=function(){return $APP.Wg("x-image",new $APP.P(null,5,[$APP.Mg,uU,$APP.Ng,rU,$APP.Og,sU,$APP.Qg,tU,$APP.Ug,qU],null))},TT=new $APP.F(null,"frame","frame",-1711082588),bU=new $APP.F(null,"fit-raw",
|
|
15
|
+
"fit-raw",792829585),fU=new $APP.F(null,"decorative?","decorative?",131461581),VT=new $APP.F(null,"error-box","error-box",1060106676),iU=new $APP.F(null,"ratio-css","ratio-css",1208951932),UT=new $APP.F(null,"shimmer","shimmer",2123148747),WT=new $APP.F(null,"error-slot","error-slot",493821239),aU=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),hU=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),mU=new $APP.F(null,"load","load",-1318641184),$T=new $APP.F(null,"decorative-present?","decorative-present?",
|
|
16
|
+
2067744841),eU=new $APP.F(null,"fit","fit",869444807),ZT=new $APP.F(null,"alt-present?","alt-present?",-707038767),kU=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),lU=new $APP.F(null,"naturalHeight","naturalHeight",227028566),gU=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var uU="src alt decorative ratio fit position loading".split(" ");
|
|
17
|
+
$APP.Hf([$APP.wj,eU,$APP.Tl,new $APP.F(null,"state","state",-1988618099),new $APP.F(null,"decorative","decorative",-238973678),$APP.Xm,$APP.Lk,lU,kU,$APP.Io],[new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,2,[$APP.S,$APP.V,$APP.gh,!0],null),new $APP.P(null,1,[$APP.S,$APP.U],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,2,[$APP.S,$APP.W,$APP.gh,!0],null),
|
|
18
|
+
new $APP.P(null,2,[$APP.S,$APP.W,$APP.gh,!0],null),new $APP.P(null,1,[$APP.S,$APP.V],null)]);$APP.Ud(["x-image-load",new $APP.P(null,2,[$APP.Z,new $APP.P(null,3,[$APP.Tl,$APP.V,kU,$APP.W,lU,$APP.W],null),$APP.Un,!1],null),"x-image-error",new $APP.P(null,2,[$APP.Z,new $APP.P(null,1,[$APP.Tl,$APP.V],null),$APP.Un,!1],null)]);
|
|
19
|
+
var cU=new $APP.Q(null,new $APP.P(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),dU=new $APP.Q(null,new $APP.P(null,2,["eager",null,"lazy",null],null),null),RT=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.da("baredom.exports.x_image.init",vU);export const init=vU;
|
package/dist/x-kbd.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// x-kbd.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XKbd extends HTMLElement {
|
|
6
|
+
keys: string;
|
|
7
|
+
separator: string;
|
|
8
|
+
size: string;
|
|
9
|
+
platform: string;
|
|
10
|
+
label: string;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
"x-kbd": XKbd;
|
|
16
|
+
}
|
|
17
|
+
}
|
package/dist/x-kbd.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var H2=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Vc(a,c)?c:b},oba=function(a){return typeof a==="string"&&$APP.B.j(1,a.length)?a:"+"},pba=function(a,b){return typeof a==="string"&&$APP.M("",a.trim())?$APP.Ee($APP.le(function(c){return $APP.B.j("",c)},$APP.ee.j(function(c){return c.trim()},a.split(b)))):$APP.me},qba=function(a,b){return typeof b==="string"&&$APP.M("",b.trim())?b.trim():$APP.t(a)?$APP.mh(" plus ",$APP.ee.j(I2,a)):""},tba=function(a){var b=$APP.H(a),
|
|
3
|
+
c=$APP.C(b,J2),d=$APP.C(b,$APP.ek);a=$APP.C(b,$APP.wn);var e=$APP.C(b,K2);b=$APP.C(b,$APP.Bh);d=oba(d);var f=function(){var h=H2(L2,"auto",e);return $APP.Vc(M2,h)?h:"linux"}();c=pba(c,d);c=$APP.ne(function(h){h=h.trim();var l=$APP.C(rba,new $APP.N(null,2,5,$APP.O,[f,h.toLowerCase()],null));return $APP.n(l)?l:new $APP.P(null,2,[$APP.ln,h,I2,h],null)},c);return new $APP.P(null,6,[N2,c,$APP.Bm,d,$APP.bj,H2(sba,"md",a),O2,f,$APP.X,qba(c,b),P2,$APP.Kc(c)],null)},Q2=function(a){var b=$APP.k(a,"__xKbdDetectedPlatform");
|
|
4
|
+
if($APP.n(b))return b;b=navigator;var c=$APP.k(b,"userAgentData");c=$APP.n(c)?$APP.k(c,"platform"):null;b=$APP.k(b,"platform");b=(""+$APP.R.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";return a.__xKbdDetectedPlatform=b},R2=function(a){var b=$APP.k(a,"__xKbdRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("span");
|
|
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
|
+
d.setAttribute("part","base");b.appendChild(c);b.appendChild(d);a.__xKbdRefs={base:d};return $APP.k(a,"__xKbdRefs")},S2=function(a){var b=Q2(a);var c=a.getAttribute("platform");c=H2(L2,"auto",c);b=$APP.Vc(M2,c)?c:$APP.Vc(M2,b)?b:"linux";b=tba(new $APP.P(null,5,[J2,a.getAttribute("keys"),$APP.ek,a.getAttribute("separator"),$APP.wn,a.getAttribute("size"),K2,b,$APP.Bh,a.getAttribute("label")],null));if($APP.M($APP.k(a,"__xKbdModel"),b)){b=$APP.H(b);var d=$APP.C(b,$APP.bj),e=$APP.C(b,$APP.X);c=R2(a);
|
|
7
|
+
c=$APP.k(c,"base");a.setAttribute("data-size",d);$APP.B.j("",e)?a.removeAttribute("aria-label"):a.setAttribute("aria-label",e);var f=$APP.H(b);d=$APP.C(f,N2);e=$APP.C(f,$APP.Bm);for(f=$APP.C(f,P2);;)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"),e.setAttribute("part","key"),e.appendChild(f),d.call(c,e);else{f=$APP.z(d);for(var h=0;;)if(h<f){var l=$APP.sc(d,h);if(h>0){var m=c,q=m.appendChild,
|
|
8
|
+
r=e,v=document.createElement("span");v.setAttribute("part","separator");v.textContent=r;q.call(m,v)}m=c;q=m.appendChild;l=$APP.ln.i(l);r=document.createElement("kbd");r.setAttribute("part","key");r.textContent=l;q.call(m,r);h+=1}else break}a.__xKbdModel=b}},vba=function(a){return $APP.ih(a,uba)},wba=function(a){R2(a);Q2(a);S2(a);return null},xba=function(a,b,c,d){$APP.M(c,d)&&S2(a);return null},T2=function(){return $APP.Wg("x-kbd",new $APP.P(null,4,[$APP.Mg,yba,$APP.Ng,wba,$APP.Qg,xba,$APP.Ug,vba],
|
|
9
|
+
null))},N2=new $APP.F(null,"tokens","tokens",-818939304),I2=new $APP.F(null,"aria","aria",1737868339),P2=new $APP.F(null,"slot-mode?","slot-mode?",324788923),O2=new $APP.F(null,"platform","platform",-1086422114),K2=new $APP.F(null,"platform-raw","platform-raw",-907433809),J2=new $APP.F(null,"keys-raw","keys-raw",-232964036),zba=new $APP.F(null,"keys","keys",1068423698);var yba=["keys","separator","size","platform","label"],sba=new $APP.Q(null,new $APP.P(null,3,["md",null,"lg",null,"sm",null],null),null),L2=new $APP.Q(null,new $APP.P(null,4,["mac",null,"linux",null,"win",null,"auto",null],null),null),M2=new $APP.Q(null,new $APP.P(null,3,["mac",null,"linux",null,"win",null],null),null),rba=$APP.Hf([new $APP.N(null,2,5,$APP.O,["win","super"],null),new $APP.N(null,2,5,$APP.O,["mac","alt"],null),new $APP.N(null,2,5,$APP.O,["mac","option"],null),new $APP.N(null,2,5,$APP.O,
|
|
10
|
+
["linux","meta"],null),new $APP.N(null,2,5,$APP.O,["win","return"],null),new $APP.N(null,2,5,$APP.O,["mac","shift"],null),new $APP.N(null,2,5,$APP.O,["mac","ctrl"],null),new $APP.N(null,2,5,$APP.O,["mac","cmd"],null),new $APP.N(null,2,5,$APP.O,["win","meta"],null),new $APP.N(null,2,5,$APP.O,["win","cmd"],null),new $APP.N(null,2,5,$APP.O,["linux","super"],null),new $APP.N(null,2,5,$APP.O,["win","shift"],null),new $APP.N(null,2,5,$APP.O,["linux","shift"],null),new $APP.N(null,2,5,$APP.O,["mac","control"],
|
|
11
|
+
null),new $APP.N(null,2,5,$APP.O,["linux","enter"],null),new $APP.N(null,2,5,$APP.O,["linux","return"],null),new $APP.N(null,2,5,$APP.O,["linux","command"],null),new $APP.N(null,2,5,$APP.O,["mac","command"],null),new $APP.N(null,2,5,$APP.O,["win","ctrl"],null),new $APP.N(null,2,5,$APP.O,["mac","super"],null),new $APP.N(null,2,5,$APP.O,["mac","meta"],null),new $APP.N(null,2,5,$APP.O,["mac","mod"],null),new $APP.N(null,2,5,$APP.O,["linux","cmd"],null),new $APP.N(null,2,5,$APP.O,["linux","ctrl"],null),
|
|
12
|
+
new $APP.N(null,2,5,$APP.O,["mac","enter"],null),new $APP.N(null,2,5,$APP.O,["linux","mod"],null),new $APP.N(null,2,5,$APP.O,["win","mod"],null),new $APP.N(null,2,5,$APP.O,["win","enter"],null),new $APP.N(null,2,5,$APP.O,["win","control"],null),new $APP.N(null,2,5,$APP.O,["win","option"],null),new $APP.N(null,2,5,$APP.O,["linux","control"],null),new $APP.N(null,2,5,$APP.O,["linux","alt"],null),new $APP.N(null,2,5,$APP.O,["win","alt"],null),new $APP.N(null,2,5,$APP.O,["mac","return"],null),new $APP.N(null,
|
|
13
|
+
2,5,$APP.O,["win","command"],null),new $APP.N(null,2,5,$APP.O,["linux","option"],null)],[new $APP.P(null,2,[$APP.ln,"Win",I2,"Windows"],null),new $APP.P(null,2,[$APP.ln,"⌥",I2,"Option"],null),new $APP.P(null,2,[$APP.ln,"⌥",I2,"Option"],null),new $APP.P(null,2,[$APP.ln,"Super",I2,"Super"],null),new $APP.P(null,2,[$APP.ln,"Enter",I2,"Enter"],null),new $APP.P(null,2,[$APP.ln,"⇧",I2,"Shift"],null),new $APP.P(null,2,[$APP.ln,"⌃",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"⌘",I2,"Command"],null),new $APP.P(null,
|
|
14
|
+
2,[$APP.ln,"Win",I2,"Windows"],null),new $APP.P(null,2,[$APP.ln,"Win",I2,"Windows"],null),new $APP.P(null,2,[$APP.ln,"Super",I2,"Super"],null),new $APP.P(null,2,[$APP.ln,"Shift",I2,"Shift"],null),new $APP.P(null,2,[$APP.ln,"Shift",I2,"Shift"],null),new $APP.P(null,2,[$APP.ln,"⌃",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"Enter",I2,"Enter"],null),new $APP.P(null,2,[$APP.ln,"Enter",I2,"Enter"],null),new $APP.P(null,2,[$APP.ln,"Super",I2,"Super"],null),new $APP.P(null,2,[$APP.ln,"⌘",I2,"Command"],
|
|
15
|
+
null),new $APP.P(null,2,[$APP.ln,"Ctrl",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"⌘",I2,"Command"],null),new $APP.P(null,2,[$APP.ln,"⌘",I2,"Command"],null),new $APP.P(null,2,[$APP.ln,"⌘",I2,"Command"],null),new $APP.P(null,2,[$APP.ln,"Super",I2,"Super"],null),new $APP.P(null,2,[$APP.ln,"Ctrl",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"Return",I2,"Return"],null),new $APP.P(null,2,[$APP.ln,"Ctrl",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"Ctrl",I2,"Control"],null),new $APP.P(null,2,
|
|
16
|
+
[$APP.ln,"Enter",I2,"Enter"],null),new $APP.P(null,2,[$APP.ln,"Ctrl",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"Alt",I2,"Alt"],null),new $APP.P(null,2,[$APP.ln,"Ctrl",I2,"Control"],null),new $APP.P(null,2,[$APP.ln,"Alt",I2,"Alt"],null),new $APP.P(null,2,[$APP.ln,"Alt",I2,"Alt"],null),new $APP.P(null,2,[$APP.ln,"Return",I2,"Return"],null),new $APP.P(null,2,[$APP.ln,"Win",I2,"Windows"],null),new $APP.P(null,2,[$APP.ln,"Alt",I2,"Alt"],null)]),uba=new $APP.P(null,5,[zba,new $APP.P(null,3,[$APP.S,
|
|
17
|
+
$APP.V,$APP.T,"keys",$APP.hh,""],null),$APP.Bm,new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"separator",$APP.hh,"+"],null),$APP.bj,new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"size",$APP.hh,"md"],null),O2,new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"platform",$APP.hh,"auto"],null),$APP.X,new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"label",$APP.hh,""],null)],null);$APP.da("baredom.exports.x_kbd.init",T2);export const init=T2;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// x-kinetic-canvas.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XKineticCanvas extends HTMLElement {
|
|
6
|
+
type: string;
|
|
7
|
+
variant: string;
|
|
8
|
+
speed: string;
|
|
9
|
+
density: string;
|
|
10
|
+
fullscreen: boolean;
|
|
11
|
+
paused: boolean;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare global {
|
|
15
|
+
interface HTMLElementTagNameMap {
|
|
16
|
+
"x-kinetic-canvas": XKineticCanvas;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var lx=function(a,b,c,d,e){c=b.length;for(d=0;;)if(d<c){var f=b[d],h=e[f.ci],l=f.op,m=f.x,q=f.y;f=f.r;a.globalAlpha=l;a.fillStyle=h;a.beginPath();a.arc(m,q,f,0,6.283185307179586);a.fill();a.globalAlpha=l*.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},mx=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
|
|
3
|
+
nx=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,l=0;;)if(l<h){var m=b[l],q=m.x,r=m.y,v=m.ch,w=m.ln;m=m.cs;a.font=""+$APP.R.i(m)+"px monospace";a.textBaseline="top";for(var y=w,A=0;;)if(A<y){var D=r-(w-1-A)*m,G=(A+1)/w,I=G*G;D>-m&&D<d+m&&(a.globalAlpha=Math.min(1,I),a.fillStyle=$APP.B.j(A,w-1)?c:G>.5?f:e,a.fillText(v[A],q,D));A+=1}else break;l+=1}else break;return a.globalAlpha=1},ox=function(a){return $APP.E($APP.k(a,"__xKineticCanvasReduced"))},xx=function(a){a=new $APP.P(null,
|
|
4
|
+
6,[$APP.Kj,a.getAttribute("type"),$APP.Tm,a.getAttribute("variant"),$APP.Cm,a.getAttribute("speed"),$APP.Dk,a.getAttribute("density"),px,a.getAttribute("fullscreen"),qx,a.getAttribute("paused")],null);var b=$APP.H(a),c=$APP.C(b,$APP.Kj),d=$APP.C(b,$APP.Tm),e=$APP.C(b,$APP.Cm),f=$APP.C(b,$APP.Dk);a=$APP.C(b,px);b=$APP.C(b,qx);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.Vc(rx,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.Vc(sx,d)?
|
|
5
|
+
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(tx,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(ux,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.P(null,6,[$APP.S,c,$APP.hi,d,$APP.Tk,e,$APP.Qm,f,vx,a!=null,wx,b!=null],null)},yx=function(a){a.__xKineticCanvasCol=null},Bx=function(a){var b=
|
|
6
|
+
$APP.k(a,"__xKineticCanvasModel"),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),e=$APP.S.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.B.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.B.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(zx,e);a:{var l=$APP.Qm.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*l*m,50),500));
|
|
7
|
+
break a;case "bubbles":e=Math.round(Math.min(Math.max(25*l*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*l,5),200));break a;default:e=50}}b=$APP.hi.i(b);h=Ax.i(h);c=h.ra?h.ra(c,d,e,b,f):h.call(null,c,d,e,b,f);a.__xKineticCanvasEnt=c}},Dx=function(a){var b=$APP.k(a,"__xKineticCanvasModel"),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),e=$APP.k(a,"__xKineticCanvasEnt"),f=$APP.H($APP.k(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.cj);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.k(a,"__xKineticCanvasCol");if($APP.n(h))var l=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();l=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();q=$APP.B.j(q,"")?"#f0f0f5":q;h=[q,$APP.B.j(h,"")?"#1a1a2e":h,$APP.B.j(l,"")?"#2563eb":l,$APP.B.j(m,"")?"#7c3aed":m];a.__xKineticCanvasCol=
|
|
9
|
+
h;l=q}h=$APP.k(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.S.i(b);b=$APP.C(zx,b);f.clearRect(0,0,c,d);l!=null&&$APP.M(l,"transparent")&&(f.fillStyle=l,f.fillRect(0,0,c,d));if(ox(a))return a=$APP.ul.i(b),a.ra?a.ra(f,e,c,d,h):a.call(null,f,e,c,d,h);a=$APP.k(a,"__xKineticCanvasTime");a=$APP.n(a)?a:0;b=Cx.i(b);return b.xa?b.xa(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},Fx=function(a){$APP.n($APP.k(a,"__xKineticCanvasRaf"))||($APP.Xg(a,"__xKineticCanvasLastFrame",performance.now()),$APP.Xg(a,
|
|
10
|
+
"__xKineticCanvasRaf",requestAnimationFrame(function(){return Ex(a)})));return null},Gx=function(a){var b=$APP.k(a,"__xKineticCanvasRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xKineticCanvasRaf=null)},Hx=function(a){function b(d){d=d.matches;a.__xKineticCanvasReduced=d;yx(a);$APP.n(d)?(Gx(a),d=Dx(a)):(d=$APP.k(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p(wx.i($APP.k(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?Fx(a):null);return d}var c=window.matchMedia("(prefers-reduced-motion:reduce)");a.__xKineticCanvasReduced=
|
|
11
|
+
c.matches;c.addEventListener("change",b);$APP.Xg(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;a.__xKineticCanvasVis=d;var e=$APP.k(a,"__xKineticCanvasModel");$APP.n(d)?(d=wx.i(e),$APP.n($APP.n(d)?d:ox(a))||Fx(a)):Gx(a);return null},{threshold:[0]});c.observe(a);a.__xKineticCanvasIO=c;c=new ResizeObserver(function(d){if(d.length>0){var e=d[0].contentRect;d=e.width;e=e.height;if(d>0&&e>0){a.__xKineticCanvasW=d;a.__xKineticCanvasH=e;var f=$APP.H($APP.k(a,
|
|
12
|
+
"__xKineticCanvasRefs"));f=$APP.C(f,$APP.Sn);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);yx(a);Bx(a);d=wx.i($APP.k(a,"__xKineticCanvasModel"));$APP.n($APP.n(d)?d:ox(a))?Dx(a):Fx(a)}}return null});c.observe(a);a.__xKineticCanvasRO=c},Jx=function(a){var b=xx(a);a.__xKineticCanvasModel=b;a.__xKineticCanvasTime=0;a.__xKineticCanvasVis=!0;if(!$APP.n($APP.k(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
13
|
+
d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=Ix;d.className="kc-canvas-wrap";e.setAttribute("aria-hidden","true");d.appendChild(e);f.className="kc-content";f.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(f);b=new $APP.P(null,3,[$APP.Qh,b,$APP.Sn,e,$APP.cj,e.getContext("2d")],null);a.__xKineticCanvasRefs=b}Hx(a);return null},Kx=function(a){Gx(a);var b=$APP.k(a,"__xKineticCanvasMQL");
|
|
14
|
+
$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),a.__xKineticCanvasMQL=null);b=$APP.k(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),a.__xKineticCanvasIO=null);b=$APP.k(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),a.__xKineticCanvasRO=null);a.__xKineticCanvasVis=!1;return null},Lx=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xKineticCanvasRefs"))&&(b=xx(a),c=$APP.k(a,"__xKineticCanvasModel"),a.__xKineticCanvasModel=b,yx(a),(c==null||$APP.M($APP.S.i(b),$APP.S.i(c))||$APP.M($APP.Qm.i(b),
|
|
15
|
+
$APP.Qm.i(c))||$APP.M($APP.hi.i(b),$APP.hi.i(c)))&&Bx(a),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(b=wx.i(b),$APP.n($APP.n(b)?b:ox(a))?(Gx(a),Dx(a)):(Dx(a),Fx(a))));return null},Nx=function(a){return $APP.ih(a,Mx)},Px=function(){return $APP.Wg("x-kinetic-canvas",new $APP.P(null,5,[$APP.Mg,Ox,$APP.Ng,Jx,$APP.Og,Kx,$APP.Qg,Lx,$APP.Ug,Nx],null))},Ax=new $APP.F(null,"create","create",-1301499256),wx=new $APP.F(null,"paused?","paused?",-135058553),
|
|
16
|
+
Qx=new $APP.F(null,"update","update",1045576396),vx=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),qx=new $APP.F(null,"paused-attr","paused-attr",2104502840),px=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),Cx=new $APP.F(null,"draw","draw",1358331674);var Ox="type variant speed density fullscreen paused".split(" "),Mx=new $APP.P(null,6,[$APP.S,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"type"],null),$APP.hi,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"variant"],null),$APP.Tk,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"speed"],null),$APP.Qm,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"fullscreen"],null),$APP.im,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,
|
|
17
|
+
"paused"],null)],null),rx=new $APP.Q(null,new $APP.P(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),sx=new $APP.Q(null,new $APP.P(null,2,["twinkle",null,"motion",null],null),null),tx=new $APP.P(null,3,["slow",.3,"medium",1,"fast",2.5],null),ux=new $APP.P(null,3,["low",.5,"medium",1,"high",2],null);var Rx=function Rx(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return Rx.C(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.Wb(c.slice(4),0,null):null)};Rx.C=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};Rx.K=4;
|
|
18
|
+
Rx.J=function(a){var b=$APP.u(a),c=$APP.x(a);a=$APP.u(c);var d=$APP.x(c);c=$APP.u(d);var e=$APP.x(d);d=$APP.u(e);e=$APP.x(e);return this.C(b,a,c,d,e)};var Sx=function Sx(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return Sx.C(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.Wb(c.slice(4),0,null):null)};Sx.C=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.jd(e,3);d.push(f);e+=1}else break;return d};Sx.K=4;
|
|
19
|
+
Sx.J=function(a){var b=$APP.u(a),c=$APP.x(a);a=$APP.u(c);var d=$APP.x(c);c=$APP.u(d);var e=$APP.x(d);d=$APP.u(e);e=$APP.x(e);return this.C(b,a,c,d,e)};var zx=new $APP.P(null,3,["starfield",new $APP.P(null,4,[Ax,Rx,Qx,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,l=0;;)if(l<h){var m=a[l],q=m.z,r=m.x,v=m.y;q*=b*q;r+=(r-c)*q*.02;v+=(v-f)*q*.02;m.x=r;m.y=v;if(r<-10||r>d+10||v<-10||v>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;l+=1}else{a=
|
|
20
|
+
null;break a}a=void 0}return a}},Cx,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var l=b[h],m=l.z,q=l.sz*m,r=$APP.jd(h,3)===0?e:c;a.globalAlpha=Math.min(1,l.br*(.5+.5*Math.sin(f*2+l.ph))*m);a.fillStyle=r;a.beginPath();a.arc(l.x,l.y,Math.max(.5,q),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},$APP.ul,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,
|
|
21
|
+
h),0,6.283185307179586);a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.P(null,4,[Ax,Sx,Qx,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var l=a[h],m=l.r,q=l.x+l.vx*c,r=l.y+l.vy*c,v=l.vx+(Math.random()-.5)*2*b;l.x=q;l.y=r;l.vx=Math.abs(v)>30?Math.sign(v)*30:v;r<0-m-10&&(l.y=e+m+10,l.x=Math.random()*d,l.r=8+Math.random()*40,l.op=.4+Math.random()*.5);q<0-m&&(l.x=d+m);q>d+m&&(l.x=0-m);h+=1}else return null},Cx,lx,$APP.ul,function(a,b,c,d,e){return lx(a,b,c,d,e,
|
|
22
|
+
0)}],null),"matrix",new $APP.P(null,4,[Ax,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 l=5+Math.floor(Math.random()*(f-5)),m=[],q=l,r=0;;)if(r<q)m.push(mx()),r+=1;else break;q={};q.x=a/c*h;q.y=(Math.random()-.5)*b*2;q.sp=40+Math.random()*120;q.ln=l;q.ch=m;q.ct=Math.random()*.2;q.cs=d;e.push(q);h+=1}else break;return e},Qx,function(a,b,c,d,e){d=a.length;for(var f=0;;)if(f<d){var h=a[f],l=h.ln,m=h.cs;h.y+=h.sp*c*b;h.y-l*m>e&&(h.y=-(l*m),h.sp=40+Math.random()*
|
|
23
|
+
120);h.ct+=b;h.ct>.08&&(h.ct=0,h=h.ch,h[Math.floor(Math.random()*h.length)]=mx());f+=1}else return null},Cx,nx,$APP.ul,function(a,b,c,d,e){return nx(a,b,c,d,e,0)}],null)],null),Ix=":host{display:block;position:relative;overflow:hidden;"+$APP.R.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.R.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.R.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.R.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+
|
|
24
|
+
$APP.R.i("--x-kinetic-canvas-matrix-font-size")+":14;}@media(prefers-color-scheme:dark){:host{"+$APP.R.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.R.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.R.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.R.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;}",
|
|
25
|
+
Ex=function Ex(a){if(!$APP.p(a.isConnected))if($APP.n(function(){var q=wx.i($APP.k(a,"__xKineticCanvasModel"));return $APP.n(q)?q:ox(a)}()))a.__xKineticCanvasRaf=null;else{var c=$APP.k(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.k(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.S.i(c),h=$APP.C(zx,f);f=$APP.k(a,"__xKineticCanvasEnt");var l=$APP.k(a,"__xKineticCanvasW"),m=$APP.k(a,"__xKineticCanvasH");a.__xKineticCanvasLastFrame=d;$APP.Xg(a,"__xKineticCanvasTime",function(){var q=
|
|
26
|
+
$APP.k(a,"__xKineticCanvasTime");return $APP.n(q)?q:0}()+e);$APP.n(f)&&(d=$APP.Tk.i(c),c=$APP.hi.i(c),h=Qx.i(h),h.xa?h.xa(f,e,d,l,m,c):h.call(null,f,e,d,l,m,c));Dx(a);$APP.Xg(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return Ex.i?Ex.i(a):Ex.call(null,a)}))}return null};$APP.da("baredom.exports.x_kinetic_canvas.init",Px);export const init=Px;
|
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null},
|
|
4
|
-
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.
|
|
5
|
-
[
|
|
6
|
-
c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
a.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
this.setAttribute("
|
|
16
|
-
|
|
17
|
-
$APP.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
new $APP.
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
Ma,e));ea+=1}else break;var nc=function(){var Sb=$APP.k(a,"__xKineticFontSD");return $APP.n(Sb)?Sb:0}()>.5;$APP.n(function(){var Sb=rb[0];return $APP.n(Sb)?!nc:Sb}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,a.dispatchEvent(new CustomEvent("x-kinetic-font-spring-settle",{bubbles:!0,composed:!0,detail:{}})))):$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return a5.g?a5.g(a):a5.call(null,a)}))}return null};$APP.ha("baredom.exports.x_kinetic_font.init",w5);export const init=w5;
|
|
2
|
+
var l6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.B.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},m6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.Vc(Zda,a)?a:"cursor"},aea=function(a){return typeof a==="string"?(a=$APP.df.m($APP.bg,$APP.je(function(b){return $APP.Vc($da,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Kc(a)?n6:a):n6},o6=function(a){return typeof a==="string"?(a=a.trim(),$APP.B.j(a,"")?null:
|
|
3
|
+
a):null},bea=function(a,b,c,d,e,f,h){b=c+(f*(b-a)-h*c)/e*d;return[a+b*d,b]},p6=function(a,b){if(a>=b)return 0;a=1-a/b;return a*a},q6=function(a,b,c,d,e,f,h,l,m,q,r){a*=c;d=$APP.Vc(b,"bulge")?d+a*(e-d):d;f=$APP.Vc(b,"stretch")?f+a*(h-f):f;l=$APP.Vc(b,"lean")?m+a*(l-m):m;b=$APP.Vc(b,"breathe")?q+a*(r-q):q;return[d,f,l,b]},r6=function(){return $APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},B6=function(a){a=$APP.Hf([$APP.Sk,$APP.Zl,s6,t6,u6,$APP.$i,$APP.Wm,v6,$APP.Vk,w6],[a.getAttribute("mass"),
|
|
4
|
+
a.getAttribute("intensity"),a.getAttribute("trigger"),a.getAttribute("per-char"),a.getAttribute("font-family"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("friction"),a.getAttribute("radius"),a.getAttribute("tension")]);var b=$APP.H(a);a=$APP.C(b,$APP.Vk);var c=$APP.C(b,w6),d=$APP.C(b,$APP.Sk),e=$APP.C(b,$APP.Zl),f=$APP.C(b,t6),h=$APP.C(b,s6),l=$APP.C(b,u6),m=$APP.C(b,$APP.$i),q=$APP.C(b,$APP.Wm);b=$APP.C(b,v6);return $APP.Hf([$APP.co,x6,y6,$APP.xo,$APP.Pl,z6,$APP.wl,$APP.hl,A6,$APP.an],
|
|
5
|
+
[l6(d,1,.1,10),l6(c,170,10,500),aea(q),l6(a,200,20,1E3),l6(e,.5,0,1),f!=null,l6(b,26,1,100),m6(h),o6(l),typeof m==="string"?m:""])},C6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.B.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},D6=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.R.i(b[0].toFixed(1))+", 'wdth' "+$APP.R.i(b[1].toFixed(1))+", 'slnt' "+$APP.R.i(b[2].toFixed(1))+", 'opsz' "+$APP.R.i(b[3].toFixed(1));d.call(a,"font-variation-settings",
|
|
6
|
+
b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.R.i(c.toFixed(1))+"deg)")},F6=function(a){$APP.n($APP.k(a,"__xKineticFontRaf"))||($APP.n($APP.k(a,"__xKineticFontAct"))||(a.__xKineticFontAct=!0,$APP.ah(a,"x-kinetic-font-spring-activate",{})),$APP.fa(a,"__xKineticFontLF",performance.now()),$APP.fa(a,"__xKineticFontRaf",requestAnimationFrame(function(){return E6(a)})))},cea=function(a){var b=window.scrollY,c=b-function(){var d=$APP.k(a,"__xKineticFontLSY");return $APP.n(d)?
|
|
7
|
+
d:b}();a.__xKineticFontLSY=b;$APP.fa(a,"__xKineticFontSD",function(){var d=$APP.k(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));r6()||F6(a);return null},dea=function(a){var b=$APP.hl.i($APP.k(a,"__xKineticFontModel")),c={};if($APP.B.j(b,"cursor")||$APP.B.j(b,"both")){var d=function(e){a.__xKineticFontMX=e.clientX;a.__xKineticFontMY=e.clientY;r6()||F6(a);return null};c.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.B.j(b,"scroll")||$APP.B.j(b,"both"))b=function(){return cea(a)},
|
|
8
|
+
c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},G6=function(a){var b=$APP.k(a,"__xKineticFontHdl");if($APP.n(b)){var c=$APP.k(b,"move");$APP.n(c)&&document.removeEventListener("pointermove",c);b=$APP.k(b,"scroll");$APP.n(b)&&window.removeEventListener("scroll",b);a.__xKineticFontHdl=null}},R6=function(a,b){var c=$APP.k(a,"__xKineticFontModel");a.__xKineticFontModel=b;if($APP.M($APP.an.i(b),$APP.an.i(c))||$APP.M(z6.i(b),z6.i(c)))if($APP.n(z6.i(b))){var d=
|
|
9
|
+
$APP.an.i(b),e=$APP.H($APP.k(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.Rh);d=$APP.Ee(d);var f=$APP.z(d),h=Array(f),l=Array(f);e.textContent="";for(var m=0;;)if(m<f){var q=$APP.sc(d,m),r=document.createElement("span");r.setAttribute("part","char");$APP.B.j(q," ")?(r.setAttribute("data-ws",""),r.innerHTML="\x26nbsp;"):r.textContent=q;e.appendChild(r);h[m]=r;l[m]=[0,0];m+=1}else break;a.__xKineticFontCS=h;a.__xKineticFontSpr=l}else e=$APP.an.i(b),d=$APP.H($APP.k(a,"__xKineticFontRefs")),$APP.C(d,$APP.Rh).textContent=
|
|
10
|
+
e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.M($APP.hl.i(b),$APP.hl.i(c))&&(G6(a),dea(a));c=$APP.H($APP.k(a,"__xKineticFontRefs"));c=$APP.C(c,$APP.Rh);e=A6.i(b);$APP.n(e)?c.style.setProperty("font-family",e):c.style.removeProperty("font-family");c=getComputedStyle(a);c=$APP.Hf([H6,I6,J6,K6,L6,M6,N6,O6,P6],[C6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),C6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),C6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),C6(c.getPropertyValue("--x-kinetic-font-opsz-min"),
|
|
11
|
+
8),C6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),C6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),C6(c.getPropertyValue("--x-kinetic-font-width-max"),125),C6(c.getPropertyValue("--x-kinetic-font-width-min"),75),C6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]);a.__xKineticFontCV=c;c=$APP.an.i(b);e=$APP.H($APP.k(a,"__xKineticFontRefs"));$APP.C(e,Q6).textContent=c;$APP.B.j(c,"")?(a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(a.removeAttribute("aria-hidden"),
|
|
12
|
+
a.setAttribute("role","text"),a.setAttribute("aria-label",c));if(!r6())if(c=$APP.k(a,"__xKineticFontCV"),c=q6(0,y6.i(b),$APP.Pl.i(b),L6.i(c),P6.i(c),O6.i(c),N6.i(c),I6.i(c),H6.i(c),K6.i(c),J6.i(c)),$APP.n(z6.i(b))){if(a=$APP.k(a,"__xKineticFontCS"),$APP.n(a))for(b=a.length,e=0;;)if(e<b)D6(a[e],c,0),e+=1;else break}else a=$APP.H($APP.k(a,"__xKineticFontRefs")),a=$APP.C(a,$APP.Rh),D6(a,c,0)},eea=function(a){$APP.dh(a,"text","text","");$APP.dh(a,"mode","mode","bulge");$APP.ch(a,"perChar","per-char");
|
|
13
|
+
Object.defineProperty(a,"trigger",{get:function(){return m6(this.getAttribute("trigger"))},set:function(b){return b==null?this.removeAttribute("trigger"):this.setAttribute("trigger",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"mass",{get:function(){var b=this.getAttribute("mass");return l6(b,1,.1,10)},set:function(b){return b==null?this.removeAttribute("mass"):this.setAttribute("mass",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=
|
|
14
|
+
this.getAttribute("tension");return l6(b,170,10,500)},set:function(b){return b==null?this.removeAttribute("tension"):this.setAttribute("tension",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");return l6(b,26,1,100)},set:function(b){return b==null?this.removeAttribute("friction"):this.setAttribute("friction",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=
|
|
15
|
+
this.getAttribute("intensity");return l6(b,.5,0,1)},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return l6(b,200,20,1E3)},set:function(b){return b==null?this.removeAttribute("radius"):this.setAttribute("radius",""+$APP.R.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return o6(this.getAttribute("font-family"))},
|
|
16
|
+
set:function(b){return b==null?this.removeAttribute("font-family"):this.setAttribute("font-family",""+$APP.R.i(b))},enumerable:!0,configurable:!0})},gea=function(a){if(!$APP.n($APP.k(a,"__xKineticFontRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span");c.textContent=fea;d.setAttribute("part","container");e.setAttribute("class","sr-only");e.setAttribute("part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);
|
|
17
|
+
a.__xKineticFontRefs=new $APP.P(null,3,[$APP.Qh,b,$APP.Rh,d,Q6,e],null)}b=B6(a);a.__xKineticFontModel=null;a.__xKineticFontMX=0;a.__xKineticFontMY=0;a.__xKineticFontSD=0;a.__xKineticFontAct=!1;R6(a,b);return null},hea=function(a){var b=$APP.k(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xKineticFontRaf=null);G6(a);return null},iea=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xKineticFontRefs"))&&(b=B6(a),$APP.M(b,$APP.k(a,"__xKineticFontModel"))&&R6(a,b));return null},S6=function(){return $APP.Wg("x-kinetic-font",
|
|
18
|
+
new $APP.P(null,5,[$APP.Mg,jea,$APP.Ng,gea,$APP.Og,hea,$APP.Qg,iea,$APP.Ug,eea],null))},t6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),s6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),I6=new $APP.F(null,"slnt-min","slnt-min",71363427),N6=new $APP.F(null,"wdth-max","wdth-max",-522030121),M6=new $APP.F(null,"skew-max","skew-max",1543858453),O6=new $APP.F(null,"wdth-min","wdth-min",-986627045),u6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),z6=new $APP.F(null,
|
|
19
|
+
"per-char?","per-char?",-1016397834),K6=new $APP.F(null,"opsz-min","opsz-min",-829837010),Q6=new $APP.F(null,"sr-only","sr-only",-173275148),H6=new $APP.F(null,"slnt-max","slnt-max",1716167520),v6=new $APP.F(null,"friction-raw","friction-raw",-1078184200),J6=new $APP.F(null,"opsz-max","opsz-max",454458088),L6=new $APP.F(null,"wght-min","wght-min",529224020),y6=new $APP.F(null,"modes","modes",-1377787092),P6=new $APP.F(null,"wght-max","wght-max",-514604421),w6=new $APP.F(null,"tension-raw","tension-raw",
|
|
20
|
+
961657279),A6=new $APP.F(null,"font-family","font-family",-667419874),x6=new $APP.F(null,"tension","tension",58343589);var jea="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
21
|
+
$APP.Hf([$APP.co,x6,$APP.Kk,new $APP.F(null,"perChar","perChar",2082880685),$APP.xo,$APP.Pl,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.wl,$APP.hl,$APP.an],[new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.U],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,
|
|
22
|
+
1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.V],null)]);$APP.Ud(["x-kinetic-font-spring-activate",new $APP.P(null,2,[$APP.Z,$APP.Vd,$APP.Un,!1],null),"x-kinetic-font-spring-settle",new $APP.P(null,2,[$APP.Z,$APP.Vd,$APP.Un,!1],null)]);
|
|
23
|
+
var Zda=new $APP.Q(null,new $APP.P(null,3,["scroll",null,"both",null,"cursor",null],null),null),$da=new $APP.Q(null,new $APP.P(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),n6=new $APP.Q(null,new $APP.P(null,1,["bulge",null],null),null);var fea=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.R.i("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.R.i("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.R.i("--x-kinetic-font-size")+":2rem;"+$APP.R.i("--x-kinetic-font-weight-min")+":100;"+$APP.R.i("--x-kinetic-font-weight-max")+":900;"+$APP.R.i("--x-kinetic-font-width-min")+":75;"+$APP.R.i("--x-kinetic-font-width-max")+":125;"+$APP.R.i("--x-kinetic-font-slant-min")+":-12;"+$APP.R.i("--x-kinetic-font-slant-max")+
|
|
24
|
+
":0;"+$APP.R.i("--x-kinetic-font-opsz-min")+":8;"+$APP.R.i("--x-kinetic-font-opsz-max")+":144;"+$APP.R.i("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.R.i("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.R.i("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.R.i("--x-kinetic-font-size")+",2rem);line-height:1.2;will-change:font-variation-settings,transform;}[part\x3dchar]{display:inline-block;will-change:font-variation-settings,transform;}[part\x3dchar][data-ws]{white-space:pre;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media(prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3dchar]{font-variation-settings:normal!important;will-change:auto;}}",
|
|
25
|
+
E6=function E6(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xKineticFontModel"),d=$APP.k(a,"__xKineticFontCV"),e=performance.now(),f=Math.min(e-$APP.k(a,"__xKineticFontLF"),100)/1E3,h=$APP.co.i(c),l=x6.i(c),m=$APP.wl.i(c),q=$APP.Pl.i(c),r=$APP.xo.i(c),v=$APP.hl.i(c);c=y6.i(c);var w=L6.i(d),y=P6.i(d),A=O6.i(d),D=N6.i(d),G=I6.i(d),I=H6.i(d),J=K6.i(d),K=J6.i(d);d=M6.i(d);var ba=$APP.Vc(c,"lean"),ia=$APP.k(a,"__xKineticFontMX"),Ba=$APP.k(a,"__xKineticFontMY"),La=function(){var ec=$APP.k(a,"__xKineticFontSD");
|
|
26
|
+
return $APP.n(ec)?ec:0}(),Ta=Math.min(1,Math.abs(La)/100),Bb=$APP.k(a,"__xKineticFontSpr"),Eb=$APP.k(a,"__xKineticFontCS"),Qb=Eb!=null,rd=Bb.length;a.__xKineticFontLF=e;a.__xKineticFontSD=La*.85;for(var nc=[!0],Tf=0;;)if(Tf<rd){La=Qb&&($APP.B.j(v,"cursor")||$APP.B.j(v,"both"))?function(){var ec=Eb[Tf].getBoundingClientRect(),be=ia-(ec.left+.5*ec.width);ec=Ba-(ec.top+.5*ec.height);return Math.max(p6(Math.sqrt(be*be+ec*ec),r),Ta)}():Qb&&$APP.B.j(v,"scroll")?Ta:Qb||!$APP.B.j(v,"cursor")&&!$APP.B.j(v,
|
|
27
|
+
"both")?$APP.B.j(v,"scroll")?Ta:0:function(){var ec=$APP.H($APP.k(a,"__xKineticFontRefs")),be=$APP.C(ec,$APP.Rh).getBoundingClientRect();ec=ia-(be.left+.5*be.width);be=Ba-(be.top+.5*be.height);return Math.max(p6(Math.sqrt(ec*ec+be*be),r),Ta)}();var Ze=Bb[Tf],Pg=bea(Ze[0],La,Ze[1],f,h,l,m);e=Pg[0];Pg=Pg[1];Ze[0]=e;Ze[1]=Pg;Math.abs(e-La)<.001&&Math.abs(Pg)<.01||(nc[0]=!1);La=q6(e,c,q,w,y,A,D,G,I,J,K);e=ba?e*q*d:0;Qb?D6(Eb[Tf],La,e):(Ze=$APP.H($APP.k(a,"__xKineticFontRefs")),Ze=$APP.C(Ze,$APP.Rh),D6(Ze,
|
|
28
|
+
La,e));Tf+=1}else break;var xn=function(){var ec=$APP.k(a,"__xKineticFontSD");return $APP.n(ec)?ec:0}()>.5;$APP.n(function(){var ec=nc[0];return $APP.n(ec)?!xn:ec}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,$APP.ah(a,"x-kinetic-font-spring-settle",{}))):$APP.fa(a,"__xKineticFontRaf",requestAnimationFrame(function(){return E6.i?E6.i(a):E6.call(null,a)}))}return null};$APP.da("baredom.exports.x_kinetic_font.init",S6);export const init=S6;
|