@vanelsas/baredom 2.5.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/README.md +11 -296
- package/custom-elements.json +36 -1
- package/dist/base.js +38 -38
- package/dist/integrity.json +93 -93
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +40 -40
- package/dist/x-combobox.d.ts +1 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +1 -0
- package/dist/x-currency-field.js +23 -22
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- 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 +16 -16
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +2 -1
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +1 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +9 -9
- 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 +19 -19
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +1 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +1 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +6 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.nk);c=$APP.D(c,$APP.
|
|
4
|
-
$APP.nk);h=$APP.D(p,$APP.Yi);c=$APP.D(p,$APP.Mh);e=$APP.D(p,$APP.
|
|
2
|
+
var lX=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},oX=function(a){var b=new $APP.Q(null,7,[$APP.Yi,a.getAttribute("value"),$APP.Wk,a.getAttribute("max"),$APP.Vg,a.getAttribute("variant"),$APP.Mh,a.getAttribute("size"),$APP.U,a.getAttribute("label"),$APP.nk,a.hasAttribute("show-value"),$APP.om,a.hasAttribute("indeterminate")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Wk),e=$APP.D(c,$APP.Yi),g=$APP.D(c,$APP.Vg),h=$APP.D(c,$APP.Mh);b=$APP.D(c,$APP.U);var l=$APP.D(c,
|
|
3
|
+
$APP.nk);c=$APP.D(c,$APP.om);d=lX(d,100);d=d>0?d:100;e=$APP.ph.i($APP.oh.i(lX(e,0),0),d);g=typeof g==="string"&&$APP.I(mX,g)?g:"default";h=typeof h==="string"&&$APP.I(nX,h)?h:"md";c=$APP.F(c);l=$APP.F(l);var m=c?50:$APP.ph.i($APP.oh.i(e/d*100,0),100);b=$APP.zf([$APP.Vg,$APP.nk,$APP.Yi,$APP.Mh,$APP.om,$APP.Zm,$APP.Wk,$APP.U,$APP.Nl],[g,l,e,h,c,c?"Loading…":""+$APP.T.g(Math.round(m))+"%",d,typeof b==="string"&&$APP.N("",b)?b:null,m]);var p=$APP.M(b);b=$APP.D(p,$APP.Nl);l=$APP.D(p,$APP.Vg);d=$APP.D(p,
|
|
4
|
+
$APP.nk);h=$APP.D(p,$APP.Yi);c=$APP.D(p,$APP.Mh);e=$APP.D(p,$APP.Zm);g=$APP.D(p,$APP.om);m=$APP.D(p,$APP.U);p=$APP.D(p,$APP.Wk);var q=$APP.k(a,"__xProgressCircleBase"),v=$APP.k(a,"__xProgressCircleFill"),x=$APP.k(a,"__xProgressCircleValueNode"),y=$APP.k(a,"__xProgressCircleCompleted"),A=$APP.r(g)&&h>=p,C=$APP.n(g)?75:100*(1-b/100);q.setAttribute("data-variant",l);q.setAttribute("data-size",c);q.setAttribute("data-indeterminate",$APP.n(g)?"true":"false");v.setAttribute("stroke-dasharray",""+$APP.T.g(100));
|
|
5
5
|
v.setAttribute("stroke-dashoffset",""+$APP.T.g(C));x.textContent=$APP.n($APP.n(d)?$APP.r(g):d)?""+$APP.T.g(Math.round(b))+"%":"";x.style.display=$APP.n($APP.n(d)?$APP.r(g):d)?"":"none";a.setAttribute("role","progressbar");a.setAttribute("aria-valuemin","0");$APP.n(g)?(a.removeAttribute("aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext",e)):(a.setAttribute("aria-valuenow",""+$APP.T.g(h)),a.setAttribute("aria-valuemax",""+$APP.T.g(p)),a.setAttribute("aria-valuetext",
|
|
6
|
-
e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");A&&$APP.r(y)&&a.dispatchEvent(new CustomEvent("x-progress-circle-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCircleCompleted=$APP.F(A)},
|
|
6
|
+
e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");A&&$APP.r(y)&&a.dispatchEvent(new CustomEvent("x-progress-circle-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCircleCompleted=$APP.F(A)},pX=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.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
7
7
|
"max",{get:function(){var b=this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"indeterminate",{get:function(){return this.hasAttribute("indeterminate")},set:function(b){return $APP.n(b)?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate")},enumerable:!0,configurable:!0});Object.defineProperty(a,"showValue",{get:function(){return this.hasAttribute("show-value")},
|
|
8
|
-
set:function(b){return $APP.n(b)?this.setAttribute("show-value",""):this.removeAttribute("show-value")},enumerable:!0,configurable:!0})},
|
|
8
|
+
set:function(b){return $APP.n(b)?this.setAttribute("show-value",""):this.removeAttribute("show-value")},enumerable:!0,configurable:!0})},rX=function(){var a=class extends HTMLElement{};a.observedAttributes=qX;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xProgressCircleInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),g=document.createElementNS("http://www.w3.org/2000/svg",
|
|
9
9
|
"circle"),h=document.createElementNS("http://www.w3.org/2000/svg","circle"),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;}}";
|
|
10
10
|
d.setAttribute("part","base");e.setAttribute("part","svg");e.setAttribute("viewBox","0 0 36 36");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");g.setAttribute("part","track");g.setAttribute("cx","18");g.setAttribute("cy","18");g.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(g);e.appendChild(h);l.appendChild(m);
|
|
11
|
-
d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);this.__xProgressCircleBase=d;this.__xProgressCircleFill=h;this.__xProgressCircleValueNode=m;this.__xProgressCircleInit=!0}
|
|
12
|
-
|
|
11
|
+
d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);this.__xProgressCircleBase=d;this.__xProgressCircleFill=h;this.__xProgressCircleValueNode=m;this.__xProgressCircleInit=!0}oX(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xProgressCircleInit"))&&oX(this);return null};pX(a.prototype);return a},sX=function(){$APP.n(customElements.get("x-progress-circle"))||customElements.define("x-progress-circle",
|
|
12
|
+
rX());return null};var mX=new $APP.S(null,new $APP.Q(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),nX=new $APP.S(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),qX="value max variant size label show-value indeterminate".split(" ");$APP.Pd(["x-progress-circle-complete",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,2,[$APP.Yi,$APP.W,$APP.Wk,$APP.W],null)],null)]);$APP.ha("baredom.exports.x_progress_circle.init",sX);export const init=sX;
|
package/dist/x-progress.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.nk);c=$APP.D(c,$APP.
|
|
4
|
-
$APP.nk);h=$APP.D(p,$APP.Yi);c=$APP.D(p,$APP.Mh);e=$APP.D(p,$APP.
|
|
2
|
+
var O7=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},R7=function(a){var b=new $APP.Q(null,7,[$APP.Yi,a.getAttribute("value"),$APP.Wk,a.getAttribute("max"),$APP.Vg,a.getAttribute("variant"),$APP.Mh,a.getAttribute("size"),$APP.U,a.getAttribute("label"),$APP.nk,a.hasAttribute("show-value"),$APP.om,a.hasAttribute("indeterminate")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Wk),e=$APP.D(c,$APP.Yi),g=$APP.D(c,$APP.Vg),h=$APP.D(c,$APP.Mh);b=$APP.D(c,$APP.U);var l=$APP.D(c,
|
|
3
|
+
$APP.nk);c=$APP.D(c,$APP.om);d=O7(d,100);d=d>0?d:100;e=$APP.ph.i($APP.oh.i(O7(e,0),0),d);g=typeof g==="string"&&$APP.I(P7,g)?g:"default";h=typeof h==="string"&&$APP.I(Q7,h)?h:"md";c=$APP.F(c);l=$APP.F(l);var m=c?50:$APP.ph.i($APP.oh.i(e/d*100,0),100);b=$APP.zf([$APP.Vg,$APP.nk,$APP.Yi,$APP.Mh,$APP.om,$APP.Zm,$APP.Wk,$APP.U,$APP.Nl],[g,l,e,h,c,c?"Loading…":""+$APP.T.g(Math.round(m))+"%",d,typeof b==="string"&&$APP.N("",b)?b:null,m]);var p=$APP.M(b);b=$APP.D(p,$APP.Nl);l=$APP.D(p,$APP.Vg);d=$APP.D(p,
|
|
4
|
+
$APP.nk);h=$APP.D(p,$APP.Yi);c=$APP.D(p,$APP.Mh);e=$APP.D(p,$APP.Zm);g=$APP.D(p,$APP.om);m=$APP.D(p,$APP.U);p=$APP.D(p,$APP.Wk);var q=$APP.k(a,"__xProgressBase"),v=$APP.k(a,"__xProgressHeader"),x=$APP.k(a,"__xProgressFill"),y=$APP.k(a,"__xProgressLabel"),A=$APP.k(a,"__xProgressValue");var C=(C=m!=null)?C:d;var E=$APP.k(a,"__xProgressCompleted"),H=$APP.r(g)&&h>=p;q.setAttribute("data-variant",l);q.setAttribute("data-size",c);q.setAttribute("data-indeterminate",$APP.n(g)?"true":"false");x.style.width=
|
|
5
5
|
$APP.n(g)?"40%":""+$APP.T.g(b.toFixed(2))+"%";v.style.display=$APP.n(C)?"flex":"none";y.textContent=$APP.n(m)?m:"";y.style.display=m!=null?"":"none";A.textContent=$APP.n($APP.n(d)?$APP.r(g):d)?""+$APP.T.g(Math.round(b))+"%":"";A.style.display=$APP.n(d)?"":"none";a.setAttribute("role","progressbar");a.setAttribute("aria-valuemin","0");$APP.n(g)?(a.removeAttribute("aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext",e)):(a.setAttribute("aria-valuenow",""+$APP.T.g(h)),
|
|
6
|
-
a.setAttribute("aria-valuemax",""+$APP.T.g(p)),a.setAttribute("aria-valuetext",e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");H&&$APP.r(E)&&a.dispatchEvent(new CustomEvent("x-progress-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCompleted=$APP.F(H)},
|
|
6
|
+
a.setAttribute("aria-valuemax",""+$APP.T.g(p)),a.setAttribute("aria-valuetext",e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");H&&$APP.r(E)&&a.dispatchEvent(new CustomEvent("x-progress-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCompleted=$APP.F(H)},S7=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",
|
|
7
7
|
""+$APP.T.g(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.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"indeterminate",{get:function(){return this.hasAttribute("indeterminate")},set:function(b){return $APP.n(b)?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
8
8
|
"showValue",{get:function(){return this.hasAttribute("show-value")},set:function(b){return $APP.n(b)?this.setAttribute("show-value",""):this.removeAttribute("show-value")},enumerable:!0,configurable:!0});Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:""},set:function(b){return this.setAttribute("variant",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.n(b)?
|
|
9
|
-
b:""},set:function(b){return this.setAttribute("size",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},
|
|
9
|
+
b:""},set:function(b){return this.setAttribute("size",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},U7=function(){var a=class extends HTMLElement{};a.observedAttributes=T7;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xProgressInit"))){var b=this.attachShadow({mode:"open"}),
|
|
10
10
|
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("span"),h=document.createElement("span"),l=document.createElement("div"),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%;}}";
|
|
11
|
-
d.setAttribute("part","base");e.setAttribute("part","header");g.setAttribute("part","label-text");h.setAttribute("part","value-text");l.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(g);e.appendChild(h);l.appendChild(m);d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);this.__xProgressBase=d;this.__xProgressHeader=e;this.__xProgressFill=m;this.__xProgressLabel=g;this.__xProgressValue=h;this.__xProgressInit=!0}
|
|
12
|
-
function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xProgressInit"))&&
|
|
11
|
+
d.setAttribute("part","base");e.setAttribute("part","header");g.setAttribute("part","label-text");h.setAttribute("part","value-text");l.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(g);e.appendChild(h);l.appendChild(m);d.appendChild(e);d.appendChild(l);b.appendChild(c);b.appendChild(d);this.__xProgressBase=d;this.__xProgressHeader=e;this.__xProgressFill=m;this.__xProgressLabel=g;this.__xProgressValue=h;this.__xProgressInit=!0}R7(this);return null};a.prototype.disconnectedCallback=
|
|
12
|
+
function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xProgressInit"))&&R7(this);return null};S7(a.prototype);return a},V7=function(){$APP.n(customElements.get("x-progress"))||customElements.define("x-progress",U7());return null};var P7=new $APP.S(null,new $APP.Q(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),Q7=new $APP.S(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),T7="value max variant size label show-value indeterminate".split(" ");$APP.Pd(["x-progress-complete",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,2,[$APP.Yi,$APP.W,$APP.Wk,$APP.W],null)],null)]);$APP.ha("baredom.exports.x_progress.init",V7);export const init=V7;
|
package/dist/x-radio.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.D(b,$APP.Uj);var c=$APP.D(b,$APP.Cj),d=$APP.D(b,$APP.
|
|
4
|
-
e=$APP.Ej.g(b);
|
|
5
|
-
$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");
|
|
6
|
-
function(a){a=
|
|
7
|
-
{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},
|
|
8
|
-
$APP.k(a,"control").focus():null},
|
|
9
|
-
$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},
|
|
10
|
-
get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.N(d)?
|
|
2
|
+
var pt=function(a,b,c){return a.setAttribute(b,c)},qt=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},rt=function(a){a=$APP.zf([$APP.Al,$APP.Ol,$APP.Nh,$APP.Zh,$APP.sj,$APP.Lj,$APP.Em,$APP.Uj,$APP.Cj],[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.M(a);a=
|
|
3
|
+
$APP.D(b,$APP.Uj);var c=$APP.D(b,$APP.Cj),d=$APP.D(b,$APP.Al),e=$APP.D(b,$APP.Ol),g=$APP.D(b,$APP.Nh),h=$APP.D(b,$APP.Zh),l=$APP.D(b,$APP.sj),m=$APP.D(b,$APP.Lj);b=$APP.D(b,$APP.Em);l=$APP.F(l);g=$APP.F(g);return $APP.zf([$APP.mi,$APP.ci,$APP.dn,$APP.Ej,$APP.Th,$APP.Aj,$APP.Yi,$APP.bk,$APP.$m,$APP.Ql,$APP.X],[g,l?"true":"false",$APP.F(m),l,$APP.n(g)?l:!0,d,b!=null?b:"on",h,c,a,$APP.F(e)])},st=function(a){var b=$APP.k(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.k(b,"control");b=rt(a);var d=$APP.X.g(b),
|
|
4
|
+
e=$APP.Ej.g(b);pt(c,"aria-checked",$APP.ci.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");pt(c,"aria-required",$APP.n($APP.mi.g(b))?"true":"false");pt(c,"aria-readonly",$APP.n($APP.dn.g(b))?"true":"false");var g=$APP.Ql.g(b);$APP.n(g)?c.setAttribute("aria-label",g):c.removeAttribute("aria-label");g=$APP.bk.g(b);$APP.n(g)?c.setAttribute("aria-labelledby",g):c.removeAttribute("aria-labelledby");g=$APP.$m.g(b);$APP.n(g)?c.setAttribute("aria-describedby",g):c.removeAttribute("aria-describedby");
|
|
5
|
+
$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");qt(a,"data-checked",e);qt(a,"data-disabled",d);a=$APP.k(a,"__xRadioInternals");return $APP.n(a)?a.setFormValue($APP.n(e)?$APP.Yi.g(b):null):null}return null},tt=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.N(b,""):b)){var d=[];c.querySelectorAll("x-radio").forEach(function(e){return $APP.B.i(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},ut=
|
|
6
|
+
function(a){a=tt(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)?(e=$APP.k(e,"control"),d=$APP.n(b)?$APP.B.i(d,b)?0:-1:$APP.B.i(d,c)?0:-1,e.tabIndex=d):null})},vt=function(a,b){b=new CustomEvent("x-radio-change-request",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)},wt=function(a,b){return a.dispatchEvent(new CustomEvent("x-radio-change",
|
|
7
|
+
{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},xt=function(a){var b=rt(a),c=$APP.X.g(b),d=$APP.dn.g(b),e=$APP.Ej.g(b);if($APP.n($APP.n(c)?c:$APP.n(d)?d:e))return null;b=$APP.Yi.g(b);return vt(a,{value:b,previousChecked:!1,nextChecked:!0})?(a.setAttribute("checked",""),st(a),tt(a).forEach(function(g){var h=$APP.N(g,a);return $APP.n(h?g.hasAttribute("checked"):h)?(g.removeAttribute("checked"),st(g)):null}),ut(a),wt(a,{value:b,checked:!0})):null},yt=function(a){a=$APP.k(a,"__xRadioRefs");return $APP.n(a)?
|
|
8
|
+
$APP.k(a,"control").focus():null},zt=function(a){return function(b){var c=b.key,d=tt(a),e=d.length,g=d.indexOf(a);if($APP.B.i(c," ")||$APP.B.i(c,"Enter"))return b.preventDefault(),xt(a);if($APP.B.i(c,"ArrowDown")||$APP.B.i(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.fd(g+1,e)],xt(b),yt(b)}else if($APP.B.i(c,"ArrowUp")||$APP.B.i(c,"ArrowLeft"))if(b.preventDefault(),e>0)return b=d[$APP.fd(g-1,e)],xt(b),yt(b);return null}},At=function(a){return function(){return xt(a)}},Bt=function(a){var b=
|
|
9
|
+
$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},Ct=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return qt(this,c,$APP.F(d))}})},Dt=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,
|
|
10
|
+
get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.N(d)?pt(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},Ft=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return Et}});Ct(b,"checked","checked");Ct(b,"disabled","disabled");Ct(b,"readOnly","readonly");Ct(b,"required","required");Dt(b,"name","name");Dt(b,"value","value");b.connectedCallback=function(){if(!$APP.n($APP.k(this,
|
|
11
11
|
"__xRadioRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("button"),g=document.createElement("span");d.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;}}";
|
|
12
|
-
e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","radio");g.setAttribute("part","dot");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xRadioRefs={root:c,control:e,dot:g};$APP.n(this.attachInternals)&&(this.__xRadioInternals=this.attachInternals())}
|
|
13
|
-
g);
|
|
12
|
+
e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","radio");g.setAttribute("part","dot");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xRadioRefs={root:c,control:e,dot:g};$APP.n(this.attachInternals)&&(this.__xRadioInternals=this.attachInternals())}Bt(this);c=$APP.k(this,"__xRadioRefs");$APP.n(c)&&(c=$APP.k(c,"control"),d=At(this),e=zt(this),g={click:d,keydown:e},this.addEventListener("click",d),c.addEventListener("keydown",e),this.__xRadioHandlers=
|
|
13
|
+
g);st(this);return ut(this)};b.disconnectedCallback=function(){return Bt(this)};b.attributeChangedCallback=function(){return st(this)};b.formDisabledCallback=function(c){qt(this,"disabled",$APP.F(c));return st(this)};b.formResetCallback=function(){this.removeAttribute("checked");return st(this)};return a},Gt=function(){return $APP.n(customElements.get("x-radio"))?null:customElements.define("x-radio",Ft())};var Et="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.Pd(["x-radio-change-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,3,[$APP.Yi,$APP.Y,$APP.vk,$APP.Zj,$APP.Vl,$APP.Zj],null)],null),"x-radio-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,2,[$APP.Yi,$APP.Y,$APP.Sm,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_radio.init",Gt);export const init=Gt;
|
package/dist/x-ripple-effect.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var mT=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},nT=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},oT=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},pT=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"),g=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);g.setAttribute("part","filters");g.style.position="absolute";
|
|
4
|
-
g.style.width="0";g.style.height="0";g.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xRippleRefs=new $APP.
|
|
5
|
-
d=$APP.D(b,
|
|
6
|
-
e.setAttribute("type","turbulence");e.setAttribute("baseFrequency",""+$APP.T.g(c));e.setAttribute("numOctaves","3");e.setAttribute("seed",""+$APP.T.g(Math.floor(Math.random()*1E3)));e.setAttribute("result","turbulence");g.setAttribute("in","SourceGraphic");g.setAttribute("in2","turbulence");g.setAttribute("scale","0");g.setAttribute("xChannelSelector","R");g.setAttribute("yChannelSelector","G");d.appendChild(e);d.appendChild(g);a.appendChild(d);return new $APP.
|
|
7
|
-
|
|
8
|
-
"url(#"+$APP.T.g(c)+")";a.dispatchEvent(new CustomEvent("x-ripple-effect-start",{detail:{x,y},bubbles:!0,composed:!0}));b?(v.setAttribute("scale",""+$APP.T.g(d/2)),b=requestAnimationFrame(function(){v.setAttribute("scale","0");l.removeChild(p);h.style.filter="";return a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}))})):b=requestAnimationFrame(function H(){var G=performance.now()-A;G=Math.min(1,G/e);var J=1-G;J=1-J*J*J;var
|
|
9
|
-
""+$APP.T.g(d*(1-J)));q.setAttribute("baseFrequency",""+$APP.T.g(
|
|
10
|
-
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.M(b);b=$APP.D(c,$APP.mk);for(c=$APP.D(c,$APP.Hj);;)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)},
|
|
11
|
-
this.setAttribute("intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"duration",{get:function(){return
|
|
12
|
-
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},
|
|
13
|
-
function(){return null};
|
|
4
|
+
g.style.width="0";g.style.height="0";g.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xRippleRefs=new $APP.Q(null,3,[$APP.Hi,b,$APP.Hj,d,$APP.mk,g],null);a.__xRippleCounter=0;a.__xRippleFrames=[];return $APP.k(a,"__xRippleRefs")},sT=function(a){a=new $APP.Q(null,4,[$APP.Gk,a.getAttribute("intensity"),$APP.Vi,a.getAttribute("duration"),qT,a.getAttribute("frequency"),$APP.Ol,a.hasAttribute("disabled")],null);var b=$APP.M(a);a=$APP.D(b,$APP.Gk);var c=$APP.D(b,$APP.Vi),
|
|
5
|
+
d=$APP.D(b,qT);b=$APP.D(b,$APP.Ol);return new $APP.Q(null,4,[$APP.xk,mT(a),$APP.fl,nT(c),rT,oT(d),$APP.X,$APP.F(b)],null)},vT=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"),g=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.T.g(c));e.setAttribute("numOctaves","3");e.setAttribute("seed",""+$APP.T.g(Math.floor(Math.random()*1E3)));e.setAttribute("result","turbulence");g.setAttribute("in","SourceGraphic");g.setAttribute("in2","turbulence");g.setAttribute("scale","0");g.setAttribute("xChannelSelector","R");g.setAttribute("yChannelSelector","G");d.appendChild(e);d.appendChild(g);a.appendChild(d);return new $APP.Q(null,3,[$APP.kl,d,tT,e,uT,g],null)},
|
|
7
|
+
wT=function(a,b){var c=sT(a);if(!$APP.n($APP.X.g(c))){c=$APP.M(c);var d=$APP.D(c,$APP.xk),e=$APP.D(c,$APP.fl),g=$APP.D(c,rT);c=pT(a);c=$APP.M(c);var h=$APP.D(c,$APP.Hj),l=$APP.D(c,$APP.mk),m=$APP.k(a,"__xRippleCounter");c="xr-"+$APP.T.g(m);a.__xRippleCounter=m+1;m=vT(l,c,g);m=$APP.M(m);var p=$APP.D(m,$APP.kl),q=$APP.D(m,tT),v=$APP.D(m,uT),x=b.clientX,y=b.clientY,A=performance.now(),C=$APP.k(a,"__xRippleFrames");b=$APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter=
|
|
8
|
+
"url(#"+$APP.T.g(c)+")";a.dispatchEvent(new CustomEvent("x-ripple-effect-start",{detail:{x,y},bubbles:!0,composed:!0}));b?(v.setAttribute("scale",""+$APP.T.g(d/2)),b=requestAnimationFrame(function(){v.setAttribute("scale","0");l.removeChild(p);h.style.filter="";return a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}))})):b=requestAnimationFrame(function H(){var G=performance.now()-A;G=Math.min(1,G/e);var J=1-G;J=1-J*J*J;var R=g*(1-J*.7);v.setAttribute("scale",
|
|
9
|
+
""+$APP.T.g(d*(1-J)));q.setAttribute("baseFrequency",""+$APP.T.g(R));if(G>=1)return l.removeChild(p),l.childNodes.length===0&&(h.style.filter=""),a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}));G=requestAnimationFrame(H);return C.push(G)});C.push(b)}},xT=function(a){function b(c){c.button===0&&wT(a,c);return null}a.addEventListener("pointerdown",b);a.__xRippleHandler=b},yT=function(a){var b=$APP.k(a,"__xRippleFrames");if($APP.n(b)){for(var c=b.length,
|
|
10
|
+
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.M(b);b=$APP.D(c,$APP.mk);for(c=$APP.D(c,$APP.Hj);;)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)},zT=function(a){Object.defineProperty(a,"intensity",{get:function(){return mT(this.getAttribute("intensity"))},set:function(b){return b==null?this.removeAttribute("intensity"):
|
|
11
|
+
this.setAttribute("intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"duration",{get:function(){return nT(this.getAttribute("duration"))},set:function(b){return b==null?this.removeAttribute("duration"):this.setAttribute("duration",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frequency",{get:function(){return oT(this.getAttribute("frequency"))},set:function(b){return b==null?this.removeAttribute("frequency"):this.setAttribute("frequency",
|
|
12
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},BT=function(){var a=class extends HTMLElement{};a.observedAttributes=AT;a.prototype.connectedCallback=function(){pT(this);yT(this);xT(this);return null};a.prototype.disconnectedCallback=function(){yT(this);return null};a.prototype.attributeChangedCallback=
|
|
13
|
+
function(){return null};zT(a.prototype);return a},CT=function(){$APP.n(customElements.get("x-ripple-effect"))||customElements.define("x-ripple-effect",BT());return null},tT=new $APP.K(null,"turb","turb",-804768361),qT=new $APP.K(null,"frequency-raw","frequency-raw",-1367383022),uT=new $APP.K(null,"disp","disp",-2047544334),rT=new $APP.K(null,"frequency","frequency",-1408891382);var AT=["intensity","duration","frequency","disabled"];$APP.Pd(["x-ripple-effect-start",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,2,[$APP.Ll,$APP.W,$APP.Kl,$APP.W],null),$APP.lm,!1],null),"x-ripple-effect-end",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,2,[$APP.Ll,$APP.W,$APP.Kl,$APP.W],null),$APP.lm,!1],null)]);$APP.ha("baredom.exports.x_ripple_effect.init",CT);export const init=CT;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","viewport");d.setAttribute("role","region");d.appendChild(e);g.setAttribute("part","live");g.setAttribute("aria-live","polite");g.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xScrollParallaxRefs=new $APP.
|
|
4
|
-
$APP.n(a.hasAttribute("disabled"))?"":null,$APP.pi,a.getAttribute("label")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Zi),d=$APP.D(b,
|
|
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
|
-
c.height)));c=$APP.k(a,"__xScrollParallaxLastProg");d=
|
|
9
|
-
$APP.T.g(g<l?g/l:g>1-l?(1-g)/l:1))}q+=1}else break;if(c==null||Math.abs(g-c)>.001)a.__xScrollParallaxLastProg=g,
|
|
10
|
-
null},
|
|
11
|
-
var c=$APP.M($APP.k(a,"__xScrollParallaxRefs"));c=$APP.D(c,$APP.Fi);a.__xScrollParallaxVisible=b;if($APP.n(b))return
|
|
12
|
-
"__xScrollParallaxVisible"))?(
|
|
13
|
-
$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,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},
|
|
14
|
-
"__xScrollParallaxModel"),b)){var c=$APP.M(b),d=$APP.D(c,$APP.tj);b=$APP.D(c,$APP.X);var e=$APP.D(c,$APP.U),g=
|
|
2
|
+
var zZ=function(a){return new $APP.Q(null,1,[$APP.cm,a],null)},AZ=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"),g=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);g.setAttribute("part","live");g.setAttribute("aria-live","polite");g.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xScrollParallaxRefs=new $APP.Q(null,4,[$APP.Hi,b,$APP.mj,d,$APP.kj,e,$APP.Fi,g],null);return $APP.k(a,"__xScrollParallaxRefs")},HZ=function(a){a=new $APP.Q(null,5,[$APP.Zi,a.getAttribute("direction"),BZ,a.getAttribute("source"),CZ,a.getAttribute("easing"),$APP.ej,
|
|
4
|
+
$APP.n(a.hasAttribute("disabled"))?"":null,$APP.pi,a.getAttribute("label")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Zi),d=$APP.D(b,BZ),e=$APP.D(b,CZ);a=$APP.D(b,$APP.ej);b=$APP.D(b,$APP.pi);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.I(DZ,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.I(EZ,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.I(FZ,e)?e:"none";return new $APP.Q(null,5,[$APP.tj,c,$APP.sl,d,GZ,e,$APP.X,a!=null,$APP.U,$APP.n(b)?
|
|
5
|
+
b:""],null)},IZ=function(a){a=AZ(a);a=$APP.M(a);return $APP.D(a,$APP.kj).assignedElements()},JZ=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.Q(null,4,[$APP.Gj,b,$APP.ti,c,$APP.qi,$APP.B.i("fade",a.getAttribute("data-opacity")),$APP.aj,$APP.B.i("grow",a.getAttribute("data-scale"))],null)},KZ=function(a){var b=
|
|
6
|
+
$APP.k(a,"__xScrollParallaxChildCache");if($APP.n(b))return b;b=IZ(a);b=$APP.We.m($APP.fe,$APP.ae.g(JZ),$APP.uc(b));return a.__xScrollParallaxChildCache=b},LZ=function(a){a.__xScrollParallaxChildCache=null},MZ=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},NZ=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},OZ=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Hh(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},PZ=function(a){var b=function(){var H=$APP.k(a,"__xScrollParallaxModel");return $APP.n(H)?H:HZ(a)}();if(!$APP.n($APP.X.g(b))){var c=a.getBoundingClientRect();b=$APP.B.i("vertical",$APP.tj.g(b));var d=window.innerHeight,e=b?d:window.innerWidth,g=$APP.oh.i(0,$APP.ph.i(1,(d-c.top)/(d+
|
|
8
|
+
c.height)));c=$APP.k(a,"__xScrollParallaxLastProg");d=IZ(a);for(var h=KZ(a),l=MZ(a),m=NZ(a),p=d.length,q=0;;)if(q<p){if(q<$APP.z(h)){var v=d[q],x=$APP.pc(h,q),y=$APP.M(x),A=$APP.D(y,$APP.Gj),C=$APP.D(y,$APP.ti);x=$APP.D(y,$APP.qi);y=$APP.D(y,$APP.aj);A=(g-.5)*e*(A-1)+C;var E=b?"translateY("+$APP.T.g(A)+"px)":"translateX("+$APP.T.g(A)+"px)";A=$APP.n(y)?function(){var H=m+(1-m)*(1-Math.abs(g-.5)*2);return""+$APP.T.g(E)+" scale("+$APP.T.g(H)+")"}():E;v.style.transform=A;$APP.n(x)&&(v.style.opacity=""+
|
|
9
|
+
$APP.T.g(g<l?g/l:g>1-l?(1-g)/l:1))}q+=1}else break;if(c==null||Math.abs(g-c)>.001)a.__xScrollParallaxLastProg=g,OZ(a,"x-scroll-parallax-progress",zZ(g))}a.__xScrollParallaxRAF=null},QZ=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.k(a,"__xScrollParallaxRAF"))?null:$APP.ja(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return PZ(a)})):
|
|
10
|
+
null},RZ=function(a){a=$APP.k(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.r($APP.k(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},SZ=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)},TZ=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},UZ=function(a,b){b=b[0].isIntersecting;
|
|
11
|
+
var c=$APP.M($APP.k(a,"__xScrollParallaxRefs"));c=$APP.D(c,$APP.Fi);a.__xScrollParallaxVisible=b;if($APP.n(b))return RZ(a),PZ(a),TZ(c,"Parallax section entered viewport"),OZ(a,"x-scroll-parallax-enter",zZ(function(){var d=$APP.k(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}()));SZ(a);TZ(c,"Parallax section left viewport");return OZ(a,"x-scroll-parallax-leave",zZ(function(){var d=$APP.k(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}()))},VZ=function(a){function b(){return $APP.n($APP.k(a,
|
|
12
|
+
"__xScrollParallaxVisible"))?(LZ(a),PZ(a)):null}function c(){LZ(a);return $APP.n($APP.k(a,"__xScrollParallaxVisible"))?PZ(a):null}var d=AZ(a);d=$APP.M(d);$APP.D(d,$APP.kj).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollParallaxHandlers",{scroll:function(){return QZ(a)},slot:c,resize:b,scrollAttached:!1})},WZ=function(a){var b=$APP.k(a,"__xScrollParallaxHandlers");if($APP.n(b)){SZ(a);var c=$APP.k(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.kj.g(c);var d=
|
|
13
|
+
$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,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},XZ=function(a){var b=$APP.k(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return UZ(a,c)},{threshold:[0]});b.observe(a);a.__xScrollParallaxIO=b},YZ=function(a){var b=HZ(a);if($APP.N($APP.k(a,
|
|
14
|
+
"__xScrollParallaxModel"),b)){var c=$APP.M(b),d=$APP.D(c,$APP.tj);b=$APP.D(c,$APP.X);var e=$APP.D(c,$APP.U),g=AZ(a);g=$APP.M(g);g=$APP.D(g,$APP.mj);a.setAttribute("data-direction",d);$APP.t(e)?g.setAttribute("aria-label",e):g.removeAttribute("aria-label");a.__xScrollParallaxModel=c;c=$APP.k(a,"__xScrollParallaxVisible");$APP.n($APP.n(c)?$APP.r(b):c)&&PZ(a)}},ZZ=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)?
|
|
15
15
|
this.setAttribute("direction",""+$APP.T.g(b)):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.T.g(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)?
|
|
16
16
|
this.setAttribute("easing",""+$APP.T.g(b)):this.removeAttribute("easing")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});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.N(b,""):b)?this.setAttribute("label",
|
|
17
|
-
""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.k(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},
|
|
18
|
-
e.style.transform="";e.style.opacity="";d+=1}else break;$APP.n($APP.k(this,"__xScrollParallaxVisible"))&&(b=$APP.k(this,"__xScrollParallaxLastProg"),
|
|
19
|
-
|
|
20
|
-
var
|
|
17
|
+
""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.k(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},a_=function(){var a=class extends HTMLElement{};a.observedAttributes=$Z;a.prototype.connectedCallback=function(){AZ(this);WZ(this);VZ(this);XZ(this);YZ(this);return null};a.prototype.disconnectedCallback=function(){for(var b=IZ(this),c=b.length,d=0;;)if(d<c){var e=b[d];
|
|
18
|
+
e.style.transform="";e.style.opacity="";d+=1}else break;$APP.n($APP.k(this,"__xScrollParallaxVisible"))&&(b=$APP.k(this,"__xScrollParallaxLastProg"),OZ(this,"x-scroll-parallax-leave",zZ($APP.n(b)?b:0)));WZ(this);b=$APP.k(this,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),this.__xScrollParallaxIO=null);LZ(this);this.__xScrollParallaxVisible=!1;return this.__xScrollParallaxLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&YZ(this);return null};ZZ(a.prototype);return a},
|
|
19
|
+
b_=function(){$APP.n(customElements.get("x-scroll-parallax"))||customElements.define("x-scroll-parallax",a_());return null},BZ=new $APP.K(null,"source-raw","source-raw",396083546),CZ=new $APP.K(null,"easing-raw","easing-raw",440485546),GZ=new $APP.K(null,"easing","easing",735372043);var $Z=["direction","source","easing","disabled","label"];$APP.Pd(["x-scroll-parallax-enter",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-parallax-leave",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-parallax-progress",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.cm,$APP.W],null),$APP.lm,!1],null)]);
|
|
20
|
+
var DZ=new $APP.S(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),EZ=new $APP.S(null,new $APP.Q(null,1,["document",null],null),null),FZ=new $APP.S(null,new $APP.Q(null,2,["none",null,"smooth",null],null),null);$APP.ha("baredom.exports.x_scroll_parallax.init",b_);export const init=b_;
|
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var uF=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:b):b},wF=function(a){return typeof a==="string"&&$APP.I(vF,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},xF=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},yF=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},zF=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
|
-
""+$APP.T.g(b)+"px"},
|
|
7
|
-
(e-1)*m+h[e-1],Ca=$APP.M($APP.k(a,"__xScrollStackRefs"));Ca=$APP.D(Ca,$APP.Hj).clientHeight;a:switch(q){case "top":la=32;break a;case "bottom":la=Ca-la-32;break a;default:la=(Ca-la)/2}return la-v}():0;b=
|
|
8
|
-
H*x;var
|
|
9
|
-
b,
|
|
10
|
-
a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},
|
|
11
|
-
null;if($APP.n(a.isConnected)){var c=
|
|
12
|
-
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.n(c)?$APP.n(
|
|
13
|
-
|
|
14
|
-
b)}b=$APP.k(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackRAF=null);b=$APP.k(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},
|
|
15
|
-
|
|
16
|
-
{get:function(){return
|
|
17
|
-
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.k(this,"__xScrollStackStackedCount");return $APP.n(b)?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});Object.defineProperty(a,"refresh",{value:function(){
|
|
18
|
-
"__xScrollStackVisible"))?
|
|
19
|
-
this.__xScrollStackNaturalOffsets=this.__xScrollStackLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(
|
|
20
|
-
"scroll-distance-raw",1537519796),
|
|
4
|
+
d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.Q(null,3,[$APP.Hi,b,$APP.Hj,d,$APP.kj,e],null);return $APP.k(a,"__xScrollStackRefs")},DF=function(a){a=new $APP.Q(null,5,[$APP.em,a.getAttribute("peek"),AF,a.getAttribute("rotation"),BF,a.getAttribute("scroll-distance"),$APP.Xi,a.getAttribute("align"),$APP.ej,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.M(a);a=$APP.D(b,$APP.em);var c=$APP.D(b,
|
|
5
|
+
AF),d=$APP.D(b,BF),e=$APP.D(b,$APP.Xi);b=$APP.D(b,$APP.ej);return new $APP.Q(null,5,[$APP.bj,uF(a,6),$APP.bm,uF(c,3),CF,uF(d,150),$APP.vj,wF(e),$APP.X,b!=null],null)},EF=function(a){a=zF(a);a=$APP.M(a);return $APP.D(a,$APP.kj).assignedElements()},FF=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Hh(c),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},GF=function(a){var b=$APP.k(a,"__xScrollStackModel");b=$APP.n(b)?b:DF(a);var c=EF(a).length;b=window.innerHeight+c*CF.g(b);a.style.height=
|
|
6
|
+
""+$APP.T.g(b)+"px"},MF=function(a){var b=function(){var la=$APP.k(a,"__xScrollStackModel");return $APP.n(la)?la:DF(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=EF(a),e=d.length,g=$APP.k(a,"__xScrollStackNaturalOffsets"),h=$APP.k(a,"__xScrollStackChildHeights");if($APP.n(function(){var la=e>0;return la?$APP.n(g)?$APP.n(h)?$APP.B.i(g.length,e)&&$APP.B.i(h.length,e):h:g:la}())){var l=CF.g(b),m=$APP.bj.g(b),p=$APP.bm.g(b),q=$APP.vj.g(b),v=g[0],x=$APP.n(a.hasAttribute("align"))?function(){var la=
|
|
7
|
+
(e-1)*m+h[e-1],Ca=$APP.M($APP.k(a,"__xScrollStackRefs"));Ca=$APP.D(Ca,$APP.Hj).clientHeight;a:switch(q){case "top":la=32;break a;case "bottom":la=Ca-la-32;break a;default:la=(Ca-la)/2}return la-v}():0;b=yF(c,e,l);for(var y=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,l)))),A=function(){var la=$APP.k(a,"__xScrollStackStackedCount");return $APP.n(la)?la:0}(),C=0;;)if(C<e){var E=d[C],H=xF(c,C,l),G=new $APP.Q(null,3,[HF,C*m,IF,p*Math.sin(C*2.3),JF,2*Math.cos(C*3.7)],null),J=g[C];J=v+HF.g(G)-J;J=H*J+
|
|
8
|
+
H*x;var R=H*IF.g(G);G=H*JF.g(G);var aa=H>0?""+$APP.T.g(C):"";E.style.transform=H===0?"":"translate("+$APP.T.g(G.toFixed(2))+"px,"+$APP.T.g(J.toFixed(2))+"px) rotate("+$APP.T.g(R.toFixed(3))+"deg)";E.style.zIndex=aa;C+=1}else break;$APP.N(y,A)&&(a.__xScrollStackStackedCount=y,FF(a,"x-scroll-stack-change",new $APP.Q(null,3,[KF,y,LF,e,$APP.cm,b],null)));c=$APP.k(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)a.__xScrollStackLastProg=b,FF(a,"x-scroll-stack-progress",new $APP.Q(null,3,[$APP.cm,
|
|
9
|
+
b,KF,y,LF,e],null))}a.__xScrollStackRAF=null},NF=function(a){a=$APP.k(a,"__xScrollStackModel");return $APP.n(a)?$APP.X.g(a):a},OF=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollStackVisible"),$APP.n(b)?$APP.r(NF(a)):b):b}())?$APP.n($APP.k(a,"__xScrollStackRAF"))?null:$APP.ja(a,"__xScrollStackRAF",requestAnimationFrame(function(){return MF(a)})):null},PF=function(a){a=$APP.k(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.r($APP.k(a,"scrollAttached")):
|
|
10
|
+
a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},QF=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},RF=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=
|
|
11
|
+
null;if($APP.n(a.isConnected)){var c=EF(a),d=c.length;if(d>0){var e=$APP.M($APP.k(a,"__xScrollStackRefs")),g=$APP.D(e,$APP.Hj);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;g.offsetHeight;g=g.getBoundingClientRect();for(l=0;;)if(l<d)m=c[l].getBoundingClientRect(),e[l]=m.top-g.top,h[l]=m.height,l+=1;else break;a.__xScrollStackNaturalOffsets=e;a.__xScrollStackChildHeights=h}return MF(a)}return null}))},SF=function(a){var b=$APP.k(a,"__xScrollStackIO");
|
|
12
|
+
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.n(c)?$APP.n(NF(a))?c=null:(PF(a),c=RF(a)):c=QF(a);return c},{threshold:[0]});b.observe(a);a.__xScrollStackIO=b},TF=function(a){a=EF(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},UF=function(a){function b(){GF(a);return $APP.n($APP.k(a,"__xScrollStackVisible"))?RF(a):null}function c(){GF(a);return $APP.n($APP.k(a,"__xScrollStackVisible"))?
|
|
13
|
+
RF(a):null}var d=zF(a);d=$APP.M(d);$APP.D(d,$APP.kj).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollStackHandlers",{scroll:function(){return OF(a)},slot:c,resize:b,scrollAttached:!1})},VF=function(a){var b=$APP.k(a,"__xScrollStackHandlers");if($APP.n(b)){QF(a);var c=$APP.k(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.kj.g(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",
|
|
14
|
+
b)}b=$APP.k(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackRAF=null);b=$APP.k(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},WF=function(a){var b=DF(a);if($APP.N($APP.k(a,"__xScrollStackModel"),b)){b=$APP.M(b);var c=$APP.D(b,$APP.X);a.__xScrollStackModel=b;$APP.n(c)?(TF(a),a.__xScrollStackStackedCount=0,a.__xScrollStackLastProg=null,QF(a)):$APP.n($APP.k(a,"__xScrollStackVisible"))&&(PF(a),RF(a))}},
|
|
15
|
+
XF=function(a){Object.defineProperty(a,"peek",{get:function(){return uF(this.getAttribute("peek"),6)},set:function(b){return b!=null?this.setAttribute("peek",""+$APP.T.g(b)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,"rotation",{get:function(){return uF(this.getAttribute("rotation"),3)},set:function(b){return b!=null?this.setAttribute("rotation",""+$APP.T.g(b)):this.removeAttribute("rotation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"scrollDistance",
|
|
16
|
+
{get:function(){return uF(this.getAttribute("scroll-distance"),150)},set:function(b){return b!=null?this.setAttribute("scroll-distance",""+$APP.T.g(b)):this.removeAttribute("scroll-distance")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){return wF(this.getAttribute("align"))},set:function(b){return b!=null?this.setAttribute("align",""+$APP.T.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},
|
|
17
|
+
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.k(this,"__xScrollStackStackedCount");return $APP.n(b)?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});Object.defineProperty(a,"refresh",{value:function(){GF(this);return $APP.n($APP.k(this,
|
|
18
|
+
"__xScrollStackVisible"))?RF(this):null},enumerable:!0,configurable:!0})},ZF=function(){var a=class extends HTMLElement{};a.observedAttributes=YF;a.prototype.connectedCallback=function(){zF(this);VF(this);UF(this);SF(this);WF(this);GF(this);return null};a.prototype.disconnectedCallback=function(){TF(this);VF(this);var b=$APP.k(this,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStackIO=null);this.__xScrollStackVisible=!1;this.__xScrollStackStackedCount=0;return this.__xScrollStackChildHeights=
|
|
19
|
+
this.__xScrollStackNaturalOffsets=this.__xScrollStackLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(WF(this),GF(this),$APP.n($APP.k(this,"__xScrollStackVisible"))&&RF(this));return null};XF(a.prototype);return a},$F=function(){$APP.n(customElements.get("x-scroll-stack"))||customElements.define("x-scroll-stack",ZF());return null},IF=new $APP.K(null,"stack-rot","stack-rot",-949440704),LF=new $APP.K(null,"totalCount","totalCount",2101470328),BF=new $APP.K(null,"scroll-distance-raw",
|
|
20
|
+
"scroll-distance-raw",1537519796),JF=new $APP.K(null,"stack-x","stack-x",-1557848736),HF=new $APP.K(null,"stack-y","stack-y",146748620),AF=new $APP.K(null,"rotation-raw","rotation-raw",318004495),KF=new $APP.K(null,"stackedCount","stackedCount",137366007),CF=new $APP.K(null,"scroll-distance","scroll-distance",-544947824);var YF=["peek","rotation","scroll-distance","align","disabled"];$APP.Pd(["x-scroll-stack-change",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[KF,$APP.W,LF,$APP.W,$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-stack-progress",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.cm,$APP.W,KF,$APP.W,LF,$APP.W],null),$APP.lm,!1],null)]);var vF=new $APP.S(null,new $APP.Q(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ha("baredom.exports.x_scroll_stack.init",$F);export const init=$F;
|
package/dist/x-scroll-story.js
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.si);l=$APP.D(l,$APP.Kk);e=h<=b&&l>b?d:e;g=h<=b?d:g;d+=1}},
|
|
4
|
-
d.setAttribute("part","container");d.setAttribute("role","region");e.setAttribute("part","media");h.setAttribute("name","media");var p=document.createElement("div");p.setAttribute("part","indicator");e.appendChild(p);e.appendChild(h);g.setAttribute("part","steps");g.appendChild(l);d.appendChild(e);d.appendChild(g);m.setAttribute("part","live");m.setAttribute("aria-live","polite");m.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);a.__xScrollStoryRefs=new $APP.
|
|
5
|
-
6,[$APP.Hi,b,$APP.Hj,d,
|
|
6
|
-
var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,$APP.
|
|
7
|
-
|
|
8
|
-
b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollStoryActiveIndex=c;var e=d>=0&&d<b.length?
|
|
9
|
-
b,c,d){var e=b.length;var g=$APP.k(a,"__xScrollStoryStepStates");if(!$APP.n($APP.n(g)?$APP.B.i(g.length,e):g)){for(var h=Array(e),l=0;;)if(l<e)h[l]=$APP.n($APP.n(g)?l<g.length:g)?g[l]:!1,l+=1;else break;g=a.__xScrollStoryStepStates=h}for(h=0;;)if(h<e){if(h<$APP.z(c)){l=$APP.pc(c,h);l=$APP.M(l);var m=$APP.D(l,$APP.si),p=$APP.D(l,$APP.Kk),q=g[h];l=m<=d&&p>d;var v=
|
|
10
|
-
h,$APP.
|
|
11
|
-
q.top+q.height],null))}}();b=
|
|
2
|
+
var C5=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.oh.i(0,$APP.ph.i(1,a))):.5},D5=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.oh.i(.1,$APP.ph.i(.9,a))):.5},E5=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.oh.i(1,$APP.ph.i(1E3,a))):50},F5=function(a,b){var c=$APP.z(a);if(c===0)return-1;for(var d=0,e=-1,g=-1;;){if(d>=c)return e>=0?e:g;var h=$APP.pc(a,d),l=$APP.M(h);h=$APP.D(l,
|
|
3
|
+
$APP.si);l=$APP.D(l,$APP.Kk);e=h<=b&&l>b?d:e;g=h<=b?d:g;d+=1}},H5=function(a){var b=$APP.k(a,"__xScrollStoryRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("div"),h=document.createElement("slot"),l=document.createElement("slot"),m=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-story-gap:0;--x-scroll-story-step-min-height:80vh;--x-scroll-story-step-padding:2rem;--x-scroll-story-active-opacity:1;--x-scroll-story-inactive-opacity:0.3;--x-scroll-story-transition-duration:300ms;--x-scroll-story-disabled-opacity:0.55;--x-scroll-story-media-top:0;}[part\x3dcontainer]{display:flex;gap:var(--x-scroll-story-gap);}:host([data-layout\x3dleft]) [part\x3dcontainer]{flex-direction:row;}:host([data-layout\x3dright]) [part\x3dcontainer]{flex-direction:row-reverse;}:host([data-layout\x3dtop]) [part\x3dcontainer]{flex-direction:column;}[part\x3dmedia]{position:sticky;top:var(--x-scroll-story-media-top);align-self:flex-start;flex-shrink:0;}:host([data-layout\x3dtop]) [part\x3dmedia]{position:sticky;width:100%;}[part\x3dsteps]{flex:1;min-width:0;}[part\x3dmedia]{height:100dvh;}::slotted(:not([slot])){min-height:var(--x-scroll-story-step-min-height);padding:var(--x-scroll-story-step-padding);opacity:var(--x-scroll-story-inactive-opacity);transition:opacity var(--x-scroll-story-transition-duration) ease;}::slotted([data-active]){opacity:var(--x-scroll-story-active-opacity);}:host([disabled]){opacity:var(--x-scroll-story-disabled-opacity);}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}[part\x3dindicator]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:48px;height:48px;opacity:0.7;}[part\x3dindicator]::before,[part\x3dindicator]::after{content:'';position:absolute;top:8px;width:12px;height:32px;background:rgba(255,255,255,0.9);border-radius:3px;}[part\x3dindicator]::before{left:8px;}[part\x3dindicator]::after{right:8px;}:host([data-autoplay-paused][autoplay-indicator]) [part\x3dindicator]{display:block;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
+
d.setAttribute("part","container");d.setAttribute("role","region");e.setAttribute("part","media");h.setAttribute("name","media");var p=document.createElement("div");p.setAttribute("part","indicator");e.appendChild(p);e.appendChild(h);g.setAttribute("part","steps");g.appendChild(l);d.appendChild(e);d.appendChild(g);m.setAttribute("part","live");m.setAttribute("aria-live","polite");m.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);a.__xScrollStoryRefs=new $APP.Q(null,
|
|
5
|
+
6,[$APP.Hi,b,$APP.Hj,d,G5,e,$APP.Fm,g,$APP.kj,l,$APP.Fi,m],null);return $APP.k(a,"__xScrollStoryRefs")},L5=function(a){a=$APP.zf([$APP.pi,$APP.Vj,$APP.hm,$APP.Wh,$APP.ml,$APP.Ri,$APP.ej,$APP.fm,I5],[a.getAttribute("label"),a.getAttribute("autoplay-speed"),$APP.n(a.hasAttribute("autoplay"))?"":null,a.getAttribute("threshold"),a.getAttribute("layout"),$APP.n(a.hasAttribute("autoplay-indicator"))?"":null,$APP.n(a.hasAttribute("disabled"))?"":null,$APP.n(a.hasAttribute("autoplay-loop"))?"":null,a.getAttribute("split")]);
|
|
6
|
+
var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,$APP.fm),d=$APP.D(b,I5),e=$APP.D(b,$APP.pi),g=$APP.D(b,$APP.Vj),h=$APP.D(b,$APP.hm),l=$APP.D(b,$APP.Wh),m=$APP.D(b,$APP.ml);b=$APP.D(b,$APP.Ri);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.I(J5,m)?m:"left";return $APP.zf([$APP.qk,$APP.Ai,$APP.Ul,K5,$APP.U,$APP.Ki,$APP.X,$APP.Wj,$APP.Ni],[m,c!=null,C5(l),D5(d),$APP.n(e)?e:"",b!=null,a!=null,E5(g),h!=null])},M5=function(a){a=H5(a);a=$APP.M(a);return $APP.D(a,$APP.kj).assignedElements()},
|
|
7
|
+
N5=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},O5=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.N(a,"")?a:null},P5=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Hh(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},Q5=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},R5=function(a,b,c){var d=$APP.k(a,"__xScrollStoryActiveIndex");d=$APP.n(d)?d:-1;if($APP.N(d,c)){d>=0&&d<b.length&&
|
|
8
|
+
b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollStoryActiveIndex=c;var e=d>=0&&d<b.length?O5(b[d]):null;b=c>=0&&c<b.length?O5(b[c]):null;P5(a,"x-scroll-story-step-change",new $APP.Q(null,4,[$APP.ai,c,$APP.zl,b,$APP.ak,d,$APP.fn,e],null));a=$APP.M($APP.k(a,"__xScrollStoryRefs"));a=$APP.D(a,$APP.Fi);Q5(a,"Step "+$APP.T.g(c+1)+" active")}},S5=function(a,
|
|
9
|
+
b,c,d){var e=b.length;var g=$APP.k(a,"__xScrollStoryStepStates");if(!$APP.n($APP.n(g)?$APP.B.i(g.length,e):g)){for(var h=Array(e),l=0;;)if(l<e)h[l]=$APP.n($APP.n(g)?l<g.length:g)?g[l]:!1,l+=1;else break;g=a.__xScrollStoryStepStates=h}for(h=0;;)if(h<e){if(h<$APP.z(c)){l=$APP.pc(c,h);l=$APP.M(l);var m=$APP.D(l,$APP.si),p=$APP.D(l,$APP.Kk),q=g[h];l=m<=d&&p>d;var v=O5(b[h]),x=m;m=p-m;m=m<=0?0:$APP.oh.i(0,$APP.ph.i(1,(d-x)/m));$APP.r(q)&&l?(g[h]=!0,P5(a,"x-scroll-story-step-enter",new $APP.Q(null,3,[$APP.ai,
|
|
10
|
+
h,$APP.zl,v,$APP.cm,m],null))):$APP.n($APP.n(q)?!l:q)&&(g[h]=!1,P5(a,"x-scroll-story-step-leave",new $APP.Q(null,3,[$APP.ai,h,$APP.zl,v,$APP.cm,m],null)))}h+=1}else break},T5=function(a){var b=function(){var m=$APP.k(a,"__xScrollStoryModel");return $APP.n(m)?m:L5(a)}();if(!$APP.n($APP.X.g(b))){var c=M5(a),d=c.length,e=window.innerHeight,g=e*$APP.Ul.g(b),h=function(){for(var m=0,p=$APP.fe;;){if(m>=d)return p;var q=c[m].getBoundingClientRect();m+=1;p=$APP.ld.i(p,new $APP.Q(null,2,[$APP.si,q.top,$APP.Kk,
|
|
11
|
+
q.top+q.height],null))}}();b=F5(h,g);var l=$APP.M($APP.k(a,"__xScrollStoryRefs"));l=$APP.D(l,$APP.Fm).getBoundingClientRect();e=$APP.oh.i(0,$APP.ph.i(1,(e-l.top)/(e+l.height)));l=$APP.k(a,"__xScrollStoryLastProg");R5(a,c,b);S5(a,c,h,g);if(l==null||Math.abs(e-l)>.001)a.__xScrollStoryLastProg=e,g=b>=0&&b<d?O5(c[b]):null,P5(a,"x-scroll-story-progress",new $APP.Q(null,3,[$APP.cm,e,$APP.sk,b,$APP.Gl,g],null))}a.__xScrollStoryRAF=null},U5=function(a){return function d(c){if($APP.n(function(){var l=a.isConnected;
|
|
12
12
|
return $APP.n(l)?(l=$APP.k(a,"__xScrollStoryVisible"),$APP.n(l)?$APP.r($APP.k(a,"__xScrollStoryAutoplayPaused")):l):l}())){var e=$APP.k(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(e)){var l=$APP.Ni.g(e);return $APP.n(l)?$APP.r($APP.X.g(e)):l}return e}())){var g=$APP.k(a,"__xScrollStoryAutoplayLast");g=$APP.n(g)?(c-g)/1E3:0;a.__xScrollStoryAutoplayLast=c;if(g>0){var h=window.scrollY;window.scrollBy(0,$APP.Wj.g(e)*g);$APP.n(function(){var l=$APP.Ai.g(e);return $APP.n(l)?window.scrollY-h<
|
|
13
|
-
.5:l}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),a.__xScrollStoryAutoplayLast=null)}return $APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},
|
|
14
|
-
return $APP.n(e)?e:0}();var c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?
|
|
15
|
-
var b=function(){var e=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?
|
|
16
|
-
(a.removeEventListener("pointerdown",$APP.k(b,"pointerdown")),a.removeEventListener("pointerup",$APP.k(b,"pointerup")),a.removeEventListener("pointerleave",$APP.k(b,"pointerleave")),a.removeEventListener("keydown",$APP.k(b,"keydown")),a.removeEventListener("keyup",$APP.k(b,"keyup")),a.__xScrollStoryAutoplayHandlers=null);a.removeAttribute("data-autoplay-paused");a.removeAttribute("tabindex");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null},
|
|
17
|
-
null){var b=$APP.k(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var l=$APP.Ni.g(b);return $APP.n(l)?(l=$APP.r($APP.X.g(b)))?(l=$APP.k(a,"__xScrollStoryVisible"),$APP.n(l)?!
|
|
18
|
-
|
|
19
|
-
a}
|
|
20
|
-
"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1)},
|
|
21
|
-
d:0}()],null));b=$APP.k(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.Ni.g(b):b)?
|
|
22
|
-
"__xScrollStoryVisible"))?
|
|
23
|
-
b)}b=$APP.k(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryRAF=null);a.__xScrollStoryHandlers=null},
|
|
24
|
-
d=$APP.D(c,$APP.qk),e=$APP.D(c,
|
|
25
|
-
(
|
|
26
|
-
null?this.setAttribute("threshold",""+$APP.T.g(b)):this.removeAttribute("threshold")},enumerable:!0,configurable:!0});Object.defineProperty(a,"split",{get:function(){return
|
|
13
|
+
.5:l}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),a.__xScrollStoryAutoplayLast=null)}return $APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},V5=function(a){if($APP.n($APP.k(a,"__xScrollStoryAutoplayPaused")))return null;a.__xScrollStoryAutoplayPaused=!0;var b=$APP.k(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);a.setAttribute("data-autoplay-paused","");b=function(){var e=$APP.k(a,"__xScrollStoryLastProg");
|
|
14
|
+
return $APP.n(e)?e:0}();var c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?O5(d[c]):null;return P5(a,"x-scroll-story-autoplay-pause",new $APP.Q(null,3,[$APP.cm,b,$APP.sk,c,$APP.Gl,d],null))},W5=function(a){if($APP.n($APP.k(a,"__xScrollStoryAutoplayPaused"))){a.__xScrollStoryAutoplayPaused=!1;a.removeAttribute("data-autoplay-paused");a.__xScrollStoryAutoplayLast=null;$APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(U5(a)));
|
|
15
|
+
var b=function(){var e=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?O5(d[c]):null;return P5(a,"x-scroll-story-autoplay-resume",new $APP.Q(null,3,[$APP.cm,b,$APP.sk,c,$APP.Gl,d],null))}return null},X5=function(a){var b=$APP.k(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);b=$APP.k(a,"__xScrollStoryAutoplayHandlers");$APP.n(b)&&
|
|
16
|
+
(a.removeEventListener("pointerdown",$APP.k(b,"pointerdown")),a.removeEventListener("pointerup",$APP.k(b,"pointerup")),a.removeEventListener("pointerleave",$APP.k(b,"pointerleave")),a.removeEventListener("keydown",$APP.k(b,"keydown")),a.removeEventListener("keyup",$APP.k(b,"keyup")),a.__xScrollStoryAutoplayHandlers=null);a.removeAttribute("data-autoplay-paused");a.removeAttribute("tabindex");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null},Y5=function(a){if($APP.k(a,"__xScrollStoryAutoplayRAF")==
|
|
17
|
+
null){var b=$APP.k(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var l=$APP.Ni.g(b);return $APP.n(l)?(l=$APP.r($APP.X.g(b)))?(l=$APP.k(a,"__xScrollStoryVisible"),$APP.n(l)?!N5():l):l:l}return b}())){a.setAttribute("tabindex","0");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null;var c=function(){return V5(a)},d=function(){return W5(a)},e=function(){return $APP.n($APP.k(a,"__xScrollStoryAutoplayPaused"))?W5(a):null},g=function(l){return $APP.B.i(l.code,"Space")?(l.preventDefault(),
|
|
18
|
+
V5(a)):null},h=function(l){return $APP.B.i(l.code,"Space")?W5(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",g);a.addEventListener("keyup",h);$APP.ja(a,"__xScrollStoryAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:g,keyup:h});$APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(U5(a)))}}return null},Z5=function(a){a=$APP.k(a,"__xScrollStoryModel");return $APP.n(a)?$APP.X.g(a):
|
|
19
|
+
a},$5=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollStoryVisible"),$APP.n(b)?$APP.r(Z5(a))&&!N5():b):b}())?$APP.n($APP.k(a,"__xScrollStoryRAF"))?null:$APP.ja(a,"__xScrollStoryRAF",requestAnimationFrame(function(){return T5(a)})):null},a6=function(a){a=$APP.k(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.r($APP.k(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},b6=function(a){a=$APP.k(a,
|
|
20
|
+
"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1)},c6=function(a,b){b=b[0].isIntersecting;var c=$APP.M($APP.k(a,"__xScrollStoryRefs"));c=$APP.D(c,$APP.Fi);a.__xScrollStoryVisible=b;if($APP.n(b)){if($APP.n(Z5(a)))return null;a6(a);T5(a);Q5(c,"Story section entered viewport");P5(a,"x-scroll-story-enter",new $APP.Q(null,1,[$APP.cm,function(){var d=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(d)?
|
|
21
|
+
d:0}()],null));b=$APP.k(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.Ni.g(b):b)?Y5(a):null}b6(a);X5(a);if($APP.n(Z5(a)))return null;Q5(c,"Story section left viewport");return P5(a,"x-scroll-story-leave",new $APP.Q(null,1,[$APP.cm,function(){var d=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null))},d6=function(a){function b(){return $APP.n($APP.k(a,"__xScrollStoryVisible"))?(a.__xScrollStoryStepStates=null,T5(a)):null}function c(){a.__xScrollStoryStepStates=null;return $APP.n($APP.k(a,
|
|
22
|
+
"__xScrollStoryVisible"))?T5(a):null}var d=H5(a);d=$APP.M(d);$APP.D(d,$APP.kj).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollStoryHandlers",{scroll:function(){return $5(a)},slot:c,resize:b,scrollAttached:!1})},e6=function(a){var b=$APP.k(a,"__xScrollStoryHandlers");if($APP.n(b)){b6(a);var c=$APP.k(a,"__xScrollStoryRefs");if($APP.n(c)){c=$APP.kj.g(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",
|
|
23
|
+
b)}b=$APP.k(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryRAF=null);a.__xScrollStoryHandlers=null},f6=function(a){var b=$APP.k(a,"__xScrollStoryIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return c6(a,c)},{threshold:[0]});b.observe(a);a.__xScrollStoryIO=b},g6=function(a){a=M5(a);for(var b=a.length,c=0;;)if(c<b)a[c].removeAttribute("data-active"),c+=1;else break},h6=function(a){var b=L5(a);if($APP.N($APP.k(a,"__xScrollStoryModel"),b)){var c=$APP.M(b),
|
|
24
|
+
d=$APP.D(c,$APP.qk),e=$APP.D(c,K5);b=$APP.D(c,$APP.X);var g=$APP.D(c,$APP.U),h=H5(a),l=$APP.M(h);h=$APP.D(l,$APP.Hj);l=$APP.D(l,G5);a.setAttribute("data-layout",d);$APP.B.i(d,"top")?l.style.width="":l.style.width="var(--x-scroll-story-media-width,"+$APP.T.g(e*100)+"%)";$APP.t(g)?h.setAttribute("aria-label",g):h.removeAttribute("aria-label");a.__xScrollStoryModel=c;$APP.n(b)?(g6(a),a.__xScrollStoryActiveIndex=-1,a.__xScrollStoryStepStates=null,b6(a),X5(a)):$APP.n($APP.k(a,"__xScrollStoryVisible"))&&
|
|
25
|
+
(a6(a),T5(a));c=$APP.Ni.g(c);b=$APP.n(c)?(b=$APP.r(b))?$APP.k(a,"__xScrollStoryVisible"):b:c;$APP.n(b)?Y5(a):X5(a)}},i6=function(a){Object.defineProperty(a,"layout",{get:function(){var b=this.getAttribute("layout");return $APP.n(b)?b:"left"},set:function(b){return $APP.n(b)?this.setAttribute("layout",""+$APP.T.g(b)):this.removeAttribute("layout")},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return C5(this.getAttribute("threshold"))},set:function(b){return b!=
|
|
26
|
+
null?this.setAttribute("threshold",""+$APP.T.g(b)):this.removeAttribute("threshold")},enumerable:!0,configurable:!0});Object.defineProperty(a,"split",{get:function(){return D5(this.getAttribute("split"))},set:function(b){return b!=null?this.setAttribute("split",""+$APP.T.g(b)):this.removeAttribute("split")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},
|
|
27
27
|
enumerable:!0,configurable:!0});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.N(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"activeIndex",{get:function(){var b=$APP.k(this,"__xScrollStoryActiveIndex");return b!=null?b:-1},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=
|
|
28
|
-
$APP.k(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplay",{get:function(){return this.hasAttribute("autoplay")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplaySpeed",{get:function(){return
|
|
28
|
+
$APP.k(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplay",{get:function(){return this.hasAttribute("autoplay")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplaySpeed",{get:function(){return E5(this.getAttribute("autoplay-speed"))},set:function(b){return b!=null?this.setAttribute("autoplay-speed",""+$APP.T.g(b)):this.removeAttribute("autoplay-speed")},
|
|
29
29
|
enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayLoop",{get:function(){return this.hasAttribute("autoplay-loop")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay-loop",""):this.removeAttribute("autoplay-loop")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayIndicator",{get:function(){return this.hasAttribute("autoplay-indicator")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay-indicator",""):this.removeAttribute("autoplay-indicator")},enumerable:!0,
|
|
30
|
-
configurable:!0});Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.F($APP.k(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},
|
|
31
|
-
"x-scroll-story-leave",new $APP.
|
|
32
|
-
|
|
33
|
-
$APP.zf([$APP.
|
|
34
|
-
1,[$APP.Z,$APP.Y],null),new $APP.
|
|
35
|
-
$APP.Pd(["x-scroll-story-step-change",new $APP.
|
|
36
|
-
new $APP.
|
|
37
|
-
2,[$APP.V,new $APP.
|
|
30
|
+
configurable:!0});Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.F($APP.k(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},k6=function(){var a=class extends HTMLElement{};a.observedAttributes=j6;a.prototype.connectedCallback=function(){H5(this);e6(this);d6(this);f6(this);h6(this);return null};a.prototype.disconnectedCallback=function(){X5(this);g6(this);if($APP.n($APP.k(this,"__xScrollStoryVisible"))){var b=$APP.k(this,"__xScrollStoryLastProg");P5(this,
|
|
31
|
+
"x-scroll-story-leave",new $APP.Q(null,1,[$APP.cm,$APP.n(b)?b:0],null))}e6(this);b=$APP.k(this,"__xScrollStoryIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStoryIO=null);this.__xScrollStoryVisible=!1;this.__xScrollStoryActiveIndex=-1;return this.__xScrollStoryStepStates=this.__xScrollStoryLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&h6(this);return null};i6(a.prototype);return a},l6=function(){$APP.n(customElements.get("x-scroll-story"))||customElements.define("x-scroll-story",
|
|
32
|
+
k6());return null},G5=new $APP.K(null,"media","media",-1066138403),I5=new $APP.K(null,"split-raw","split-raw",-455766786),K5=new $APP.K(null,"split","split",-599435118);var j6="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
33
|
+
$APP.zf([$APP.tl,$APP.Jh,$APP.Ok,$APP.Pj,$APP.qk,$APP.sk,$APP.Ul,$APP.Mm,K5,$APP.U,$APP.Hk,$APP.cm],[new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.wk,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,
|
|
34
|
+
1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null)]);
|
|
35
|
+
$APP.Pd(["x-scroll-story-step-change",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,4,[$APP.ai,$APP.W,$APP.zl,$APP.Y,$APP.ak,$APP.W,$APP.fn,$APP.Y],null),$APP.lm,!1],null),"x-scroll-story-step-enter",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.ai,$APP.W,$APP.zl,$APP.Y,$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-story-step-leave",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.ai,$APP.W,$APP.zl,$APP.Y,$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-story-progress",new $APP.Q(null,2,[$APP.V,
|
|
36
|
+
new $APP.Q(null,3,[$APP.cm,$APP.W,$APP.sk,$APP.W,$APP.Gl,$APP.Y],null),$APP.lm,!1],null),"x-scroll-story-enter",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-story-leave",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.cm,$APP.W],null),$APP.lm,!1],null),"x-scroll-story-autoplay-pause",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.cm,$APP.W,$APP.sk,$APP.W,$APP.Gl,$APP.Y],null),$APP.lm,!1],null),"x-scroll-story-autoplay-resume",new $APP.Q(null,
|
|
37
|
+
2,[$APP.V,new $APP.Q(null,3,[$APP.cm,$APP.W,$APP.sk,$APP.W,$APP.Gl,$APP.Y],null),$APP.lm,!1],null)]);var J5=new $APP.S(null,new $APP.Q(null,3,["right",null,"top",null,"left",null],null),null);$APP.ha("baredom.exports.x_scroll_story.init",l6);export const init=l6;
|