@vanelsas/baredom 2.4.1 → 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 +25 -0
- package/README.md +63 -270
- package/custom-elements.json +7373 -0
- package/dist/baredom.d.ts +97 -0
- package/dist/base.js +74 -74
- package/dist/integrity.json +93 -93
- package/dist/x-alert.d.ts +43 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.d.ts +18 -0
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.d.ts +21 -0
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.d.ts +19 -0
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.d.ts +12 -0
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.d.ts +12 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +20 -0
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.d.ts +45 -0
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.d.ts +50 -0
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.d.ts +39 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +48 -0
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.d.ts +23 -0
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.d.ts +45 -0
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.d.ts +41 -0
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.d.ts +42 -0
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.d.ts +47 -0
- package/dist/x-color-picker.js +41 -41
- package/dist/x-combobox.d.ts +47 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.d.ts +46 -0
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.d.ts +14 -0
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.d.ts +17 -0
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.d.ts +51 -0
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +52 -0
- package/dist/x-currency-field.js +23 -21
- package/dist/x-date-picker.d.ts +20 -0
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.d.ts +20 -0
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.d.ts +44 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.d.ts +42 -0
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.d.ts +14 -0
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +40 -0
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +46 -0
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.d.ts +47 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +41 -0
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.d.ts +12 -0
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.d.ts +15 -0
- package/dist/x-icon.js +7 -7
- package/dist/x-image.d.ts +48 -0
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.d.ts +48 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.d.ts +27 -0
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.d.ts +47 -0
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.d.ts +46 -0
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.d.ts +41 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.d.ts +42 -0
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.d.ts +44 -0
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.d.ts +46 -0
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.d.ts +46 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.d.ts +22 -0
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.d.ts +42 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.d.ts +19 -0
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.d.ts +45 -0
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.d.ts +18 -0
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +45 -0
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.d.ts +47 -0
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.d.ts +45 -0
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.d.ts +41 -0
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.d.ts +44 -0
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.d.ts +44 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.d.ts +42 -0
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.d.ts +45 -0
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.d.ts +46 -0
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.d.ts +56 -0
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.d.ts +58 -0
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.d.ts +51 -0
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.d.ts +47 -0
- package/dist/x-search-field.js +15 -14
- package/dist/x-select.d.ts +41 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.d.ts +40 -0
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.d.ts +15 -0
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.d.ts +16 -0
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +49 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.d.ts +44 -0
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.d.ts +15 -0
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.d.ts +15 -0
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.d.ts +42 -0
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.d.ts +21 -0
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.d.ts +42 -0
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.d.ts +44 -0
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.d.ts +40 -0
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.d.ts +50 -0
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.d.ts +43 -0
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.d.ts +124 -0
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +71 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +48 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.d.ts +15 -0
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.d.ts +46 -0
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.d.ts +78 -0
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.d.ts +45 -0
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.d.ts +41 -0
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.d.ts +43 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.d.ts +16 -0
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.d.ts +92 -0
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +506 -392
package/dist/x-popover.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
2,[$APP.
|
|
4
|
-
x-8)],null)}d=$APP.M(d);var g=$APP.D(d,$APP.Xg),h=$APP.D(d,$APP.Yg);d=$APP.M(c);var l=$APP.D(d,$APP.Xg),m=$APP.D(d,$APP.Yg),p=e(a),q=e(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
b){b=new CustomEvent("x-popover-toggle",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)},
|
|
2
|
+
var ns=function(a){switch(a){case "bottom-start":return"top-start";case "bottom-end":return"top-end";case "top-start":return"bottom-start";case "top-end":return"bottom-end";default:return a}},os=function(a,b,c,d){function e(v){a:{var x=$APP.M(b);var y=$APP.D(x,$APP.Ll);var A=$APP.D(x,$APP.Kl),C=$APP.D(x,$APP.Xg);x=$APP.D(x,$APP.Yg);var E=$APP.M(c),H=$APP.D(E,$APP.Xg);E=$APP.D(E,$APP.Yg);switch(v){case "bottom-start":y=new $APP.Q(null,2,[$APP.Ll,y,$APP.Kl,A+x+4],null);break a;case "bottom-end":y=new $APP.Q(null,
|
|
3
|
+
2,[$APP.Ll,y+C-H,$APP.Kl,A+x+4],null);break a;case "top-start":y=new $APP.Q(null,2,[$APP.Ll,y,$APP.Kl,A-E-4],null);break a;case "top-end":y=new $APP.Q(null,2,[$APP.Ll,y+C-H,$APP.Kl,A-E-4],null);break a;default:y=new $APP.Q(null,2,[$APP.Ll,y,$APP.Kl,A+x+4],null)}}A=$APP.M(y);y=$APP.D(A,$APP.Ll);A=$APP.D(A,$APP.Kl);C=$APP.ph.i($APP.oh.i(y,8),g-l-8);x=$APP.ph.i($APP.oh.i(A,8),h-m-8);return new $APP.Q(null,5,[$APP.Ll,C,$APP.Kl,x,$APP.vi,v,$APP.Xl,y>=8&&y+l<=g-8&&A>=8&&A+m<=h-8,$APP.Ek,$APP.oh.i(40,h-
|
|
4
|
+
x-8)],null)}d=$APP.M(d);var g=$APP.D(d,$APP.Xg),h=$APP.D(d,$APP.Yg);d=$APP.M(c);var l=$APP.D(d,$APP.Xg),m=$APP.D(d,$APP.Yg),p=e(a),q=e(ns(a));return $APP.n(function(){var v=$APP.Xl.g(p);return $APP.n(v)?v:$APP.r($APP.Xl.g(q))}())?p:q},ps=function(a){return document.createElement(a)},qs=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},zs=function(a){a=new $APP.Q(null,7,[$APP.Gi,a.hasAttribute("open"),$APP.Ol,a.hasAttribute("disabled"),rs,a.hasAttribute("no-close"),ss,a.hasAttribute("portal"),
|
|
5
|
+
ts,a.getAttribute("heading"),$APP.jn,a.getAttribute("placement"),us,a.getAttribute("close-label")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Gi),d=$APP.D(b,$APP.Ol),e=$APP.D(b,rs),g=$APP.D(b,ss),h=$APP.D(b,ts);a=$APP.D(b,$APP.jn);b=$APP.D(b,us);c=$APP.F(c);d=$APP.F(d);e=$APP.F(e);g=$APP.F(g);h=$APP.n(h)?h:"";b=$APP.n(b)?b:"Close";a=$APP.I(vs,a)?a:"bottom-start";return new $APP.Q(null,7,[$APP.Om,c,$APP.X,d,ws,e,xs,g,$APP.Bl,h,ys,b,$APP.Qj,a],null)},As=function(a){var b=$APP.k(a,"__xPopoverRefs");if($APP.n(b)){a=
|
|
6
|
+
zs(a);var c=$APP.M(a),d=$APP.D(c,$APP.Om);a=$APP.D(c,ws);var e=$APP.D(c,$APP.Bl),g=$APP.D(c,ys),h=$APP.D(c,$APP.Qj),l=$APP.k(b,"panel");c=$APP.k(b,"header");var m=$APP.k(b,"heading");b=$APP.k(b,"closeBtn");l.setAttribute("data-placement",h);qs(l,"inert",$APP.r(d));$APP.N(e,"")?l.setAttribute("aria-labelledby","popover-heading"):l.removeAttribute("aria-labelledby");m.textContent=e;b.setAttribute("aria-label",g);qs(b,"hidden",a);b=$APP.B.i(e,"");return qs(c,"hidden",b?a:b)}return null},Bs=function(a,
|
|
7
|
+
b){b=new CustomEvent("x-popover-toggle",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)},Cs=function(a,b){return a.dispatchEvent(new CustomEvent("x-popover-change",{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},Is=function(a,b){var c=$APP.M(b);b=$APP.D(c,$APP.Bl);var d=$APP.D(c,ys);c=$APP.D(c,ws);a=a.shadowRoot;var e=ps("div"),g=ps("div"),h=ps("div"),l=ps("span"),m=ps("button"),p=ps("div"),q=ps("div");e.setAttribute("part","panel");e.setAttribute("role",
|
|
8
8
|
"dialog");g.setAttribute("part","arrow");g.setAttribute("aria-hidden","true");h.setAttribute("part","header");l.setAttribute("part","heading");l.textContent=b;m.setAttribute("part","close-button");m.setAttribute("type","button");m.setAttribute("aria-label",d);m.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';
|
|
9
|
-
$APP.n(c)&&m.setAttribute("hidden","");d=$APP.B.i(b,"");$APP.n(d?c:d)&&h.setAttribute("hidden","");$APP.N(b,"")&&(e.setAttribute("aria-labelledby","portal-heading"),l.setAttribute("id","portal-heading"));p.setAttribute("part","body");q.setAttribute("part","footer");q.setAttribute("hidden","");h.appendChild(l);h.appendChild(m);e.appendChild(g);e.appendChild(h);e.appendChild(p);e.appendChild(q);a.appendChild(e);return new $APP.
|
|
10
|
-
b){a=a.assignedNodes({flatten:!0});a=$APP.We.i($APP.fe,$APP.uc(a));for(var c=$APP.t(a),d=null,e=0,g=0;;)if(g<e){var h=d.F(null,g);b.appendChild(h);g+=1}else if(c=$APP.t(c))d=c,$APP.Nc(d)?(c=$APP.yb(d),g=$APP.zb(d),d=c,e=$APP.z(c),c=g):(c=$APP.u(d),b.appendChild(c),c=$APP.w(d),d=null,e=0),g=0;else break;return a},
|
|
11
|
-
c=b,g=$APP.z(b),b=d,d=g):(g=$APP.u(c),a.appendChild(g),b=$APP.w(c),c=null,d=0),e=0;else break}},
|
|
12
|
-
a.style.top=""+$APP.T.g($APP.
|
|
13
|
-
1E3),g=
|
|
14
|
-
h=function(q){return $APP.n(m.contains(q.target))?null:
|
|
15
|
-
$APP.k(a,"__xPopoverMovedBody");$APP.n(c)&&
|
|
16
|
-
c)&&
|
|
17
|
-
if($APP.n(a)){var b=$APP.k(a,"docKeydown");document.removeEventListener("click",$APP.k(a,"docClick"));return document.removeEventListener("keydown",b)}return null},
|
|
18
|
-
b=$APP.Td(function(c){return c===a},b),$APP.n(b)?null:
|
|
19
|
-
e=$APP.k(b,"footerSlot");$APP.k(b,"trigger").removeEventListener("click",$APP.k(c,"triggerClick"));d.removeEventListener("click",$APP.k(c,"closeBtnClick"));a.removeEventListener("focusout",$APP.k(c,"hostFocusout"));e.removeEventListener("slotchange",$APP.k(c,"footerSlotchange"))}}},
|
|
20
|
-
enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){d!=null&&$APP.N(d)?(d=""+$APP.T.g(d),d=this.setAttribute(c,d)):d=this.removeAttribute(c);return d}})},
|
|
21
|
-
"close-label");b.show=function(){return
|
|
9
|
+
$APP.n(c)&&m.setAttribute("hidden","");d=$APP.B.i(b,"");$APP.n(d?c:d)&&h.setAttribute("hidden","");$APP.N(b,"")&&(e.setAttribute("aria-labelledby","portal-heading"),l.setAttribute("id","portal-heading"));p.setAttribute("part","body");q.setAttribute("part","footer");q.setAttribute("hidden","");h.appendChild(l);h.appendChild(m);e.appendChild(g);e.appendChild(h);e.appendChild(p);e.appendChild(q);a.appendChild(e);return new $APP.Q(null,7,[Ds,e,Es,g,$APP.oj,h,$APP.Bl,l,Fs,m,Gs,p,Hs,q],null)},Js=function(a,
|
|
10
|
+
b){a=a.assignedNodes({flatten:!0});a=$APP.We.i($APP.fe,$APP.uc(a));for(var c=$APP.t(a),d=null,e=0,g=0;;)if(g<e){var h=d.F(null,g);b.appendChild(h);g+=1}else if(c=$APP.t(c))d=c,$APP.Nc(d)?(c=$APP.yb(d),g=$APP.zb(d),d=c,e=$APP.z(c),c=g):(c=$APP.u(d),b.appendChild(c),c=$APP.w(d),d=null,e=0),g=0;else break;return a},Ks=function(a,b){if($APP.n(a.isConnected)){b=$APP.t(b);for(var c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e);a.appendChild(g);e+=1}else if(b=$APP.t(b))c=b,$APP.Nc(c)?(b=$APP.yb(c),d=$APP.zb(c),
|
|
11
|
+
c=b,g=$APP.z(b),b=d,d=g):(g=$APP.u(c),a.appendChild(g),b=$APP.w(c),c=null,d=0),e=0;else break}},Ls=function(a,b,c,d){var e=c.getBoundingClientRect();c=a.offsetWidth;var g=a.offsetHeight,h=window.innerWidth,l=window.innerHeight;d=os(d,new $APP.Q(null,4,[$APP.Ll,e.left,$APP.Kl,e.top,$APP.Xg,e.width,$APP.Yg,e.height],null),new $APP.Q(null,2,[$APP.Xg,$APP.oh.i(c,200),$APP.Yg,$APP.oh.i(g,100)],null),new $APP.Q(null,2,[$APP.Xg,h,$APP.Yg,l],null));g=$APP.vi.g(d);a.style.left=""+$APP.T.g($APP.Ll.g(d))+"px";
|
|
12
|
+
a.style.top=""+$APP.T.g($APP.Kl.g(d))+"px";a.style.maxHeight=""+$APP.T.g($APP.Ek.g(d))+"px";a=e.left+e.width/2;e=$APP.B.i(g,"bottom-start")||$APP.B.i(g,"bottom-end")?"bottom":"top";c=$APP.ph.i($APP.oh.i(a-$APP.Ll.g(d),12),$APP.oh.i(c,200)-12-8);b.setAttribute("data-side",e);b.style.left=""+$APP.T.g(c)+"px"},Ns=function(a){var b=$APP.k(a,"__xPopoverRefs");if($APP.n(b)){var c=zs(a),d=$APP.k(b,"trigger"),e=$APP.Pg(a,":host{color-scheme:light dark;--x-popover-panel-bg:var(--x-color-bg,#ffffff);--x-popover-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-panel-radius:var(--x-radius-md,8px);--x-popover-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-popover-panel-min-width:12rem;--x-popover-panel-max-height:24rem;--x-popover-header-padding:0.625rem 0.75rem 0.625rem 0.875rem;--x-popover-header-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-heading-color:var(--x-color-text,#0f172a);--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-popover-close-color:var(--x-color-text-muted,#64748b);--x-popover-close-color-hover:var(--x-color-text,#0f172a);--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-popover-body-padding:0.875rem;--x-popover-body-color:var(--x-color-text-muted,#334155);--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-arrow-size:8px;--x-popover-arrow-bg:var(--x-color-bg,#ffffff);--x-popover-arrow-border:var(--x-color-border,#e2e8f0);--x-popover-transition-duration:var(--x-transition-duration,150ms);--x-popover-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:var(--x-color-bg,#1e293b);--x-popover-panel-border:1px solid var(--x-color-border,#334155);--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid var(--x-color-border,#334155);--x-popover-heading-color:var(--x-color-text,#e2e8f0);--x-popover-close-bg-hover:var(--x-color-text-muted,#334155);--x-popover-close-color:var(--x-color-text-muted,#94a3b8);--x-popover-close-color-hover:var(--x-color-text,#e2e8f0);--x-popover-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-popover-body-color:var(--x-color-text-muted,#cbd5e1);--x-popover-footer-border:1px solid var(--x-color-border,#334155);--x-popover-arrow-bg:var(--x-color-bg,#1e293b);--x-popover-arrow-border:var(--x-color-border,#334155);}}[part\x3dpanel]{position:absolute;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:calc(100vw - 1rem);max-height:var(--x-popover-panel-max-height);overflow-y:auto;pointer-events:auto;opacity:0;transform:scale(0.96);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing);}[part\x3dpanel][data-open]{opacity:1;transform:scale(1);}[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\x3darrow][data-side\x3dbottom]{top:calc(var(--x-popover-arrow-size) / -2);border-left:1px solid var(--x-popover-arrow-border);border-top:1px solid var(--x-popover-arrow-border);}[part\x3darrow][data-side\x3dtop]{bottom:calc(var(--x-popover-arrow-size) / -2);border-right:1px solid var(--x-popover-arrow-border);border-bottom:1px solid var(--x-popover-arrow-border);}[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\x3dheader][hidden]{display:none;}[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;}[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\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;}}",
|
|
13
|
+
1E3),g=Is(e,c),h=Gs.g(g),l=Hs.g(g),m=Ds.g(g),p=Es.g(g);g=Fs.g(g);h=Js(a.shadowRoot.querySelector("slot:not([name])"),h);$APP.ja(a,"__xPopoverMovedBody",$APP.zd(h));b=Js($APP.k(b,"footerSlot"),l);$APP.ja(a,"__xPopoverMovedFooter",$APP.zd(b));$APP.z(b)>0&&l.removeAttribute("hidden");Ls(m,p,d,$APP.Qj.g(c));l=function(){return Ms.i?Ms.i(a,"close-button"):Ms.call(null,a,"close-button")};b=function(q){return $APP.B.i(q.key,"Escape")?(q.preventDefault(),Ms.i?Ms.i(a,"escape"):Ms.call(null,a,"escape")):null};
|
|
14
|
+
h=function(q){return $APP.n(m.contains(q.target))?null:Ms.i?Ms.i(a,"outside-click"):Ms.call(null,a,"outside-click")};g.addEventListener("click",l);e.addEventListener("keydown",b,!0);e.addEventListener("click",h);e.__onKey=b;e.__onClickBackdrop=h;e.__onCloseBtn=l;e.__closeBtnEl=g;a.__xPopoverLayer=e;requestAnimationFrame(function(){return $APP.n($APP.n(m)?a.isConnected:m)?(Ls(m,p,d,$APP.Qj.g(c)),m.setAttribute("data-open","")):null})}},Os=function(a){var b=$APP.k(a,"__xPopoverLayer");if($APP.n(b)){var c=
|
|
15
|
+
$APP.k(a,"__xPopoverMovedBody");$APP.n(c)&&Ks(a,$APP.uc(c));c=$APP.k(a,"__xPopoverMovedFooter");$APP.n(c)&&Ks(a,$APP.uc(c));$APP.Rg(b);a.__xPopoverLayer=null;a.__xPopoverMovedBody=null;a.__xPopoverMovedFooter=null}},Ps=function(a,b){return $APP.r(a.hasAttribute("disabled"))&&$APP.r(a.hasAttribute("open"))&&Bs(a,{open:!0,source:b})?(a.setAttribute("open",""),$APP.n(a.hasAttribute("portal"))&&Ns(a),Cs(a,{open:!0})):null},Ms=function(a,b){var c=$APP.r(a.hasAttribute("disabled"));return $APP.n(c?a.hasAttribute("open"):
|
|
16
|
+
c)&&Bs(a,{open:!1,source:b})?(Os(a),a.removeAttribute("open"),Cs(a,{open:!1})):null},Qs=function(a,b){return $APP.n(a.hasAttribute("open"))?Ms(a,b):Ps(a,b)},Rs=function(a){var b=$APP.k(a,"__xPopoverHandlers");if($APP.n(b)){var c=$APP.k(b,"docClick"),d=$APP.k(b,"docKeydown");return setTimeout(function(){var e=a.isConnected;return $APP.n($APP.n(e)?a.hasAttribute("open"):e)?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null},0)}return null},Ss=function(a){a=$APP.k(a,"__xPopoverHandlers");
|
|
17
|
+
if($APP.n(a)){var b=$APP.k(a,"docKeydown");document.removeEventListener("click",$APP.k(a,"docClick"));return document.removeEventListener("keydown",b)}return null},Ts=function(a){return{triggerClick:function(){return Qs(a,"pointer")},closeBtnClick:function(){return Ms(a,"close-button")},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.r(a.contains(b))?Ms(a,"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.vc(b.composedPath()),
|
|
18
|
+
b=$APP.Td(function(c){return c===a},b),$APP.n(b)?null:Ms(a,"outside-click")):null},docKeydown:function(b){b=$APP.B.i(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?Ms(a,"escape"):null},footerSlotchange:function(){var b=$APP.k(a,"__xPopoverRefs");return $APP.n(b)?qs($APP.k(b,"footer"),"hidden",!($APP.k(b,"footerSlot").assignedNodes().length>0)):null}}},Us=function(a){var b=$APP.k(a,"__xPopoverRefs");if($APP.n(b)){var c=$APP.k(a,"__xPopoverHandlers");if($APP.n(c)){var d=$APP.k(b,"closeBtn"),
|
|
19
|
+
e=$APP.k(b,"footerSlot");$APP.k(b,"trigger").removeEventListener("click",$APP.k(c,"triggerClick"));d.removeEventListener("click",$APP.k(c,"closeBtnClick"));a.removeEventListener("focusout",$APP.k(c,"hostFocusout"));e.removeEventListener("slotchange",$APP.k(c,"footerSlotchange"))}}},Vs=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return qs(this,c,$APP.F(d))}})},Ws=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,
|
|
20
|
+
enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){d!=null&&$APP.N(d)?(d=""+$APP.T.g(d),d=this.setAttribute(c,d)):d=this.removeAttribute(c);return d}})},Ys=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return Xs}});Vs(b,"open","open");Vs(b,"disabled","disabled");Vs(b,"noClose","no-close");Vs(b,"portal","portal");Ws(b,"placement","placement");Ws(b,"heading","heading");Ws(b,"closeLabel",
|
|
21
|
+
"close-label");b.show=function(){return Ps(this,"programmatic")};b.hide=function(){return Ms(this,"programmatic")};b.toggle=function(){return Qs(this,"programmatic")};b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xPopoverRefs"))){var c=this.attachShadow({mode:"open"}),d=ps("style"),e=ps("span"),g=ps("slot"),h=ps("div"),l=ps("div"),m=ps("div"),p=ps("span"),q=ps("button"),v=ps("div"),x=ps("slot"),y=ps("div"),A=ps("slot");d.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-popover-panel-bg:var(--x-color-bg,#ffffff);--x-popover-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-panel-radius:var(--x-radius-md,8px);--x-popover-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-popover-panel-min-width:12rem;--x-popover-panel-max-width:min(24rem,calc(100vw - 1rem));--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 var(--x-color-border,#e2e8f0);--x-popover-heading-color:var(--x-color-text,#0f172a);--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-popover-close-color:var(--x-color-text-muted,#64748b);--x-popover-close-color-hover:var(--x-color-text,#0f172a);--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-popover-body-padding:0.875rem;--x-popover-body-color:var(--x-color-text-muted,#334155);--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-arrow-size:8px;--x-popover-arrow-bg:var(--x-color-bg,#ffffff);--x-popover-arrow-border:var(--x-color-border,#e2e8f0);--x-popover-transition-duration:var(--x-transition-duration,150ms);--x-popover-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:var(--x-color-bg,#1e293b);--x-popover-panel-border:1px solid var(--x-color-border,#334155);--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid var(--x-color-border,#334155);--x-popover-heading-color:var(--x-color-text,#e2e8f0);--x-popover-close-bg-hover:var(--x-color-text-muted,#334155);--x-popover-close-color:var(--x-color-text-muted,#94a3b8);--x-popover-close-color-hover:var(--x-color-text,#e2e8f0);--x-popover-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-popover-body-color:var(--x-color-text-muted,#cbd5e1);--x-popover-footer-border:1px solid var(--x-color-border,#334155);--x-popover-arrow-bg:var(--x-color-bg,#1e293b);--x-popover-arrow-border:var(--x-color-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;}:host([portal][open]) [part\x3dpanel]{visibility:hidden !important;pointer-events:none !important;opacity:0 !important;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dclose-button]{transition:none !important;}}";
|
|
22
22
|
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");l.setAttribute("part","arrow");l.setAttribute("aria-hidden","true");m.setAttribute("part","header");p.setAttribute("part","heading");p.setAttribute("id","popover-heading");q.setAttribute("part","close-button");q.setAttribute("type","button");q.setAttribute("aria-label","Close");q.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';
|
|
23
|
-
v.setAttribute("part","body");y.setAttribute("part","footer");y.setAttribute("hidden","");A.setAttribute("name","footer");e.appendChild(g);m.appendChild(p);m.appendChild(q);v.appendChild(x);y.appendChild(A);h.appendChild(l);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:q,body:v,footer:y,footerSlot:A}}
|
|
24
|
-
$APP.n(c)&&(d=$APP.k(this,"__xPopoverHandlers"),$APP.n(d)&&(e=$APP.k(c,"closeBtn"),g=$APP.k(c,"footerSlot"),$APP.k(c,"trigger").addEventListener("click",$APP.k(d,"triggerClick")),e.addEventListener("click",$APP.k(d,"closeBtnClick")),this.addEventListener("focusout",$APP.k(d,"hostFocusout")),g.addEventListener("slotchange",$APP.k(d,"footerSlotchange"))));$APP.n(this.hasAttribute("open"))&&
|
|
25
|
-
function(c){$APP.n($APP.k(this,"__xPopoverRefs"))?(
|
|
26
|
-
"close-label-raw","close-label-raw",798572883),
|
|
23
|
+
v.setAttribute("part","body");y.setAttribute("part","footer");y.setAttribute("hidden","");A.setAttribute("name","footer");e.appendChild(g);m.appendChild(p);m.appendChild(q);v.appendChild(x);y.appendChild(A);h.appendChild(l);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:q,body:v,footer:y,footerSlot:A}}Us(this);Ss(this);this.__xPopoverHandlers=Ts(this);c=$APP.k(this,"__xPopoverRefs");
|
|
24
|
+
$APP.n(c)&&(d=$APP.k(this,"__xPopoverHandlers"),$APP.n(d)&&(e=$APP.k(c,"closeBtn"),g=$APP.k(c,"footerSlot"),$APP.k(c,"trigger").addEventListener("click",$APP.k(d,"triggerClick")),e.addEventListener("click",$APP.k(d,"closeBtnClick")),this.addEventListener("focusout",$APP.k(d,"hostFocusout")),g.addEventListener("slotchange",$APP.k(d,"footerSlotchange"))));$APP.n(this.hasAttribute("open"))&&Rs(this);return As(this)};b.disconnectedCallback=function(){Os(this);Us(this);return Ss(this)};b.attributeChangedCallback=
|
|
25
|
+
function(c){$APP.n($APP.k(this,"__xPopoverRefs"))?(As(this),c=$APP.B.i(c,"open")?$APP.n(this.hasAttribute("open"))?Rs(this):Ss(this):null):c=null;return c};return a},Zs=function(){return $APP.n(customElements.get("x-popover"))?null:customElements.define("x-popover",Ys())},Ds=new $APP.K(null,"panel","panel",-558637456),Hs=new $APP.K(null,"footer","footer",1606445390),ys=new $APP.K(null,"close-label","close-label",-1088385889),ws=new $APP.K(null,"no-close?","no-close?",1842227643),us=new $APP.K(null,
|
|
26
|
+
"close-label-raw","close-label-raw",798572883),xs=new $APP.K(null,"portal?","portal?",-167584340),Gs=new $APP.K(null,"body","body",-2049205669),ts=new $APP.K(null,"heading-raw","heading-raw",116296555),Fs=new $APP.K(null,"closeBtn","closeBtn",1947660915),rs=new $APP.K(null,"no-close-present?","no-close-present?",-154717274),Es=new $APP.K(null,"arrow","arrow",1071351425),ss=new $APP.K(null,"portal-present?","portal-present?",-463262026);var vs=new $APP.S(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Xs="open placement heading close-label no-close disabled portal".split(" ");$APP.Pd(["x-popover-toggle",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,2,[$APP.im,$APP.Zj,$APP.sl,$APP.Y],null)],null),"x-popover-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,1,[$APP.im,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_popover.init",Zs);export const init=Zs;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// x-progress-circle.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XProgressCircleEventMap {
|
|
6
|
+
"x-progress-circle-complete": CustomEvent<{ value: number; max: number }>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface XProgressCircle extends HTMLElement {
|
|
10
|
+
value: string;
|
|
11
|
+
max: string;
|
|
12
|
+
indeterminate: boolean;
|
|
13
|
+
showValue: boolean;
|
|
14
|
+
|
|
15
|
+
addEventListener<K extends keyof XProgressCircleEventMap>(
|
|
16
|
+
type: K,
|
|
17
|
+
listener: (this: XProgressCircle, ev: XProgressCircleEventMap[K]) => any,
|
|
18
|
+
options?: boolean | AddEventListenerOptions
|
|
19
|
+
): void;
|
|
20
|
+
addEventListener(
|
|
21
|
+
type: string,
|
|
22
|
+
listener: EventListenerOrEventListenerObject,
|
|
23
|
+
options?: boolean | AddEventListenerOptions
|
|
24
|
+
): void;
|
|
25
|
+
removeEventListener<K extends keyof XProgressCircleEventMap>(
|
|
26
|
+
type: K,
|
|
27
|
+
listener: (this: XProgressCircle, ev: XProgressCircleEventMap[K]) => any,
|
|
28
|
+
options?: boolean | EventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
removeEventListener(
|
|
31
|
+
type: string,
|
|
32
|
+
listener: EventListenerOrEventListenerObject,
|
|
33
|
+
options?: boolean | EventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
declare global {
|
|
38
|
+
interface HTMLElementTagNameMap {
|
|
39
|
+
"x-progress-circle": XProgressCircle;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -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;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// x-progress.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XProgressEventMap {
|
|
6
|
+
"x-progress-complete": CustomEvent<{ value: number; max: number }>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface XProgress extends HTMLElement {
|
|
10
|
+
value: string;
|
|
11
|
+
max: string;
|
|
12
|
+
variant: string;
|
|
13
|
+
size: string;
|
|
14
|
+
label: string;
|
|
15
|
+
indeterminate: boolean;
|
|
16
|
+
showValue: boolean;
|
|
17
|
+
|
|
18
|
+
addEventListener<K extends keyof XProgressEventMap>(
|
|
19
|
+
type: K,
|
|
20
|
+
listener: (this: XProgress, ev: XProgressEventMap[K]) => any,
|
|
21
|
+
options?: boolean | AddEventListenerOptions
|
|
22
|
+
): void;
|
|
23
|
+
addEventListener(
|
|
24
|
+
type: string,
|
|
25
|
+
listener: EventListenerOrEventListenerObject,
|
|
26
|
+
options?: boolean | AddEventListenerOptions
|
|
27
|
+
): void;
|
|
28
|
+
removeEventListener<K extends keyof XProgressEventMap>(
|
|
29
|
+
type: K,
|
|
30
|
+
listener: (this: XProgress, ev: XProgressEventMap[K]) => any,
|
|
31
|
+
options?: boolean | EventListenerOptions
|
|
32
|
+
): void;
|
|
33
|
+
removeEventListener(
|
|
34
|
+
type: string,
|
|
35
|
+
listener: EventListenerOrEventListenerObject,
|
|
36
|
+
options?: boolean | EventListenerOptions
|
|
37
|
+
): void;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
declare global {
|
|
41
|
+
interface HTMLElementTagNameMap {
|
|
42
|
+
"x-progress": XProgress;
|
|
43
|
+
}
|
|
44
|
+
}
|
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;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// x-radio.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XRadioEventMap {
|
|
6
|
+
"x-radio-change-request": CustomEvent<{ value: string; previousChecked: boolean; nextChecked: boolean }>;
|
|
7
|
+
"x-radio-change": CustomEvent<{ value: string; checked: boolean }>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface XRadio extends HTMLElement {
|
|
11
|
+
checked: boolean;
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
readOnly: boolean;
|
|
14
|
+
required: boolean;
|
|
15
|
+
name: string;
|
|
16
|
+
value: string;
|
|
17
|
+
|
|
18
|
+
addEventListener<K extends keyof XRadioEventMap>(
|
|
19
|
+
type: K,
|
|
20
|
+
listener: (this: XRadio, ev: XRadioEventMap[K]) => any,
|
|
21
|
+
options?: boolean | AddEventListenerOptions
|
|
22
|
+
): void;
|
|
23
|
+
addEventListener(
|
|
24
|
+
type: string,
|
|
25
|
+
listener: EventListenerOrEventListenerObject,
|
|
26
|
+
options?: boolean | AddEventListenerOptions
|
|
27
|
+
): void;
|
|
28
|
+
removeEventListener<K extends keyof XRadioEventMap>(
|
|
29
|
+
type: K,
|
|
30
|
+
listener: (this: XRadio, ev: XRadioEventMap[K]) => any,
|
|
31
|
+
options?: boolean | EventListenerOptions
|
|
32
|
+
): void;
|
|
33
|
+
removeEventListener(
|
|
34
|
+
type: string,
|
|
35
|
+
listener: EventListenerOrEventListenerObject,
|
|
36
|
+
options?: boolean | EventListenerOptions
|
|
37
|
+
): void;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
declare global {
|
|
41
|
+
interface HTMLElementTagNameMap {
|
|
42
|
+
"x-radio": XRadio;
|
|
43
|
+
}
|
|
44
|
+
}
|
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;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
// x-ripple-effect.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XRippleEffectEventMap {
|
|
6
|
+
"x-ripple-effect-start": CustomEvent<{ x: number; y: number }>;
|
|
7
|
+
"x-ripple-effect-end": CustomEvent<{ x: number; y: number }>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface XRippleEffect extends HTMLElement {
|
|
11
|
+
intensity: number;
|
|
12
|
+
duration: number;
|
|
13
|
+
frequency: number;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
|
|
16
|
+
addEventListener<K extends keyof XRippleEffectEventMap>(
|
|
17
|
+
type: K,
|
|
18
|
+
listener: (this: XRippleEffect, ev: XRippleEffectEventMap[K]) => any,
|
|
19
|
+
options?: boolean | AddEventListenerOptions
|
|
20
|
+
): void;
|
|
21
|
+
addEventListener(
|
|
22
|
+
type: string,
|
|
23
|
+
listener: EventListenerOrEventListenerObject,
|
|
24
|
+
options?: boolean | AddEventListenerOptions
|
|
25
|
+
): void;
|
|
26
|
+
removeEventListener<K extends keyof XRippleEffectEventMap>(
|
|
27
|
+
type: K,
|
|
28
|
+
listener: (this: XRippleEffect, ev: XRippleEffectEventMap[K]) => any,
|
|
29
|
+
options?: boolean | EventListenerOptions
|
|
30
|
+
): void;
|
|
31
|
+
removeEventListener(
|
|
32
|
+
type: string,
|
|
33
|
+
listener: EventListenerOrEventListenerObject,
|
|
34
|
+
options?: boolean | EventListenerOptions
|
|
35
|
+
): void;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
declare global {
|
|
39
|
+
interface HTMLElementTagNameMap {
|
|
40
|
+
"x-ripple-effect": XRippleEffect;
|
|
41
|
+
}
|
|
42
|
+
}
|
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;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
// x-scroll-parallax.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XScrollParallaxEventMap {
|
|
6
|
+
"x-scroll-parallax-enter": CustomEvent<{ progress: number }>;
|
|
7
|
+
"x-scroll-parallax-leave": CustomEvent<{ progress: number }>;
|
|
8
|
+
"x-scroll-parallax-progress": CustomEvent<{ progress: number }>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface XScrollParallax extends HTMLElement {
|
|
12
|
+
direction: string;
|
|
13
|
+
source: string;
|
|
14
|
+
easing: string;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
label: string;
|
|
17
|
+
readonly progress: number;
|
|
18
|
+
|
|
19
|
+
addEventListener<K extends keyof XScrollParallaxEventMap>(
|
|
20
|
+
type: K,
|
|
21
|
+
listener: (this: XScrollParallax, ev: XScrollParallaxEventMap[K]) => any,
|
|
22
|
+
options?: boolean | AddEventListenerOptions
|
|
23
|
+
): void;
|
|
24
|
+
addEventListener(
|
|
25
|
+
type: string,
|
|
26
|
+
listener: EventListenerOrEventListenerObject,
|
|
27
|
+
options?: boolean | AddEventListenerOptions
|
|
28
|
+
): void;
|
|
29
|
+
removeEventListener<K extends keyof XScrollParallaxEventMap>(
|
|
30
|
+
type: K,
|
|
31
|
+
listener: (this: XScrollParallax, ev: XScrollParallaxEventMap[K]) => any,
|
|
32
|
+
options?: boolean | EventListenerOptions
|
|
33
|
+
): void;
|
|
34
|
+
removeEventListener(
|
|
35
|
+
type: string,
|
|
36
|
+
listener: EventListenerOrEventListenerObject,
|
|
37
|
+
options?: boolean | EventListenerOptions
|
|
38
|
+
): void;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
declare global {
|
|
42
|
+
interface HTMLElementTagNameMap {
|
|
43
|
+
"x-scroll-parallax": XScrollParallax;
|
|
44
|
+
}
|
|
45
|
+
}
|