@vanelsas/baredom 2.9.0 → 3.0.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 +17 -0
- package/README.md +1 -1
- package/dist/baredom.d.ts +20 -0
- package/dist/base.js +541 -455
- package/dist/integrity.json +103 -102
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- 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 +13 -13
- package/dist/x-button.js +1 -17
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +31 -31
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -45
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +24 -24
- package/dist/x-confetti.js +24 -22
- package/dist/x-container.js +5 -4
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +9 -9
- package/dist/x-dropdown.js +11 -11
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +7 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +6 -6
- package/dist/x-image.js +16 -17
- package/dist/x-kbd.js +15 -15
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +38 -38
- package/dist/x-liquid-fill.js +43 -43
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -9
- package/dist/x-metaball-cursor.js +26 -26
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +36 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +32 -32
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +37 -37
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +15 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +25 -26
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +10 -10
- package/dist/x-proximity-list.js +20 -19
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +18 -18
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +34 -34
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.js +38 -38
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -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 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -23
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +118 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +60 -59
- package/package.json +6 -1
package/dist/x-image.js
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
!1],null)):new $APP.
|
|
2
|
+
var Oba=function(a){if(a==null)return new $APP.O(null,2,[$APP.im,null,$APP.Ej,!0],null);if(typeof a!=="string")return new $APP.O(null,2,[$APP.im,null,$APP.Ej,!1],null);a=a.trim().toLowerCase();if($APP.A.j(a,"")||$APP.A.j(a,"auto"))return new $APP.O(null,2,[$APP.im,null,$APP.Ej,!0],null);var b=$APP.Gg(Nba,a);return $APP.n(b)?(a=parseFloat($APP.tc(b,1)),b=parseFloat($APP.tc(b,2)),a>0&&b>0?new $APP.O(null,2,[$APP.im,""+$APP.V.i(a)+" / "+$APP.V.i(b),$APP.Ej,!0],null):new $APP.O(null,2,[$APP.im,null,$APP.Ej,
|
|
3
|
+
!1],null)):new $APP.O(null,2,[$APP.im,null,$APP.Ej,!1],null)},bY=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
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)
|
|
6
|
-
|
|
7
|
-
"string"?(d=$APP.
|
|
8
|
-
$APP.n(
|
|
9
|
-
|
|
10
|
-
h)):(l.removeAttribute("src"),
|
|
11
|
-
if($APP.n($APP.n(f)?typeof e==="string"&&$APP.
|
|
12
|
-
c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.
|
|
13
|
-
"alt");
|
|
14
|
-
"state",{get:function(){var b=$APP.k(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},
|
|
15
|
-
"fit-raw",792829585),
|
|
16
|
-
2067744841),
|
|
17
|
-
$APP.
|
|
18
|
-
|
|
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;
|
|
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);$APP.R(a,"__xImageRefs",new $APP.O(null,6,[$APP.jj,b,$X,d,Pba,e,$APP.In,f,aY,h,Qba,l],null));return $APP.k(a,"__xImageRefs")},cY=function(a,b){$APP.R(a,"__xImageState",b);$APP.S(a,"data-state",b)},mY=function(a){var b=new $APP.O(null,8,[$APP.uq,a.getAttribute("src"),$APP.Vq,a.getAttribute("alt"),dY,a.hasAttribute("alt"),eY,a.hasAttribute("decorative"),
|
|
6
|
+
fY,a.getAttribute("ratio"),gY,a.getAttribute("fit"),$APP.ao,a.getAttribute("position"),$APP.Mq,a.getAttribute("loading")],null);var c=$APP.G(b),d=$APP.C(c,$APP.uq),e=$APP.C(c,$APP.Vq),f=$APP.C(c,dY),h=$APP.C(c,eY),l=$APP.C(c,fY),m=$APP.C(c,gY);b=$APP.C(c,$APP.ao);var q=$APP.C(c,$APP.Mq);h=$APP.D(h);l=Oba(l);c=$APP.G(l);l=$APP.C(c,$APP.im);c=$APP.C(c,$APP.Ej);var r=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.$c(Rba,m)?m:"cover"):m="cover";typeof d===
|
|
7
|
+
"string"?(d=$APP.oi(d),d=typeof d==="string"&&$APP.I("",d)?d:null):d=null;typeof q==="string"?(q=q.trim().toLowerCase(),q=$APP.$c(Sba,q)?q:"lazy"):q="lazy";typeof b==="string"?(b=b.trim(),b=$APP.A.j(b,"")?"center":b):b="center";b=$APP.Wf([$APP.vm,hY,$APP.Fo,iY,$APP.dk,jY,kY,$APP.nr,lY],[e,m,d,h,q,c,r,b,l]);$APP.I($APP.k(a,"__xImageModel"),b)&&(h=bY(a),c=$APP.G(h),h=$APP.C(c,$X),l=$APP.C(c,$APP.In),c=$APP.C(c,aY),r=$APP.k(a,"__xImageModel"),q=$APP.n(r)?$APP.Fo.i(r):null,r=r==null||$APP.I(q,$APP.Fo.i(b)),
|
|
8
|
+
$APP.n(lY.i(b))?h.style.aspectRatio=lY.i(b):h.style.aspectRatio="",$APP.n(jY.i(b))||$APP.n($APP.k(a,"__xImageWarnedRatio"))||($APP.R(a,"__xImageWarnedRatio",!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").')),l.style.objectFit=hY.i(b),l.style.objectPosition=$APP.nr.i(b),l.loading=$APP.dk.i(b),l.decoding="async",$APP.n(iY.i(b))?(l.alt="",$APP.S(a,"aria-hidden","true"),$APP.T(a,"role")):(l.alt=$APP.vm.i(b),$APP.T(a,"aria-hidden"),$APP.S(a,"role","img"),$APP.n(kY.i(b))&&
|
|
9
|
+
!$APP.n($APP.k(a,"__xImageWarnedAlt"))&&($APP.R(a,"__xImageWarnedAlt",!0),console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.'))),c.setAttribute("aria-label",$APP.p(iY.i(b))&&$APP.I("",$APP.vm.i(b))?$APP.vm.i(b):"Image failed to load"),r&&(h=$APP.Fo.i(b),l=$APP.G($APP.k(a,"__xImageRefs")),l=$APP.C(l,$APP.In),$APP.I($APP.k(a,"__xImageCurrentSrc"),h)&&($APP.R(a,"__xImageCurrentSrc",h),typeof h==="string"&&$APP.I("",h)?(cY(a,"loading"),l.setAttribute("src",
|
|
10
|
+
h)):(l.removeAttribute("src"),cY(a,"loading")))),$APP.R(a,"__xImageModel",b))},Tba=function(a){function b(){var e=$APP.G($APP.k(a,"__xImageRefs")),f=$APP.C(e,$APP.In);e=$APP.k(a,"__xImageCurrentSrc");$APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)&&(f=f.getAttribute("src"),$APP.A.j(f,e)&&(cY(a,"error"),$APP.Nh(a,"x-image-error",$APP.$l(new $APP.O(null,1,[$APP.Fo,$APP.n(e)?e:""],null)))));return null}function c(){var e=$APP.G($APP.k(a,"__xImageRefs")),f=$APP.C(e,$APP.In);e=$APP.k(a,"__xImageCurrentSrc");
|
|
11
|
+
if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)){var h=f.getAttribute("src");$APP.A.j(h,e)&&(cY(a,"loaded"),h=f.naturalWidth,f=f.naturalHeight,$APP.Nh(a,"x-image-load",$APP.$l(new $APP.O(null,3,[$APP.Fo,$APP.n(e)?e:"",nY,$APP.n(h)?h:0,oY,$APP.n(f)?f:0],null))))}return null}var d=bY(a);d=$APP.G(d);d=$APP.C(d,$APP.In);d.addEventListener("load",c);d.addEventListener("error",b);$APP.R(a,"__xImageHandlers",new $APP.O(null,2,[pY,c,$APP.Nm,b],null))},qY=function(a){var b=$APP.k(a,"__xImageHandlers"),
|
|
12
|
+
c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.In.i(c);var d=pY.i(b);b=$APP.Nm.i(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}$APP.R(a,"__xImageHandlers",null)},rY=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.A.j(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.V.i(d))},enumerable:!0,configurable:!0})},Uba=function(a){rY(a,"src","src");
|
|
13
|
+
rY(a,"alt","alt");rY(a,"ratio","ratio");rY(a,"fit","fit");rY(a,"position","position");rY(a,"loading","loading");$APP.Sh(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.In.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.In.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})},Vba=function(a){bY(a);qY(a);Tba(a);$APP.k(a,"__xImageState")==null&&cY(a,"loading");mY(a);return null},Wba=function(a){qY(a);return null},Xba=function(a,b,c,d){$APP.I(c,d)&&mY(a);return null},sY=function(){return $APP.Ah("x-image",new $APP.O(null,5,[$APP.qh,Yba,$APP.oh,Vba,$APP.lh,Wba,$APP.kh,Xba,$APP.ph,Uba],null))},$X=new $APP.F(null,"frame","frame",-1711082588),gY=new $APP.F(null,
|
|
15
|
+
"fit-raw","fit-raw",792829585),iY=new $APP.F(null,"decorative?","decorative?",131461581),aY=new $APP.F(null,"error-box","error-box",1060106676),lY=new $APP.F(null,"ratio-css","ratio-css",1208951932),Pba=new $APP.F(null,"shimmer","shimmer",2123148747),Qba=new $APP.F(null,"error-slot","error-slot",493821239),fY=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),kY=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),pY=new $APP.F(null,"load","load",-1318641184),eY=new $APP.F(null,"decorative-present?",
|
|
16
|
+
"decorative-present?",2067744841),hY=new $APP.F(null,"fit","fit",869444807),dY=new $APP.F(null,"alt-present?","alt-present?",-707038767),nY=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),oY=new $APP.F(null,"naturalHeight","naturalHeight",227028566),jY=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var Yba="src alt decorative ratio fit position loading".split(" ");
|
|
17
|
+
$APP.Wf([$APP.vm,hY,$APP.Fo,$APP.pq,new $APP.F(null,"decorative","decorative",-238973678),$APP.dk,$APP.Hn,oY,nY,$APP.nr],[new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.Wh,!0],null),new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,2,[$APP.Q,$APP.Y,$APP.Wh,!0],null),new $APP.O(null,2,[$APP.Q,$APP.Y,$APP.Wh,
|
|
18
|
+
!0],null),new $APP.O(null,1,[$APP.Q,$APP.X],null)]);$APP.ce(["x-image-load",new $APP.O(null,2,[$APP.U,new $APP.O(null,3,[$APP.Fo,$APP.X,nY,$APP.Y,oY,$APP.Y],null),$APP.Aq,!1],null),"x-image-error",new $APP.O(null,2,[$APP.U,new $APP.O(null,1,[$APP.Fo,$APP.X],null),$APP.Aq,!1],null)]);var Rba=new $APP.pg(null,new $APP.O(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),Sba=new $APP.pg(null,new $APP.O(null,2,["eager",null,"lazy",null],null),null),Nba=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ha("baredom.exports.x_image.init",sY);export const init=sY;
|
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.k(b,"userAgentData");c=$APP.n(c)?$APP.k(c,"platform"):null;b=$APP.k(b,"platform");b=(""+$APP.
|
|
2
|
+
var e3=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},Vga=function(a){return typeof a==="string"&&$APP.A.j(1,a.length)?a:"+"},Wga=function(a,b){return typeof a==="string"&&$APP.I("",a.trim())?$APP.Qe($APP.xe(function(c){return $APP.A.j("",c)},$APP.pe.j(function(c){return c.trim()},a.split(b)))):$APP.ye},Xga=function(a,b){return typeof b==="string"&&$APP.I("",b.trim())?b.trim():$APP.t(a)?$APP.ci(" plus ",$APP.pe.j(f3,a)):""},$ga=function(a){var b=$APP.G(a),
|
|
3
|
+
c=$APP.C(b,g3),d=$APP.C(b,$APP.an);a=$APP.C(b,$APP.Vk);var e=$APP.C(b,h3);b=$APP.C(b,$APP.ui);d=Vga(d);var f=function(){var h=e3(i3,"auto",e);return $APP.$c(j3,h)?h:"linux"}();c=Wga(c,d);c=$APP.ze(function(h){h=h.trim();var l=$APP.C(Yga,new $APP.M(null,2,5,$APP.N,[f,h.toLowerCase()],null));return $APP.n(l)?l:new $APP.O(null,2,[$APP.bq,h,f3,h],null)},c);return new $APP.O(null,6,[k3,c,$APP.tp,d,$APP.ok,e3(Zga,"md",a),l3,f,$APP.Z,Xga(c,b),m3,$APP.Pc(c)],null)},n3=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.V.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},o3=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
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")},
|
|
7
|
-
c=$APP.k(c,"base")
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
["linux","meta"],null),new $APP.
|
|
11
|
-
null),new $APP.
|
|
12
|
-
new $APP.
|
|
13
|
-
2,5,$APP.
|
|
14
|
-
2,[$APP.
|
|
15
|
-
null),new $APP.
|
|
16
|
-
[$APP.
|
|
17
|
-
$APP.
|
|
6
|
+
d.setAttribute("part","base");b.appendChild(c);b.appendChild(d);a.__xKbdRefs={base:d};return $APP.k(a,"__xKbdRefs")},p3=function(a){var b=n3(a);var c=a.getAttribute("platform");c=e3(i3,"auto",c);b=$APP.$c(j3,c)?c:$APP.$c(j3,b)?b:"linux";b=$ga(new $APP.O(null,5,[g3,a.getAttribute("keys"),$APP.an,a.getAttribute("separator"),$APP.Vk,a.getAttribute("size"),h3,b,$APP.ui,a.getAttribute("label")],null));if($APP.I($APP.k(a,"__xKbdModel"),b)){b=$APP.G(b);var d=$APP.C(b,$APP.ok),e=$APP.C(b,$APP.Z);c=o3(a);
|
|
7
|
+
c=$APP.k(c,"base");$APP.S(a,"data-size",d);$APP.A.j("",e)?$APP.T(a,"aria-label"):$APP.S(a,"aria-label",e);var f=$APP.G(b);d=$APP.C(f,k3);e=$APP.C(f,$APP.tp);for(f=$APP.C(f,m3);;)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.y(d);for(var h=0;;)if(h<f){var l=$APP.tc(d,h);if(h>0){var m=c,q=m.appendChild,r=e,v=document.createElement("span");
|
|
8
|
+
v.setAttribute("part","separator");v.textContent=r;q.call(m,v)}m=c;q=m.appendChild;l=$APP.bq.i(l);r=document.createElement("kbd");r.setAttribute("part","key");r.textContent=l;q.call(m,r);h+=1}else break}a.__xKbdModel=b}},bha=function(a){return $APP.Zh(a,aha)},cha=function(a){o3(a);n3(a);p3(a);return null},dha=function(a,b,c,d){$APP.I(c,d)&&p3(a);return null},q3=function(){return $APP.Ah("x-kbd",new $APP.O(null,4,[$APP.qh,eha,$APP.oh,cha,$APP.kh,dha,$APP.ph,bha],null))},k3=new $APP.F(null,"tokens",
|
|
9
|
+
"tokens",-818939304),f3=new $APP.F(null,"aria","aria",1737868339),m3=new $APP.F(null,"slot-mode?","slot-mode?",324788923),l3=new $APP.F(null,"platform","platform",-1086422114),h3=new $APP.F(null,"platform-raw","platform-raw",-907433809),g3=new $APP.F(null,"keys-raw","keys-raw",-232964036),fha=new $APP.F(null,"keys","keys",1068423698);var eha=["keys","separator","size","platform","label"],Zga=new $APP.pg(null,new $APP.O(null,3,["md",null,"lg",null,"sm",null],null),null),i3=new $APP.pg(null,new $APP.O(null,4,["mac",null,"linux",null,"win",null,"auto",null],null),null),j3=new $APP.pg(null,new $APP.O(null,3,["mac",null,"linux",null,"win",null],null),null),Yga=$APP.Wf([new $APP.M(null,2,5,$APP.N,["win","super"],null),new $APP.M(null,2,5,$APP.N,["mac","alt"],null),new $APP.M(null,2,5,$APP.N,["mac","option"],null),new $APP.M(null,2,
|
|
10
|
+
5,$APP.N,["linux","meta"],null),new $APP.M(null,2,5,$APP.N,["win","return"],null),new $APP.M(null,2,5,$APP.N,["mac","shift"],null),new $APP.M(null,2,5,$APP.N,["mac","ctrl"],null),new $APP.M(null,2,5,$APP.N,["mac","cmd"],null),new $APP.M(null,2,5,$APP.N,["win","meta"],null),new $APP.M(null,2,5,$APP.N,["win","cmd"],null),new $APP.M(null,2,5,$APP.N,["linux","super"],null),new $APP.M(null,2,5,$APP.N,["win","shift"],null),new $APP.M(null,2,5,$APP.N,["linux","shift"],null),new $APP.M(null,2,5,$APP.N,["mac",
|
|
11
|
+
"control"],null),new $APP.M(null,2,5,$APP.N,["linux","enter"],null),new $APP.M(null,2,5,$APP.N,["linux","return"],null),new $APP.M(null,2,5,$APP.N,["linux","command"],null),new $APP.M(null,2,5,$APP.N,["mac","command"],null),new $APP.M(null,2,5,$APP.N,["win","ctrl"],null),new $APP.M(null,2,5,$APP.N,["mac","super"],null),new $APP.M(null,2,5,$APP.N,["mac","meta"],null),new $APP.M(null,2,5,$APP.N,["mac","mod"],null),new $APP.M(null,2,5,$APP.N,["linux","cmd"],null),new $APP.M(null,2,5,$APP.N,["linux",
|
|
12
|
+
"ctrl"],null),new $APP.M(null,2,5,$APP.N,["mac","enter"],null),new $APP.M(null,2,5,$APP.N,["linux","mod"],null),new $APP.M(null,2,5,$APP.N,["win","mod"],null),new $APP.M(null,2,5,$APP.N,["win","enter"],null),new $APP.M(null,2,5,$APP.N,["win","control"],null),new $APP.M(null,2,5,$APP.N,["win","option"],null),new $APP.M(null,2,5,$APP.N,["linux","control"],null),new $APP.M(null,2,5,$APP.N,["linux","alt"],null),new $APP.M(null,2,5,$APP.N,["win","alt"],null),new $APP.M(null,2,5,$APP.N,["mac","return"],
|
|
13
|
+
null),new $APP.M(null,2,5,$APP.N,["win","command"],null),new $APP.M(null,2,5,$APP.N,["linux","option"],null)],[new $APP.O(null,2,[$APP.bq,"Win",f3,"Windows"],null),new $APP.O(null,2,[$APP.bq,"⌥",f3,"Option"],null),new $APP.O(null,2,[$APP.bq,"⌥",f3,"Option"],null),new $APP.O(null,2,[$APP.bq,"Super",f3,"Super"],null),new $APP.O(null,2,[$APP.bq,"Enter",f3,"Enter"],null),new $APP.O(null,2,[$APP.bq,"⇧",f3,"Shift"],null),new $APP.O(null,2,[$APP.bq,"⌃",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"⌘",
|
|
14
|
+
f3,"Command"],null),new $APP.O(null,2,[$APP.bq,"Win",f3,"Windows"],null),new $APP.O(null,2,[$APP.bq,"Win",f3,"Windows"],null),new $APP.O(null,2,[$APP.bq,"Super",f3,"Super"],null),new $APP.O(null,2,[$APP.bq,"Shift",f3,"Shift"],null),new $APP.O(null,2,[$APP.bq,"Shift",f3,"Shift"],null),new $APP.O(null,2,[$APP.bq,"⌃",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"Enter",f3,"Enter"],null),new $APP.O(null,2,[$APP.bq,"Enter",f3,"Enter"],null),new $APP.O(null,2,[$APP.bq,"Super",f3,"Super"],null),new $APP.O(null,
|
|
15
|
+
2,[$APP.bq,"⌘",f3,"Command"],null),new $APP.O(null,2,[$APP.bq,"Ctrl",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"⌘",f3,"Command"],null),new $APP.O(null,2,[$APP.bq,"⌘",f3,"Command"],null),new $APP.O(null,2,[$APP.bq,"⌘",f3,"Command"],null),new $APP.O(null,2,[$APP.bq,"Super",f3,"Super"],null),new $APP.O(null,2,[$APP.bq,"Ctrl",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"Return",f3,"Return"],null),new $APP.O(null,2,[$APP.bq,"Ctrl",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"Ctrl",f3,"Control"],
|
|
16
|
+
null),new $APP.O(null,2,[$APP.bq,"Enter",f3,"Enter"],null),new $APP.O(null,2,[$APP.bq,"Ctrl",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"Alt",f3,"Alt"],null),new $APP.O(null,2,[$APP.bq,"Ctrl",f3,"Control"],null),new $APP.O(null,2,[$APP.bq,"Alt",f3,"Alt"],null),new $APP.O(null,2,[$APP.bq,"Alt",f3,"Alt"],null),new $APP.O(null,2,[$APP.bq,"Return",f3,"Return"],null),new $APP.O(null,2,[$APP.bq,"Win",f3,"Windows"],null),new $APP.O(null,2,[$APP.bq,"Alt",f3,"Alt"],null)]),aha=new $APP.O(null,5,[fha,new $APP.O(null,
|
|
17
|
+
3,[$APP.Q,$APP.X,$APP.W,"keys",$APP.Yh,""],null),$APP.tp,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"separator",$APP.Yh,"+"],null),$APP.ok,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"size",$APP.Yh,"md"],null),l3,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"platform",$APP.Yh,"auto"],null),$APP.Z,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"label",$APP.Yh,""],null)],null);$APP.ha("baredom.exports.x_kbd.init",q3);export const init=q3;
|
package/dist/x-kinetic-canvas.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
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
|
-
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.
|
|
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.
|
|
9
|
-
h;l=q}h=$APP.k(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.
|
|
10
|
-
"__xKineticCanvasRaf",requestAnimationFrame(function(){return
|
|
11
|
-
c.matches;c.addEventListener("change",b);$APP.
|
|
12
|
-
"__xKineticCanvasRefs"));f=$APP.C(f,$APP.
|
|
13
|
-
d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=
|
|
14
|
-
$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),
|
|
15
|
-
$APP.
|
|
16
|
-
|
|
17
|
-
"paused"],null)],null),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
null;break a}a=void 0}return a}},
|
|
21
|
-
h),0,6.283185307179586);a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.
|
|
22
|
-
0)}],null),"matrix",new $APP.
|
|
23
|
-
120);h.ct+=b;h.ct>.08&&(h.ct=0,h=h.ch,h[Math.floor(Math.random()*h.length)]=
|
|
24
|
-
$APP.
|
|
25
|
-
|
|
26
|
-
|
|
2
|
+
var iz=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},jz=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
|
|
3
|
+
yz=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,x=m.ln;m=m.cs;a.font=""+$APP.V.i(m)+"px monospace";a.textBaseline="top";for(var z=x,B=0;;)if(B<z){var E=r-(x-1-B)*m,H=(B+1)/x,K=H*H;E>-m&&E<d+m&&(a.globalAlpha=Math.min(1,K),a.fillStyle=$APP.A.j(B,x-1)?c:H>.5?f:e,a.fillText(v[B],q,E));B+=1}else break;l+=1}else break;return a.globalAlpha=1},zz=function(a){return $APP.D($APP.k(a,"__xKineticCanvasReduced"))},Hz=function(a){a=new $APP.O(null,
|
|
4
|
+
6,[$APP.Hm,a.getAttribute("type"),$APP.Lp,a.getAttribute("variant"),$APP.up,a.getAttribute("speed"),$APP.An,a.getAttribute("density"),Az,a.getAttribute("fullscreen"),Bz,a.getAttribute("paused")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Hm),d=$APP.C(b,$APP.Lp),e=$APP.C(b,$APP.up),f=$APP.C(b,$APP.An);a=$APP.C(b,Az);b=$APP.C(b,Bz);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.$c(Cz,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.$c(Dz,d)?
|
|
5
|
+
d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(Ez,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(Fz,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.O(null,6,[$APP.Q,c,$APP.nk,d,$APP.Mn,e,$APP.Ip,f,Gz,a!=null,$APP.Pm,b!=null],null)},Iz=function(a){$APP.R(a,"__xKineticCanvasCol",null)},
|
|
6
|
+
Lz=function(a){var b=$APP.k(a,"__xKineticCanvasModel"),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),e=$APP.Q.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.A.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.A.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(Jz,e);a:{var l=$APP.Ip.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*
|
|
7
|
+
l*m,50),500));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.nk.i(b);h=Kz.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)}},Nz=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.G($APP.k(a,"__xKineticCanvasRefs"));f=$APP.C(f,
|
|
8
|
+
$APP.fm);if($APP.n($APP.n(c)?$APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.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.A.j(q,"")?"#f0f0f5":q;h=[q,$APP.A.j(h,"")?"#1a1a2e":h,$APP.A.j(l,"")?"#2563eb":l,$APP.A.j(m,
|
|
9
|
+
"")?"#7c3aed":m];$APP.R(a,"__xKineticCanvasCol",h);l=q}h=$APP.k(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.Q.i(b);b=$APP.C(Jz,b);f.clearRect(0,0,c,d);l!=null&&$APP.I(l,"transparent")&&(f.fillStyle=l,f.fillRect(0,0,c,d));if(zz(a))return a=$APP.go.i(b),a.da?a.da(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=Mz.i(b);return b.ua?b.ua(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},Pz=function(a){$APP.n($APP.k(a,"__xKineticCanvasRaf"))||($APP.R(a,"__xKineticCanvasLastFrame",
|
|
10
|
+
performance.now()),$APP.R(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return Oz(a)})));return null},Qz=function(a){var b=$APP.k(a,"__xKineticCanvasRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.R(a,"__xKineticCanvasRaf",null))},Rz=function(a){function b(d){d=d.matches;$APP.R(a,"__xKineticCanvasReduced",d);Iz(a);$APP.n(d)?(Qz(a),d=Nz(a)):(d=$APP.k(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.Pm.i($APP.k(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?Pz(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.k(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.Pm.i(e),$APP.n($APP.n(d)?d:zz(a))||Pz(a)):Qz(a);return null},{threshold:[0]});c.observe(a);$APP.R(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>
|
|
12
|
+
0&&e>0){$APP.R(a,"__xKineticCanvasW",d);$APP.R(a,"__xKineticCanvasH",e);var f=$APP.G($APP.k(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.yq);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);Iz(a);Lz(a);d=$APP.Pm.i($APP.k(a,"__xKineticCanvasModel"));$APP.n($APP.n(d)?d:zz(a))?Nz(a):Pz(a)}}return null});c.observe(a);$APP.R(a,"__xKineticCanvasRO",c)},Tz=function(a){var b=Hz(a);$APP.R(a,"__xKineticCanvasModel",b);$APP.R(a,"__xKineticCanvasTime",
|
|
13
|
+
0);$APP.R(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.k(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=Sz;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);$APP.R(a,"__xKineticCanvasRefs",
|
|
14
|
+
new $APP.O(null,3,[$APP.jj,b,$APP.yq,e,$APP.fm,e.getContext("2d")],null))}Rz(a);return null},Uz=function(a){Qz(a);var b=$APP.k(a,"__xKineticCanvasMQL");$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),$APP.R(a,"__xKineticCanvasMQL",null));b=$APP.k(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),$APP.R(a,"__xKineticCanvasIO",null));b=$APP.k(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),$APP.R(a,"__xKineticCanvasRO",null));$APP.R(a,"__xKineticCanvasVis",!1);return null},Vz=function(a,
|
|
15
|
+
b,c,d){$APP.I(c,d)&&$APP.n($APP.k(a,"__xKineticCanvasRefs"))&&(b=Hz(a),c=$APP.k(a,"__xKineticCanvasModel"),$APP.R(a,"__xKineticCanvasModel",b),Iz(a),(c==null||$APP.I($APP.Q.i(b),$APP.Q.i(c))||$APP.I($APP.Ip.i(b),$APP.Ip.i(c))||$APP.I($APP.nk.i(b),$APP.nk.i(c)))&&Lz(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=$APP.Pm.i(b),$APP.n($APP.n(b)?b:zz(a))?(Qz(a),Nz(a)):(Nz(a),Pz(a))));return null},Xz=function(a){return $APP.Zh(a,Wz)},Zz=function(){return $APP.Ah("x-kinetic-canvas",
|
|
16
|
+
new $APP.O(null,5,[$APP.qh,Yz,$APP.oh,Tz,$APP.lh,Uz,$APP.kh,Vz,$APP.ph,Xz],null))},Kz=new $APP.F(null,"create","create",-1301499256),$z=new $APP.F(null,"update","update",1045576396),Gz=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),Bz=new $APP.F(null,"paused-attr","paused-attr",2104502840),Az=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),Mz=new $APP.F(null,"draw","draw",1358331674);var Yz="type variant speed density fullscreen paused".split(" "),Wz=new $APP.O(null,6,[$APP.Q,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"type"],null),$APP.nk,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"variant"],null),$APP.Mn,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"speed"],null),$APP.Ip,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"fullscreen"],null),$APP.ap,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,
|
|
17
|
+
"paused"],null)],null),Cz=new $APP.pg(null,new $APP.O(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),Dz=new $APP.pg(null,new $APP.O(null,2,["twinkle",null,"motion",null],null),null),Ez=new $APP.O(null,3,["slow",.3,"medium",1,"fast",2.5],null),Fz=new $APP.O(null,3,["low",.5,"medium",1,"high",2],null);var aA=function aA(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return aA.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.Yb(c.slice(4),0,null):null)};aA.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};aA.M=4;
|
|
18
|
+
aA.K=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);var d=$APP.w(c);c=$APP.u(d);var e=$APP.w(d);d=$APP.u(e);e=$APP.w(e);return this.B(b,a,c,d,e)};var bA=function bA(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return bA.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.Yb(c.slice(4),0,null):null)};bA.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};bA.M=4;
|
|
19
|
+
bA.K=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);var d=$APP.w(c);c=$APP.u(d);var e=$APP.w(d);d=$APP.u(e);e=$APP.w(e);return this.B(b,a,c,d,e)};var Jz=new $APP.O(null,3,["starfield",new $APP.O(null,4,[Kz,aA,$z,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}},Mz,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.qd(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.go,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.O(null,4,[Kz,bA,$z,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},Mz,iz,$APP.go,function(a,b,c,d,e){return iz(a,b,c,d,e,
|
|
22
|
+
0)}],null),"matrix",new $APP.O(null,4,[Kz,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(jz()),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},$z,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)]=jz());f+=1}else return null},Mz,yz,$APP.go,function(a,b,c,d,e){return yz(a,b,c,d,e,0)}],null)],null),Sz=":host{display:block;position:relative;overflow:hidden;"+$APP.V.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.V.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.V.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.V.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+
|
|
24
|
+
$APP.V.i("--x-kinetic-canvas-matrix-font-size")+":14;}@media(prefers-color-scheme:dark){:host{"+$APP.V.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.V.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.V.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.V.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
|
+
Oz=function Oz(a){if(!$APP.p(a.isConnected))if($APP.n(function(){var q=$APP.Pm.i($APP.k(a,"__xKineticCanvasModel"));return $APP.n(q)?q:zz(a)}()))$APP.R(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.Q.i(c),h=$APP.C(Jz,f);f=$APP.k(a,"__xKineticCanvasEnt");var l=$APP.k(a,"__xKineticCanvasW"),m=$APP.k(a,"__xKineticCanvasH");$APP.R(a,"__xKineticCanvasLastFrame",d);$APP.R(a,"__xKineticCanvasTime",
|
|
26
|
+
function(){var q=$APP.k(a,"__xKineticCanvasTime");return $APP.n(q)?q:0}()+e);$APP.n(f)&&(d=$APP.Mn.i(c),c=$APP.nk.i(c),h=$z.i(h),h.ua?h.ua(f,e,d,l,m,c):h.call(null,f,e,d,l,m,c));Nz(a);$APP.R(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return Oz.i?Oz.i(a):Oz.call(null,a)}))}return null};$APP.ha("baredom.exports.x_kinetic_canvas.init",Zz);export const init=Zz;
|
package/dist/x-kinetic-font.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a):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
|
-
b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.
|
|
7
|
-
d:b}();a.__xKineticFontLSY=b;$APP.
|
|
8
|
-
c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},
|
|
9
|
-
$APP.
|
|
10
|
-
e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.
|
|
11
|
-
8)
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"per-char?"
|
|
20
|
-
|
|
21
|
-
$APP.
|
|
22
|
-
1,[$APP.
|
|
23
|
-
var
|
|
24
|
-
":0;"+$APP.
|
|
25
|
-
|
|
26
|
-
return $APP.n(
|
|
27
|
-
"both")?$APP.
|
|
28
|
-
|
|
2
|
+
var J6=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.A.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},K6=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.$c(Fja,a)?a:"cursor"},Hja=function(a){return typeof a==="string"?(a=$APP.sf.m($APP.qg,$APP.ve(function(b){return $APP.$c(Gja,b)}),a.trim().toLowerCase().split(/\s+/)),$APP.Pc(a)?L6:a):L6},M6=function(a){return typeof a==="string"?(a=a.trim(),$APP.A.j(a,"")?null:
|
|
3
|
+
a):null},Ija=function(a,b,c,d,e,f,h){b=c+(f*(b-a)-h*c)/e*d;return[a+b*d,b]},N6=function(a,b){if(a>=b)return 0;a=1-a/b;return a*a},O6=function(a,b,c,d,e,f,h,l,m,q,r){a*=c;d=$APP.$c(b,"bulge")?d+a*(e-d):d;f=$APP.$c(b,"stretch")?f+a*(h-f):f;l=$APP.$c(b,"lean")?m+a*(l-m):m;b=$APP.$c(b,"breathe")?q+a*(r-q):q;return[d,f,l,b]},P6=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},Z6=function(a){a=$APP.Wf([$APP.Ln,$APP.Ko,Q6,R6,S6,$APP.dm,$APP.Op,T6,$APP.On,U6],[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.G(a);a=$APP.C(b,$APP.On);var c=$APP.C(b,U6),d=$APP.C(b,$APP.Ln),e=$APP.C(b,$APP.Ko),f=$APP.C(b,R6),h=$APP.C(b,Q6),l=$APP.C(b,S6),m=$APP.C(b,$APP.dm),q=$APP.C(b,$APP.Op);b=$APP.C(b,T6);return $APP.Wf([$APP.Jq,V6,W6,$APP.dr,$APP.Bo,X6,$APP.io,$APP.Wn,Y6,$APP.Rp],
|
|
5
|
+
[J6(d,1,.1,10),J6(c,170,10,500),Hja(q),J6(a,200,20,1E3),J6(e,.5,0,1),f!=null,J6(b,26,1,100),K6(h),M6(l),typeof m==="string"?m:""])},$6=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.A.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:a}return b},a7=function(a,b,c){a=a.style;var d=a.setProperty;b="'wght' "+$APP.V.i(b[0].toFixed(1))+", 'wdth' "+$APP.V.i(b[1].toFixed(1))+", 'slnt' "+$APP.V.i(b[2].toFixed(1))+", 'opsz' "+$APP.V.i(b[3].toFixed(1));d.call(a,"font-variation-settings",
|
|
6
|
+
b);c===0?a.removeProperty("transform"):a.setProperty("transform","skewX("+$APP.V.i(c.toFixed(1))+"deg)")},c7=function(a){$APP.n($APP.k(a,"__xKineticFontRaf"))||($APP.n($APP.k(a,"__xKineticFontAct"))||(a.__xKineticFontAct=!0,$APP.Nh(a,"x-kinetic-font-spring-activate",{})),$APP.ja(a,"__xKineticFontLF",performance.now()),$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return b7(a)})))},Jja=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.ja(a,"__xKineticFontSD",function(){var d=$APP.k(a,"__xKineticFontSD");return $APP.n(d)?d:0}()+Math.abs(c));P6()||c7(a);return null},Kja=function(a){var b=$APP.Wn.i($APP.k(a,"__xKineticFontModel")),c={};if($APP.A.j(b,"cursor")||$APP.A.j(b,"both")){var d=function(e){a.__xKineticFontMX=e.clientX;a.__xKineticFontMY=e.clientY;P6()||c7(a);return null};c.move=d;document.addEventListener("pointermove",d,{passive:!0})}if($APP.A.j(b,"scroll")||$APP.A.j(b,"both"))b=function(){return Jja(a)},
|
|
8
|
+
c.scroll=b,a.__xKineticFontLSY=window.scrollY,window.addEventListener("scroll",b,{passive:!0});a.__xKineticFontHdl=c},d7=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}},o7=function(a,b){var c=$APP.k(a,"__xKineticFontModel");a.__xKineticFontModel=b;if($APP.I($APP.Rp.i(b),$APP.Rp.i(c))||$APP.I(X6.i(b),X6.i(c)))if($APP.n(X6.i(b))){var d=
|
|
9
|
+
$APP.Rp.i(b),e=$APP.G($APP.k(a,"__xKineticFontRefs"));e=$APP.C(e,$APP.kj);d=$APP.Qe(d);var f=$APP.y(d),h=Array(f),l=Array(f);e.textContent="";for(var m=0;;)if(m<f){var q=$APP.tc(d,m),r=document.createElement("span");r.setAttribute("part","char");$APP.A.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.Rp.i(b),d=$APP.G($APP.k(a,"__xKineticFontRefs")),$APP.C(d,$APP.kj).textContent=
|
|
10
|
+
e,a.__xKineticFontCS=null,a.__xKineticFontSpr=[[0,0]];$APP.I($APP.Wn.i(b),$APP.Wn.i(c))&&(d7(a),Kja(a));c=$APP.G($APP.k(a,"__xKineticFontRefs"));c=$APP.C(c,$APP.kj);e=Y6.i(b);$APP.n(e)?c.style.setProperty("font-family",e):c.style.removeProperty("font-family");c=getComputedStyle(a);c=$APP.Wf([e7,f7,g7,h7,i7,j7,k7,l7,m7],[$6(c.getPropertyValue("--x-kinetic-font-slant-max"),0),$6(c.getPropertyValue("--x-kinetic-font-slant-min"),-12),$6(c.getPropertyValue("--x-kinetic-font-opsz-max"),144),$6(c.getPropertyValue("--x-kinetic-font-opsz-min"),
|
|
11
|
+
8),$6(c.getPropertyValue("--x-kinetic-font-weight-min"),100),$6(c.getPropertyValue("--x-kinetic-font-skew-max"),-15),$6(c.getPropertyValue("--x-kinetic-font-width-max"),125),$6(c.getPropertyValue("--x-kinetic-font-width-min"),75),$6(c.getPropertyValue("--x-kinetic-font-weight-max"),900)]);a.__xKineticFontCV=c;c=$APP.Rp.i(b);e=$APP.G($APP.k(a,"__xKineticFontRefs"));$APP.C(e,n7).textContent=c;$APP.A.j(c,"")?($APP.S(a,"aria-hidden","true"),$APP.T(a,"role")):($APP.T(a,"aria-hidden"),$APP.S(a,"role","text"),
|
|
12
|
+
$APP.S(a,"aria-label",c));if(!P6())if(c=$APP.k(a,"__xKineticFontCV"),c=O6(0,W6.i(b),$APP.Bo.i(b),i7.i(c),m7.i(c),l7.i(c),k7.i(c),f7.i(c),e7.i(c),h7.i(c),g7.i(c)),$APP.n(X6.i(b))){if(a=$APP.k(a,"__xKineticFontCS"),$APP.n(a))for(b=a.length,e=0;;)if(e<b)a7(a[e],c,0),e+=1;else break}else a=$APP.G($APP.k(a,"__xKineticFontRefs")),a=$APP.C(a,$APP.kj),a7(a,c,0)},Lja=function(a){$APP.Th(a,"text","text","");$APP.Th(a,"mode","mode","bulge");$APP.Sh(a,"perChar","per-char");Object.defineProperty(a,"trigger",{get:function(){return K6(this.getAttribute("trigger"))},
|
|
13
|
+
set:function(b){return b==null?this.removeAttribute("trigger"):this.setAttribute("trigger",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"mass",{get:function(){var b=this.getAttribute("mass");return J6(b,1,.1,10)},set:function(b){return b==null?this.removeAttribute("mass"):this.setAttribute("mass",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"tension",{get:function(){var b=this.getAttribute("tension");return J6(b,170,10,500)},set:function(b){return b==
|
|
14
|
+
null?this.removeAttribute("tension"):this.setAttribute("tension",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"friction",{get:function(){var b=this.getAttribute("friction");return J6(b,26,1,100)},set:function(b){return b==null?this.removeAttribute("friction"):this.setAttribute("friction",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"intensity",{get:function(){var b=this.getAttribute("intensity");return J6(b,.5,0,1)},set:function(b){return b==
|
|
15
|
+
null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"radius",{get:function(){var b=this.getAttribute("radius");return J6(b,200,20,1E3)},set:function(b){return b==null?this.removeAttribute("radius"):this.setAttribute("radius",""+$APP.V.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"fontFamily",{get:function(){return M6(this.getAttribute("font-family"))},set:function(b){return b==null?this.removeAttribute("font-family"):
|
|
16
|
+
this.setAttribute("font-family",""+$APP.V.i(b))},enumerable:!0,configurable:!0})},Nja=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=Mja;d.setAttribute("part","container");e.setAttribute("class","sr-only");e.setAttribute("part","sr-only");b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xKineticFontRefs=new $APP.O(null,3,[$APP.jj,b,$APP.kj,
|
|
17
|
+
d,n7,e],null)}b=Z6(a);a.__xKineticFontModel=null;a.__xKineticFontMX=0;a.__xKineticFontMY=0;a.__xKineticFontSD=0;a.__xKineticFontAct=!1;o7(a,b);return null},Oja=function(a){var b=$APP.k(a,"__xKineticFontRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xKineticFontRaf=null);d7(a);return null},Pja=function(a,b,c,d){$APP.I(c,d)&&$APP.n($APP.k(a,"__xKineticFontRefs"))&&(b=Z6(a),$APP.I(b,$APP.k(a,"__xKineticFontModel"))&&o7(a,b));return null},p7=function(){return $APP.Ah("x-kinetic-font",new $APP.O(null,5,
|
|
18
|
+
[$APP.qh,Qja,$APP.oh,Nja,$APP.lh,Oja,$APP.kh,Pja,$APP.ph,Lja],null))},R6=new $APP.F(null,"per-char-attr","per-char-attr",-403667422),Q6=new $APP.F(null,"trigger-raw","trigger-raw",-1649744606),f7=new $APP.F(null,"slnt-min","slnt-min",71363427),k7=new $APP.F(null,"wdth-max","wdth-max",-522030121),j7=new $APP.F(null,"skew-max","skew-max",1543858453),l7=new $APP.F(null,"wdth-min","wdth-min",-986627045),S6=new $APP.F(null,"font-family-raw","font-family-raw",1729457924),X6=new $APP.F(null,"per-char?",
|
|
19
|
+
"per-char?",-1016397834),h7=new $APP.F(null,"opsz-min","opsz-min",-829837010),n7=new $APP.F(null,"sr-only","sr-only",-173275148),e7=new $APP.F(null,"slnt-max","slnt-max",1716167520),T6=new $APP.F(null,"friction-raw","friction-raw",-1078184200),g7=new $APP.F(null,"opsz-max","opsz-max",454458088),i7=new $APP.F(null,"wght-min","wght-min",529224020),W6=new $APP.F(null,"modes","modes",-1377787092),m7=new $APP.F(null,"wght-max","wght-max",-514604421),U6=new $APP.F(null,"tension-raw","tension-raw",961657279),
|
|
20
|
+
Y6=new $APP.F(null,"font-family","font-family",-667419874),V6=new $APP.F(null,"tension","tension",58343589);var Qja="text trigger mode per-char mass tension friction intensity radius font-family".split(" ");
|
|
21
|
+
$APP.Wf([$APP.Jq,V6,$APP.Gn,new $APP.F(null,"perChar","perChar",2082880685),$APP.dr,$APP.Bo,new $APP.F(null,"fontFamily","fontFamily",1493518353),$APP.io,$APP.Wn,$APP.Rp],[new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,
|
|
22
|
+
1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.X],null)]);$APP.ce(["x-kinetic-font-spring-activate",new $APP.O(null,2,[$APP.U,$APP.de,$APP.Aq,!1],null),"x-kinetic-font-spring-settle",new $APP.O(null,2,[$APP.U,$APP.de,$APP.Aq,!1],null)]);
|
|
23
|
+
var Fja=new $APP.pg(null,new $APP.O(null,3,["scroll",null,"both",null,"cursor",null],null),null),Gja=new $APP.pg(null,new $APP.O(null,4,["breathe",null,"lean",null,"bulge",null,"stretch",null],null),null),L6=new $APP.pg(null,new $APP.O(null,1,["bulge",null],null),null);var Mja=":host{display:inline-block;box-sizing:border-box;color-scheme:light dark;"+$APP.V.i("--x-kinetic-font-color")+":var(--x-color-text,currentColor);"+$APP.V.i("--x-kinetic-font-family")+":system-ui,sans-serif;"+$APP.V.i("--x-kinetic-font-size")+":2rem;"+$APP.V.i("--x-kinetic-font-weight-min")+":100;"+$APP.V.i("--x-kinetic-font-weight-max")+":900;"+$APP.V.i("--x-kinetic-font-width-min")+":75;"+$APP.V.i("--x-kinetic-font-width-max")+":125;"+$APP.V.i("--x-kinetic-font-slant-min")+":-12;"+$APP.V.i("--x-kinetic-font-slant-max")+
|
|
24
|
+
":0;"+$APP.V.i("--x-kinetic-font-opsz-min")+":8;"+$APP.V.i("--x-kinetic-font-opsz-max")+":144;"+$APP.V.i("--x-kinetic-font-skew-max")+":-15;}[part\x3dcontainer]{color:var("+$APP.V.i("--x-kinetic-font-color")+",currentColor);font-family:var("+$APP.V.i("--x-kinetic-font-family")+",system-ui,sans-serif);font-size:var("+$APP.V.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
|
+
b7=function b7(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.Jq.i(c),l=V6.i(c),m=$APP.io.i(c),q=$APP.Bo.i(c),r=$APP.dr.i(c),v=$APP.Wn.i(c);c=W6.i(c);var x=i7.i(d),z=m7.i(d),B=l7.i(d),E=k7.i(d),H=f7.i(d),K=e7.i(d),J=h7.i(d),P=g7.i(d);d=j7.i(d);var ea=$APP.$c(c,"lean"),la=$APP.k(a,"__xKineticFontMX"),Ea=$APP.k(a,"__xKineticFontMY"),Na=function(){var mc=$APP.k(a,"__xKineticFontSD");
|
|
26
|
+
return $APP.n(mc)?mc:0}(),Za=Math.min(1,Math.abs(Na)/100),Eb=$APP.k(a,"__xKineticFontSpr"),Cb=$APP.k(a,"__xKineticFontCS"),Kb=Cb!=null,Dd=Eb.length;a.__xKineticFontLF=e;a.__xKineticFontSD=Na*.85;for(var vc=[!0],sg=0;;)if(sg<Dd){Na=Kb&&($APP.A.j(v,"cursor")||$APP.A.j(v,"both"))?function(){var mc=Cb[sg].getBoundingClientRect(),se=la-(mc.left+.5*mc.width);mc=Ea-(mc.top+.5*mc.height);return Math.max(N6(Math.sqrt(se*se+mc*mc),r),Za)}():Kb&&$APP.A.j(v,"scroll")?Za:Kb||!$APP.A.j(v,"cursor")&&!$APP.A.j(v,
|
|
27
|
+
"both")?$APP.A.j(v,"scroll")?Za:0:function(){var mc=$APP.G($APP.k(a,"__xKineticFontRefs")),se=$APP.C(mc,$APP.kj).getBoundingClientRect();mc=la-(se.left+.5*se.width);se=Ea-(se.top+.5*se.height);return Math.max(N6(Math.sqrt(mc*mc+se*se),r),Za)}();var vf=Eb[sg],th=Ija(vf[0],Na,vf[1],f,h,l,m);e=th[0];th=th[1];vf[0]=e;vf[1]=th;Math.abs(e-Na)<.001&&Math.abs(th)<.01||(vc[0]=!1);Na=O6(e,c,q,x,z,B,E,H,K,J,P);e=ea?e*q*d:0;Kb?a7(Cb[sg],Na,e):(vf=$APP.G($APP.k(a,"__xKineticFontRefs")),vf=$APP.C(vf,$APP.kj),a7(vf,
|
|
28
|
+
Na,e));sg+=1}else break;var Po=function(){var mc=$APP.k(a,"__xKineticFontSD");return $APP.n(mc)?mc:0}()>.5;$APP.n(function(){var mc=vc[0];return $APP.n(mc)?!Po:mc}())?(a.__xKineticFontRaf=null,a.__xKineticFontSD=0,$APP.n($APP.k(a,"__xKineticFontAct"))&&(a.__xKineticFontAct=!1,$APP.Nh(a,"x-kinetic-font-spring-settle",{}))):$APP.ja(a,"__xKineticFontRaf",requestAnimationFrame(function(){return b7.i?b7.i(a):b7.call(null,a)}))}return null};$APP.ha("baredom.exports.x_kinetic_font.init",p7);export const init=p7;
|