@vanelsas/baredom 2.8.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 +45 -0
- package/README.md +1 -1
- package/custom-elements.json +467 -0
- package/dist/baredom.d.ts +25 -0
- package/dist/base.js +541 -452
- package/dist/integrity.json +103 -97
- 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 -16
- 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 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +24 -24
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +25 -0
- 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.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- 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 -39
- package/dist/x-liquid-fill.js +44 -44
- 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 -27
- 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.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- 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.d.ts +43 -0
- package/dist/x-proximity-list.js +21 -0
- 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 +45 -45
- 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 +15 -15
- 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.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- 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 +21 -22
- 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 +32 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
v.setAttribute("stroke-dashoffset",""+$APP.
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
var b3=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},c3=function(a){var b=new $APP.O(null,7,[$APP.Eh,a.getAttribute("value"),$APP.hp,a.getAttribute("max"),$APP.nk,a.getAttribute("variant"),$APP.ok,a.getAttribute("size"),$APP.Z,a.getAttribute("label"),$APP.qo,a.hasAttribute("show-value"),$APP.Dq,a.hasAttribute("indeterminate")],null);var c=$APP.G(b),d=$APP.C(c,$APP.hp),e=$APP.C(c,$APP.Eh),f=$APP.C(c,$APP.nk),h=$APP.C(c,$APP.ok);b=$APP.C(c,$APP.Z);var l=$APP.C(c,
|
|
3
|
+
$APP.qo);c=$APP.C(c,$APP.Dq);d=b3(d,100);d=d>0?d:100;e=$APP.Hl.j($APP.Gl.j(b3(e,0),0),d);f=typeof f==="string"&&$APP.$c(Pga,f)?f:"default";h=typeof h==="string"&&$APP.$c(Qga,h)?h:"md";c=$APP.D(c);l=$APP.D(l);var m=c?50:$APP.Hl.j($APP.Gl.j(e/d*100,0),100);b=$APP.Wf([$APP.nk,$APP.qo,$APP.Eh,$APP.ok,$APP.Dq,$APP.jr,$APP.hp,$APP.Z,$APP.cq],[f,l,e,h,c,c?"Loading…":""+$APP.V.i(Math.round(m))+"%",d,typeof b==="string"&&$APP.I("",b)?b:null,m]);var q=$APP.G(b);b=$APP.C(q,$APP.cq);l=$APP.C(q,$APP.nk);d=$APP.C(q,
|
|
4
|
+
$APP.qo);h=$APP.C(q,$APP.Eh);c=$APP.C(q,$APP.ok);e=$APP.C(q,$APP.jr);f=$APP.C(q,$APP.Dq);m=$APP.C(q,$APP.Z);q=$APP.C(q,$APP.hp);var r=$APP.k(a,"__xProgressCircleBase"),v=$APP.k(a,"__xProgressCircleFill"),x=$APP.k(a,"__xProgressCircleValueNode"),z=$APP.k(a,"__xProgressCircleCompleted"),B=$APP.p(f)&&h>=q,E=$APP.n(f)?75:100*(1-b/100);r.setAttribute("data-variant",l);r.setAttribute("data-size",c);r.setAttribute("data-indeterminate",$APP.n(f)?"true":"false");v.setAttribute("stroke-dasharray",""+$APP.V.i(100));
|
|
5
|
+
v.setAttribute("stroke-dashoffset",""+$APP.V.i(E));x.textContent=$APP.n($APP.n(d)?$APP.p(f):d)?""+$APP.V.i(Math.round(b))+"%":"";x.style.display=$APP.n($APP.n(d)?$APP.p(f):d)?"":"none";$APP.S(a,"role","progressbar");$APP.S(a,"aria-valuemin","0");$APP.n(f)?($APP.T(a,"aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext",e)):($APP.S(a,"aria-valuenow",""+$APP.V.i(h)),$APP.S(a,"aria-valuemax",""+$APP.V.i(q)),$APP.S(a,"aria-valuetext",e),$APP.T(a,"aria-busy"));m!=null?$APP.S(a,
|
|
6
|
+
"aria-label",m):$APP.T(a,"aria-label");B&&$APP.p(z)&&$APP.Nh(a,"x-progress-circle-complete",{value:h,max:q});a.__xProgressCircleCompleted=$APP.D(B)},Rga=function(a){if(!$APP.n($APP.k(a,"__xProgressCircleInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),f=document.createElementNS("http://www.w3.org/2000/svg","circle"),h=document.createElementNS("http://www.w3.org/2000/svg","circle"),
|
|
7
|
+
l=document.createElement("div"),m=document.createElement("span");c.textContent=":host{display:inline-flex;color-scheme:light dark;box-sizing:border-box;--x-progress-circle-size:64px;--x-progress-circle-track-color:rgba(0,0,0,0.10);--x-progress-circle-fill-color:var(--x-color-primary,#3b82f6);--x-progress-circle-stroke-width:2.8;--x-progress-circle-value-color:rgba(0,0,0,0.50);--x-progress-circle-transition-duration:var(--x-transition-duration,0.3s);}@media (prefers-color-scheme:dark){:host{--x-progress-circle-track-color:rgba(255,255,255,0.12);--x-progress-circle-value-color:rgba(255,255,255,0.50);}}[part\x3dbase][data-size\x3d'sm']{--x-progress-circle-size:40px;}[part\x3dbase][data-size\x3d'md']{--x-progress-circle-size:64px;}[part\x3dbase][data-size\x3d'lg']{--x-progress-circle-size:96px;}[part\x3dbase][data-variant\x3d'success']{--x-progress-circle-fill-color:var(--x-color-success,#22c55e);}[part\x3dbase][data-variant\x3d'warning']{--x-progress-circle-fill-color:var(--x-color-warning,#f59e0b);}[part\x3dbase][data-variant\x3d'danger']{--x-progress-circle-fill-color:var(--x-color-danger,#ef4444);}[part\x3dbase]{position:relative;display:inline-flex;width:var(--x-progress-circle-size);height:var(--x-progress-circle-size);}[part\x3dsvg]{width:100%;height:100%;}[part\x3dtrack]{fill:none;stroke:var(--x-progress-circle-track-color);stroke-width:var(--x-progress-circle-stroke-width);}[part\x3dfill]{fill:none;stroke:var(--x-progress-circle-fill-color);stroke-width:var(--x-progress-circle-stroke-width);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--x-progress-circle-transition-duration) ease;}[part\x3dcenter]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}[part\x3dvalue-text]{font-size:calc(var(--x-progress-circle-size) * 0.22);color:var(--x-progress-circle-value-color);font-weight:500;line-height:1;}@keyframes x-progress-circle-spin{from{transform:rotate(-90deg);}to{transform:rotate(270deg);}}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:x-progress-circle-spin 1.2s linear infinite;}@media (prefers-reduced-motion:reduce){[part\x3dfill]{transition:none;}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:none;}}";
|
|
8
8
|
d.setAttribute("part","base");e.setAttribute("part","svg");e.setAttribute("viewBox","0 0 36 36");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");f.setAttribute("part","track");f.setAttribute("cx","18");f.setAttribute("cy","18");f.setAttribute("r","15.9155");h.setAttribute("part","fill");h.setAttribute("cx","18");h.setAttribute("cy","18");h.setAttribute("r","15.9155");l.setAttribute("part","center");m.setAttribute("part","value-text");e.appendChild(f);e.appendChild(h);l.appendChild(m);
|
|
9
|
-
d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);a.__xProgressCircleBase=d;a.__xProgressCircleFill=h;a.__xProgressCircleValueNode=m;a.__xProgressCircleInit=!0}
|
|
10
|
-
Object.defineProperty(a,"max",{get:function(){var b=this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.
|
|
9
|
+
d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);a.__xProgressCircleBase=d;a.__xProgressCircleFill=h;a.__xProgressCircleValueNode=m;a.__xProgressCircleInit=!0}c3(a);return null},Sga=function(a,b,c,d){$APP.I(c,d)&&$APP.n($APP.k(a,"__xProgressCircleInit"))&&c3(a);return null},Tga=function(a){Object.defineProperty(a,"value",{get:function(){var b=this.getAttribute("value");return $APP.n(b)?b:"0"},set:function(b){return this.setAttribute("value",""+$APP.V.i(b))},enumerable:!0,configurable:!0});
|
|
10
|
+
Object.defineProperty(a,"max",{get:function(){var b=this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.V.i(b))},enumerable:!0,configurable:!0});$APP.Sh(a,"indeterminate","indeterminate");return $APP.Sh(a,"showValue","show-value")},d3=function(){return $APP.Ah("x-progress-circle",new $APP.O(null,4,[$APP.qh,Uga,$APP.oh,Rga,$APP.kh,Sga,$APP.ph,Tga],null))};var Pga=new $APP.pg(null,new $APP.O(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),Qga=new $APP.pg(null,new $APP.O(null,3,["md",null,"lg",null,"sm",null],null),null),Uga="value max variant size label show-value indeterminate".split(" ");$APP.ce(["x-progress-circle-complete",new $APP.O(null,1,[$APP.U,new $APP.O(null,2,[$APP.Eh,$APP.Y,$APP.hp,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_progress_circle.init",d3);export const init=d3;
|
package/dist/x-progress.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
$APP.n(f)?"40%":""+$APP.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
d.setAttribute("part","base");e.setAttribute("part","header");f.setAttribute("part","label-text");h.setAttribute("part","value-text");l.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(f);e.appendChild(h);l.appendChild(m);d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);a.__xProgressBase=d;a.__xProgressHeader=e;a.__xProgressFill=m;a.__xProgressLabel=f;a.__xProgressValue=h;a.__xProgressInit=!0}
|
|
9
|
-
"__xProgressInit"))&&
|
|
10
|
-
$APP.
|
|
11
|
-
set:function(b){return $APP.n(b)?this.setAttribute("label",""+$APP.
|
|
2
|
+
var d$=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},e$=function(a){var b=new $APP.O(null,7,[$APP.Eh,a.getAttribute("value"),$APP.hp,a.getAttribute("max"),$APP.nk,a.getAttribute("variant"),$APP.ok,a.getAttribute("size"),$APP.Z,a.getAttribute("label"),$APP.qo,a.hasAttribute("show-value"),$APP.Dq,a.hasAttribute("indeterminate")],null);var c=$APP.G(b),d=$APP.C(c,$APP.hp),e=$APP.C(c,$APP.Eh),f=$APP.C(c,$APP.nk),h=$APP.C(c,$APP.ok);b=$APP.C(c,$APP.Z);var l=$APP.C(c,
|
|
3
|
+
$APP.qo);c=$APP.C(c,$APP.Dq);d=d$(d,100);d=d>0?d:100;e=$APP.Hl.j($APP.Gl.j(d$(e,0),0),d);f=typeof f==="string"&&$APP.$c(Ila,f)?f:"default";h=typeof h==="string"&&$APP.$c(Jla,h)?h:"md";c=$APP.D(c);l=$APP.D(l);var m=c?50:$APP.Hl.j($APP.Gl.j(e/d*100,0),100);b=$APP.Wf([$APP.nk,$APP.qo,$APP.Eh,$APP.ok,$APP.Dq,$APP.jr,$APP.hp,$APP.Z,$APP.cq],[f,l,e,h,c,c?"Loading…":""+$APP.V.i(Math.round(m))+"%",d,typeof b==="string"&&$APP.I("",b)?b:null,m]);var q=$APP.G(b);b=$APP.C(q,$APP.cq);l=$APP.C(q,$APP.nk);d=$APP.C(q,
|
|
4
|
+
$APP.qo);h=$APP.C(q,$APP.Eh);c=$APP.C(q,$APP.ok);e=$APP.C(q,$APP.jr);f=$APP.C(q,$APP.Dq);m=$APP.C(q,$APP.Z);q=$APP.C(q,$APP.hp);var r=$APP.k(a,"__xProgressBase"),v=$APP.k(a,"__xProgressHeader"),x=$APP.k(a,"__xProgressFill"),z=$APP.k(a,"__xProgressLabel"),B=$APP.k(a,"__xProgressValue");var E=(E=m!=null)?E:d;var H=$APP.k(a,"__xProgressCompleted"),K=$APP.p(f)&&h>=q;r.setAttribute("data-variant",l);r.setAttribute("data-size",c);r.setAttribute("data-indeterminate",$APP.n(f)?"true":"false");x.style.width=
|
|
5
|
+
$APP.n(f)?"40%":""+$APP.V.i(b.toFixed(2))+"%";v.style.display=$APP.n(E)?"flex":"none";z.textContent=$APP.n(m)?m:"";z.style.display=m!=null?"":"none";B.textContent=$APP.n($APP.n(d)?$APP.p(f):d)?""+$APP.V.i(Math.round(b))+"%":"";B.style.display=$APP.n(d)?"":"none";$APP.S(a,"role","progressbar");$APP.S(a,"aria-valuemin","0");$APP.n(f)?($APP.T(a,"aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext",e)):($APP.S(a,"aria-valuenow",""+$APP.V.i(h)),$APP.S(a,"aria-valuemax",""+
|
|
6
|
+
$APP.V.i(q)),$APP.S(a,"aria-valuetext",e),$APP.T(a,"aria-busy"));m!=null?$APP.S(a,"aria-label",m):$APP.T(a,"aria-label");K&&$APP.p(H)&&$APP.Nh(a,"x-progress-complete",{value:h,max:q});a.__xProgressCompleted=$APP.D(K)},Kla=function(a){if(!$APP.n($APP.k(a,"__xProgressInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("span"),h=document.createElement("span"),l=document.createElement("div"),
|
|
7
|
+
m=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:var(--x-radius-full,9999px);--x-progress-track-color:rgba(0,0,0,0.10);--x-progress-fill-color:var(--x-color-primary,#3b82f6);--x-progress-label-color:rgba(0,0,0,0.60);--x-progress-value-color:rgba(0,0,0,0.50);}@media (prefers-color-scheme:dark){:host{--x-progress-track-color:rgba(255,255,255,0.12);--x-progress-label-color:rgba(255,255,255,0.60);--x-progress-value-color:rgba(255,255,255,0.50);}}[part\x3dbase][data-size\x3d'sm']{--x-progress-height:4px;}[part\x3dbase][data-size\x3d'md']{--x-progress-height:8px;}[part\x3dbase][data-size\x3d'lg']{--x-progress-height:12px;}[part\x3dbase][data-variant\x3d'success']{--x-progress-fill-color:var(--x-color-success,#22c55e);}[part\x3dbase][data-variant\x3d'warning']{--x-progress-fill-color:var(--x-color-warning,#f59e0b);}[part\x3dbase][data-variant\x3d'danger']{--x-progress-fill-color:var(--x-color-danger,#ef4444);}[part\x3dbase]{width:100%;box-sizing:border-box;}[part\x3dheader]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}[part\x3dlabel-text]{font-size:var(--x-font-size-sm,0.875rem);color:var(--x-progress-label-color);font-weight:500;}[part\x3dvalue-text]{font-size:0.8125rem;color:var(--x-progress-value-color);}[part\x3dtrack]{height:var(--x-progress-height,8px);border-radius:var(--x-progress-border-radius,9999px);background:var(--x-progress-track-color);overflow:hidden;position:relative;}[part\x3dfill]{height:100%;background:var(--x-progress-fill-color);border-radius:var(--x-progress-border-radius,9999px);transition:width 0.3s ease;width:0%;}@keyframes x-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.5);}50%{transform:translateX(60%) scaleX(0.8);}100%{transform:translateX(200%) scaleX(0.5);}}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:x-progress-indeterminate 1.5s ease infinite;width:40%;transform-origin:left center;}@media (prefers-reduced-motion:reduce){[part\x3dfill]{transition:none;}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:none;width:50%;}}";
|
|
8
|
+
d.setAttribute("part","base");e.setAttribute("part","header");f.setAttribute("part","label-text");h.setAttribute("part","value-text");l.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(f);e.appendChild(h);l.appendChild(m);d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);a.__xProgressBase=d;a.__xProgressHeader=e;a.__xProgressFill=m;a.__xProgressLabel=f;a.__xProgressValue=h;a.__xProgressInit=!0}e$(a);return null},Lla=function(a,b,c,d){$APP.I(c,d)&&$APP.n($APP.k(a,
|
|
9
|
+
"__xProgressInit"))&&e$(a);return null},Mla=function(a){Object.defineProperty(a,"value",{get:function(){var b=this.getAttribute("value");return $APP.n(b)?b:"0"},set:function(b){return this.setAttribute("value",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"max",{get:function(){var b=this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.V.i(b))},enumerable:!0,configurable:!0});$APP.Sh(a,"indeterminate","indeterminate");
|
|
10
|
+
$APP.Sh(a,"showValue","show-value");Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:""},set:function(b){return this.setAttribute("variant",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.n(b)?b:""},set:function(b){return this.setAttribute("size",""+$APP.V.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},
|
|
11
|
+
set:function(b){return $APP.n(b)?this.setAttribute("label",""+$APP.V.i(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},f$=function(){return $APP.Ah("x-progress",new $APP.O(null,4,[$APP.qh,Nla,$APP.oh,Kla,$APP.kh,Lla,$APP.ph,Mla],null))};var Ila=new $APP.pg(null,new $APP.O(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),Jla=new $APP.pg(null,new $APP.O(null,3,["md",null,"lg",null,"sm",null],null),null),Nla="value max variant size label show-value indeterminate".split(" ");$APP.ce(["x-progress-complete",new $APP.O(null,1,[$APP.U,new $APP.O(null,2,[$APP.Eh,$APP.Y,$APP.hp,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_progress.init",f$);export const init=f$;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// x-proximity-list.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XProximityListEventMap {
|
|
6
|
+
"x-proximity-list-select": CustomEvent<{ index: number; item: any; source: string }>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface XProximityList extends HTMLElement {
|
|
10
|
+
direction: string;
|
|
11
|
+
radius: number;
|
|
12
|
+
maxScale: number;
|
|
13
|
+
lift: number;
|
|
14
|
+
gap: number;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
|
|
17
|
+
addEventListener<K extends keyof XProximityListEventMap>(
|
|
18
|
+
type: K,
|
|
19
|
+
listener: (this: XProximityList, ev: XProximityListEventMap[K]) => any,
|
|
20
|
+
options?: boolean | AddEventListenerOptions
|
|
21
|
+
): void;
|
|
22
|
+
addEventListener(
|
|
23
|
+
type: string,
|
|
24
|
+
listener: EventListenerOrEventListenerObject,
|
|
25
|
+
options?: boolean | AddEventListenerOptions
|
|
26
|
+
): void;
|
|
27
|
+
removeEventListener<K extends keyof XProximityListEventMap>(
|
|
28
|
+
type: K,
|
|
29
|
+
listener: (this: XProximityList, ev: XProximityListEventMap[K]) => any,
|
|
30
|
+
options?: boolean | EventListenerOptions
|
|
31
|
+
): void;
|
|
32
|
+
removeEventListener(
|
|
33
|
+
type: string,
|
|
34
|
+
listener: EventListenerOrEventListenerObject,
|
|
35
|
+
options?: boolean | EventListenerOptions
|
|
36
|
+
): void;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
declare global {
|
|
40
|
+
interface HTMLElementTagNameMap {
|
|
41
|
+
"x-proximity-list": XProximityList;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var iu=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},ju=function(a,b,c,d,e){a=c-a;b=d-b;return Math.max(0,1-Math.sqrt(a*a+b*b)/e)},ku=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},mu=function(a){if(!$APP.n($APP.k(a,"__xProximityListRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=
|
|
3
|
+
lu;d.setAttribute("part","track");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xProximityListRefs",new $APP.O(null,3,[$APP.jj,b,$APP.mn,d,$APP.un,e],null))}},nu=function(a){a=$APP.un.i($APP.k(a,"__xProximityListRefs"));return $APP.n(a)?a.assignedElements():null},ou=function(a){var b=$APP.mn.i($APP.k(a,"__xProximityListRefs"));var c=nu(a);c=$APP.n(c)?c:[];var d=c.length,e=[];if($APP.n($APP.n(b)?d>0:b)){var f=b.getBoundingClientRect();b=f.left;f=f.top;for(var h=0;;)if(h<d){var l=c[h].getBoundingClientRect();
|
|
4
|
+
e.push({cx:l.left+l.width/2-b,cy:l.top+l.height/2-f});h+=1}else break}$APP.R(a,"__xProximityListRects",e);return null},pu=function(a,b){var c=$APP.k(a,"__xProximityListDisplayed");c=$APP.n(c)?c:[];var d=c.length;if(d<b)for(;;)if(d<b)c.push({scale:1,lift:0}),d+=1;else break;else if(d>b)for(;;)if(d>b)c.pop(),--d;else break;$APP.R(a,"__xProximityListDisplayed",c);return c},qu=function(a){a=a.style;a.removeProperty("--x-proximity-influence");a.removeProperty("--x-proximity-scale");a.removeProperty("--x-proximity-lift");
|
|
5
|
+
a.transform=""},ru=function(a){var b=$APP.k(a,"__xProximityListDisplayed");if($APP.n(b))for(var c=b.length,d=0;;)if(d<c){var e=b[d];e.scale=1;e.lift=0;d+=1}else break;a=nu(a);if($APP.n(a))for(b=a.length,c=0;;)if(c<b)qu(a[c]),c+=1;else break},su=function(a,b){return Math.abs(b-a)<.001?b:a+(b-a)*.2},tu=function(a,b,c,d){a=a.style;var e=$APP.k(b,"scale");b=$APP.k(b,"lift");d=$APP.n(d)?"translateX("+$APP.V.i(b)+"px) scale("+$APP.V.i(e)+")":"translateY("+$APP.V.i(b)+"px) scale("+$APP.V.i(e)+")";a.setProperty("--x-proximity-influence",
|
|
6
|
+
""+$APP.V.i(c));a.setProperty("--x-proximity-scale",""+$APP.V.i(e));a.setProperty("--x-proximity-lift",""+$APP.V.i(b)+"px");a.transform=d},wu=function(a){var b=$APP.k(a,"__xProximityListModel"),c=$APP.k(a,"__xProximityListPointer"),d=$APP.n(c)?$APP.k(c,"active")===!0:c,e=function(){var ea=$APP.k(a,"__xProximityListRects");return $APP.n(ea)?ea:[]}(),f=function(){var ea=nu(a);return $APP.n(ea)?ea:[]}(),h=$APP.Hl.j(e.length,f.length),l=pu(a,f.length),m=$APP.dr.i(b),q=uu.i(b),r=$APP.Fq.i(b);b=$APP.co.i(b);
|
|
7
|
+
for(var v=0,x=!1;;)if(v>=h){x&&(vu.i?vu.i(a):vu.call(null,a));break}else{var z=e[v],B=f[v],E=l[v],H=$APP.k(z,"cx"),K=$APP.k(z,"cy");z=$APP.n(d)?ju(H,K,$APP.k(c,"x"),$APP.k(c,"y"),m):0;var J=1+z*z*(q-1);H=$APP.p(d)?0:$APP.n(b)?$APP.k(c,"x")-H:$APP.k(c,"y")-K;var P=$APP.n($APP.n(d)?r>0:d)?z*z*r*(H>=30?1:H<=-30?-1:H/30):0;H=su($APP.k(E,"scale"),J);K=su($APP.k(E,"lift"),P);J=$APP.I(H,J)||$APP.I(K,P);E.scale=H;E.lift=K;$APP.p(d)&&H===1&&K===0?qu(B):tu(B,E,z,b);x=x||J;v+=1}},vu=function(a){if(!$APP.n($APP.k(a,
|
|
8
|
+
"__xProximityListRafPending"))){$APP.R(a,"__xProximityListRafPending",!0);var b=requestAnimationFrame(function(){$APP.R(a,"__xProximityListRafPending",!1);$APP.n(a.isConnected)&&wu(a);return null});$APP.R(a,"__xProximityListRaf",b)}return null},xu=function(a){var b=$APP.k(a,"__xProximityListRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.R(a,"__xProximityListRaf",null));$APP.R(a,"__xProximityListRafPending",!1)},yu=function(a,b,c,d){$APP.Ph(a,"x-proximity-list-select",$APP.$l(new $APP.O(null,3,["index",
|
|
9
|
+
b,"item",c,"source",d],null)))},zu=function(a){a.getAttribute("tabindex")==null&&a.setAttribute("tabindex","0")},Au=function(a){var b=nu(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c)zu(b[d]),d+=1;else break;requestAnimationFrame(function(){ou(a);return vu(a)});return null},Bu=function(a){function b(){return Au(a)}function c(l){var m=$APP.k(a,"__xProximityListModel");if($APP.n($APP.n(m)?$APP.p($APP.Bi.i(m)):m)){var q=nu(a),r=$APP.n(q)?q.length:null,v=l.key,x=$APP.co.i(m);m=$APP.n(x)?"ArrowUp":"ArrowLeft";
|
|
10
|
+
x=$APP.n(x)?"ArrowDown":"ArrowRight";var z=$APP.k(a,"__xProximityListFocus");z=$APP.n(z)?z:-1;$APP.n($APP.n(r)?r>0:r)&&($APP.A.j(v,m)?(l.preventDefault(),l=z<1?r-1:z-1,$APP.R(a,"__xProximityListFocus",l),q[l].focus()):$APP.A.j(v,x)?(l.preventDefault(),l=z>=r-1?0:z+1,$APP.R(a,"__xProximityListFocus",l),q[l].focus()):($APP.A.j(v,"Enter")||$APP.A.j(v," "))&&z>=0&&(l.preventDefault(),yu(a,z,q[z],"keyboard")))}return null}function d(l){var m=$APP.k(a,"__xProximityListModel");if($APP.n($APP.n(m)?$APP.p($APP.Bi.i(m)):
|
|
11
|
+
m)&&(m=nu(a),$APP.n(m))){a:{l=l.target;for(var q=m.length,r=0;;)if(r<q){if($APP.A.j(l,m[r])){l=r;break a}r+=1}else{l=null;break a}l=void 0}$APP.n(l)&&($APP.R(a,"__xProximityListFocus",l),yu(a,l,m[l],"pointer"))}return null}function e(){var l=$APP.k(a,"__xProximityListPointer");$APP.n(l)&&(l.active=!1,vu(a));return null}function f(l){var m=$APP.k(a,"__xProximityListModel");if($APP.n($APP.n(m)?$APP.p($APP.Bi.i(m))&&$APP.A.j("mouse",l.pointerType)&&!ku():m)){var q=$APP.mn.i($APP.k(a,"__xProximityListRefs"));
|
|
12
|
+
m=$APP.k(a,"__xProximityListPointer");$APP.n($APP.n(q)?m:q)&&(q=q.getBoundingClientRect(),m.x=l.clientX-q.left,m.y=l.clientY-q.top,m.active=!0,vu(a))}return null}var h=$APP.un.i($APP.k(a,"__xProximityListRefs"));a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.R(a,"__xProximityListHandlers",new $APP.O(null,5,[$APP.Eo,f,$APP.Tn,e,$APP.Mo,d,$APP.oo,c,$APP.un,b],null))},
|
|
13
|
+
Cu=function(a){var b=$APP.k(a,"__xProximityListHandlers");if($APP.n(b)){a.removeEventListener("pointermove",$APP.Eo.i(b));a.removeEventListener("pointerleave",$APP.Tn.i(b));a.removeEventListener("click",$APP.Mo.i(b));a.removeEventListener("keydown",$APP.oo.i(b));var c=$APP.un.i($APP.k(a,"__xProximityListRefs"));$APP.n(c)&&c.removeEventListener("slotchange",$APP.un.i(b));$APP.R(a,"__xProximityListHandlers",null)}},Gu=function(a){var b=new $APP.O(null,6,[$APP.gn,a.getAttribute("direction"),$APP.On,
|
|
14
|
+
a.getAttribute("radius"),Du,a.getAttribute("max-scale"),Eu,a.getAttribute("lift"),$APP.en,a.getAttribute("gap"),$APP.nn,a.getAttribute("disabled")],null);var c=$APP.G(b),d=$APP.C(c,$APP.gn);b=$APP.C(c,$APP.On);var e=$APP.C(c,Du),f=$APP.C(c,Eu),h=$APP.C(c,$APP.en);c=$APP.C(c,$APP.nn);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.$c(Fu,d)?d:"horizontal"):d="horizontal";b=new $APP.O(null,7,[$APP.Dn,d,$APP.dr,iu(b,120,20,600),uu,iu(e,1.5,1,3),$APP.Fq,iu(f,0,0,60),$APP.bo,iu(h,8,0,64),$APP.Bi,c!=
|
|
15
|
+
null,$APP.co,$APP.A.j(d,"vertical")],null);$APP.I($APP.k(a,"__xProximityListModel"),b)&&(b=$APP.G(b),e=$APP.C(b,$APP.bo),f=$APP.C(b,$APP.Bi),mu(a),a.style.setProperty("--x-proximity-list-gap",""+$APP.V.i(e)+"px"),ou(a),$APP.n($APP.n(f)?f:ku())?(xu(a),e=$APP.k(a,"__xProximityListPointer"),$APP.n(e)&&(e.active=!1),ru(a)):vu(a),$APP.R(a,"__xProximityListModel",b))},Iu=function(a){return $APP.Zh(a,Hu)},Ju=function(a){$APP.R(a,"__xProximityListPointer",{x:0,y:0,active:!1});$APP.R(a,"__xProximityListRects",
|
|
16
|
+
[]);$APP.R(a,"__xProximityListDisplayed",[]);$APP.R(a,"__xProximityListFocus",-1);$APP.R(a,"__xProximityListRafPending",!1);mu(a);$APP.n(a.hasAttribute("role"))||$APP.S(a,"role","list");Cu(a);Bu(a);var b=$APP.k(a,"__xProximityListRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){ou(a);vu(a);return null});$APP.R(a,"__xProximityListRO",b);b.observe(a);Gu(a);requestAnimationFrame(function(){var c=nu(a);if($APP.n(c))for(var d=c.length,e=0;;)if(e<d)zu(c[e]),e+=1;else break;return ou(a)});
|
|
17
|
+
return null},Ku=function(a){xu(a);Cu(a);ru(a);var b=$APP.k(a,"__xProximityListRO");$APP.n(b)&&(b.disconnect(),$APP.R(a,"__xProximityListRO",null));return null},Lu=function(a,b,c,d){$APP.I(c,d)&&Gu(a);return null},Nu=function(){return $APP.Ah("x-proximity-list",new $APP.O(null,5,[$APP.qh,Mu,$APP.oh,Ju,$APP.lh,Ku,$APP.kh,Lu,$APP.ph,Iu],null))},Du=new $APP.F(null,"max-scale-raw","max-scale-raw",-238296345),Ou=new $APP.F(null,"maxScale","maxScale",1268368480),uu=new $APP.F(null,"max-scale","max-scale",
|
|
18
|
+
-1242050464),Eu=new $APP.F(null,"lift-raw","lift-raw",494522715);var Mu="direction radius max-scale lift gap disabled".split(" ");$APP.ce(["x-proximity-list-select",new $APP.O(null,4,[$APP.U,new $APP.O(null,3,[$APP.sm,$APP.Y,$APP.wo,$APP.mm,$APP.Jp,$APP.X],null),$APP.Pq,!0,$APP.er,!0,$APP.Aq,!0],null)]);
|
|
19
|
+
var Hu=new $APP.O(null,6,[$APP.Dn,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"direction",$APP.Yh,"horizontal"],null),$APP.dr,new $APP.O(null,3,[$APP.Q,$APP.Y,$APP.W,"radius",$APP.Yh,120],null),Ou,new $APP.O(null,3,[$APP.Q,$APP.Y,$APP.W,"max-scale",$APP.Yh,1.5],null),$APP.Fq,new $APP.O(null,3,[$APP.Q,$APP.Y,$APP.W,"lift",$APP.Yh,0],null),$APP.bo,new $APP.O(null,3,[$APP.Q,$APP.Y,$APP.W,"gap",$APP.Yh,8],null),$APP.ck,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null)],null),Fu=new $APP.pg(null,
|
|
20
|
+
new $APP.O(null,2,["vertical",null,"horizontal",null],null),null);var lu=":host{display:inline-block;"+$APP.V.i("--x-proximity-list-gap")+":8px;"+$APP.V.i("--x-proximity-list-item-size")+":48px;}:host([hidden]){display:none;}[part\x3dtrack]{display:flex;align-items:center;gap:var("+$APP.V.i("--x-proximity-list-gap")+',8px);position:relative;}:host([direction\x3d"vertical"]) [part\x3dtrack]{flex-direction:column;}::slotted(*){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var('+$APP.V.i("--x-proximity-list-item-size")+",48px);height:var("+
|
|
21
|
+
$APP.V.i("--x-proximity-list-item-size")+",48px);transform-origin:center center;will-change:transform;}::slotted(:focus-visible){outline:2px solid var(--x-color-primary,#2563eb);outline-offset:2px;}@media(prefers-reduced-motion:reduce){::slotted(*){transform:none!important;}}";$APP.ha("baredom.exports.x_proximity_list.init",Nu);export const init=Nu;
|
package/dist/x-radio.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
$APP.n($APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
"value"],null)],null);$APP.
|
|
2
|
+
var Gx=function(a){a=$APP.Wf([$APP.ri,$APP.vi,$APP.wi,$APP.uj,$APP.vj,$APP.xj,$APP.si,$APP.yj,$APP.zj],[a.getAttribute("name"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.getAttribute("aria-labelledby"),a.hasAttribute("checked"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.G(a);a=$APP.C(b,$APP.yj);var c=$APP.C(b,$APP.zj),d=$APP.C(b,$APP.ri),e=$APP.C(b,$APP.vi),f=$APP.C(b,$APP.wi),h=$APP.C(b,$APP.uj),l=$APP.C(b,
|
|
3
|
+
$APP.vj),m=$APP.C(b,$APP.xj);b=$APP.C(b,$APP.si);l=$APP.D(l);f=$APP.D(f);return $APP.Wf([$APP.Ci,$APP.Bj,$APP.Cj,$APP.Dj,$APP.Ej,$APP.zi,$APP.Eh,$APP.Jj,$APP.Kj,$APP.Lj,$APP.Bi],[f,l?"true":"false",$APP.D(m),l,$APP.n(f)?l:!0,d,b!=null?b:"on",h,c,a,$APP.D(e)])},Hx=function(a){var b=$APP.k(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.k(b,"control");b=Gx(a);var d=$APP.Bi.i(b),e=$APP.Dj.i(b);$APP.S(c,"aria-checked",$APP.Bj.i(b));$APP.S(c,"aria-disabled",$APP.n(d)?"true":"false");$APP.S(c,"aria-required",
|
|
4
|
+
$APP.n($APP.Ci.i(b))?"true":"false");$APP.S(c,"aria-readonly",$APP.n($APP.Cj.i(b))?"true":"false");var f=$APP.Lj.i(b);$APP.n(f)?$APP.S(c,"aria-label",f):$APP.T(c,"aria-label");f=$APP.Jj.i(b);$APP.n(f)?$APP.S(c,"aria-labelledby",f):$APP.T(c,"aria-labelledby");f=$APP.Kj.i(b);$APP.n(f)?$APP.S(c,"aria-describedby",f):$APP.T(c,"aria-describedby");$APP.n(d)?$APP.S(c,"disabled",""):$APP.T(c,"disabled");$APP.Ih(a,"data-checked",e);$APP.Ih(a,"data-disabled",d);a=$APP.k(a,"__xRadioInternals");return $APP.n(a)?
|
|
5
|
+
a.setFormValue($APP.n(e)?$APP.Eh.i(b):null):null}return null},Ix=function(a){var b=a.getAttribute("name"),c=$APP.n(a.form)?a.form:null;c=$APP.n(c)?c:document;if($APP.n($APP.n(b)?$APP.I(b,""):b)){var d=[];c.querySelectorAll("x-radio").forEach(function(e){return $APP.A.j(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},Jx=function(a){a=Ix(a);var b=a.find(function(d){return d.hasAttribute("checked")}),c=a.length>0?a[0]:null;return a.forEach(function(d){var e=$APP.k(d,"__xRadioRefs");return $APP.n(e)?
|
|
6
|
+
(e=$APP.k(e,"control"),d=$APP.n(b)?$APP.A.j(d,b)?0:-1:$APP.A.j(d,c)?0:-1,e.tabIndex=d):null})},Kx=function(a){var b=Gx(a),c=$APP.Bi.i(b),d=$APP.Cj.i(b),e=$APP.Dj.i(b);if($APP.n($APP.n(c)?c:$APP.n(d)?d:e))return null;b=$APP.Eh.i(b);return $APP.Ph(a,"x-radio-change-request",{value:b,previousChecked:!1,nextChecked:!0})?($APP.S(a,"checked",""),Hx(a),Ix(a).forEach(function(f){var h=$APP.I(f,a);return $APP.n(h?f.hasAttribute("checked"):h)?($APP.T(f,"checked"),Hx(f)):null}),Jx(a),$APP.Nh(a,"x-radio-change",
|
|
7
|
+
{value:b,checked:!0})):null},Lx=function(a){a=$APP.k(a,"__xRadioRefs");return $APP.n(a)?$APP.k(a,"control").focus():null},Mx=function(a){return function(b){var c=b.key,d=Ix(a),e=d.length,f=d.indexOf(a);if($APP.A.j(c," ")||$APP.A.j(c,"Enter"))return b.preventDefault(),Kx(a);if($APP.A.j(c,"ArrowDown")||$APP.A.j(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.qd(f+1,e)],Kx(b),Lx(b)}else if($APP.A.j(c,"ArrowUp")||$APP.A.j(c,"ArrowLeft"))if(b.preventDefault(),e>0)return b=d[$APP.qd(f-1,e)],
|
|
8
|
+
Kx(b),Lx(b);return null}},Nx=function(a){return function(){return Kx(a)}},Ox=function(a){var b=$APP.k(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.k(a,"__xRadioHandlers");if($APP.n(c)){b=$APP.k(b,"control");a.removeEventListener("click",$APP.k(c,"click"));b.removeEventListener("keydown",$APP.k(c,"keydown"));a.__xRadioHandlers=null;return}}return null},Px=function(a,b){$APP.Ih(a,"disabled",$APP.D(b));return Hx(a)},Qx=function(a){$APP.T(a,"checked");return Hx(a)},Rx=function(a){if(!$APP.n($APP.k(a,"__xRadioRefs"))){var b=
|
|
9
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("button"),e=document.createElement("span");c.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-radio-size:16px;--x-radio-border-width:2px;--x-radio-border-color:var(--x-color-border,#6b7280);--x-radio-bg:var(--x-color-surface,#ffffff);--x-radio-checked-color:var(--x-color-primary,#2563eb);--x-radio-dot-size:6px;--x-radio-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-radio-disabled-opacity:0.45;--x-radio-transition:background var(--x-transition-duration,120ms) var(--x-transition-easing,ease),border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-radio-border-color:var(--x-color-border,#9ca3af);--x-radio-bg:var(--x-color-surface,#1f2937);--x-radio-checked-color:var(--x-color-primary,#3b82f6);--x-radio-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-radio-size);height:var(--x-radio-size);border:var(--x-radio-border-width) solid var(--x-radio-border-color);border-radius:50%;background:var(--x-radio-bg);transition:var(--x-radio-transition);cursor:pointer;flex-shrink:0;position:relative;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-radio-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-radio-focus-ring);}:host([data-checked]) [part\x3dcontrol]{border-color:var(--x-radio-checked-color);}[part\x3ddot]{display:block;width:var(--x-radio-dot-size);height:var(--x-radio-dot-size);border-radius:50%;background:var(--x-radio-checked-color);opacity:0;transition:opacity 100ms ease;}:host([data-checked]) [part\x3ddot]{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dcontrol]{transition:none;}[part\x3ddot]{transition:none;}}";
|
|
10
|
+
$APP.S(d,"part","control");$APP.S(d,"type","button");$APP.S(d,"role","radio");$APP.S(e,"part","dot");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xRadioRefs={root:b,control:d,dot:e};$APP.n(a.attachInternals)&&(b=a.attachInternals(),a.__xRadioInternals=b)}Ox(a);b=$APP.k(a,"__xRadioRefs");$APP.n(b)&&(b=$APP.k(b,"control"),c=Nx(a),d=Mx(a),e={click:c,keydown:d},a.addEventListener("click",c),b.addEventListener("keydown",d),a.__xRadioHandlers=e);Hx(a);return Jx(a)},Sx=function(a){return Ox(a)},
|
|
11
|
+
Tx=function(a){return Hx(a)},Vx=function(a){return $APP.Zh(a,Ux)},Xx=function(){return $APP.Ah("x-radio",new $APP.O(null,8,[$APP.qh,Wx,$APP.oh,Rx,$APP.lh,Sx,$APP.kh,Tx,$APP.mh,!0,$APP.jh,Px,$APP.ih,Qx,$APP.ph,Vx],null))};var Wx="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" "),Ux=new $APP.O(null,6,[$APP.cr,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"checked"],null),$APP.ck,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),$APP.Cq,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"readonly"],null),$APP.Ho,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"required"],null),$APP.zi,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"name"],null),$APP.Eh,new $APP.O(null,2,[$APP.Q,$APP.X,
|
|
12
|
+
$APP.W,"value"],null)],null);$APP.ce(["x-radio-change-request",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,3,[$APP.Eh,$APP.X,$APP.zo,$APP.Xh,$APP.jq,$APP.Xh],null)],null),"x-radio-change",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[$APP.Eh,$APP.X,$APP.cr,$APP.Xh],null)],null)]);$APP.ha("baredom.exports.x_radio.init",Xx);export const init=Xx;
|
package/dist/x-ripple-effect.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var D0=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?25:Math.min(100,Math.max(1,a))}return 25},E0=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?800:Math.min(5E3,Math.max(100,a))}return 800},F0=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?.04:Math.min(.2,Math.max(.005,a))}return.04},G0=function(a){var b=$APP.k(a,
|
|
3
3
|
"__xRippleRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElementNS("http://www.w3.org/2000/svg","svg");c.textContent=":host{display:inline-block;position:relative;}:host([disabled]){cursor:default;}[part\x3dcontainer]{display:block;width:100%;height:100%;}";d.setAttribute("part","container");d.appendChild(e);f.setAttribute("part","filters");f.style.position="absolute";
|
|
4
|
-
f.style.width="0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);a.__xRippleRefs=new $APP.
|
|
5
|
-
d=$APP.C(b,
|
|
6
|
-
e.setAttribute("type","turbulence");e.setAttribute("baseFrequency",""+$APP.
|
|
7
|
-
|
|
8
|
-
"url(#"+$APP.
|
|
9
|
-
0&&(h.style.filter=""),$APP.
|
|
10
|
-
$APP.n(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.k(a,"__xRippleHandler");$APP.n(b)&&(a.removeEventListener("pointerdown",b),a.__xRippleHandler=null)},
|
|
11
|
-
set:function(b){return b==null?this.removeAttribute("duration"):this.setAttribute("duration",""+$APP.
|
|
12
|
-
|
|
4
|
+
f.style.width="0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);a.__xRippleRefs=new $APP.O(null,3,[$APP.jj,b,$APP.kj,d,$APP.po,f],null);a.__xRippleCounter=0;a.__xRippleFrames=[];return $APP.k(a,"__xRippleRefs")},jfa=function(a){a=new $APP.O(null,4,[$APP.Ko,a.getAttribute("intensity"),$APP.dn,a.getAttribute("duration"),H0,a.getAttribute("frequency"),$APP.vi,a.hasAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.Ko);var c=$APP.C(b,$APP.dn),
|
|
5
|
+
d=$APP.C(b,H0);b=$APP.C(b,$APP.vi);return new $APP.O(null,4,[$APP.Bo,D0(a),$APP.wp,E0(c),I0,F0(d),$APP.Bi,$APP.D(b)],null)},kfa=function(a,b,c){var d=document.createElementNS("http://www.w3.org/2000/svg","filter"),e=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),f=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");d.setAttribute("id",b);d.setAttribute("x","-10%");d.setAttribute("y","-10%");d.setAttribute("width","120%");d.setAttribute("height","120%");
|
|
6
|
+
e.setAttribute("type","turbulence");e.setAttribute("baseFrequency",""+$APP.V.i(c));e.setAttribute("numOctaves","3");e.setAttribute("seed",""+$APP.V.i(Math.floor(Math.random()*1E3)));e.setAttribute("result","turbulence");f.setAttribute("in","SourceGraphic");f.setAttribute("in2","turbulence");f.setAttribute("scale","0");f.setAttribute("xChannelSelector","R");f.setAttribute("yChannelSelector","G");d.appendChild(e);d.appendChild(f);a.appendChild(d);return new $APP.O(null,3,[$APP.Bp,d,J0,e,K0,f],null)},
|
|
7
|
+
lfa=function(a,b){var c=jfa(a);if(!$APP.n($APP.Bi.i(c))){c=$APP.G(c);var d=$APP.C(c,$APP.Bo),e=$APP.C(c,$APP.wp),f=$APP.C(c,I0);c=G0(a);c=$APP.G(c);var h=$APP.C(c,$APP.kj),l=$APP.C(c,$APP.po),m=$APP.k(a,"__xRippleCounter");c="xr-"+$APP.V.i(m);a.__xRippleCounter=m+1;m=kfa(l,c,f);m=$APP.G(m);var q=$APP.C(m,$APP.Bp),r=$APP.C(m,J0),v=$APP.C(m,K0),x=b.clientX,z=b.clientY,B=performance.now(),E=$APP.k(a,"__xRippleFrames");b=$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter=
|
|
8
|
+
"url(#"+$APP.V.i(c)+")";$APP.Nh(a,"x-ripple-effect-start",{x,y:z});b?(v.setAttribute("scale",""+$APP.V.i(d/2)),b=requestAnimationFrame(function(){v.setAttribute("scale","0");l.removeChild(q);h.style.filter="";return $APP.Nh(a,"x-ripple-effect-end",{x,y:z})})):b=requestAnimationFrame(function K(){var J=performance.now()-B;J=Math.min(1,J/e);var P=1-J;P=1-P*P*P;var ea=f*(1-P*.7);v.setAttribute("scale",""+$APP.V.i(d*(1-P)));r.setAttribute("baseFrequency",""+$APP.V.i(ea));if(J>=1)return l.removeChild(q),
|
|
9
|
+
l.childNodes.length===0&&(h.style.filter=""),$APP.Nh(a,"x-ripple-effect-end",{x,y:z});J=requestAnimationFrame(K);return E.push(J)});E.push(b)}},mfa=function(a){function b(c){c.button===0&&lfa(a,c);return null}a.addEventListener("pointerdown",b);a.__xRippleHandler=b},L0=function(a){var b=$APP.k(a,"__xRippleFrames");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)cancelAnimationFrame(b[d]),d+=1;else break;b.length=0}b=$APP.k(a,"__xRippleRefs");if($APP.n(b)){c=$APP.G(b);b=$APP.C(c,$APP.po);for(c=$APP.C(c,
|
|
10
|
+
$APP.kj);;)if(d=b.firstChild,$APP.n(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.k(a,"__xRippleHandler");$APP.n(b)&&(a.removeEventListener("pointerdown",b),a.__xRippleHandler=null)},nfa=function(a){Object.defineProperty(a,"intensity",{get:function(){return D0(this.getAttribute("intensity"))},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"duration",{get:function(){return E0(this.getAttribute("duration"))},
|
|
11
|
+
set:function(b){return b==null?this.removeAttribute("duration"):this.setAttribute("duration",""+$APP.V.i(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frequency",{get:function(){return F0(this.getAttribute("frequency"))},set:function(b){return b==null?this.removeAttribute("frequency"):this.setAttribute("frequency",""+$APP.V.i(b))},enumerable:!0,configurable:!0});return $APP.Sh(a,"disabled","disabled")},ofa=function(a){G0(a);L0(a);mfa(a);return null},pfa=function(a){L0(a);return null},
|
|
12
|
+
qfa=function(){return null},M0=function(){return $APP.Ah("x-ripple-effect",new $APP.O(null,5,[$APP.qh,rfa,$APP.oh,ofa,$APP.lh,pfa,$APP.kh,qfa,$APP.ph,nfa],null))},J0=new $APP.F(null,"turb","turb",-804768361),H0=new $APP.F(null,"frequency-raw","frequency-raw",-1367383022),K0=new $APP.F(null,"disp","disp",-2047544334),I0=new $APP.F(null,"frequency","frequency",-1408891382);var rfa=["intensity","duration","frequency","disabled"];$APP.ce(["x-ripple-effect-start",new $APP.O(null,2,[$APP.U,new $APP.O(null,2,[$APP.aq,$APP.Y,$APP.$p,$APP.Y],null),$APP.Aq,!1],null),"x-ripple-effect-end",new $APP.O(null,2,[$APP.U,new $APP.O(null,2,[$APP.aq,$APP.Y,$APP.$p,$APP.Y],null),$APP.Aq,!1],null)]);$APP.ha("baredom.exports.x_ripple_effect.init",M0);export const init=M0;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","viewport");d.setAttribute("role","region");d.appendChild(e);f.setAttribute("part","live");f.setAttribute("aria-live","polite");f.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);a.__xScrollParallaxRefs=new $APP.
|
|
4
|
-
$APP.n(a.hasAttribute("disabled"))?"":null,$APP.
|
|
5
|
-
b:""],null)},
|
|
6
|
-
$APP.k(a,"__xScrollParallaxChildCache");if($APP.n(b))return b;b=
|
|
7
|
-
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},
|
|
8
|
-
$APP.
|
|
9
|
-
"x-scroll-parallax-progress",$APP
|
|
10
|
-
"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},
|
|
11
|
-
b;if($APP.n(b))return
|
|
12
|
-
return $APP.n($APP.k(a,"__xScrollParallaxVisible"))?
|
|
13
|
-
$APP.k(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.k(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},
|
|
14
|
-
b=$APP.C(c,$APP.
|
|
15
|
-
this.removeAttribute("direction")},enumerable:!0,configurable:!0});Object.defineProperty(a,"source",{get:function(){var b=this.getAttribute("source");return $APP.n(b)?b:"document"},set:function(b){return $APP.n(b)?this.setAttribute("source",""+$APP.
|
|
16
|
-
this.removeAttribute("easing")},enumerable:!0,configurable:!0});$APP.
|
|
17
|
-
configurable:!0})},
|
|
18
|
-
null},
|
|
19
|
-
var
|
|
2
|
+
var C4=function(a){return new $APP.O(null,1,[$APP.qq,a],null)},D4=function(a){var b=$APP.k(a,"__xScrollParallaxRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-parallax-perspective:none;--x-scroll-parallax-overflow:hidden;--x-scroll-parallax-smooth-duration:80ms;--x-scroll-parallax-fade-range:20%;--x-scroll-parallax-scale-min:0.85;--x-scroll-parallax-disabled-opacity:0.55;}[part\x3dviewport]{position:relative;width:100%;height:100%;overflow:var(--x-scroll-parallax-overflow);perspective:var(--x-scroll-parallax-perspective);}::slotted(*){will-change:transform;}:host([disabled]){opacity:var(--x-scroll-parallax-disabled-opacity);}:host([easing\x3dsmooth]) ::slotted(*){transition:transform var(--x-scroll-parallax-smooth-duration) ease-out,opacity var(--x-scroll-parallax-smooth-duration) ease-out;}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}@media (prefers-reduced-motion:reduce){::slotted(*){transform:none !important;opacity:1 !important;}}";
|
|
3
|
+
d.setAttribute("part","viewport");d.setAttribute("role","region");d.appendChild(e);f.setAttribute("part","live");f.setAttribute("aria-live","polite");f.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);a.__xScrollParallaxRefs=new $APP.O(null,4,[$APP.jj,b,$APP.wn,d,$APP.un,e,$APP.Om,f],null);return $APP.k(a,"__xScrollParallaxRefs")},G4=function(a){a=new $APP.O(null,5,[$APP.gn,a.getAttribute("direction"),E4,a.getAttribute("source"),F4,a.getAttribute("easing"),$APP.nn,
|
|
4
|
+
$APP.n(a.hasAttribute("disabled"))?"":null,$APP.ui,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,$APP.gn),d=$APP.C(b,E4),e=$APP.C(b,F4);a=$APP.C(b,$APP.nn);b=$APP.C(b,$APP.ui);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.$c(eia,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.$c(fia,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.$c(gia,e)?e:"none";return new $APP.O(null,5,[$APP.Dn,c,$APP.Jp,d,hia,e,$APP.Bi,a!=null,$APP.Z,$APP.n(b)?
|
|
5
|
+
b:""],null)},H4=function(a){a=D4(a);a=$APP.G(a);return $APP.C(a,$APP.un).assignedElements()},iia=function(a){var b=a.getAttribute("data-speed");typeof b==="string"?(b=parseFloat(b.trim()),b=$APP.n(isNaN(b))?1:b):b=1;var c=a.getAttribute("data-offset");typeof c==="string"?(c=parseFloat(c.trim()),c=$APP.n(isNaN(c))?0:c):c=0;return new $APP.O(null,4,[$APP.Mn,b,$APP.Bm,c,$APP.ym,$APP.A.j("fade",a.getAttribute("data-opacity")),$APP.jn,$APP.A.j("grow",a.getAttribute("data-scale"))],null)},jia=function(a){var b=
|
|
6
|
+
$APP.k(a,"__xScrollParallaxChildCache");if($APP.n(b))return b;b=H4(a);b=$APP.sf.m($APP.ye,$APP.pe.i(iia),$APP.zc(b));return a.__xScrollParallaxChildCache=b},I4=function(a){a.__xScrollParallaxChildCache=null},kia=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-fade-range");a=typeof a==="string"?a.trim():null;return $APP.n($APP.n(a)?a.endsWith("%"):a)?(a=parseFloat(a.slice(0,-1)),$APP.n(isNaN(a))?.2:a/100):.2},lia=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-scale-min");
|
|
7
|
+
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},J4=function(a){var b=function(){var K=$APP.k(a,"__xScrollParallaxModel");return $APP.n(K)?K:G4(a)}();if(!$APP.n($APP.Bi.i(b))){var c=a.getBoundingClientRect();b=$APP.A.j("vertical",$APP.Dn.i(b));var d=window.innerHeight,e=b?d:window.innerWidth,f=$APP.Gl.j(0,$APP.Hl.j(1,(d-c.top)/(d+c.height)));c=$APP.k(a,"__xScrollParallaxLastProg");d=H4(a);for(var h=jia(a),l=kia(a),m=lia(a),q=d.length,r=0;;)if(r<q){if(r<
|
|
8
|
+
$APP.y(h)){var v=d[r],x=$APP.tc(h,r),z=$APP.G(x),B=$APP.C(z,$APP.Mn),E=$APP.C(z,$APP.Bm);x=$APP.C(z,$APP.ym);z=$APP.C(z,$APP.jn);B=(f-.5)*e*(B-1)+E;var H=b?"translateY("+$APP.V.i(B)+"px)":"translateX("+$APP.V.i(B)+"px)";B=$APP.n(z)?function(){var K=m+(1-m)*(1-Math.abs(f-.5)*2);return""+$APP.V.i(H)+" scale("+$APP.V.i(K)+")"}():H;v.style.transform=B;$APP.n(x)&&(v.style.opacity=""+$APP.V.i(f<l?f/l:f>1-l?(1-f)/l:1))}r+=1}else break;if(c==null||Math.abs(f-c)>.001)a.__xScrollParallaxLastProg=f,$APP.Nh(a,
|
|
9
|
+
"x-scroll-parallax-progress",$APP.$l(C4(f)))}a.__xScrollParallaxRAF=null},mia=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.k(a,"__xScrollParallaxRAF"))?null:$APP.ja(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return J4(a)})):null},nia=function(a){a=$APP.k(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.p($APP.k(a,
|
|
10
|
+
"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},K4=function(a){a=$APP.k(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1)},L4=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},oia=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.k(a,"__xScrollParallaxRefs"));c=$APP.C(c,$APP.Om);a.__xScrollParallaxVisible=
|
|
11
|
+
b;if($APP.n(b))return nia(a),J4(a),L4(c,"Parallax section entered viewport"),$APP.Nh(a,"x-scroll-parallax-enter",$APP.$l(C4(function(){var d=$APP.k(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())));K4(a);L4(c,"Parallax section left viewport");return $APP.Nh(a,"x-scroll-parallax-leave",$APP.$l(C4(function(){var d=$APP.k(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())))},pia=function(a){function b(){return $APP.n($APP.k(a,"__xScrollParallaxVisible"))?(I4(a),J4(a)):null}function c(){I4(a);
|
|
12
|
+
return $APP.n($APP.k(a,"__xScrollParallaxVisible"))?J4(a):null}var d=D4(a);d=$APP.G(d);$APP.C(d,$APP.un).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollParallaxHandlers",{scroll:function(){return mia(a)},slot:c,resize:b,scrollAttached:!1})},M4=function(a){var b=$APP.k(a,"__xScrollParallaxHandlers");if($APP.n(b)){K4(a);var c=$APP.k(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.un.i(c);var d=$APP.k(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=
|
|
13
|
+
$APP.k(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.k(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},qia=function(a){var b=$APP.k(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return oia(a,c)},{threshold:[0]});b.observe(a);a.__xScrollParallaxIO=b},N4=function(a){var b=G4(a);if($APP.I($APP.k(a,"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.Dn);
|
|
14
|
+
b=$APP.C(c,$APP.Bi);var e=$APP.C(c,$APP.Z),f=D4(a);f=$APP.G(f);f=$APP.C(f,$APP.wn);$APP.S(a,"data-direction",d);$APP.t(e)?f.setAttribute("aria-label",e):f.removeAttribute("aria-label");a.__xScrollParallaxModel=c;c=$APP.k(a,"__xScrollParallaxVisible");$APP.n($APP.n(c)?$APP.p(b):c)&&J4(a)}},ria=function(a){Object.defineProperty(a,"direction",{get:function(){var b=this.getAttribute("direction");return $APP.n(b)?b:"vertical"},set:function(b){return $APP.n(b)?this.setAttribute("direction",""+$APP.V.i(b)):
|
|
15
|
+
this.removeAttribute("direction")},enumerable:!0,configurable:!0});Object.defineProperty(a,"source",{get:function(){var b=this.getAttribute("source");return $APP.n(b)?b:"document"},set:function(b){return $APP.n(b)?this.setAttribute("source",""+$APP.V.i(b)):this.removeAttribute("source")},enumerable:!0,configurable:!0});Object.defineProperty(a,"easing",{get:function(){var b=this.getAttribute("easing");return $APP.n(b)?b:"none"},set:function(b){return $APP.n(b)?this.setAttribute("easing",""+$APP.V.i(b)):
|
|
16
|
+
this.removeAttribute("easing")},enumerable:!0,configurable:!0});$APP.Sh(a,"disabled","disabled");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?this.setAttribute("label",""+$APP.V.i(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});return Object.defineProperty(a,"progress",{get:function(){var b=$APP.k(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,
|
|
17
|
+
configurable:!0})},sia=function(a){D4(a);M4(a);pia(a);qia(a);N4(a);return null},tia=function(a){for(var b=H4(a),c=b.length,d=0;;)if(d<c){var e=b[d];e.style.transform="";e.style.opacity="";d+=1}else break;$APP.n($APP.k(a,"__xScrollParallaxVisible"))&&(b=$APP.k(a,"__xScrollParallaxLastProg"),$APP.Nh(a,"x-scroll-parallax-leave",$APP.$l(C4($APP.n(b)?b:0))));M4(a);b=$APP.k(a,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),a.__xScrollParallaxIO=null);I4(a);a.__xScrollParallaxVisible=!1;return a.__xScrollParallaxLastProg=
|
|
18
|
+
null},uia=function(a,b,c,d){$APP.I(c,d)&&N4(a);return null},O4=function(){return $APP.Ah("x-scroll-parallax",new $APP.O(null,5,[$APP.qh,via,$APP.oh,sia,$APP.lh,tia,$APP.kh,uia,$APP.ph,ria],null))},E4=new $APP.F(null,"source-raw","source-raw",396083546),F4=new $APP.F(null,"easing-raw","easing-raw",440485546),hia=new $APP.F(null,"easing","easing",735372043);var via=["direction","source","easing","disabled","label"];$APP.ce(["x-scroll-parallax-enter",new $APP.O(null,2,[$APP.U,new $APP.O(null,1,[$APP.qq,$APP.Y],null),$APP.Aq,!1],null),"x-scroll-parallax-leave",new $APP.O(null,2,[$APP.U,new $APP.O(null,1,[$APP.qq,$APP.Y],null),$APP.Aq,!1],null),"x-scroll-parallax-progress",new $APP.O(null,2,[$APP.U,new $APP.O(null,1,[$APP.qq,$APP.Y],null),$APP.Aq,!1],null)]);
|
|
19
|
+
var eia=new $APP.pg(null,new $APP.O(null,2,["vertical",null,"horizontal",null],null),null),fia=new $APP.pg(null,new $APP.O(null,1,["document",null],null),null),gia=new $APP.pg(null,new $APP.O(null,2,["none",null,"smooth",null],null),null);$APP.ha("baredom.exports.x_scroll_parallax.init",O4);export const init=O4;
|
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var qL=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:b):b},sL=function(a){return typeof a==="string"&&$APP.$c(rL,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},tL=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},uL=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},vL=function(a){var b=$APP.k(a,"__xScrollStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-stack-peek:6px;--x-scroll-stack-rotation:3deg;--x-scroll-stack-gap:1rem;}[part\x3dcontainer]{position:sticky;top:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--x-scroll-stack-padding-top,2rem);gap:var(--x-scroll-stack-gap);}::slotted(*){flex-shrink:0;will-change:transform;transition:transform 60ms linear;}:host([disabled]){opacity:0.55;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
-
d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.
|
|
5
|
-
|
|
6
|
-
c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=
|
|
7
|
-
32;break a;case "bottom":
|
|
8
|
-
"px,"+$APP.
|
|
9
|
-
return $APP.n(a)?$APP.
|
|
10
|
-
|
|
11
|
-
"__xScrollStackRefs")),f=$APP.C(e,$APP.
|
|
12
|
-
c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.n(c)?$APP.n(
|
|
13
|
-
c);window.addEventListener("resize",b);$APP.
|
|
14
|
-
null);b=$APP.k(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},
|
|
15
|
-
6)},set:function(b){return b!=null?this.setAttribute("peek",""+$APP.
|
|
16
|
-
null?this.setAttribute("scroll-distance",""+$APP.
|
|
17
|
-
b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.k(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){
|
|
18
|
-
a.__xScrollStackIO=null);a.__xScrollStackVisible=!1;a.__xScrollStackStackedCount=0;a.__xScrollStackLastProg=null;a.__xScrollStackNaturalOffsets=null;return a.__xScrollStackChildHeights=null},
|
|
19
|
-
"totalCount","totalCount",2101470328),
|
|
4
|
+
d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.O(null,3,[$APP.jj,b,$APP.kj,d,$APP.un,e],null);return $APP.k(a,"__xScrollStackRefs")},zL=function(a){a=new $APP.O(null,5,[$APP.sq,a.getAttribute("peek"),wL,a.getAttribute("rotation"),xL,a.getAttribute("scroll-distance"),$APP.fn,a.getAttribute("align"),$APP.nn,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.G(a);a=$APP.C(b,$APP.sq);var c=$APP.C(b,
|
|
5
|
+
wL),d=$APP.C(b,xL),e=$APP.C(b,$APP.fn);b=$APP.C(b,$APP.nn);return new $APP.O(null,5,[$APP.kn,qL(a,6),$APP.oq,qL(c,3),yL,qL(d,150),$APP.Fn,sL(e),$APP.Bi,b!=null],null)},AL=function(a){a=vL(a);a=$APP.G(a);return $APP.C(a,$APP.un).assignedElements()},BL=function(a){var b=$APP.k(a,"__xScrollStackModel");b=$APP.n(b)?b:zL(a);var c=AL(a).length;b=window.innerHeight+c*yL.i(b);a.style.height=""+$APP.V.i(b)+"px"},HL=function(a){var b=function(){var Ea=$APP.k(a,"__xScrollStackModel");return $APP.n(Ea)?Ea:zL(a)}(),
|
|
6
|
+
c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=AL(a),e=d.length,f=$APP.k(a,"__xScrollStackNaturalOffsets"),h=$APP.k(a,"__xScrollStackChildHeights");if($APP.n(function(){var Ea=e>0;return Ea?$APP.n(f)?$APP.n(h)?$APP.A.j(f.length,e)&&$APP.A.j(h.length,e):h:f:Ea}())){var l=yL.i(b),m=$APP.kn.i(b),q=$APP.oq.i(b),r=$APP.Fn.i(b),v=f[0],x=$APP.n(a.hasAttribute("align"))?function(){var Ea=(e-1)*m+h[e-1],Na=$APP.G($APP.k(a,"__xScrollStackRefs"));Na=$APP.C(Na,$APP.kj).clientHeight;a:switch(r){case "top":Ea=
|
|
7
|
+
32;break a;case "bottom":Ea=Na-Ea-32;break a;default:Ea=(Na-Ea)/2}return Ea-v}():0;b=uL(c,e,l);for(var z=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,l)))),B=function(){var Ea=$APP.k(a,"__xScrollStackStackedCount");return $APP.n(Ea)?Ea:0}(),E=0;;)if(E<e){var H=d[E],K=tL(c,E,l),J=new $APP.O(null,3,[CL,E*m,DL,q*Math.sin(E*2.3),EL,2*Math.cos(E*3.7)],null),P=f[E];P=v+CL.i(J)-P;P=K*P+K*x;var ea=K*DL.i(J);J=K*EL.i(J);var la=K>0?""+$APP.V.i(E):"";H.style.transform=K===0?"":"translate("+$APP.V.i(J.toFixed(2))+
|
|
8
|
+
"px,"+$APP.V.i(P.toFixed(2))+"px) rotate("+$APP.V.i(ea.toFixed(3))+"deg)";H.style.zIndex=la;E+=1}else break;$APP.I(z,B)&&(a.__xScrollStackStackedCount=z,$APP.Nh(a,"x-scroll-stack-change",$APP.$l(new $APP.O(null,3,[FL,z,GL,e,$APP.qq,b],null))));c=$APP.k(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)a.__xScrollStackLastProg=b,$APP.Nh(a,"x-scroll-stack-progress",$APP.$l(new $APP.O(null,3,[$APP.qq,b,FL,z,GL,e],null)))}a.__xScrollStackRAF=null},IL=function(a){a=$APP.k(a,"__xScrollStackModel");
|
|
9
|
+
return $APP.n(a)?$APP.Bi.i(a):a},JL=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollStackVisible"),$APP.n(b)?$APP.p(IL(a)):b):b}())?$APP.n($APP.k(a,"__xScrollStackRAF"))?null:$APP.ja(a,"__xScrollStackRAF",requestAnimationFrame(function(){return HL(a)})):null},KL=function(a){a=$APP.k(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.p($APP.k(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},
|
|
10
|
+
LL=function(a){a=$APP.k(a,"__xScrollStackHandlers");if($APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1;else return null},ML=function(a){var b=$APP.k(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);return $APP.ja(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){a.__xScrollStackCacheRAF=null;if($APP.n(a.isConnected)){var c=AL(a),d=c.length;if(d>0){var e=$APP.G($APP.k(a,
|
|
11
|
+
"__xScrollStackRefs")),f=$APP.C(e,$APP.kj);e=Array(d);for(var h=Array(d),l=0;;)if(l<d){var m=c[l];m.style.transform="";m.style.zIndex="";l+=1}else break;f.offsetHeight;f=f.getBoundingClientRect();for(l=0;;)if(l<d)m=c[l].getBoundingClientRect(),e[l]=m.top-f.top,h[l]=m.height,l+=1;else break;a.__xScrollStackNaturalOffsets=e;a.__xScrollStackChildHeights=h}return HL(a)}return null}))},NL=function(a){var b=$APP.k(a,"__xScrollStackIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=
|
|
12
|
+
c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.n(c)?$APP.n(IL(a))?c=null:(KL(a),c=ML(a)):c=LL(a);return c},{threshold:[0]});b.observe(a);a.__xScrollStackIO=b},OL=function(a){a=AL(a);for(var b=a.length,c=0;;)if(c<b){var d=a[c];d.style.transform="";d.style.zIndex="";c+=1}else break},PL=function(a){function b(){BL(a);return $APP.n($APP.k(a,"__xScrollStackVisible"))?ML(a):null}function c(){BL(a);return $APP.n($APP.k(a,"__xScrollStackVisible"))?ML(a):null}var d=vL(a);d=$APP.G(d);$APP.C(d,$APP.un).addEventListener("slotchange",
|
|
13
|
+
c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollStackHandlers",{scroll:function(){return JL(a)},slot:c,resize:b,scrollAttached:!1})},QL=function(a){var b=$APP.k(a,"__xScrollStackHandlers");if($APP.n(b)){LL(a);var c=$APP.k(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.un.i(c);var d=$APP.k(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.k(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.k(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackRAF=
|
|
14
|
+
null);b=$APP.k(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},RL=function(a){var b=zL(a);if($APP.I($APP.k(a,"__xScrollStackModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.Bi);a.__xScrollStackModel=b;$APP.n(c)?(OL(a),a.__xScrollStackStackedCount=0,a.__xScrollStackLastProg=null,LL(a)):$APP.n($APP.k(a,"__xScrollStackVisible"))&&(KL(a),ML(a))}},SL=function(a){Object.defineProperty(a,"peek",{get:function(){return qL(this.getAttribute("peek"),
|
|
15
|
+
6)},set:function(b){return b!=null?this.setAttribute("peek",""+$APP.V.i(b)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,"rotation",{get:function(){return qL(this.getAttribute("rotation"),3)},set:function(b){return b!=null?this.setAttribute("rotation",""+$APP.V.i(b)):this.removeAttribute("rotation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"scrollDistance",{get:function(){return qL(this.getAttribute("scroll-distance"),150)},set:function(b){return b!=
|
|
16
|
+
null?this.setAttribute("scroll-distance",""+$APP.V.i(b)):this.removeAttribute("scroll-distance")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){return sL(this.getAttribute("align"))},set:function(b){return b!=null?this.setAttribute("align",""+$APP.V.i(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});$APP.Sh(a,"disabled","disabled");Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.k(this,"__xScrollStackStackedCount");return $APP.n(b)?
|
|
17
|
+
b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.k(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){BL(this);return $APP.n($APP.k(this,"__xScrollStackVisible"))?ML(this):null},enumerable:!0,configurable:!0})},TL=function(a){vL(a);QL(a);PL(a);NL(a);RL(a);BL(a);return null},UL=function(a){OL(a);QL(a);var b=$APP.k(a,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),
|
|
18
|
+
a.__xScrollStackIO=null);a.__xScrollStackVisible=!1;a.__xScrollStackStackedCount=0;a.__xScrollStackLastProg=null;a.__xScrollStackNaturalOffsets=null;return a.__xScrollStackChildHeights=null},VL=function(a,b,c,d){$APP.I(c,d)&&(RL(a),BL(a),$APP.n($APP.k(a,"__xScrollStackVisible"))&&ML(a));return null},XL=function(){return $APP.Ah("x-scroll-stack",new $APP.O(null,5,[$APP.qh,WL,$APP.oh,TL,$APP.lh,UL,$APP.kh,VL,$APP.ph,SL],null))},DL=new $APP.F(null,"stack-rot","stack-rot",-949440704),GL=new $APP.F(null,
|
|
19
|
+
"totalCount","totalCount",2101470328),xL=new $APP.F(null,"scroll-distance-raw","scroll-distance-raw",1537519796),EL=new $APP.F(null,"stack-x","stack-x",-1557848736),CL=new $APP.F(null,"stack-y","stack-y",146748620),wL=new $APP.F(null,"rotation-raw","rotation-raw",318004495),FL=new $APP.F(null,"stackedCount","stackedCount",137366007),yL=new $APP.F(null,"scroll-distance","scroll-distance",-544947824);var WL=["peek","rotation","scroll-distance","align","disabled"];$APP.ce(["x-scroll-stack-change",new $APP.O(null,2,[$APP.U,new $APP.O(null,3,[FL,$APP.Y,GL,$APP.Y,$APP.qq,$APP.Y],null),$APP.Aq,!1],null),"x-scroll-stack-progress",new $APP.O(null,2,[$APP.U,new $APP.O(null,3,[$APP.qq,$APP.Y,FL,$APP.Y,GL,$APP.Y],null),$APP.Aq,!1],null)]);var rL=new $APP.pg(null,new $APP.O(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ha("baredom.exports.x_scroll_stack.init",XL);export const init=XL;
|