@vanelsas/baredom 1.0.0 → 1.2.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 +23 -0
- package/README.md +14 -4
- package/dist/base.js +368 -349
- package/dist/x-alert.js +19 -19
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +16 -17
- package/dist/x-badge.js +11 -11
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +16 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- 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 +11 -11
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -20
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +39 -39
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +12 -12
- package/dist/x-dropdown.js +10 -10
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +17 -17
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +33 -0
- package/dist/x-grid.js +7 -7
- package/dist/x-kinetic-typography.js +62 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-modal.js +13 -13
- package/dist/x-navbar.js +13 -13
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +20 -0
- package/dist/x-organic-shape.js +15 -0
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +10 -10
- package/dist/x-progress.js +11 -11
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +14 -0
- package/dist/x-scroll-parallax.js +20 -0
- package/dist/x-scroll-stack.js +20 -0
- package/dist/x-scroll-story.js +38 -0
- package/dist/x-scroll-timeline.js +51 -0
- package/dist/x-scroll.js +43 -0
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton.js +6 -7
- package/dist/x-slider.js +16 -16
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +23 -23
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +15 -15
- package/dist/x-tabs.js +11 -12
- package/dist/x-text-area.js +19 -19
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -0
- package/package.json +47 -2
package/dist/x-pagination.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var g=document.createElement("li");var h=document.createElement("button"),k=document.createElement("slot");g.setAttribute("part","item item-prev");h.setAttribute("part","button button-prev");h.setAttribute("aria-label","Previous page");k.setAttribute("name","prev");k.textContent="Prev";h.appendChild(k);g.appendChild(h);g=new $APP.Q(null,2,[
|
|
4
|
-
k.setAttribute("part","button button-next");k.setAttribute("aria-label","Next page");m.setAttribute("name","next");m.textContent="Next";k.appendChild(m);h.appendChild(k);h=new $APP.Q(null,2,[
|
|
5
|
-
d.setAttribute("part","nav");e.setAttribute("part","list");e.appendChild(
|
|
6
|
-
"button button-page");e.setAttribute("aria-label","Page "+$APP.
|
|
7
|
-
"…";a.appendChild(b);return a}
|
|
8
|
-
parseInt(e,10);var k=isFinite(e);e=$APP.n($APP.n(k)?e>=0:k)?e:1}else e=1;typeof g==="string"?(g=parseInt(g,10),k=isFinite(g),k=$APP.n($APP.n(k)?g>=0:k)?g:1):k=1;g=e;e=k;h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
b[d];if($APP.C.h("BUTTON",$APP.n(e)?e.tagName:null)){b=e;break a}d+=1}else{b=null;break a}b=void 0}if($APP.n($APP.n(b)?$APP.
|
|
13
|
-
b);$APP.
|
|
14
|
-
configurable:!0})},
|
|
15
|
-
"page");
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
var IB=function(a){for(var b=[],c=arguments.length,d=0;;)if(d<c)b.push(arguments[d]),d+=1;else break;return $APP.Jc($APP.za,$APP.Lg,0<b.length?new $APP.Hb(b.slice(0),0,null):null)},JB=function(a){if(typeof a==="string"){a=parseInt(a,10);var b=isFinite(a);return $APP.n($APP.n(b)?a>0:b)?a:1}return 1},OB=function(a){var b=$APP.l(a,"__xPaginationRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("nav"),e=document.createElement("ol");
|
|
3
|
+
var g=document.createElement("li");var h=document.createElement("button"),k=document.createElement("slot");g.setAttribute("part","item item-prev");h.setAttribute("part","button button-prev");h.setAttribute("aria-label","Previous page");k.setAttribute("name","prev");k.textContent="Prev";h.appendChild(k);g.appendChild(h);g=new $APP.Q(null,2,[KB,g,LB,h],null);h=document.createElement("li");k=document.createElement("button");var m=document.createElement("slot");h.setAttribute("part","item item-next");
|
|
4
|
+
k.setAttribute("part","button button-next");k.setAttribute("aria-label","Next page");m.setAttribute("name","next");m.textContent="Next";k.appendChild(m);h.appendChild(k);h=new $APP.Q(null,2,[KB,h,LB,k],null);c.textContent=":host{display:block;color-scheme:light dark;--x-pagination-gap:0.25rem;--x-pagination-button-size:2rem;--x-pagination-button-radius:0.375rem;--x-pagination-button-bg:transparent;--x-pagination-button-color:rgba(0,0,0,0.75);--x-pagination-button-border:1px solid rgba(0,0,0,0.15);--x-pagination-button-hover-bg:rgba(0,0,0,0.06);--x-pagination-button-hover-color:rgba(0,0,0,0.9);--x-pagination-current-bg:rgba(0,0,0,0.88);--x-pagination-current-color:#fff;--x-pagination-current-border:1px solid transparent;--x-pagination-disabled-opacity:0.4;--x-pagination-font-size:0.875rem;--x-pagination-ellipsis-color:rgba(0,0,0,0.45);}@media (prefers-color-scheme:dark){:host{--x-pagination-button-color:rgba(255,255,255,0.75);--x-pagination-button-border:1px solid rgba(255,255,255,0.15);--x-pagination-button-hover-bg:rgba(255,255,255,0.08);--x-pagination-button-hover-color:rgba(255,255,255,0.95);--x-pagination-current-bg:rgba(255,255,255,0.90);--x-pagination-current-color:#000;--x-pagination-ellipsis-color:rgba(255,255,255,0.40);}}:host([data-size\x3d'sm']){--x-pagination-button-size:1.75rem;--x-pagination-font-size:0.75rem;}:host([data-size\x3d'lg']){--x-pagination-button-size:2.5rem;--x-pagination-font-size:1rem;}[part~\x3d'nav']{display:block;}[part~\x3d'list']{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--x-pagination-gap);}[part~\x3d'button']{display:inline-flex;align-items:center;justify-content:center;min-width:var(--x-pagination-button-size);height:var(--x-pagination-button-size);padding:0 0.5rem;border:var(--x-pagination-button-border);border-radius:var(--x-pagination-button-radius);background:var(--x-pagination-button-bg);color:var(--x-pagination-button-color);font:inherit;font-size:var(--x-pagination-font-size);cursor:pointer;user-select:none;box-sizing:border-box;transition:background 0.15s,color 0.15s;}[part~\x3d'button']:hover:not(:disabled){background:var(--x-pagination-button-hover-bg);color:var(--x-pagination-button-hover-color);}[part~\x3d'button'][data-current]{background:var(--x-pagination-current-bg);color:var(--x-pagination-current-color);border:var(--x-pagination-current-border);font-weight:600;cursor:default;}[part~\x3d'button']:disabled{opacity:var(--x-pagination-disabled-opacity);cursor:not-allowed;}[part~\x3d'ellipsis']{display:inline-flex;align-items:center;justify-content:center;min-width:var(--x-pagination-button-size);height:var(--x-pagination-button-size);color:var(--x-pagination-ellipsis-color);font-size:var(--x-pagination-font-size);user-select:none;}@media (prefers-reduced-motion:reduce){[part~\x3d'button']{transition:none !important;}}";
|
|
5
|
+
d.setAttribute("part","nav");e.setAttribute("part","list");e.appendChild(KB.g(g));e.appendChild(KB.g(h));d.appendChild(e);b.appendChild(c);b.appendChild(d);b=new $APP.Q(null,6,[$APP.Sh,d,$APP.Qh,e,MB,KB.g(g),$APP.Ei,LB.g(g),NB,KB.g(h),$APP.Zg,LB.g(h)],null);a.__xPaginationRefs=b;return $APP.l(a,"__xPaginationRefs")},PB=function(a,b,c){var d=document.createElement("li"),e=document.createElement("button");d.setAttribute("part","item item-page");d.setAttribute("data-page",""+$APP.S.g(a));e.setAttribute("part",
|
|
6
|
+
"button button-page");e.setAttribute("aria-label","Page "+$APP.S.g(a));e.setAttribute("data-page",""+$APP.S.g(a));$APP.n(b)&&(e.setAttribute("aria-current","page"),e.setAttribute("data-current",""));$APP.n(c)&&e.setAttribute("disabled","");e.textContent=""+$APP.S.g(a);d.appendChild(e);return d},QB=function(){var a=document.createElement("li"),b=document.createElement("span");a.setAttribute("part","item item-ellipsis");b.setAttribute("part","ellipsis");b.setAttribute("aria-hidden","true");b.textContent=
|
|
7
|
+
"…";a.appendChild(b);return a},$B=function(a){a=new $APP.Q(null,7,[RB,a.getAttribute("page"),SB,a.getAttribute("total-pages"),TB,a.getAttribute("sibling-count"),UB,a.getAttribute("boundary-count"),$APP.lj,a.getAttribute("size"),$APP.aj,a.hasAttribute("disabled"),$APP.Dh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.H(b,RB),d=$APP.H(b,SB),e=$APP.H(b,TB),g=$APP.H(b,UB),h=$APP.H(b,$APP.lj);a=$APP.H(b,$APP.aj);b=$APP.H(b,$APP.Dh);d=JB(d);c=$APP.Ag.h(1,$APP.Bg.h(JB(c),d));if(typeof e==="string"){e=
|
|
8
|
+
parseInt(e,10);var k=isFinite(e);e=$APP.n($APP.n(k)?e>=0:k)?e:1}else e=1;typeof g==="string"?(g=parseInt(g,10),k=isFinite(g),k=$APP.n($APP.n(k)?g>=0:k)?g:1):k=1;g=e;e=k;h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.K(VB,h)?h:"md";return new $APP.Q(null,7,[WB,c,XB,d,YB,g,ZB,e,$APP.Qg,h,$APP.Fj,$APP.J(a),$APP.W,$APP.n(b)?b:"Pagination"],null)},cC=function(a){var b=OB(a),c=$APP.Qh.g(b),d=$APP.Sh.g(b),e=$APP.Ei.g(b),g=$APP.Zg.g(b),h=MB.g(b);b=NB.g(b);var k=$B(a),m=$APP.N(k),p=$APP.H(m,WB),
|
|
9
|
+
r=$APP.H(m,XB),v=$APP.H(m,YB),x=$APP.H(m,ZB),y=$APP.H(m,$APP.Qg);m=$APP.H(m,$APP.W);a:if(r<=0)r=$APP.Nd;else{var A=$APP.Bg.h(x,r);x=$APP.Ag.h(r-x- -1,1);var D=$APP.Ag.h(1,p-v);v=$APP.Bg.h(r,p+v);r=$APP.Ee.h($APP.Ee.h($APP.Ee.h(IB(),$APP.Pf(1,A+1)),$APP.Pf(x,r+1)),$APP.Pf(D,v+1));r=$APP.fe(r);D=$APP.Nd;for(v=0;;){if(v>=$APP.B(r)){r=D;break a}A=$APP.dc(r,v);var G=x=v>0?$APP.dc(r,v-1):null;x=$APP.n($APP.n(G)?A>x+1:G)?$APP.kf.h(D,new $APP.Q(null,1,[$APP.Z,aC],null)):D;A=$APP.kf.h(x,new $APP.Q(null,2,
|
|
10
|
+
[$APP.Z,WB,bC,A],null));v+=1;D=A}r=void 0}d.setAttribute("aria-label",m);a.setAttribute("data-size",y);d=$APP.N(k);a=$APP.H(d,WB);d=$APP.H(d,$APP.Fj);$APP.n($APP.n(d)?d:a<=1)?e.setAttribute("disabled",""):e.removeAttribute("disabled");d=$APP.N(k);e=$APP.H(d,WB);a=$APP.H(d,XB);d=$APP.H(d,$APP.Fj);$APP.n($APP.n(d)?d:e>=a)?g.setAttribute("disabled",""):g.removeAttribute("disabled");c.innerHTML="";c.appendChild(h);g=$APP.u(r);h=null;for(a=e=0;;)if(a<e)d=h.H(null,a),$APP.C.h(aC,$APP.Z.g(d))?c.appendChild(QB()):
|
|
11
|
+
c.appendChild(PB(bC.g(d),$APP.C.h(bC.g(d),p),$APP.Fj.g(k))),a+=1;else if(g=$APP.u(g))h=g,$APP.Ac(h)?(g=$APP.ob(h),a=$APP.pb(h),h=g,e=$APP.B(g),g=a):(g=$APP.w(h),$APP.C.h(aC,$APP.Z.g(g))?c.appendChild(QB()):c.appendChild(PB(bC.g(g),$APP.C.h(bC.g(g),p),$APP.Fj.g(k))),g=$APP.z(h),h=null,e=0),a=0;else break;c.appendChild(b)},dC=function(a,b){return a.dispatchEvent(new CustomEvent("page-change",{detail:{page:b},bubbles:!0,composed:!0,cancelable:!1}))},eC=function(a,b){a:{b=b.composedPath();for(var c=b.length,
|
|
12
|
+
d=0;;)if(d<c){var e=b[d];if($APP.C.h("BUTTON",$APP.n(e)?e.tagName:null)){b=e;break a}d+=1}else{b=null;break a}b=void 0}if($APP.n($APP.n(b)?$APP.q(b.hasAttribute("disabled")):b)){d=$APP.l(a,"__xPaginationRefs");c=$APP.Ei.g(d);d=$APP.Zg.g(d);e=b.getAttribute("data-page");if(b===c)return c=$B(a),b=WB.g(c),b>1?dC(a,b-1):null;if(b===d)return c=$B(a),b=WB.g(c),c=XB.g(c),b<c?dC(a,b+1):null;if(e!=null)return b=parseInt(e,10),$APP.n(isFinite(b))?dC(a,b):null}return null},fC=function(a){function b(d){return eC(a,
|
|
13
|
+
d)}var c=OB(a);$APP.Qh.g(c).addEventListener("click",b);$APP.ma(a,"__xPaginationHandlers",{click:b})},gC=function(a){var b=$APP.l(a,"__xPaginationHandlers");if($APP.n(b)){var c=$APP.l(a,"__xPaginationRefs");$APP.n(c)&&(c=$APP.Qh.g(c),b=$APP.l(b,"click"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("click",b))}a.__xPaginationHandlers=null},hC=function(a){Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",
|
|
14
|
+
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},iC=function(a,b,c){Object.defineProperty(a,b,{get:function(){return JB(this.getAttribute(c))},set:function(d){return d!=null?this.setAttribute(c,""+$APP.S.g(d)):this.removeAttribute(c)},enumerable:!0,configurable:!0})},jC=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=this.getAttribute(c);return $APP.n(e)?e:d},set:function(e){return e!=null?this.setAttribute(c,""+$APP.S.g(e)):this.removeAttribute(c)},enumerable:!0,
|
|
15
|
+
configurable:!0})},kC=function(a){iC(a,"page","page");iC(a,"total-pages","total-pages");iC(a,"sibling-count","sibling-count");iC(a,"boundary-count","boundary-count");jC(a,"size","size","md");hC(a);jC(a,"label","label","Pagination")},mC=function(){var a=class extends HTMLElement{};a.observedAttributes=lC;a.prototype.connectedCallback=function(){OB(this);gC(this);fC(this);cC(this);return null};a.prototype.disconnectedCallback=function(){gC(this);return null};a.prototype.attributeChangedCallback=function(b,
|
|
16
|
+
c,d){$APP.O(c,d)&&cC(this);return null};kC(a.prototype);return a},nC=function(){$APP.n(customElements.get("x-pagination"))||customElements.define("x-pagination",mC());return null},SB=new $APP.M(null,"total-pages-raw","total-pages-raw",430880208),MB=new $APP.M(null,"prev-li","prev-li",940258334),ZB=new $APP.M(null,"boundary-count","boundary-count",1637925987),RB=new $APP.M(null,"page-raw","page-raw",-1198808870),KB=new $APP.M(null,"li","li",723558921),aC=new $APP.M(null,"ellipsis","ellipsis",998505738),
|
|
17
|
+
bC=new $APP.M(null,"n","n",562130025),UB=new $APP.M(null,"boundary-count-raw","boundary-count-raw",410083250),XB=new $APP.M(null,"total-pages","total-pages",685894112),WB=new $APP.M(null,"page","page",849072397),NB=new $APP.M(null,"next-li","next-li",648524823),TB=new $APP.M(null,"sibling-count-raw","sibling-count-raw",-620117200),LB=new $APP.M(null,"btn","btn",1978294651),YB=new $APP.M(null,"sibling-count","sibling-count",1756034573);var lC="page total-pages sibling-count boundary-count size disabled label".split(" "),VB=new $APP.R(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null);$APP.ja("baredom.exports.x_pagination.init",nC);export const init=nC;
|
package/dist/x-popover.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a=$APP.
|
|
4
|
-
"popover-heading"):k.removeAttribute("aria-labelledby");m.textContent=h;b.setAttribute("aria-label",c);
|
|
5
|
-
$APP.
|
|
6
|
-
a.isConnected;return $APP.n($APP.n(e)?a.hasAttribute("open"):e)?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null},0)}return null},
|
|
7
|
-
(b=b.relatedTarget,b==null||$APP.
|
|
8
|
-
0)):null}}},
|
|
9
|
-
get:function(){return this.hasAttribute(c)},set:function(d){return
|
|
10
|
-
|
|
11
|
-
v=
|
|
12
|
-
e.setAttribute("part","trigger");g.setAttribute("name","trigger");h.setAttribute("part","panel");h.setAttribute("role","dialog");h.setAttribute("inert","");h.setAttribute("data-placement","bottom-start");k.setAttribute("part","arrow");k.setAttribute("aria-hidden","true");m.setAttribute("part","header");
|
|
13
|
-
v.setAttribute("part","body");
|
|
14
|
-
$APP.n(c)&&(d=$APP.l(this,"__xPopoverHandlers"),$APP.n(d)&&(e=$APP.l(c,"closeBtn"),g=$APP.l(c,"footerSlot"),$APP.l(c,"trigger").addEventListener("click",$APP.l(d,"triggerClick")),e.addEventListener("click",$APP.l(d,"closeBtnClick")),this.addEventListener("focusout",$APP.l(d,"hostFocusout")),g.addEventListener("slotchange",$APP.l(d,"footerSlotchange"))));$APP.n(this.hasAttribute("open"))&&
|
|
15
|
-
function(c){$APP.n($APP.l(this,"__xPopoverRefs"))?(
|
|
16
|
-
-154717274),
|
|
2
|
+
var no=function(a){return document.createElement(a)},oo=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},vo=function(a){var b=$APP.l(a,"__xPopoverRefs");if($APP.n(b)){a=new $APP.Q(null,6,[$APP.Xh,a.hasAttribute("open"),$APP.aj,a.hasAttribute("disabled"),po,a.hasAttribute("no-close"),qo,a.getAttribute("heading"),$APP.Ak,a.getAttribute("placement"),ro,a.getAttribute("close-label")],null);var c=$APP.N(a),d=$APP.H(c,$APP.Xh),e=$APP.H(c,$APP.aj),g=$APP.H(c,po),h=$APP.H(c,qo);
|
|
3
|
+
a=$APP.H(c,$APP.Ak);c=$APP.H(c,ro);d=$APP.J(d);e=$APP.J(e);g=$APP.J(g);h=$APP.n(h)?h:"";c=$APP.n(c)?c:"Close";a=$APP.K(so,a)?a:"bottom-start";e=$APP.N(new $APP.Q(null,6,[$APP.fk,d,$APP.V,e,to,g,$APP.Ci,h,uo,c,$APP.Hj,a],null));d=$APP.H(e,$APP.fk);a=$APP.H(e,to);h=$APP.H(e,$APP.Ci);c=$APP.H(e,uo);g=$APP.H(e,$APP.Hj);var k=$APP.l(b,"panel");e=$APP.l(b,"header");var m=$APP.l(b,"heading");b=$APP.l(b,"closeBtn");k.setAttribute("data-placement",g);oo(k,"inert",$APP.q(d));$APP.O(h,"")?k.setAttribute("aria-labelledby",
|
|
4
|
+
"popover-heading"):k.removeAttribute("aria-labelledby");m.textContent=h;b.setAttribute("aria-label",c);oo(b,"hidden",a);b=$APP.C.h(h,"");return oo(e,"hidden",b?a:b)}return null},wo=function(a,b){b=new CustomEvent("x-popover-toggle",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.q(b.defaultPrevented)},xo=function(a,b){return a.dispatchEvent(new CustomEvent("x-popover-change",{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},yo=function(a,b){return $APP.q(a.hasAttribute("disabled"))&&
|
|
5
|
+
$APP.q(a.hasAttribute("open"))&&wo(a,{open:!0,source:b})?(a.setAttribute("open",""),xo(a,{open:!0})):null},zo=function(a,b){var c=$APP.q(a.hasAttribute("disabled"));return $APP.n(c?a.hasAttribute("open"):c)&&wo(a,{open:!1,source:b})?(a.removeAttribute("open"),xo(a,{open:!1})):null},Ao=function(a,b){return $APP.n(a.hasAttribute("open"))?zo(a,b):yo(a,b)},Bo=function(a){var b=$APP.l(a,"__xPopoverHandlers");if($APP.n(b)){var c=$APP.l(b,"docClick"),d=$APP.l(b,"docKeydown");return setTimeout(function(){var e=
|
|
6
|
+
a.isConnected;return $APP.n($APP.n(e)?a.hasAttribute("open"):e)?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null},0)}return null},Co=function(a){a=$APP.l(a,"__xPopoverHandlers");if($APP.n(a)){var b=$APP.l(a,"docKeydown");document.removeEventListener("click",$APP.l(a,"docClick"));return document.removeEventListener("keydown",b)}return null},Do=function(a){return{triggerClick:function(){return Ao(a,"pointer")},closeBtnClick:function(){return zo(a,"close-button")},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?
|
|
7
|
+
(b=b.relatedTarget,b==null||$APP.q(a.contains(b))?zo(a,"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.jc(b.composedPath()),b=$APP.Dd(function(c){return c===a},b),$APP.n(b)?null:zo(a,"outside-click")):null},docKeydown:function(b){b=$APP.C.h(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?zo(a,"escape"):null},footerSlotchange:function(){var b=$APP.l(a,"__xPopoverRefs");return $APP.n(b)?oo($APP.l(b,"footer"),"hidden",!($APP.l(b,"footerSlot").assignedNodes().length>
|
|
8
|
+
0)):null}}},Eo=function(a){var b=$APP.l(a,"__xPopoverRefs");if($APP.n(b)){var c=$APP.l(a,"__xPopoverHandlers");if($APP.n(c)){var d=$APP.l(b,"closeBtn"),e=$APP.l(b,"footerSlot");$APP.l(b,"trigger").removeEventListener("click",$APP.l(c,"triggerClick"));d.removeEventListener("click",$APP.l(c,"closeBtnClick"));a.removeEventListener("focusout",$APP.l(c,"hostFocusout"));e.removeEventListener("slotchange",$APP.l(c,"footerSlotchange"))}}},Fo=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,
|
|
9
|
+
get:function(){return this.hasAttribute(c)},set:function(d){return oo(this,c,$APP.J(d))}})},Go=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){d!=null&&$APP.O(d)?(d=""+$APP.S.g(d),d=this.setAttribute(c,d)):d=this.removeAttribute(c);return d}})},Io=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return Ho}});Fo(b,"open","open");
|
|
10
|
+
Fo(b,"disabled","disabled");Fo(b,"noClose","no-close");Go(b,"placement","placement");Go(b,"heading","heading");Go(b,"closeLabel","close-label");b.show=function(){return yo(this,"programmatic")};b.hide=function(){return zo(this,"programmatic")};b.toggle=function(){return Ao(this,"programmatic")};b.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xPopoverRefs"))){var c=this.attachShadow({mode:"open"}),d=no("style"),e=no("span"),g=no("slot"),h=no("div"),k=no("div"),m=no("div"),p=no("span"),r=no("button"),
|
|
11
|
+
v=no("div"),x=no("slot"),y=no("div"),A=no("slot");d.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-popover-panel-bg:#ffffff;--x-popover-panel-border:1px solid #e2e8f0;--x-popover-panel-radius:8px;--x-popover-panel-shadow:0 4px 16px rgba(0,0,0,0.12);--x-popover-panel-min-width:12rem;--x-popover-panel-max-width:24rem;--x-popover-panel-max-height:24rem;--x-popover-panel-offset:4px;--x-popover-panel-z:1000;--x-popover-header-padding:0.625rem 0.75rem 0.625rem 0.875rem;--x-popover-header-border:1px solid #e2e8f0;--x-popover-heading-color:#0f172a;--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:#f1f5f9;--x-popover-close-color:#64748b;--x-popover-close-color-hover:#0f172a;--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:#60a5fa;--x-popover-body-padding:0.875rem;--x-popover-body-color:#334155;--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid #e2e8f0;--x-popover-arrow-size:8px;--x-popover-arrow-bg:#ffffff;--x-popover-arrow-border:#e2e8f0;--x-popover-transition-duration:150ms;--x-popover-transition-easing:ease;}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:#1e293b;--x-popover-panel-border:1px solid #334155;--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid #334155;--x-popover-heading-color:#e2e8f0;--x-popover-close-bg-hover:#334155;--x-popover-close-color:#94a3b8;--x-popover-close-color-hover:#e2e8f0;--x-popover-focus-ring:#93c5fd;--x-popover-body-color:#cbd5e1;--x-popover-footer-border:1px solid #334155;--x-popover-arrow-bg:#1e293b;--x-popover-arrow-border:#334155;}}[part\x3dtrigger]{display:inline-block;}[part\x3dpanel]{position:absolute;z-index:var(--x-popover-panel-z);box-sizing:border-box;background:var(--x-popover-panel-bg);border:var(--x-popover-panel-border);border-radius:var(--x-popover-panel-radius);box-shadow:var(--x-popover-panel-shadow);min-width:var(--x-popover-panel-min-width);max-width:var(--x-popover-panel-max-width);max-height:var(--x-popover-panel-max-height);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96) translateY(-4px);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing),visibility 0s var(--x-popover-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1) translateY(0);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));right:0;transform-origin:bottom right;}[part\x3darrow]{position:absolute;width:var(--x-popover-arrow-size);height:var(--x-popover-arrow-size);background:var(--x-popover-arrow-bg);transform:rotate(45deg);pointer-events:none;}[part\x3dpanel][data-placement\x3dbottom-start] [part\x3darrow],[part\x3dpanel][data-placement\x3dbottom-end] [part\x3darrow]{top:calc(var(--x-popover-arrow-size) / -2 - 1px);border-left:1px solid var(--x-popover-arrow-border);border-top:1px solid var(--x-popover-arrow-border);}[part\x3dpanel][data-placement\x3dbottom-start] [part\x3darrow]{left:1rem;}[part\x3dpanel][data-placement\x3dbottom-end] [part\x3darrow]{right:1rem;}[part\x3dpanel][data-placement\x3dtop-start] [part\x3darrow],[part\x3dpanel][data-placement\x3dtop-end] [part\x3darrow]{bottom:calc(var(--x-popover-arrow-size) / -2 - 1px);border-right:1px solid var(--x-popover-arrow-border);border-bottom:1px solid var(--x-popover-arrow-border);}[part\x3dpanel][data-placement\x3dtop-start] [part\x3darrow]{left:1rem;}[part\x3dpanel][data-placement\x3dtop-end] [part\x3darrow]{right:1rem;}[part\x3dheader]{display:flex;align-items:center;justify-content:space-between;padding:var(--x-popover-header-padding);border-bottom:var(--x-popover-header-border);gap:0.5rem;}[part\x3dheading]{flex:1;font-size:var(--x-popover-heading-font-size);font-weight:var(--x-popover-heading-font-weight);color:var(--x-popover-heading-color);font-family:inherit;}[part\x3dclose-button]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-popover-close-size);height:var(--x-popover-close-size);background:var(--x-popover-close-bg);color:var(--x-popover-close-color);border-radius:var(--x-popover-close-radius);cursor:pointer;flex-shrink:0;transition:background 100ms ease,color 100ms ease;}[part\x3dclose-button]:hover{background:var(--x-popover-close-bg-hover);color:var(--x-popover-close-color-hover);}[part\x3dclose-button]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-popover-focus-ring);}[part\x3dclose-button][hidden]{display:none;}[part\x3dheader][hidden]{display:none;}[part\x3dbody]{padding:var(--x-popover-body-padding);color:var(--x-popover-body-color);font-size:var(--x-popover-body-font-size);font-family:inherit;}[part\x3dfooter]{padding:var(--x-popover-footer-padding);border-top:var(--x-popover-footer-border);}[part\x3dfooter][hidden]{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dclose-button]{transition:none !important;}}";
|
|
12
|
+
e.setAttribute("part","trigger");g.setAttribute("name","trigger");h.setAttribute("part","panel");h.setAttribute("role","dialog");h.setAttribute("inert","");h.setAttribute("data-placement","bottom-start");k.setAttribute("part","arrow");k.setAttribute("aria-hidden","true");m.setAttribute("part","header");p.setAttribute("part","heading");p.setAttribute("id","popover-heading");r.setAttribute("part","close-button");r.setAttribute("type","button");r.setAttribute("aria-label","Close");r.innerHTML='\x3csvg width\x3d"14" height\x3d"14" viewBox\x3d"0 0 14 14" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M1 1L13 13M13 1L1 13" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round"/\x3e\x3c/svg\x3e';
|
|
13
|
+
v.setAttribute("part","body");y.setAttribute("part","footer");y.setAttribute("hidden","");A.setAttribute("name","footer");e.appendChild(g);m.appendChild(p);m.appendChild(r);v.appendChild(x);y.appendChild(A);h.appendChild(k);h.appendChild(m);h.appendChild(v);h.appendChild(y);c.appendChild(d);c.appendChild(e);c.appendChild(h);this.__xPopoverRefs={trigger:e,panel:h,header:m,heading:p,closeBtn:r,body:v,footer:y,footerSlot:A}}Eo(this);Co(this);this.__xPopoverHandlers=Do(this);c=$APP.l(this,"__xPopoverRefs");
|
|
14
|
+
$APP.n(c)&&(d=$APP.l(this,"__xPopoverHandlers"),$APP.n(d)&&(e=$APP.l(c,"closeBtn"),g=$APP.l(c,"footerSlot"),$APP.l(c,"trigger").addEventListener("click",$APP.l(d,"triggerClick")),e.addEventListener("click",$APP.l(d,"closeBtnClick")),this.addEventListener("focusout",$APP.l(d,"hostFocusout")),g.addEventListener("slotchange",$APP.l(d,"footerSlotchange"))));$APP.n(this.hasAttribute("open"))&&Bo(this);return vo(this)};b.disconnectedCallback=function(){Eo(this);return Co(this)};b.attributeChangedCallback=
|
|
15
|
+
function(c){$APP.n($APP.l(this,"__xPopoverRefs"))?(vo(this),c=$APP.C.h(c,"open")?$APP.n(this.hasAttribute("open"))?Bo(this):Co(this):null):c=null;return c};return a},Jo=function(){return $APP.n(customElements.get("x-popover"))?null:customElements.define("x-popover",Io())},uo=new $APP.M(null,"close-label","close-label",-1088385889),to=new $APP.M(null,"no-close?","no-close?",1842227643),ro=new $APP.M(null,"close-label-raw","close-label-raw",798572883),po=new $APP.M(null,"no-close-present?","no-close-present?",
|
|
16
|
+
-154717274),qo=new $APP.M(null,"heading-raw","heading-raw",116296555);var so=new $APP.R(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Ho="open placement heading close-label no-close disabled".split(" ");$APP.zd(["x-popover-toggle",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,2,[$APP.zj,$APP.Yj,$APP.oi,$APP.X],null)],null),"x-popover-change",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[$APP.zj,$APP.Yj],null)],null)]);$APP.ja("baredom.exports.x_popover.init",Jo);export const init=Jo;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c=$APP.
|
|
4
|
-
h=$APP.
|
|
5
|
-
""+$APP.
|
|
6
|
-
m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");A&&$APP.
|
|
7
|
-
this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.
|
|
8
|
-
this.setAttribute("show-value",""):this.removeAttribute("show-value")},enumerable:!0,configurable:!0})},
|
|
9
|
-
h=document.createElementNS("http://www.w3.org/2000/svg","circle"),k=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:#3b82f6;--x-progress-circle-stroke-width:2.8;--x-progress-circle-value-color:rgba(0,0,0,0.50);--x-progress-circle-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:#22c55e;}[part\x3dbase][data-variant\x3d'warning']{--x-progress-circle-fill-color:#f59e0b;}[part\x3dbase][data-variant\x3d'danger']{--x-progress-circle-fill-color:#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;}}";
|
|
2
|
+
var KJ=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},NJ=function(a){var b=new $APP.Q(null,7,[$APP.si,a.getAttribute("value"),$APP.Ih,a.getAttribute("max"),$APP.th,a.getAttribute("variant"),$APP.Qg,a.getAttribute("size"),$APP.W,a.getAttribute("label"),$APP.rk,a.hasAttribute("show-value"),$APP.Jj,a.hasAttribute("indeterminate")],null);var c=$APP.N(b),d=$APP.H(c,$APP.Ih),e=$APP.H(c,$APP.si),g=$APP.H(c,$APP.th),h=$APP.H(c,$APP.Qg);b=$APP.H(c,$APP.W);var k=$APP.H(c,
|
|
3
|
+
$APP.rk);c=$APP.H(c,$APP.Jj);d=KJ(d,100);d=d>0?d:100;e=$APP.Bg.h($APP.Ag.h(KJ(e,0),0),d);g=typeof g==="string"&&$APP.K(LJ,g)?g:"default";h=typeof h==="string"&&$APP.K(MJ,h)?h:"md";c=$APP.J(c);k=$APP.J(k);var m=c?50:$APP.Bg.h($APP.Ag.h(e/d*100,0),100);b=$APP.gf([$APP.th,$APP.rk,$APP.si,$APP.Qg,$APP.Jj,$APP.nk,$APP.Ih,$APP.W,$APP.Zi],[g,k,e,h,c,c?"Loading…":""+$APP.S.g(Math.round(m))+"%",d,typeof b==="string"&&$APP.O("",b)?b:null,m]);var p=$APP.N(b);b=$APP.H(p,$APP.Zi);k=$APP.H(p,$APP.th);d=$APP.H(p,
|
|
4
|
+
$APP.rk);h=$APP.H(p,$APP.si);c=$APP.H(p,$APP.Qg);e=$APP.H(p,$APP.nk);g=$APP.H(p,$APP.Jj);m=$APP.H(p,$APP.W);p=$APP.H(p,$APP.Ih);var r=$APP.l(a,"__xProgressCircleBase"),v=$APP.l(a,"__xProgressCircleFill"),x=$APP.l(a,"__xProgressCircleValueNode"),y=$APP.l(a,"__xProgressCircleCompleted"),A=$APP.q(g)&&h>=p,D=$APP.n(g)?75:100*(1-b/100);r.setAttribute("data-variant",k);r.setAttribute("data-size",c);r.setAttribute("data-indeterminate",$APP.n(g)?"true":"false");v.setAttribute("stroke-dasharray",""+$APP.S.g(100));
|
|
5
|
+
v.setAttribute("stroke-dashoffset",""+$APP.S.g(D));x.textContent=$APP.n($APP.n(d)?$APP.q(g):d)?""+$APP.S.g(Math.round(b))+"%":"";x.style.display=$APP.n($APP.n(d)?$APP.q(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.S.g(h)),a.setAttribute("aria-valuemax",""+$APP.S.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.q(y)&&a.dispatchEvent(new CustomEvent("x-progress-circle-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCircleCompleted=$APP.J(A)},OJ=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.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
7
|
+
"max",{get:function(){var b=this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.S.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})},QJ=function(){var a=class extends HTMLElement{};a.observedAttributes=PJ;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(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
|
+
"circle"),h=document.createElementNS("http://www.w3.org/2000/svg","circle"),k=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:#3b82f6;--x-progress-circle-stroke-width:2.8;--x-progress-circle-value-color:rgba(0,0,0,0.50);--x-progress-circle-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:#22c55e;}[part\x3dbase][data-variant\x3d'warning']{--x-progress-circle-fill-color:#f59e0b;}[part\x3dbase][data-variant\x3d'danger']{--x-progress-circle-fill-color:#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");k.setAttribute("part","center");m.setAttribute("part","value-text");e.appendChild(g);e.appendChild(h);k.appendChild(m);
|
|
11
|
-
d.appendChild(e);d.appendChild(k);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(k);b.appendChild(c);b.appendChild(d);this.__xProgressCircleBase=d;this.__xProgressCircleFill=h;this.__xProgressCircleValueNode=m;this.__xProgressCircleInit=!0}NJ(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xProgressCircleInit"))&&NJ(this);return null};OJ(a.prototype);return a},RJ=function(){$APP.n(customElements.get("x-progress-circle"))||customElements.define("x-progress-circle",
|
|
12
|
+
QJ());return null};var LJ=new $APP.R(null,new $APP.Q(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),MJ=new $APP.R(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),PJ="value max variant size label show-value indeterminate".split(" ");$APP.zd(["x-progress-circle-complete",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,2,[$APP.si,$APP.U,$APP.Ih,$APP.U],null)],null)]);$APP.ja("baredom.exports.x_progress_circle.init",RJ);export const init=RJ;
|
package/dist/x-progress.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c=$APP.
|
|
4
|
-
h=$APP.
|
|
5
|
-
"40%":""+$APP.
|
|
6
|
-
""+$APP.
|
|
7
|
-
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.
|
|
8
|
-
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.
|
|
9
|
-
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.
|
|
10
|
-
e=document.createElement("div"),g=document.createElement("span"),h=document.createElement("span"),k=document.createElement("div"),m=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:9999px;--x-progress-track-color:rgba(0,0,0,0.10);--x-progress-fill-color:#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:#22c55e;}[part\x3dbase][data-variant\x3d'warning']{--x-progress-fill-color:#f59e0b;}[part\x3dbase][data-variant\x3d'danger']{--x-progress-fill-color:#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: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");k.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(g);e.appendChild(h);k.appendChild(m);d.appendChild(e);d.appendChild(k);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.O(c,d)&&$APP.n($APP.l(this,"__xProgressInit"))&&
|
|
2
|
+
var oR=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},rR=function(a){var b=new $APP.Q(null,7,[$APP.si,a.getAttribute("value"),$APP.Ih,a.getAttribute("max"),$APP.th,a.getAttribute("variant"),$APP.Qg,a.getAttribute("size"),$APP.W,a.getAttribute("label"),$APP.rk,a.hasAttribute("show-value"),$APP.Jj,a.hasAttribute("indeterminate")],null);var c=$APP.N(b),d=$APP.H(c,$APP.Ih),e=$APP.H(c,$APP.si),g=$APP.H(c,$APP.th),h=$APP.H(c,$APP.Qg);b=$APP.H(c,$APP.W);var k=$APP.H(c,
|
|
3
|
+
$APP.rk);c=$APP.H(c,$APP.Jj);d=oR(d,100);d=d>0?d:100;e=$APP.Bg.h($APP.Ag.h(oR(e,0),0),d);g=typeof g==="string"&&$APP.K(pR,g)?g:"default";h=typeof h==="string"&&$APP.K(qR,h)?h:"md";c=$APP.J(c);k=$APP.J(k);var m=c?50:$APP.Bg.h($APP.Ag.h(e/d*100,0),100);b=$APP.gf([$APP.th,$APP.rk,$APP.si,$APP.Qg,$APP.Jj,$APP.nk,$APP.Ih,$APP.W,$APP.Zi],[g,k,e,h,c,c?"Loading…":""+$APP.S.g(Math.round(m))+"%",d,typeof b==="string"&&$APP.O("",b)?b:null,m]);var p=$APP.N(b);b=$APP.H(p,$APP.Zi);k=$APP.H(p,$APP.th);d=$APP.H(p,
|
|
4
|
+
$APP.rk);h=$APP.H(p,$APP.si);c=$APP.H(p,$APP.Qg);e=$APP.H(p,$APP.nk);g=$APP.H(p,$APP.Jj);m=$APP.H(p,$APP.W);p=$APP.H(p,$APP.Ih);var r=$APP.l(a,"__xProgressBase"),v=$APP.l(a,"__xProgressHeader"),x=$APP.l(a,"__xProgressFill"),y=$APP.l(a,"__xProgressLabel"),A=$APP.l(a,"__xProgressValue");var D=(D=m!=null)?D:d;var G=$APP.l(a,"__xProgressCompleted"),I=$APP.q(g)&&h>=p;r.setAttribute("data-variant",k);r.setAttribute("data-size",c);r.setAttribute("data-indeterminate",$APP.n(g)?"true":"false");x.style.width=
|
|
5
|
+
$APP.n(g)?"40%":""+$APP.S.g(b.toFixed(2))+"%";v.style.display=$APP.n(D)?"flex":"none";y.textContent=$APP.n(m)?m:"";y.style.display=m!=null?"":"none";A.textContent=$APP.n($APP.n(d)?$APP.q(g):d)?""+$APP.S.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.S.g(h)),
|
|
6
|
+
a.setAttribute("aria-valuemax",""+$APP.S.g(p)),a.setAttribute("aria-valuetext",e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");I&&$APP.q(G)&&a.dispatchEvent(new CustomEvent("x-progress-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCompleted=$APP.J(I)},sR=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
|
+
""+$APP.S.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.S.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
|
+
"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.S.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.S.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.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},uR=function(){var a=class extends HTMLElement{};a.observedAttributes=tR;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xProgressInit"))){var b=this.attachShadow({mode:"open"}),
|
|
10
|
+
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("span"),h=document.createElement("span"),k=document.createElement("div"),m=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:9999px;--x-progress-track-color:rgba(0,0,0,0.10);--x-progress-fill-color:#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:#22c55e;}[part\x3dbase][data-variant\x3d'warning']{--x-progress-fill-color:#f59e0b;}[part\x3dbase][data-variant\x3d'danger']{--x-progress-fill-color:#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: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");k.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(g);e.appendChild(h);k.appendChild(m);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);this.__xProgressBase=d;this.__xProgressHeader=e;this.__xProgressFill=m;this.__xProgressLabel=g;this.__xProgressValue=h;this.__xProgressInit=!0}rR(this);return null};a.prototype.disconnectedCallback=
|
|
12
|
+
function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xProgressInit"))&&rR(this);return null};sR(a.prototype);return a},vR=function(){$APP.n(customElements.get("x-progress"))||customElements.define("x-progress",uR());return null};var pR=new $APP.R(null,new $APP.Q(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),qR=new $APP.R(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),tR="value max variant size label show-value indeterminate".split(" ");$APP.zd(["x-progress-complete",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,2,[$APP.si,$APP.U,$APP.Ih,$APP.U],null)],null)]);$APP.ja("baredom.exports.x_progress.init",vR);export const init=vR;
|
package/dist/x-radio.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
e=$APP.
|
|
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.l(a,"control").focus():null},
|
|
9
|
-
$APP.l(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.l(a,"__xRadioHandlers");if($APP.n(c)){b=$APP.l(b,"control");a.removeEventListener("click",$APP.l(c,"click"));b.removeEventListener("keydown",$APP.l(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.O(d)
|
|
2
|
+
var $o=function(a,b,c){return a.setAttribute(b,c)},ap=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},bp=function(a){a=$APP.gf([$APP.Ai,$APP.aj,$APP.Tg,$APP.jh,$APP.bj,$APP.Cj,$APP.Rj,$APP.Nj,$APP.oj],[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.N(a);a=
|
|
3
|
+
$APP.H(b,$APP.Nj);var c=$APP.H(b,$APP.oj),d=$APP.H(b,$APP.Ai),e=$APP.H(b,$APP.aj),g=$APP.H(b,$APP.Tg),h=$APP.H(b,$APP.jh),k=$APP.H(b,$APP.bj),m=$APP.H(b,$APP.Cj);b=$APP.H(b,$APP.Rj);k=$APP.J(k);g=$APP.J(g);return $APP.gf([$APP.zh,$APP.uh,$APP.uk,$APP.tj,$APP.$g,$APP.mj,$APP.si,$APP.ek,$APP.ok,$APP.cj,$APP.V],[g,k?"true":"false",$APP.J(m),k,$APP.n(g)?k:!0,d,b!=null?b:"on",h,c,a,$APP.J(e)])},cp=function(a){var b=$APP.l(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.l(b,"control");b=bp(a);var d=$APP.V.g(b),
|
|
4
|
+
e=$APP.tj.g(b);$o(c,"aria-checked",$APP.uh.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");$o(c,"aria-required",$APP.n($APP.zh.g(b))?"true":"false");$o(c,"aria-readonly",$APP.n($APP.uk.g(b))?"true":"false");var g=$APP.cj.g(b);$APP.n(g)?c.setAttribute("aria-label",g):c.removeAttribute("aria-label");g=$APP.ek.g(b);$APP.n(g)?c.setAttribute("aria-labelledby",g):c.removeAttribute("aria-labelledby");g=$APP.ok.g(b);$APP.n(g)?c.setAttribute("aria-describedby",g):c.removeAttribute("aria-describedby");
|
|
5
|
+
$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");ap(a,"data-checked",e);ap(a,"data-disabled",d);a=$APP.l(a,"__xRadioInternals");return $APP.n(a)?a.setFormValue($APP.n(e)?$APP.si.g(b):null):null}return null},dp=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.O(b,""):b)){var d=[];c.querySelectorAll("x-radio").forEach(function(e){return $APP.C.h(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},ep=
|
|
6
|
+
function(a){a=dp(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.l(d,"__xRadioRefs");return $APP.n(e)?(e=$APP.l(e,"control"),d=$APP.n(b)?$APP.C.h(d,b)?0:-1:$APP.C.h(d,c)?0:-1,e.tabIndex=d):null})},fp=function(a,b){b=new CustomEvent("x-radio-change-request",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.q(b.defaultPrevented)},gp=function(a,b){return a.dispatchEvent(new CustomEvent("x-radio-change",
|
|
7
|
+
{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},hp=function(a){var b=bp(a),c=$APP.V.g(b),d=$APP.uk.g(b),e=$APP.tj.g(b);if($APP.n($APP.n(c)?c:$APP.n(d)?d:e))return null;b=$APP.si.g(b);return fp(a,{value:b,previousChecked:!1,nextChecked:!0})?(a.setAttribute("checked",""),cp(a),dp(a).forEach(function(g){var h=$APP.O(g,a);return $APP.n(h?g.hasAttribute("checked"):h)?(g.removeAttribute("checked"),cp(g)):null}),ep(a),gp(a,{value:b,checked:!0})):null},ip=function(a){a=$APP.l(a,"__xRadioRefs");return $APP.n(a)?
|
|
8
|
+
$APP.l(a,"control").focus():null},jp=function(a){return function(b){var c=b.key,d=dp(a),e=d.length,g=d.indexOf(a);if($APP.C.h(c," ")||$APP.C.h(c,"Enter"))return b.preventDefault(),hp(a);if($APP.C.h(c,"ArrowDown")||$APP.C.h(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.Sc(g+1,e)],hp(b),ip(b)}else if($APP.C.h(c,"ArrowUp")||$APP.C.h(c,"ArrowLeft"))if(b.preventDefault(),e>0)return b=d[$APP.Sc(g-1,e)],hp(b),ip(b);return null}},kp=function(a){return function(){return hp(a)}},Ap=function(a){var b=
|
|
9
|
+
$APP.l(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.l(a,"__xRadioHandlers");if($APP.n(c)){b=$APP.l(b,"control");a.removeEventListener("click",$APP.l(c,"click"));b.removeEventListener("keydown",$APP.l(c,"keydown"));a.__xRadioHandlers=null;return}}return null},Bp=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return ap(this,c,$APP.J(d))}})},Cp=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.O(d)?$o(this,c,""+$APP.S.g(d)):this.removeAttribute(c)}})},Ep=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return Dp}});Bp(b,"checked","checked");Bp(b,"disabled","disabled");Bp(b,"readOnly","readonly");Bp(b,"required","required");Cp(b,"name","name");Cp(b,"value","value");b.connectedCallback=function(){if(!$APP.n($APP.l(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:#6b7280;--x-radio-bg:#ffffff;--x-radio-checked-color:#2563eb;--x-radio-dot-size:6px;--x-radio-focus-ring:#60a5fa;--x-radio-disabled-opacity:0.45;--x-radio-transition:background 120ms ease,border-color 120ms ease;}@media (prefers-color-scheme:dark){:host{--x-radio-border-color:#9ca3af;--x-radio-bg:#1f2937;--x-radio-checked-color:#3b82f6;--x-radio-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())}Ap(this);c=$APP.l(this,"__xRadioRefs");$APP.n(c)&&(c=$APP.l(c,"control"),d=kp(this),e=jp(this),g={click:d,keydown:e},this.addEventListener("click",d),c.addEventListener("keydown",e),this.__xRadioHandlers=
|
|
13
|
+
g);cp(this);return ep(this)};b.disconnectedCallback=function(){return Ap(this)};b.attributeChangedCallback=function(){return cp(this)};b.formDisabledCallback=function(c){ap(this,"disabled",$APP.J(c));return cp(this)};b.formResetCallback=function(){this.removeAttribute("checked");return cp(this)};return a},Fp=function(){return $APP.n(customElements.get("x-radio"))?null:customElements.define("x-radio",Ep())};var Dp="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.zd(["x-radio-change-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,3,[$APP.si,$APP.X,$APP.Rg,$APP.Yj,$APP.kj,$APP.Yj],null)],null),"x-radio-change",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,2,[$APP.si,$APP.X,$APP.ik,$APP.Yj],null)],null)]);$APP.ja("baredom.exports.x_radio.init",Fp);export const init=Fp;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var sF=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},tF=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},uF=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},wF=function(a){var b=$APP.l(a,
|
|
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.Q(null,3,[$APP.Yh,b,$APP.xj,d,vF,g],null);a.__xRippleCounter=0;a.__xRippleFrames=[];return $APP.l(a,"__xRippleRefs")},DF=function(a){a=new $APP.Q(null,4,[xF,a.getAttribute("intensity"),yF,a.getAttribute("duration"),zF,a.getAttribute("frequency"),$APP.aj,a.hasAttribute("disabled")],null);var b=$APP.N(a);a=$APP.H(b,xF);var c=$APP.H(b,yF),d=$APP.H(b,zF);b=$APP.H(b,
|
|
5
|
+
$APP.aj);return new $APP.Q(null,4,[AF,sF(a),BF,tF(c),CF,uF(d),$APP.V,$APP.J(b)],null)},HF=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%");e.setAttribute("type","turbulence");
|
|
6
|
+
e.setAttribute("baseFrequency",""+$APP.S.g(c));e.setAttribute("numOctaves","3");e.setAttribute("seed",""+$APP.S.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,[EF,d,FF,e,GF,g],null)},IF=function(a,b){var c=DF(a);if(!$APP.n($APP.V.g(c))){c=
|
|
7
|
+
$APP.N(c);var d=$APP.H(c,AF),e=$APP.H(c,BF),g=$APP.H(c,CF);c=wF(a);c=$APP.N(c);var h=$APP.H(c,$APP.xj),k=$APP.H(c,vF),m=$APP.l(a,"__xRippleCounter");c="xr-"+$APP.S.g(m);a.__xRippleCounter=m+1;m=HF(k,c,g);m=$APP.N(m);var p=$APP.H(m,EF),r=$APP.H(m,FF),v=$APP.H(m,GF),x=b.clientX,y=b.clientY,A=performance.now(),D=$APP.l(a,"__xRippleFrames");b=$APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter="url(#"+$APP.S.g(c)+")";a.dispatchEvent(new CustomEvent("x-ripple-effect-start",
|
|
8
|
+
{detail:{x,y},bubbles:!0,composed:!0}));b?(v.setAttribute("scale",""+$APP.S.g(d/2)),b=requestAnimationFrame(function(){v.setAttribute("scale","0");k.removeChild(p);h.style.filter="";return a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}))})):b=requestAnimationFrame(function I(){var F=performance.now()-A;F=Math.min(1,F/e);var P=1-F;P=1-P*P*P;var la=g*(1-P*.7);v.setAttribute("scale",""+$APP.S.g(d*(1-P)));r.setAttribute("baseFrequency",""+$APP.S.g(la));if(F>=
|
|
9
|
+
1)return k.removeChild(p),k.childNodes.length===0&&(h.style.filter=""),a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}));F=requestAnimationFrame(I);return D.push(F)});D.push(b)}},JF=function(a){function b(c){c.button===0&&IF(a,c);return null}a.addEventListener("pointerdown",b);a.__xRippleHandler=b},KF=function(a){var b=$APP.l(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.l(a,
|
|
10
|
+
"__xRippleRefs");if($APP.n(b)){c=$APP.N(b);b=$APP.H(c,vF);for(c=$APP.H(c,$APP.xj);;)if(d=b.firstChild,$APP.n(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");$APP.n(b)&&(a.removeEventListener("pointerdown",b),a.__xRippleHandler=null)},LF=function(a){Object.defineProperty(a,"intensity",{get:function(){return sF(this.getAttribute("intensity"))},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.S.g(b))},enumerable:!0,
|
|
11
|
+
configurable:!0});Object.defineProperty(a,"duration",{get:function(){return tF(this.getAttribute("duration"))},set:function(b){return b==null?this.removeAttribute("duration"):this.setAttribute("duration",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frequency",{get:function(){return uF(this.getAttribute("frequency"))},set:function(b){return b==null?this.removeAttribute("frequency"):this.setAttribute("frequency",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
12
|
+
"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},NF=function(){var a=class extends HTMLElement{};a.observedAttributes=MF;a.prototype.connectedCallback=function(){wF(this);KF(this);JF(this);return null};a.prototype.disconnectedCallback=function(){KF(this);return null};a.prototype.attributeChangedCallback=function(){return null};LF(a.prototype);return a},
|
|
13
|
+
OF=function(){$APP.n(customElements.get("x-ripple-effect"))||customElements.define("x-ripple-effect",NF());return null},AF=new $APP.M(null,"intensity","intensity",1142770863),xF=new $APP.M(null,"intensity-raw","intensity-raw",135576065),FF=new $APP.M(null,"turb","turb",-804768361),BF=new $APP.M(null,"duration","duration",1444101068),EF=new $APP.M(null,"filter-el","filter-el",-1380571810),zF=new $APP.M(null,"frequency-raw","frequency-raw",-1367383022),yF=new $APP.M(null,"duration-raw","duration-raw",
|
|
14
|
+
-510770508),GF=new $APP.M(null,"disp","disp",-2047544334),CF=new $APP.M(null,"frequency","frequency",-1408891382),vF=new $APP.M(null,"svg","svg",856789142);var MF=["intensity","duration","frequency","disabled"];$APP.zd(["x-ripple-effect-start",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,2,[$APP.Wi,$APP.U,$APP.Ui,$APP.U],null),$APP.Dj,!1],null),"x-ripple-effect-end",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,2,[$APP.Wi,$APP.U,$APP.Ui,$APP.U],null),$APP.Dj,!1],null)]);$APP.ja("baredom.exports.x_ripple_effect.init",OF);export const init=OF;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var cL=function(a){return new $APP.Q(null,1,[$APP.vj,a],null)},dL=function(a){var b=$APP.l(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.Yh,b,$APP.Vi,d,$APP.Si,e,$APP.Wh,g],null);return $APP.l(a,"__xScrollParallaxRefs")},JL=function(a){a=new $APP.Q(null,5,[$APP.ti,a.getAttribute("direction"),eL,a.getAttribute("source"),fL,a.getAttribute("easing"),$APP.Bi,
|
|
4
|
+
$APP.n(a.hasAttribute("disabled"))?"":null,$APP.Dh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.H(b,$APP.ti),d=$APP.H(b,eL),e=$APP.H(b,fL);a=$APP.H(b,$APP.Bi);b=$APP.H(b,$APP.Dh);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.K(gL,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.K(hL,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.K(iL,e)?e:"none";return new $APP.Q(null,5,[$APP.dj,c,$APP.oi,d,oL,e,$APP.V,a!=null,$APP.W,$APP.n(b)?
|
|
5
|
+
b:""],null)},KL=function(a){a=dL(a);a=$APP.N(a);return $APP.H(a,$APP.Si).assignedElements()},ML=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.uj,b,$APP.Hh,c,$APP.Fh,$APP.C.h("fade",a.getAttribute("data-opacity")),LL,$APP.C.h("grow",a.getAttribute("data-scale"))],null)},NL=function(a){var b=
|
|
6
|
+
$APP.l(a,"__xScrollParallaxChildCache");if($APP.n(b))return b;b=KL(a);b=$APP.Ee.m($APP.Nd,$APP.Jd.g(ML),$APP.ic(b));return a.__xScrollParallaxChildCache=b},OL=function(a){a.__xScrollParallaxChildCache=null},PL=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},QL=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},RL=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Mg(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},SL=function(a){var b=function(){var I=$APP.l(a,"__xScrollParallaxModel");return $APP.n(I)?I:JL(a)}();if(!$APP.n($APP.V.g(b))){var c=a.getBoundingClientRect();b=$APP.C.h("vertical",$APP.dj.g(b));var d=window.innerHeight,e=b?d:window.innerWidth,g=$APP.Ag.h(0,$APP.Bg.h(1,(d-c.top)/(d+
|
|
8
|
+
c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=KL(a);for(var h=NL(a),k=PL(a),m=QL(a),p=d.length,r=0;;)if(r<p){if(r<$APP.B(h)){var v=d[r],x=$APP.dc(h,r),y=$APP.N(x),A=$APP.H(y,$APP.uj),D=$APP.H(y,$APP.Hh);x=$APP.H(y,$APP.Fh);y=$APP.H(y,LL);A=(g-.5)*e*(A-1)+D;var G=b?"translateY("+$APP.S.g(A)+"px)":"translateX("+$APP.S.g(A)+"px)";A=$APP.n(y)?function(){var I=m+(1-m)*(1-Math.abs(g-.5)*2);return""+$APP.S.g(G)+" scale("+$APP.S.g(I)+")"}():G;v.style.transform=A;$APP.n(x)&&(v.style.opacity=""+$APP.S.g(g<
|
|
9
|
+
k?g/k:g>1-k?(1-g)/k:1))}r+=1}else break;if(c==null||Math.abs(g-c)>.001)a.__xScrollParallaxLastProg=g,RL(a,"x-scroll-parallax-progress",cL(g))}a.__xScrollParallaxRAF=null},TL=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.ma(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return SL(a)})):
|
|
10
|
+
null},UL=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.q($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},VL=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},WL=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},XL=function(a,b){b=b[0].isIntersecting;
|
|
11
|
+
var c=$APP.N($APP.l(a,"__xScrollParallaxRefs"));c=$APP.H(c,$APP.Wh);a.__xScrollParallaxVisible=b;if($APP.n(b))return UL(a),SL(a),WL(c,"Parallax section entered viewport"),RL(a,"x-scroll-parallax-enter",cL(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}()));VL(a);WL(c,"Parallax section left viewport");return RL(a,"x-scroll-parallax-leave",cL(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}()))},YL=function(a){function b(){return $APP.n($APP.l(a,
|
|
12
|
+
"__xScrollParallaxVisible"))?(OL(a),SL(a)):null}function c(){OL(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?SL(a):null}var d=dL(a);d=$APP.N(d);$APP.H(d,$APP.Si).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ma(a,"__xScrollParallaxHandlers",{scroll:function(){return TL(a)},slot:c,resize:b,scrollAttached:!1})},ZL=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.n(b)){VL(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.Si.g(c);var d=
|
|
13
|
+
$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},$L=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return XL(a,c)},{threshold:[0]});b.observe(a);a.__xScrollParallaxIO=b},aM=function(a){var b=JL(a);if($APP.O($APP.l(a,
|
|
14
|
+
"__xScrollParallaxModel"),b)){var c=$APP.N(b),d=$APP.H(c,$APP.dj);$APP.H(c,oL);b=$APP.H(c,$APP.V);var e=$APP.H(c,$APP.W),g=dL(a);g=$APP.N(g);var h=$APP.H(g,$APP.Vi);$APP.H(g,$APP.Wh);a.setAttribute("data-direction",d);$APP.u(e)?h.setAttribute("aria-label",e):h.removeAttribute("aria-label");a.__xScrollParallaxModel=c;c=$APP.l(a,"__xScrollParallaxVisible");$APP.n($APP.n(c)?$APP.q(b):c)&&SL(a)}},bM=function(a){Object.defineProperty(a,"direction",{get:function(){var b=this.getAttribute("direction");return $APP.n(b)?
|
|
15
|
+
b:"vertical"},set:function(b){return $APP.n(b)?this.setAttribute("direction",""+$APP.S.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.S.g(b)):this.removeAttribute("source")},enumerable:!0,configurable:!0});Object.defineProperty(a,"easing",{get:function(){var b=this.getAttribute("easing");return $APP.n(b)?
|
|
16
|
+
b:"none"},set:function(b){return $APP.n(b)?this.setAttribute("easing",""+$APP.S.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)?
|
|
17
|
+
$APP.O(b,""):b)?this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},dM=function(){var a=class extends HTMLElement{};a.observedAttributes=cM;a.prototype.connectedCallback=function(){dL(this);ZL(this);YL(this);$L(this);aM(this);return null};a.prototype.disconnectedCallback=function(){for(var b=KL(this),
|
|
18
|
+
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.l(this,"__xScrollParallaxVisible"))&&(b=$APP.l(this,"__xScrollParallaxLastProg"),RL(this,"x-scroll-parallax-leave",cL($APP.n(b)?b:0)));ZL(this);b=$APP.l(this,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),this.__xScrollParallaxIO=null);OL(this);this.__xScrollParallaxVisible=!1;return this.__xScrollParallaxLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&aM(this);
|
|
19
|
+
return null};bM(a.prototype);return a},eM=function(){$APP.n(customElements.get("x-scroll-parallax"))||customElements.define("x-scroll-parallax",dM());return null},fL=new $APP.M(null,"easing-raw","easing-raw",440485546),LL=new $APP.M(null,"scale","scale",-230427353),oL=new $APP.M(null,"easing","easing",735372043),eL=new $APP.M(null,"source-raw","source-raw",396083546);var cM=["direction","source","easing","disabled","label"];$APP.zd(["x-scroll-parallax-enter",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,1,[$APP.vj,$APP.U],null),$APP.Dj,!1],null),"x-scroll-parallax-leave",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,1,[$APP.vj,$APP.U],null),$APP.Dj,!1],null),"x-scroll-parallax-progress",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,1,[$APP.vj,$APP.U],null),$APP.Dj,!1],null)]);
|
|
20
|
+
var gL=new $APP.R(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),hL=new $APP.R(null,new $APP.Q(null,1,["document",null],null),null),iL=new $APP.R(null,new $APP.Q(null,2,["none",null,"smooth",null],null),null);$APP.ja("baredom.exports.x_scroll_parallax.init",eM);export const init=eM;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var qv=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:b):b},sv=function(a){return typeof a==="string"&&$APP.K(rv,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},tv=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},uv=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},vv=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
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:100vh;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.Q(null,3,[$APP.Yh,b,$APP.xj,d,$APP.Si,e],null);return $APP.l(a,"__xScrollStackRefs")},Cv=function(a){a=new $APP.Q(null,5,[wv,a.getAttribute("peek"),xv,a.getAttribute("rotation"),yv,a.getAttribute("scroll-distance"),$APP.qi,a.getAttribute("align"),$APP.Bi,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.N(a);a=$APP.H(b,wv);var c=$APP.H(b,xv),
|
|
5
|
+
d=$APP.H(b,yv),e=$APP.H(b,$APP.qi);b=$APP.H(b,$APP.Bi);return new $APP.Q(null,5,[zv,qv(a,6),Av,qv(c,3),Bv,qv(d,150),$APP.hj,sv(e),$APP.V,b!=null],null)},Dv=function(a){a=vv(a);a=$APP.N(a);return $APP.H(a,$APP.Si).assignedElements()},Ev=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Mg(c),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},Fv=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.n(b)?b:Cv(a);var c=Dv(a).length;b=window.innerHeight+c*Bv.g(b);a.style.height=""+$APP.S.g(b)+
|
|
6
|
+
"px"},Lv=function(a){var b=function(){var Wa=$APP.l(a,"__xScrollStackModel");return $APP.n(Wa)?Wa:Cv(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=Dv(a),e=d.length,g=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.n(function(){var Wa=e>0;return Wa?$APP.n(g)?$APP.n(h)?$APP.C.h(g.length,e)&&$APP.C.h(h.length,e):h:g:Wa}())){var k=Bv.g(b),m=zv.g(b),p=Av.g(b),r=$APP.hj.g(b),v=g[0],x=$APP.n(a.hasAttribute("align"))?function(){var Wa=(e-1)*m+h[e-1],
|
|
7
|
+
Wb=$APP.N($APP.l(a,"__xScrollStackRefs"));Wb=$APP.H(Wb,$APP.xj).clientHeight;a:switch(r){case "top":Wa=32;break a;case "bottom":Wa=Wb-Wa-32;break a;default:Wa=(Wb-Wa)/2}return Wa-v}():0;b=uv(c,e,k);for(var y=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),A=function(){var Wa=$APP.l(a,"__xScrollStackStackedCount");return $APP.n(Wa)?Wa:0}(),D=0;;)if(D<e){var G=d[D],I=tv(c,D,k),F=new $APP.Q(null,3,[Gv,D*m,Hv,p*Math.sin(D*2.3),Iv,2*Math.cos(D*3.7)],null),P=g[D];P=v+Gv.g(F)-P;P=I*P+I*x;var la=I*Hv.g(F);
|
|
8
|
+
F=I*Iv.g(F);var Ca=I>0?""+$APP.S.g(D):"";G.style.transform=I===0?"":"translate("+$APP.S.g(F.toFixed(2))+"px,"+$APP.S.g(P.toFixed(2))+"px) rotate("+$APP.S.g(la.toFixed(3))+"deg)";G.style.zIndex=Ca;D+=1}else break;$APP.O(y,A)&&(a.__xScrollStackStackedCount=y,Ev(a,"x-scroll-stack-change",new $APP.Q(null,3,[Jv,y,Kv,e,$APP.vj,b],null)));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)a.__xScrollStackLastProg=b,Ev(a,"x-scroll-stack-progress",new $APP.Q(null,3,[$APP.vj,b,Jv,y,Kv,e],null))}a.__xScrollStackRAF=
|
|
9
|
+
null},Mv=function(a){a=$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.V.g(a):a},Nv=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.n(b)?$APP.q(Mv(a)):b):b}())?$APP.n($APP.l(a,"__xScrollStackRAF"))?null:$APP.ma(a,"__xScrollStackRAF",requestAnimationFrame(function(){return Lv(a)})):null},Ov=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.q($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",
|
|
10
|
+
$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},Pv=function(a){a=$APP.l(a,"__xScrollStackHandlers");if($APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1;else return null},Qv=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);return $APP.ma(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){a.__xScrollStackCacheRAF=null;if($APP.n(a.isConnected)){var c=
|
|
11
|
+
Dv(a),d=c.length;if(d>0){var e=$APP.N($APP.l(a,"__xScrollStackRefs")),g=$APP.H(e,$APP.xj);e=Array(d);for(var h=Array(d),k=0;;)if(k<d){var m=c[k];m.style.transform="";m.style.zIndex="";k+=1}else break;g.offsetHeight;g=g.getBoundingClientRect();for(k=0;;)if(k<d)m=c[k].getBoundingClientRect(),e[k]=m.top-g.top,h[k]=m.height,k+=1;else break;a.__xScrollStackNaturalOffsets=e;a.__xScrollStackChildHeights=h}return Lv(a)}return null}))},Rv=function(a){var b=$APP.l(a,"__xScrollStackIO");$APP.n(b)&&b.disconnect();
|
|
12
|
+
b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.n(c)?$APP.n(Mv(a))?c=null:(Ov(a),c=Qv(a)):c=Pv(a);return c},{threshold:[0]});b.observe(a);a.__xScrollStackIO=b},Sv=function(a){a=Dv(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},Tv=function(a){function b(){Fv(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?Qv(a):null}function c(){Fv(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?Qv(a):null}var d=
|
|
13
|
+
vv(a);d=$APP.N(d);$APP.H(d,$APP.Si).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ma(a,"__xScrollStackHandlers",{scroll:function(){return Nv(a)},slot:c,resize:b,scrollAttached:!1})},Uv=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.n(b)){Pv(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.Si.g(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,
|
|
14
|
+
"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackRAF=null);b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},Vv=function(a){var b=Cv(a);if($APP.O($APP.l(a,"__xScrollStackModel"),b)){b=$APP.N(b);var c=$APP.H(b,$APP.V);a.__xScrollStackModel=b;$APP.n(c)?(Sv(a),a.__xScrollStackStackedCount=0,a.__xScrollStackLastProg=null,Pv(a)):$APP.n($APP.l(a,"__xScrollStackVisible"))&&(Ov(a),Qv(a))}},Wv=function(a){Object.defineProperty(a,
|
|
15
|
+
"peek",{get:function(){return qv(this.getAttribute("peek"),6)},set:function(b){return b!=null?this.setAttribute("peek",""+$APP.S.g(b)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,"rotation",{get:function(){return qv(this.getAttribute("rotation"),3)},set:function(b){return b!=null?this.setAttribute("rotation",""+$APP.S.g(b)):this.removeAttribute("rotation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"scrollDistance",{get:function(){return qv(this.getAttribute("scroll-distance"),
|
|
16
|
+
150)},set:function(b){return b!=null?this.setAttribute("scroll-distance",""+$APP.S.g(b)):this.removeAttribute("scroll-distance")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){return sv(this.getAttribute("align"))},set:function(b){return b!=null?this.setAttribute("align",""+$APP.S.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?
|
|
17
|
+
this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,"__xScrollStackStackedCount");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"refresh",{value:function(){Fv(this);return $APP.n($APP.l(this,"__xScrollStackVisible"))?
|
|
18
|
+
Qv(this):null},enumerable:!0,configurable:!0})},Yv=function(){var a=class extends HTMLElement{};a.observedAttributes=Xv;a.prototype.connectedCallback=function(){vv(this);Uv(this);Tv(this);Rv(this);Vv(this);Fv(this);return null};a.prototype.disconnectedCallback=function(){Sv(this);Uv(this);var b=$APP.l(this,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStackIO=null);this.__xScrollStackVisible=!1;this.__xScrollStackStackedCount=0;return this.__xScrollStackChildHeights=this.__xScrollStackNaturalOffsets=
|
|
19
|
+
this.__xScrollStackLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&(Vv(this),Fv(this),$APP.n($APP.l(this,"__xScrollStackVisible"))&&Qv(this));return null};Wv(a.prototype);return a},Zv=function(){$APP.n(customElements.get("x-scroll-stack"))||customElements.define("x-scroll-stack",Yv());return null},Hv=new $APP.M(null,"stack-rot","stack-rot",-949440704),yv=new $APP.M(null,"scroll-distance-raw","scroll-distance-raw",1537519796),zv=new $APP.M(null,"peek","peek",-291396325),
|
|
20
|
+
Iv=new $APP.M(null,"stack-x","stack-x",-1557848736),Gv=new $APP.M(null,"stack-y","stack-y",146748620),xv=new $APP.M(null,"rotation-raw","rotation-raw",318004495),Av=new $APP.M(null,"rotation","rotation",-1728051644),wv=new $APP.M(null,"peek-raw","peek-raw",361729174),Jv=new $APP.M(null,"stackedCount","stackedCount",137366007),Bv=new $APP.M(null,"scroll-distance","scroll-distance",-544947824),Kv=new $APP.M(null,"totalCount","totalCount",2101470328);var Xv=["peek","rotation","scroll-distance","align","disabled"];$APP.zd(["x-scroll-stack-change",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,3,[Jv,$APP.U,Kv,$APP.U,$APP.vj,$APP.U],null),$APP.Dj,!1],null),"x-scroll-stack-progress",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,3,[$APP.vj,$APP.U,Jv,$APP.U,Kv,$APP.U],null),$APP.Dj,!1],null)]);var rv=new $APP.R(null,new $APP.Q(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ja("baredom.exports.x_scroll_stack.init",Zv);export const init=Zv;
|