@vanelsas/baredom 3.0.0 → 3.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 +45 -0
- package/custom-elements.json +3673 -2681
- package/dist/baredom.d.ts +91 -86
- package/dist/base.js +595 -541
- package/dist/integrity.json +108 -103
- package/dist/x-alert.js +17 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.d.ts +55 -0
- package/dist/x-calendar.js +40 -0
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.d.ts +48 -0
- package/dist/x-code.js +28 -0
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -21
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +39 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -7
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -25
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-range-slider.d.ts +51 -0
- package/dist/x-range-slider.js +29 -0
- package/dist/x-rating.d.ts +49 -0
- package/dist/x-rating.js +24 -0
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-split-pane.d.ts +44 -0
- package/dist/x-split-pane.js +16 -0
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +127 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +29 -2
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
h)
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"open","");var b=$APP.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
a
|
|
15
|
-
|
|
16
|
-
null;
|
|
17
|
-
|
|
18
|
-
$APP.
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
$APP.
|
|
27
|
-
|
|
2
|
+
var kD=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},nD=function(a){if(a==null||$APP.p($APP.qa(a)))return $APP.Ee;for(var b=a.length,c=0,d=$APP.wb($APP.Ee);;){if($APP.z.j(c,b))return $APP.yb(d);var e=a[c],f=""+$APP.P.i(function(){var E=e.id;return $APP.n(E)?E:c}()),h=""+$APP.P.i(function(){var E=e.label;return $APP.n(E)?E:""}()),k=kD(e.group),m=e.value,q=e.icon,u=$APP.z.j(!0,e.disabled),x=e.keywords;x=$APP.n($APP.qa(x))?x.join(" "):typeof x==="string"?x:"";var y=function(){var E=
|
|
3
|
+
k;return $APP.n(E)?E:""}(),A=typeof m==="string"?m:"";y=(""+$APP.P.i(h)+" "+$APP.P.i(x)+" "+$APP.P.i(y)+" "+$APP.P.i(A)).toLowerCase();x=c+1;d=$APP.Td(d,new $APP.M(null,7,[$APP.Ms,f,$APP.Rj,h,lD,k,$APP.Si,m,$APP.Xr,q,$APP.Sj,u,mD,y],null));c=x}},pD=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.I(b,"")?$APP.re(kD,$APP.Di(b,/\s+/)):null;if($APP.Rc(c))return new $APP.M(null,2,[$APP.Ys,a,oD,$APP.If.j($APP.bh,$APP.re(lD,a))],null);a=$APP.Ge(function(d){return $APP.me(function(e){return $APP.I(-1,
|
|
4
|
+
mD.i(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.M(null,2,[$APP.Ys,a,oD,$APP.If.j($APP.bh,$APP.re(lD,a))],null)},qD=function(a,b,c){var d=$APP.w(a);if(d>0)for(var e=1;;)if(e<=d){var f=$APP.sd(b+e*c,d),h=$APP.B(a,f,null),k=h;h=$APP.n(k)?$APP.p($APP.Sj.i(h)):k;if($APP.n(h))return f;e+=1}else return null;else return null},DD=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Hp);var c=$APP.C(b,$APP.xj),d=$APP.C(b,$APP.yj),e=$APP.C(b,rD),f=$APP.C(b,sD),h=$APP.C(b,tD),k=$APP.C(b,uD),m=$APP.C(b,vD),q=
|
|
5
|
+
$APP.C(b,wD);b=$APP.C(b,xD);b=$APP.Ii(b);q=$APP.Ii(q);m=$APP.Hi(m);m=b&&!m;f=f!=null?$APP.Hi(f):m;k=$APP.Ii(k);return $APP.Eg([$APP.Qj,$APP.Qp,yD,zD,AD,BD,$APP.Rj,$APP.Zt,CD,$APP.Sj],[function(){var u=kD(c);return $APP.n(u)?u:"Search…"}(),q,function(){var u=kD(e);return $APP.n(u)?u:"No results"}(),f,k,m,kD(d),$APP.D(a),b,$APP.Hi(h)])},ED=function(a){return DD($APP.Eg([$APP.yj,rD,sD,tD,uD,vD,wD,xD,$APP.Hp,$APP.xj],[a.getAttribute("label"),a.getAttribute("empty-text"),a.getAttribute("close-on-scrim"),
|
|
6
|
+
a.getAttribute("disabled"),a.getAttribute("close-on-escape"),a.getAttribute("no-scrim"),a.getAttribute("dismissible"),a.getAttribute("modal"),a.hasAttribute("open"),a.getAttribute("placeholder")]))},FD=function(a,b){var c=document.createElement("div");$APP.T(c,"part","group-header");$APP.T(c,"aria-hidden","true");c.textContent=b;a.appendChild(c)},GD=function(a,b,c,d){var e=document.createElement("div");$APP.T(e,"part","item");$APP.T(e,"role","option");$APP.T(e,"id",""+$APP.P.i("x-cp-item-")+$APP.P.i(b));
|
|
7
|
+
$APP.T(e,"data-id",""+$APP.P.i($APP.Ms.i(c)));$APP.T(e,"data-idx",""+$APP.P.i(b));$APP.T(e,"tabindex","-1");$APP.n($APP.Sj.i(c))&&$APP.T(e,"aria-disabled","true");e.textContent=$APP.Rj.i(c);$APP.z.j(b,d)&&$APP.T(e,"aria-selected","true");a.appendChild(e)},HD=function(a,b){$APP.U(a,"hidden");return $APP.n(b)?$APP.U(b,"aria-activedescendant"):null},ID=function(a,b,c,d,e){$APP.T(a,"hidden","");a=$APP.qe($APP.Ao,d);for(var f=null;;)if(d=$APP.t(a),$APP.n(d)){var h=d;d=$APP.B(h,0,null);h=$APP.B(h,1,null);
|
|
8
|
+
var k=lD.i(h);$APP.n(function(){var m=k;return $APP.n(m)?$APP.I(k,f):m}())&&FD(b,k);GD(b,d,h,e);a=$APP.ec(a);f=d=function(){var m=k;return $APP.n(m)?m:f}()}else break;return $APP.n(c)?$APP.T(c,"aria-activedescendant",""+$APP.P.i("x-cp-item-")+$APP.P.i(e)):null},JD=function(a){var b=$APP.l(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=$APP.l(b,"list"),d=$APP.l(b,"empty");b=$APP.l(b,"input");var e=function(){var h=$APP.l(a,"__xCommandPaletteQuery");return $APP.n(h)?h:""}(),f=nD($APP.l(a,"__xCommandPaletteItems"));
|
|
9
|
+
e=pD(f,e);e=$APP.G(e);e=$APP.C(e,$APP.Ys);f=function(){var h=$APP.l(a,"__xCommandPaletteActiveIdx");return $APP.n(h)?h:0}();c.textContent="";return $APP.Rc(e)?HD(d,b):ID(d,c,b,e,f)}return null},KD=function(a){if($APP.n($APP.l(a,"__xCommandPaletteRefs"))){var b=ED(a);if($APP.I($APP.l(a,"__xCommandPaletteModel"),b)){var c=$APP.l(a,"__xCommandPaletteRefs");if($APP.n(c)){var d=$APP.l(c,"overlay"),e=$APP.l(c,"input"),f=$APP.l(c,"empty");c=$APP.l(c,"panel");var h=$APP.G(b);h=$APP.C(h,$APP.Rj);$APP.T(c,
|
|
10
|
+
"aria-label",$APP.n(h)?h:"Command palette");c=$APP.G(b);c=$APP.C(c,BD);$APP.n(c)?$APP.U(d,"hidden"):$APP.T(d,"hidden","");h=$APP.G(b);d=$APP.C(h,$APP.Qj);c=$APP.C(h,$APP.Zt);h=$APP.C(h,$APP.Sj);$APP.T(e,"placeholder",d);$APP.T(e,"aria-expanded",$APP.n(c)?"true":"false");$APP.n(h)?($APP.T(e,"disabled",""),$APP.T(e,"aria-disabled","true")):($APP.U(e,"disabled"),$APP.U(e,"aria-disabled"));e=$APP.G(b);e=$APP.C(e,yD);f.textContent=e;JD(a);a=$APP.Q(a,"__xCommandPaletteModel",b)}else a=null}else a=null;
|
|
11
|
+
return a}return null},LD=function(a){if($APP.n(a.hasAttribute("open")))a=null;else if($APP.fj(a,"x-command-palette-open-request",{})){$APP.T(a,"open","");var b=$APP.l(a,"__xCommandPaletteRefs");b=$APP.n(b)?$APP.l(b,"input"):null;$APP.n(b)&&b.focus();KD(a);a=$APP.dj(a,"x-command-palette-open",{})}else a=null;return a},MD=function(a){if($APP.n(a.hasAttribute("open")))if($APP.fj(a,"x-command-palette-close-request",{})){$APP.U(a,"open");var b=$APP.l(a,"__xCommandPaletteRefs");b=$APP.n(b)?$APP.l(b,"input"):
|
|
12
|
+
null;$APP.n(b)&&$APP.U(b,"aria-activedescendant");KD(a);a=$APP.dj(a,"x-command-palette-close",{})}else a=null;else a=null;return a},ND=function(a){var b=$APP.l(a,"__xCommandPaletteQuery");b=$APP.n(b)?b:"";a=nD($APP.l(a,"__xCommandPaletteItems"));a=pD(a,b);a=$APP.G(a);return $APP.C(a,$APP.Ys)},PD=function(a,b){var c=ND(a);var d=$APP.l(a,"__xCommandPaletteActiveIdx");d=$APP.n(d)?d:0;$APP.z.j(b,OD)?(c=qD(c,$APP.n(d)?d:-1,1),c=$APP.n(c)?c:0):(b=$APP.w(c),c=qD(c,$APP.n(d)?d:b,-1),c=$APP.n(c)?c:0);$APP.Q(a,
|
|
13
|
+
"__xCommandPaletteActiveIdx",c);JD(a);a=$APP.l(a,"__xCommandPaletteRefs");a=$APP.n(a)?$APP.l(a,"list"):null;a=$APP.n(a)?a.querySelector("["+$APP.P.i("data-idx")+"\x3d'"+$APP.P.i(c)+"']"):null;return $APP.n(a)?a.scrollIntoView({block:"nearest"}):null},QD=function(a,b){return $APP.n($APP.n(b)?$APP.p($APP.Sj.i(b)):b)&&$APP.fj(a,"x-command-palette-select-request",{item:$APP.bm(b)})?($APP.dj(a,"x-command-palette-select",{item:$APP.bm(b)}),MD(a)):null},SD=function(a,b){var c=b.key;return $APP.z.j(c,"ArrowDown")?
|
|
14
|
+
(b.preventDefault(),PD(a,OD)):$APP.z.j(c,"ArrowUp")?(b.preventDefault(),PD(a,RD)):$APP.z.j(c,"Enter")?(b.preventDefault(),b=ND(a),c=$APP.l(a,"__xCommandPaletteActiveIdx"),QD(a,$APP.B(b,$APP.n(c)?c:0,null))):$APP.z.j(c,"Escape")?(b=ED(a),$APP.n(AD.i(b))?MD(a):null):null},TD=function(a){function b(){var x=$APP.l(a,"__xCommandPaletteRefs"),y=$APP.n(x)?$APP.l(x,"input"):null;x=$APP.n(x)?$APP.l(x,"clear-btn"):null;$APP.n(y)&&(y.value="");$APP.n(x)&&$APP.T(x,"hidden","");$APP.Q(a,"__xCommandPaletteQuery",
|
|
15
|
+
"");$APP.Q(a,"__xCommandPaletteActiveIdx",0);$APP.dj(a,"x-command-palette-query-change",{query:""});JD(a);return $APP.n(y)?y.focus():null}function c(x){x=x.target.closest("["+$APP.P.i("part")+"\x3d"+$APP.P.i("item")+"]");if($APP.n(x)){x=parseInt(x.getAttribute("data-idx"),10);var y=ND(a);x=QD(a,$APP.B(y,x,null))}else x=null;return x}function d(){var x=ED(a);return $APP.n(zD.i(x))?MD(a):null}function e(x){return SD(a,x)}function f(){var x=$APP.l(a,"__xCommandPaletteRefs"),y=$APP.n(x)?$APP.l(x,"input"):
|
|
16
|
+
null;x=$APP.n(x)?$APP.l(x,"clear-btn"):null;y=$APP.n(y)?y.value:null;$APP.Q(a,"__xCommandPaletteQuery",$APP.n(y)?y:"");$APP.Q(a,"__xCommandPaletteActiveIdx",0);$APP.n(x)&&($APP.n($APP.n(y)?$APP.I(y,""):y)?$APP.U(x,"hidden"):$APP.T(x,"hidden",""));$APP.dj(a,"x-command-palette-query-change",{query:$APP.n(y)?y:""});return JD(a)}var h=$APP.l(a,"__xCommandPaletteRefs"),k=$APP.l(h,"input"),m=$APP.l(h,"overlay"),q=$APP.l(h,"list");h=$APP.l(h,"clear-btn");var u={};k.addEventListener("input",f);k.addEventListener("keydown",
|
|
17
|
+
e);m.addEventListener("click",d);q.addEventListener("click",c);h.addEventListener("click",b);u.input=f;u.keydown=e;u.scrim=d;u.list=c;u.clear=b;$APP.Q(a,"__xCommandPaletteHandlers",u)},UD=function(a){var b=$APP.l(a,"__xCommandPaletteRefs");a=$APP.l(a,"__xCommandPaletteHandlers");if($APP.n($APP.n(b)?a:b)){var c=$APP.l(b,"input"),d=$APP.l(b,"overlay"),e=$APP.l(b,"list");b=$APP.l(b,"clear-btn");c.removeEventListener("input",$APP.l(a,"input"));c.removeEventListener("keydown",$APP.l(a,"keydown"));d.removeEventListener("click",
|
|
18
|
+
$APP.l(a,"scrim"));e.removeEventListener("click",$APP.l(a,"list"));return b.removeEventListener("click",$APP.l(a,"clear"))}return null},$D=function(a){if(!$APP.n($APP.l(a,"__xCommandPaletteRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");$APP.T(d,"part","overlay");var e=document.createElement("div");var f=document.createElement("span"),h=document.createElement("input"),k=document.createElement("button");$APP.T(e,"part","search-wrap");$APP.T(f,
|
|
19
|
+
"part","search-icon");$APP.T(f,"aria-hidden","true");f.textContent="\ud83d\udd0d";$APP.T(h,"part","input");$APP.T(h,"type","search");$APP.T(h,"role","combobox");$APP.T(h,"autocomplete","off");$APP.T(h,"autocorrect","off");$APP.T(h,"spellcheck","false");$APP.T(h,"aria-autocomplete","list");$APP.T(h,"aria-expanded","false");$APP.T(h,"aria-controls","x-cp-list");$APP.T(k,"part","clear-btn");$APP.T(k,"type","button");$APP.T(k,"aria-label","Clear");$APP.T(k,"hidden","");e.appendChild(f);e.appendChild(h);
|
|
20
|
+
e.appendChild(k);e=new $APP.M(null,3,[VD,e,WD,h,XD,k],null);f=document.createElement("div");h=document.createElement("div");k=document.createElement("div");$APP.T(f,"part","list-wrap");$APP.T(h,"part","list");$APP.T(h,"id","x-cp-list");$APP.T(h,"role","listbox");$APP.T(h,"aria-label","Results");$APP.T(k,"part","empty");$APP.T(k,"hidden","");f.appendChild(h);f.appendChild(k);h=new $APP.M(null,3,[YD,f,ZD,h,$APP.gs,k],null);k=document.createElement("div");$APP.T(k,"part","panel");$APP.T(k,"role","dialog");
|
|
21
|
+
$APP.T(k,"aria-modal","true");k.appendChild(VD.i(e));k.appendChild(YD.i(h));f={};c.textContent=":host{display:contents;}[part\x3doverlay]{display:none;position:fixed;inset:0;background:var(--x-command-palette-backdrop,rgba(0,0,0,0.45));z-index:var(--x-command-palette-z,800);}[part\x3dpanel]{display:none;position:fixed;top:20vh;left:50%;transform:translateX(-50%);width:var(--x-command-palette-width,560px);max-width:calc(100vw - 2rem);max-height:60dvh;z-index:calc(var(--x-command-palette-z,800) + 1);flex-direction:column;border-radius:var(--x-command-palette-radius,var(--x-radius-lg,12px));background:var(--x-command-palette-bg,var(--x-color-bg,#fff));box-shadow:var(--x-command-palette-shadow,var(--x-shadow-lg,0 20px 60px rgba(0,0,0,0.25),0 4px 16px rgba(0,0,0,0.12)));overflow:hidden;}:host([open]) [part\x3doverlay]{display:block;}:host([open]) [part\x3dpanel]{display:flex;}[part\x3dsearch-wrap]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--x-command-palette-divider,rgba(0,0,0,0.08));}[part\x3dsearch-icon]{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--x-command-palette-icon-color,var(--x-color-text-muted,#64748b));}[part\x3dinput]{flex:1;border:none;outline:none;background:transparent;font-size:1rem;line-height:1.5;color:var(--x-command-palette-text,inherit);}[part\x3dinput]::placeholder{color:var(--x-command-palette-placeholder,var(--x-color-text-muted,#94a3b8));}[part\x3dclear-btn]{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--x-command-palette-icon-color,var(--x-color-text-muted,#64748b));}[part\x3dclear-btn]:focus-visible{outline:2px solid var(--x-command-palette-focus-ring,var(--x-color-focus-ring,#60a5fa));}[part\x3dclear-btn][hidden]{display:none;}[part\x3dlist-wrap]{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 0;}[part\x3dlist]{display:flex;flex-direction:column;}[part\x3ditem]{padding:10px 16px;cursor:default;font-size:var(--x-font-size-sm,0.9375rem);line-height:1.4;color:var(--x-command-palette-item-text,inherit);border-radius:0;outline:none;}[part\x3ditem]:hover,[part\x3ditem]:focus{background:var(--x-command-palette-item-hover,var(--x-color-surface-active,#f1f5f9));}[part\x3ditem][aria-selected\x3dtrue]{background:var(--x-command-palette-item-active,#e0e7ff);color:var(--x-command-palette-item-active-text,#3730a3);}[part\x3ditem][aria-disabled\x3dtrue]{opacity:0.45;cursor:default;pointer-events:none;}[part\x3dgroup-header]{padding:8px 16px 4px;font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--x-command-palette-group-text,var(--x-color-text-muted,#94a3b8));}[part\x3dempty]{padding:32px 16px;text-align:center;color:var(--x-command-palette-empty-text,var(--x-color-text-muted,#94a3b8));font-size:0.9375rem;}[part\x3dempty][hidden]{display:none;}@media (prefers-color-scheme:dark){[part\x3dpanel]{background:var(--x-command-palette-bg,var(--x-color-bg,#1e293b));box-shadow:var(--x-command-palette-shadow,var(--x-shadow-lg,0 20px 60px rgba(0,0,0,0.6),0 4px 16px rgba(0,0,0,0.4)));}[part\x3dsearch-wrap]{border-bottom-color:var(--x-command-palette-divider,rgba(255,255,255,0.08));}[part\x3ditem]:hover,[part\x3ditem]:focus{background:var(--x-command-palette-item-hover,var(--x-color-text-muted,#334155));}[part\x3ditem][aria-selected\x3dtrue]{background:var(--x-command-palette-item-active,#312e81);color:var(--x-command-palette-item-active-text,#c7d2fe);}}@media (prefers-reduced-motion:reduce){[part\x3dpanel],[part\x3doverlay]{transition:none;}}";
|
|
22
|
+
b.appendChild(c);b.appendChild(d);b.appendChild(k);f.overlay=d;f.panel=k;b=WD.i(e);f.input=b;b=XD.i(e);f["clear-btn"]=b;b=ZD.i(h);f.list=b;b=$APP.gs.i(h);f.empty=b;$APP.Q(a,"__xCommandPaletteRefs",f)}UD(a);TD(a);return KD(a)},aE=function(a){return UD(a)},bE=function(a,b,c,d){if($APP.I(c,d)&&(KD(a),$APP.z.j(b,"open")&&d!=null)){a=$APP.l(a,"__xCommandPaletteRefs");var e=$APP.n(a)?$APP.l(a,"input"):null;return $APP.n(e)?requestAnimationFrame(function(){return e.focus()}):null}return null},cE=function(a){Object.defineProperty(a,
|
|
23
|
+
"items",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xCommandPaletteItems");return $APP.n(b)?b:[]},set:function(b){$APP.Q(this,"__xCommandPaletteItems",b);$APP.Q(this,"__xCommandPaletteActiveIdx",0);return JD(this)}})},dE=function(a){Object.defineProperty(a,"show",{configurable:!0,writable:!0,value:function(){return LD(this)}});Object.defineProperty(a,"close",{configurable:!0,writable:!0,value:function(){return MD(this)}});return Object.defineProperty(a,"toggle",{configurable:!0,
|
|
24
|
+
writable:!0,value:function(){return $APP.n(this.hasAttribute("open"))?MD(this):LD(this)}})},eE=function(a){$APP.ij(a,"open","open");$APP.ij(a,"disabled","disabled");cE(a);return dE(a)},gE=function(){return $APP.xi("x-command-palette",new $APP.M(null,5,[$APP.hi,fE,$APP.fi,$D,$APP.ci,aE,$APP.bi,bE,$APP.gi,eE],null))},yD=new $APP.F(null,"empty-text","empty-text",1554384594),XD=new $APP.F(null,"clear-btn","clear-btn",1023677608),sD=new $APP.F(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),
|
|
25
|
+
rD=new $APP.F(null,"empty-text-raw","empty-text-raw",1477406757),wD=new $APP.F(null,"dismissible-raw","dismissible-raw",947680658),ZD=new $APP.F(null,"list","list",765357683),xD=new $APP.F(null,"modal-raw","modal-raw",-263722282),AD=new $APP.F(null,"close-on-escape?","close-on-escape?",-1559868909),oD=new $APP.F(null,"groups","groups",-136896102),uD=new $APP.F(null,"close-on-escape-raw","close-on-escape-raw",-1942646255),BD=new $APP.F(null,"scrim?","scrim?",744210580),WD=new $APP.F(null,"input","input",
|
|
26
|
+
556931961),vD=new $APP.F(null,"no-scrim-raw","no-scrim-raw",-1344365743),zD=new $APP.F(null,"close-on-scrim?","close-on-scrim?",-367113965),lD=new $APP.F(null,"group","group",582596132),OD=new $APP.F(null,"down","down",1565245570),mD=new $APP.F(null,"search-str","search-str",-821246171),RD=new $APP.F(null,"up","up",-269712113),CD=new $APP.F(null,"modal?","modal?",2146094679),VD=new $APP.F(null,"search-wrap","search-wrap",-1719739506),YD=new $APP.F(null,"list-wrap","list-wrap",-510225298),tD=new $APP.F(null,
|
|
27
|
+
"disabled-raw","disabled-raw",498098381);var fE="open modal dismissible disabled no-scrim close-on-scrim close-on-escape label placeholder empty-text".split(" ");
|
|
28
|
+
$APP.he(["x-command-palette-open-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,$APP.ie],null),"x-command-palette-open",new $APP.M(null,2,[$APP.yt,!1,$APP.V,$APP.ie],null),"x-command-palette-close-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,$APP.ie],null),"x-command-palette-close",new $APP.M(null,2,[$APP.yt,!1,$APP.V,$APP.ie],null),"x-command-palette-select-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,new $APP.M(null,1,[$APP.yr,$APP.ys],null)],null),"x-command-palette-select",new $APP.M(null,2,
|
|
29
|
+
[$APP.yt,!1,$APP.V,new $APP.M(null,1,[$APP.yr,$APP.ys],null)],null),"x-command-palette-query-change",new $APP.M(null,2,[$APP.yt,!1,$APP.V,new $APP.M(null,1,[$APP.Kp,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_command_palette.init",gE);export const init=gE;
|
package/dist/x-confetti.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
Math.PI;case "center":return 2*Math.PI*c;case "point":return 2*Math.PI*c;default:return.5*Math.PI}}();switch(a){case "center":case "point":return d;default:return d+b*(2*c-1)}},
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
if($APP.n(b))return b;b=
|
|
10
|
-
var
|
|
11
|
-
performance.now())
|
|
12
|
-
0||q>a+80)f.alive=!1}e+=1}else break},
|
|
13
|
-
.6;b=c*.45;a.beginPath();for(var d=0;;)if(d<10){var e=$APP.
|
|
14
|
-
0:b)){b.clearRect(0,0,d,e);d=c.length;for(e=0;;)if(e<d){var f=c[e];if($APP.n(f.alive)){var h=f.life,
|
|
15
|
-
(a=a[$APP.
|
|
16
|
-
m=
|
|
17
|
-
"x-confetti-end",{duration:0})
|
|
18
|
-
$APP.
|
|
19
|
-
$APP.
|
|
20
|
-
"shapes-raw",
|
|
21
|
-
|
|
22
|
-
"var(--x-color-warning,#f59e0b)","var(--x-color-info,#0ea5e9)"],null),
|
|
23
|
-
$APP.W,"duration",$APP.
|
|
24
|
-
$APP.
|
|
25
|
-
"x-confetti-end",{duration:d})
|
|
2
|
+
var YV=function(a,b,c){return typeof a==="string"&&$APP.cd(b,a)?a:c},ZV=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},$V=function(a){return typeof a==="string"?$APP.De(function(b){return $APP.z.j("",b)},$APP.we.j(function(b){return b.trim()},a.split(","))):null},aW=function(a){a=$APP.$e($V(a));return $APP.r(a)?a:hia},bW=function(a){a=$V(a);a=$APP.n(a)?a:$V("square,ribbon");a=$APP.Ce(iia,a);return $APP.r(a)?$APP.$e(a):$APP.$e($V("square,ribbon"))},
|
|
3
|
+
jia=function(a,b,c,d,e){switch(a){case "top":return new $APP.J(null,2,5,$APP.K,[b*.5,0],null);case "center":return new $APP.J(null,2,5,$APP.K,[b*.5,c*.5],null);case "bottom":return new $APP.J(null,2,5,$APP.K,[b*.5,c],null);case "point":return new $APP.J(null,2,5,$APP.K,[typeof d==="number"?d:b*.5,typeof e==="number"?e:c*.5],null);default:return new $APP.J(null,2,5,$APP.K,[b*.5,0],null)}},kia=function(a,b){var c=Math.random();b=b/180*Math.PI;var d=function(){switch(a){case "top":return.5*Math.PI;case "bottom":return-.5*
|
|
4
|
+
Math.PI;case "center":return 2*Math.PI*c;case "point":return 2*Math.PI*c;default:return.5*Math.PI}}();switch(a){case "center":case "point":return d;default:return d+b*(2*c-1)}},cW=function(a){if(!$APP.n($APP.l(a,"__xConfettiRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("canvas"),f=e.getContext("2d");c.textContent=":host{display:block;pointer-events:none;}:host([data-mode\x3d'overlay']){position:fixed;inset:0;z-index:var(--x-confetti-z-index,9999);}:host([data-mode\x3d'inline']){position:absolute;inset:0;width:100%;height:100%;}[part\x3d'canvas-wrap']{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}canvas{display:block;width:100%;height:100%;}";
|
|
5
|
+
$APP.T(d,"part","canvas-wrap");$APP.T(e,"part","canvas");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xConfettiRefs",new $APP.M(null,4,[$APP.Ak,b,$APP.rp,d,$APP.wt,e,$APP.So,f],null));$APP.Q(a,"__xConfettiParticles",[]);$APP.Q(a,"__xConfettiCanvasW",0);$APP.Q(a,"__xConfettiCanvasH",0)}},dW=function(a,b,c){var d=$APP.wt.i($APP.l(a,"__xConfettiRefs")),e=$APP.So.i($APP.l(a,"__xConfettiRefs")),f=devicePixelRatio;f=Math.min(2,$APP.n(f)?f:1);var h=Math.max(1,Math.floor(b*f)),k=Math.max(1,
|
|
6
|
+
Math.floor(c*f));return $APP.n($APP.n(d)?$APP.n(e)?b>0&&c>0:e:d)?(d.width=h,d.height=k,e.setTransform(1,0,0,1,0,0),e.scale(f,f),$APP.Q(a,"__xConfettiCanvasW",b),$APP.Q(a,"__xConfettiCanvasH",c)):null},lia=function(a){var b=new ResizeObserver(function(c){if(c.length>0){var d=c[0].contentRect;c=d.width;d=d.height;return c>0&&d>0?dW(a,c,d):null}return null});b.observe(a);$APP.Q(a,"__xConfettiResizeObs",b)},uW=function(a){a=$APP.Eg([$APP.Hl,eW,$APP.oq,fW,$APP.Zp,mW,nW,oW,pW,$APP.Sj,qW],[a.getAttribute("mode"),
|
|
7
|
+
a.getAttribute("spread"),a.getAttribute("count"),a.hasAttribute("auto-fire"),a.getAttribute("duration"),a.getAttribute("gravity"),a.getAttribute("velocity"),a.getAttribute("colors"),a.getAttribute("shapes"),a.hasAttribute("disabled"),a.getAttribute("origin")]);var b=$APP.G(a);a=$APP.C(b,$APP.Sj);var c=$APP.C(b,qW),d=$APP.C(b,$APP.Hl),e=$APP.C(b,$APP.oq),f=$APP.C(b,eW),h=$APP.C(b,$APP.Zp),k=$APP.C(b,fW),m=$APP.C(b,mW),q=$APP.C(b,nW),u=$APP.C(b,oW);b=$APP.C(b,pW);return $APP.Eg([rW,$APP.Nl,$APP.Ht,
|
|
8
|
+
$APP.us,$APP.Yt,fW,$APP.Wo,$APP.Qs,$APP.Sj,$APP.ct,sW],[ZV(f,60,0,180),YV(d,mia,"overlay"),aW(u),ZV(h,4E3,200,2E4),ZV(m,.25,-2,2),$APP.D(k),Math.round(ZV(e,80,1,300)),YV(c,tW,"top"),$APP.D(a),ZV(q,14,1,60),bW(b)])},vW=function(a,b){cW(a);$APP.T(a,"data-mode",$APP.Nl.i(b));$APP.T(a,"aria-hidden","true");$APP.T(a,"tabindex","-1");return $APP.Q(a,"__xConfettiModel",b)},wW=function(a){var b=uW(a);return $APP.I($APP.l(a,"__xConfettiModel"),b)?vW(a,b):null},xW=function(a){var b=$APP.l(a,"__xConfettiModel");
|
|
9
|
+
if($APP.n(b))return b;b=uW(a);vW(a,b);return b},yW=function(a){var b=$APP.w(a);return b===0?null:$APP.xc(a,Math.floor(Math.random()*b))},nia=function(a,b,c,d,e,f,h,k,m,q){d=jia(b,function(){var H=$APP.l(a,"__xConfettiCanvasW");return $APP.n(H)?H:0}(),function(){var H=$APP.l(a,"__xConfettiCanvasH");return $APP.n(H)?H:0}(),c,d);c=$APP.B(d,0,null);d=$APP.B(d,1,null);c+=(Math.random()-.5)*60;d+=(Math.random()-.5)*30;b=kia(b,e);e=f*(.7+Math.random()*.5);f=e*Math.cos(b);b=e*Math.sin(b);e=2*Math.PI*Math.random();
|
|
10
|
+
var u=(Math.random()-.5)*.6,x=5+Math.random()*6,y=function(){var H=yW(m);return $APP.n(H)?H:"#ffffff"}(),A=function(){var H=yW(q);return $APP.n(H)?H:"square"}(),E={};E.x=c;E.y=d;E.vx=f;E.vy=b;E.rot=e;E.vrot=u;E.size=x;E.color=y;E.shape=A;E.life=k;E.max=k;E.g=h;E.alive=!0;return E},oia=function(a,b,c,d,e,f,h,k,m,q,u){for(var x=$APP.l(a,"__xConfettiParticles"),y=0;;)if(y<b)x.push(nia(a,c,d,e,f,h,k,m,q,u)),y+=1;else break},pia=function(a){if($APP.n($APP.l(a,"__xConfettiRaf")))return null;$APP.Q(a,"__xConfettiLastTime",
|
|
11
|
+
performance.now());$APP.Q(a,"__xConfettiBurstStart",performance.now());return $APP.Yi(a,"__xConfettiRaf",requestAnimationFrame(function(){return zW.i?zW.i(a):zW.call(null,a)}))},qia=function(a,b){var c=$APP.l(a,"__xConfettiParticles");a=$APP.l(a,"__xConfettiCanvasH");a=$APP.n(a)?a:0;for(var d=c.length,e=0;;)if(e<d){var f=c[e];if($APP.n(f.alive)){var h=(f.vy+f.g*b)*Math.pow(.998,b),k=f.vx*Math.pow(.985,b),m=f.x+k*b,q=f.y+h*b,u=f.rot+f.vrot*b,x=f.life-b*16.6667;f.vx=k;f.vy=h;f.x=m;f.y=q;f.rot=u;f.life=
|
|
12
|
+
x;if(x<=0||q>a+80)f.alive=!1}e+=1}else break},ria=function(a){for(var b=$APP.l(a,"__xConfettiParticles"),c=b.length,d=[],e=0;;)if(e<c){var f=b[e];$APP.n(f.alive)&&d.push(f);e+=1}else break;$APP.Q(a,"__xConfettiParticles",d);return d.length},sia=function(a,b,c){if($APP.z.j(b,"square"))a.fillRect(-(c*.5),-(c*.5),c,c);else if($APP.z.j(b,"ribbon"))b=Math.max(1.5,c*.35),a.fillRect(-(c*.5),-(b*.5),c,b);else if($APP.z.j(b,"circle"))a.beginPath(),a.arc(0,0,c*.5,0,2*Math.PI),a.fill();else if($APP.z.j(b,"star")){c*=
|
|
13
|
+
.6;b=c*.45;a.beginPath();for(var d=0;;)if(d<10){var e=$APP.sd(d,2)===0?c:b,f=Math.PI/5*d,h=e*Math.cos(f);e*=Math.sin(f);d===0?a.moveTo(h,e):a.lineTo(h,e);d+=1}else break;a.closePath();a.fill()}else a.fillRect(-(c*.5),-(c*.5),c,c)},tia=function(a){var b=$APP.So.i($APP.l(a,"__xConfettiRefs")),c=$APP.l(a,"__xConfettiParticles"),d=function(){var m=$APP.l(a,"__xConfettiCanvasW");return $APP.n(m)?m:0}(),e=function(){var m=$APP.l(a,"__xConfettiCanvasH");return $APP.n(m)?m:0}();if($APP.n($APP.n(b)?d>0&&e>
|
|
14
|
+
0:b)){b.clearRect(0,0,d,e);d=c.length;for(e=0;;)if(e<d){var f=c[e];if($APP.n(f.alive)){var h=f.life,k=f.max*.25;h=h<k?Math.max(0,h/k):1;b.save();b.translate(f.x,f.y);b.rotate(f.rot);b.globalAlpha=h;b.fillStyle=f.color;sia(b,f.shape,f.size);b.restore()}e+=1}else break;b.globalAlpha=1}},AW=function(a,b,c,d,e){var f=Math,h=f.min,k=Math,m=k.max;a=$APP.n(a)?a[$APP.ph(b)]:null;a==null||$APP.z.j(a,void 0)||(a=parseFloat(a),c=$APP.n(isNaN(a))?c:a);return h.call(f,m.call(k,c,d),e)},BW=function(a,b){return $APP.n(a)?
|
|
15
|
+
(a=a[$APP.ph(b)],a!=null&&$APP.p(isNaN(a))?parseFloat(a):null):null},wia=function(a,b){var c=xW(a);a=BW(b,uia);var d=AW(b,rW,rW.i(c),0,180);var e=$APP.Ht.i(c);var f=$APP.n(b)?b.colors:null;e=f==null?e:typeof f==="string"?aW(f):$APP.n(Array.isArray(f))?$APP.$e($APP.Cc(f)):e;f=AW(b,$APP.us,$APP.us.i(c),200,2E4);var h=AW(b,$APP.Yt,$APP.Yt.i(c),-2,2);var k=$APP.Wo.i(c);k=Math.round(AW(b,$APP.Wo,k,1,300));var m=$APP.Qs.i(c);var q=$APP.n(b)?b[$APP.ph($APP.Qs)]:null;m=q==null||$APP.z.j(q,void 0)?m:""+$APP.P.i(q);
|
|
16
|
+
m=YV(m,tW,"top");q=BW(b,via);var u=AW(b,$APP.ct,$APP.ct.i(c),1,60);c=sW.i(c);b=$APP.n(b)?b.shapes:null;b=b==null?c:typeof b==="string"?bW(b):$APP.n(Array.isArray(b))?bW(b.join(",")):c;return $APP.Eg([CW,rW,$APP.Ht,$APP.us,$APP.Yt,$APP.Wo,$APP.Qs,DW,$APP.ct,sW],[a,d,e,f,h,k,m,q,u,b])},EW=function(a,b){cW(a);wW(a);var c=xW(a);if($APP.n($APP.Sj.i(c)))return null;b=wia(a,b);$APP.dj(a,"x-confetti-fire",{count:$APP.Wo.i(b),origin:$APP.Qs.i(b)});if($APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches))return $APP.dj(a,
|
|
17
|
+
"x-confetti-end",{duration:0});c=$APP.Fe(function(d){var e=typeof d==="string";if($APP.n(e?d.startsWith("var("):e)){e=d.slice(4,d.length-1);var f=e.indexOf(",");d=f>=0?e.slice(0,f).trim():e.trim();e=f>=0?e.slice(f+1).trim():"";f=$APP.n(a)?window.getComputedStyle(a):null;d=$APP.n(f)?f.getPropertyValue(d):null;d=typeof d==="string"?d.trim():null;d=typeof d==="string"&&$APP.I("",d)?d:$APP.z.j("",e)?"#888":e}return d},$APP.Ht.i(b));oia(a,$APP.Wo.i(b),$APP.Qs.i(b),CW.i(b),DW.i(b),rW.i(b),$APP.ct.i(b),
|
|
18
|
+
$APP.Yt.i(b),$APP.us.i(b),c,sW.i(b));return pia(a)},yia=function(a){$APP.sj(a,xia);return Object.defineProperty(a,"fire",{value:function(b){return EW(this,b)},writable:!0,configurable:!0})},zia=function(a){cW(a);wW(a);var b=a.getBoundingClientRect(),c=b.width;b=b.height;c>0&&b>0&&dW(a,c,b);lia(a);c=a.hasAttribute("auto-fire");$APP.n($APP.n(c)?$APP.p(a.hasAttribute("disabled"))&&$APP.p($APP.l(a,"__xConfettiAutoFired")):c)?($APP.Q(a,"__xConfettiAutoFired",!0),a=EW(a,null)):a=null;return a},Aia=function(a){var b=
|
|
19
|
+
$APP.l(a,"__xConfettiRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Yi(a,"__xConfettiRaf",null));b=$APP.l(a,"__xConfettiResizeObs");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xConfettiResizeObs",null));return $APP.Q(a,"__xConfettiParticles",[])},Bia=function(a,b,c,d){return $APP.I(c,d)?wW(a):null},FW=function(){return $APP.xi("x-confetti",new $APP.M(null,5,[$APP.hi,Cia,$APP.fi,zia,$APP.ci,Aia,$APP.bi,Bia,$APP.gi,yia],null))},fW=new $APP.F(null,"auto-fire?","auto-fire?",847898900),pW=new $APP.F(null,"shapes-raw",
|
|
20
|
+
"shapes-raw",1137432568),nW=new $APP.F(null,"velocity-raw","velocity-raw",-1695855690),mW=new $APP.F(null,"gravity-raw","gravity-raw",2016054357),sW=new $APP.F(null,"shapes","shapes",1897594879),eW=new $APP.F(null,"spread-raw","spread-raw",-1032599183),uia=new $APP.F(null,"originX","originX",1706367036),via=new $APP.F(null,"originY","originY",586096556),DW=new $APP.F(null,"origin-y","origin-y",-1440842856),rW=new $APP.F(null,"spread","spread",862337191),oW=new $APP.F(null,"colors-raw","colors-raw",
|
|
21
|
+
-229024810),qW=new $APP.F(null,"origin-raw","origin-raw",473782430),CW=new $APP.F(null,"origin-x","origin-x",-1205354906);var Cia="mode origin count spread velocity gravity duration colors shapes auto-fire disabled".split(" "),mia=new $APP.ah(null,new $APP.M(null,2,["inline",null,"overlay",null],null),null),tW=new $APP.ah(null,new $APP.M(null,4,["top",null,"center",null,"bottom",null,"point",null],null),null),iia=new $APP.ah(null,new $APP.M(null,4,["star",null,"ribbon",null,"square",null,"circle",null],null),null),hia=new $APP.J(null,5,5,$APP.K,["var(--x-color-primary,#2563eb)","var(--x-color-accent,#8b5cf6)","var(--x-color-success,#16a34a)",
|
|
22
|
+
"var(--x-color-warning,#f59e0b)","var(--x-color-info,#0ea5e9)"],null),xia=$APP.Eg([$APP.um,rW,$APP.Nl,$APP.Ht,$APP.us,new $APP.F(null,"autoFire","autoFire",-813658451),$APP.Yt,$APP.Wo,$APP.Qs,$APP.ct,sW],[new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"disabled"],null),new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"spread",$APP.rj,60],null),new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"mode",$APP.rj,"overlay"],null),new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"colors",$APP.rj,""],null),new $APP.M(null,3,[$APP.O,$APP.Z,
|
|
23
|
+
$APP.W,"duration",$APP.rj,4E3],null),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"auto-fire"],null),new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"gravity",$APP.rj,.25],null),new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"count",$APP.rj,80],null),new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"origin",$APP.rj,"top"],null),new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"velocity",$APP.rj,14],null),new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"shapes",$APP.rj,"square,ribbon"],null)]);
|
|
24
|
+
$APP.he(["x-confetti-fire",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Wo,$APP.Z,$APP.Qs,$APP.X],null),$APP.yt,!1],null),"x-confetti-end",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.us,$APP.Z],null),$APP.yt,!1],null)]);var zW=function zW(a){$APP.Yi(a,"__xConfettiRaf",null);if($APP.n(a.isConnected)){var c=performance.now(),d=Math.min(100,c-function(){var e=$APP.l(a,"__xConfettiLastTime");return $APP.n(e)?e:c}())/16.6667;$APP.Q(a,"__xConfettiLastTime",c);qia(a,d);d=ria(a);tia(a);if(d>0)return $APP.Yi(a,"__xConfettiRaf",requestAnimationFrame(function(){return zW.i?zW.i(a):zW.call(null,a)}));d=Math.round(c-function(){var e=$APP.l(a,"__xConfettiBurstStart");return $APP.n(e)?e:c}());$APP.Q(a,"__xConfettiBurstStart",null);
|
|
25
|
+
return $APP.dj(a,"x-confetti-end",{duration:d})}return null};$APP.fa("baredom.exports.x_confetti.init",FW);export const init=FW;
|
package/dist/x-container.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
c.textContent="\n :host{\n display:block;\n color-scheme:light dark;\n\n --x-container-max-width-xs:480px;\n --x-container-max-width-sm:640px;\n --x-container-max-width-md:768px;\n --x-container-max-width-lg:1024px;\n --x-container-max-width-xl:1280px;\n\n --x-container-padding-sm:0.5rem;\n --x-container-padding-md:1rem;\n --x-container-padding-lg:1.5rem;\n\n --x-container-padding-block:0;\n --x-container-margin-inline:auto;\n\n --x-container-bg:transparent;\n --x-container-color:var(--x-color-text, #0f172a);\n --x-container-border:transparent;\n --x-container-radius:0;\n --x-container-shadow:none;\n }\n\n @media (prefers-color-scheme: dark){\n :host{\n --x-container-bg:transparent;\n --x-container-color:var(--x-color-text, #e5e7eb);\n --x-container-border:transparent;\n --x-container-radius:0;\n --x-container-shadow:none;\n }\n }\n\n [part\x3d'base']{\n display:block;\n box-sizing:border-box;\n width:100%;\n max-width:var(--x-container-max-width-lg);\n padding-inline:var(--x-container-padding-md);\n padding-block:var(--x-container-padding-block);\n margin-inline:0;\n background:var(--x-container-bg);\n color:var(--x-container-color);\n border:1px solid var(--x-container-border);\n border-radius:var(--x-container-radius);\n box-shadow:var(--x-container-shadow);\n }\n\n [part\x3d'base'][data-size\x3d'xs']{max-width:var(--x-container-max-width-xs);}\n [part\x3d'base'][data-size\x3d'sm']{max-width:var(--x-container-max-width-sm);}\n [part\x3d'base'][data-size\x3d'md']{max-width:var(--x-container-max-width-md);}\n [part\x3d'base'][data-size\x3d'lg']{max-width:var(--x-container-max-width-lg);}\n [part\x3d'base'][data-size\x3d'xl']{max-width:var(--x-container-max-width-xl);}\n [part\x3d'base'][data-size\x3d'full']{max-width:none;width:100%;}\n\n [part\x3d'base'][data-padding\x3d'none']{padding-inline:0;}\n [part\x3d'base'][data-padding\x3d'sm']{padding-inline:var(--x-container-padding-sm);}\n [part\x3d'base'][data-padding\x3d'md']{padding-inline:var(--x-container-padding-md);}\n [part\x3d'base'][data-padding\x3d'lg']{padding-inline:var(--x-container-padding-lg);}\n\n [part\x3d'base'][data-center\x3d'true']{\n margin-inline:var(--x-container-margin-inline);\n }\n\n [part\x3d'base'][data-center\x3d'false']{\n margin-inline:0;\n }\n\n [part\x3d'base'][data-fluid\x3d'true']{\n max-width:none;\n width:100%;\n }\n\n ";
|
|
6
|
-
|
|
7
|
-
-748944368);var ada=new $APP.pg(null,new $APP.O(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),bda=new $APP.pg(null,new $APP.O(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),cda=new $APP.pg(null,new $APP.O(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),gda="as size padding center fluid label".split(" ");$APP.ha("baredom.exports.x_container.init",jZ);export const init=jZ;
|
|
2
|
+
var YX=function(a,b,c){return typeof a==="string"&&$APP.cd(b,a)?a:c},bY=function(a){a=new $APP.M(null,6,[ZX,a.getAttribute("as"),$APP.Bm,a.getAttribute("size"),$APP.Xt,a.getAttribute("padding"),$X,a.center,aY,a.fluid,$APP.Rj,a.getAttribute("label")],null);var b=$APP.G(a);a=$APP.C(b,ZX);var c=$APP.C(b,$APP.Bm),d=$APP.C(b,$APP.Xt),e=$APP.C(b,$X),f=$APP.C(b,aY);b=$APP.C(b,$APP.Rj);return new $APP.M(null,6,[ZX,YX(a,Oja,"div"),$APP.Bm,YX(c,Pja,"lg"),$APP.Xt,YX(d,Qja,"md"),$X,$APP.D(e),aY,$APP.D(f),$APP.Rj,
|
|
3
|
+
$APP.Ji(b)?b:null],null)},cY=function(a){a=document.createElement(a);$APP.T(a,"part","base");return a},dY=function(a){if($APP.n($APP.l(a,"__xContainerRefs"))){var b=bY(a);if($APP.I($APP.l(a,"__xContainerModel"),b)){var c=$APP.l(a,"__xContainerRefs");if($APP.n(c)){var d=$APP.G(b),e=$APP.C(d,ZX);if($APP.I($APP.l(c,"base").tagName.toLowerCase(),e)){d=$APP.l(c,"root");var f=$APP.l(c,"base"),h=$APP.l(c,"slot");e=cY(e);e.appendChild(h);d.replaceChild(e,f);c.base=e}c=$APP.l(c,"base");e=$APP.G(b);d=$APP.C(e,
|
|
4
|
+
$APP.Bm);f=$APP.C(e,$APP.Xt);h=$APP.C(e,$X);e=$APP.C(e,aY);$APP.T(c,"data-size",d);$APP.T(c,"data-padding",f);$APP.T(c,"data-center",$APP.n(h)?"true":"false");$APP.T(c,"data-fluid",$APP.n(e)?"true":"false");d=$APP.G(b);d=$APP.C(d,$APP.Rj);$APP.n(d)?$APP.T(c,"aria-label",d):$APP.U(c,"aria-label");a=$APP.Q(a,"__xContainerModel",b)}else a=null}else a=null;return a}return null},Rja=function(a){$APP.jj(a,"center","center");return $APP.ij(a,"fluid","fluid")},Sja=function(a){if(!$APP.n($APP.l(a,"__xContainerRefs"))){var b=
|
|
5
|
+
ZX.i(bY(a)),c=a.attachShadow({mode:"open"}),d=document.createElement("style");b=cY(b);var e=document.createElement("slot"),f={};d.textContent="\n :host{\n display:block;\n color-scheme:light dark;\n\n --x-container-max-width-xs:480px;\n --x-container-max-width-sm:640px;\n --x-container-max-width-md:768px;\n --x-container-max-width-lg:1024px;\n --x-container-max-width-xl:1280px;\n\n --x-container-padding-sm:0.5rem;\n --x-container-padding-md:1rem;\n --x-container-padding-lg:1.5rem;\n\n --x-container-padding-block:0;\n --x-container-margin-inline:auto;\n\n --x-container-bg:transparent;\n --x-container-color:var(--x-color-text, #0f172a);\n --x-container-border:transparent;\n --x-container-radius:0;\n --x-container-shadow:none;\n }\n\n @media (prefers-color-scheme: dark){\n :host{\n --x-container-bg:transparent;\n --x-container-color:var(--x-color-text, #e5e7eb);\n --x-container-border:transparent;\n --x-container-radius:0;\n --x-container-shadow:none;\n }\n }\n\n [part\x3d'base']{\n display:block;\n box-sizing:border-box;\n width:100%;\n max-width:var(--x-container-max-width-lg);\n padding-inline:var(--x-container-padding-md);\n padding-block:var(--x-container-padding-block);\n margin-inline:0;\n background:var(--x-container-bg);\n color:var(--x-container-color);\n border:1px solid var(--x-container-border);\n border-radius:var(--x-container-radius);\n box-shadow:var(--x-container-shadow);\n }\n\n [part\x3d'base'][data-size\x3d'xs']{max-width:var(--x-container-max-width-xs);}\n [part\x3d'base'][data-size\x3d'sm']{max-width:var(--x-container-max-width-sm);}\n [part\x3d'base'][data-size\x3d'md']{max-width:var(--x-container-max-width-md);}\n [part\x3d'base'][data-size\x3d'lg']{max-width:var(--x-container-max-width-lg);}\n [part\x3d'base'][data-size\x3d'xl']{max-width:var(--x-container-max-width-xl);}\n [part\x3d'base'][data-size\x3d'full']{max-width:none;width:100%;}\n\n [part\x3d'base'][data-padding\x3d'none']{padding-inline:0;}\n [part\x3d'base'][data-padding\x3d'sm']{padding-inline:var(--x-container-padding-sm);}\n [part\x3d'base'][data-padding\x3d'md']{padding-inline:var(--x-container-padding-md);}\n [part\x3d'base'][data-padding\x3d'lg']{padding-inline:var(--x-container-padding-lg);}\n\n [part\x3d'base'][data-center\x3d'true']{\n margin-inline:var(--x-container-margin-inline);\n }\n\n [part\x3d'base'][data-center\x3d'false']{\n margin-inline:0;\n }\n\n [part\x3d'base'][data-fluid\x3d'true']{\n max-width:none;\n width:100%;\n }\n\n ";
|
|
6
|
+
b.appendChild(e);c.appendChild(d);c.appendChild(b);f.root=c;f.base=b;f.slot=e;$APP.Q(a,"__xContainerRefs",f)}return dY(a)},Tja=function(a,b,c,d){return $APP.I(c,d)?dY(a):null},eY=function(){return $APP.xi("x-container",new $APP.M(null,4,[$APP.hi,Uja,$APP.fi,Sja,$APP.bi,Tja,$APP.gi,Rja],null))},aY=new $APP.F(null,"fluid","fluid",-1823657759),ZX=new $APP.F(null,"as","as",1148689641),$X=new $APP.F(null,"center","center",-748944368);var Oja=new $APP.ah(null,new $APP.M(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),Pja=new $APP.ah(null,new $APP.M(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),Qja=new $APP.ah(null,new $APP.M(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),Uja="as size padding center fluid label".split(" ");$APP.fa("baredom.exports.x_container.init",eY);export const init=eY;
|
package/dist/x-context-menu.d.ts
CHANGED
|
@@ -16,6 +16,10 @@ export interface XContextMenu extends HTMLElement {
|
|
|
16
16
|
placement: string;
|
|
17
17
|
offset: string;
|
|
18
18
|
zIndex: string;
|
|
19
|
+
openAt(x: number, y: number): void;
|
|
20
|
+
toggleAt(x: number, y: number): void;
|
|
21
|
+
openForElement(anchor: Record<string, any>): void;
|
|
22
|
+
close(): void;
|
|
19
23
|
|
|
20
24
|
addEventListener<K extends keyof XContextMenuEventMap>(
|
|
21
25
|
type: K,
|
package/dist/x-context-menu.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP
|
|
4
|
-
2,[$APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
b);b=document.createElement("div")
|
|
8
|
-
|
|
9
|
-
"keyboard"):
|
|
10
|
-
|
|
11
|
-
{keydown:c,click:b}
|
|
12
|
-
b,c
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
c.
|
|
17
|
-
|
|
18
|
-
"z-index-raw",-1179679257)
|
|
19
|
-
new $APP.F(null,"zIndex","zIndex",-1588341609),new $APP.
|
|
20
|
-
$APP.
|
|
21
|
-
!1,$APP.
|
|
2
|
+
var W8=function(a){return $APP.n(a)?a.shadowRoot.querySelector("[part\x3dpanel]"):null},X8=function(a,b){return typeof a==="string"?(a=parseInt(a,10),$APP.p(isNaN(a))&&a>0?a:b):b},zsa=function(a){return $APP.z.j(a,"bottom-start")?"top-start":$APP.z.j(a,"bottom-end")?"top-end":$APP.z.j(a,"top-start")?"bottom-start":$APP.z.j(a,"top-end")?"bottom-end":$APP.z.j(a,"right-start")?"left-start":$APP.z.j(a,"left-start")?"right-start":a},Asa=function(a,b,c,d){var e=$APP.G(c);c=$APP.C(e,$APP.Xs);var f=$APP.C(e,
|
|
3
|
+
$APP.Ws),h=$APP.C(e,$APP.Nn);e=$APP.C(e,$APP.On);var k=$APP.G(d);d=$APP.C(k,$APP.Nn);k=$APP.C(k,$APP.On);switch(a){case "bottom-start":return new $APP.M(null,2,[$APP.Xs,c,$APP.Ws,f+e+b],null);case "bottom-end":return new $APP.M(null,2,[$APP.Xs,c+h-d,$APP.Ws,f+e+b],null);case "top-start":return new $APP.M(null,2,[$APP.Xs,c,$APP.Ws,f-k-b],null);case "top-end":return new $APP.M(null,2,[$APP.Xs,c+h-d,$APP.Ws,f-k-b],null);case "right-start":return new $APP.M(null,2,[$APP.Xs,c+h+b,$APP.Ws,f],null);case "left-start":return new $APP.M(null,
|
|
4
|
+
2,[$APP.Xs,c-d-b,$APP.Ws,f],null);default:return new $APP.M(null,2,[$APP.Xs,c,$APP.Ws,f+e+b],null)}},Bsa=function(a,b,c,d){function e(y){var A=Asa(y,b,c,d);A=$APP.G(A);var E=$APP.C(A,$APP.Xs),H=$APP.C(A,$APP.Ws);A=E>=8&&E+m<=h-8;var N=H>=8&&H+q<=k-8;E=$APP.co.j($APP.uo.j(E,8),h-m-8);H=$APP.co.j($APP.uo.j(H,8),k-q-8);return new $APP.M(null,5,[$APP.Xs,E,$APP.Ws,H,$APP.tp,y,$APP.it,A&&N,$APP.Lr,$APP.uo.j(40,k-H-8)],null)}var f=$APP.G(new $APP.M(null,2,[$APP.Nn,window.innerWidth,$APP.On,window.innerHeight],
|
|
5
|
+
null)),h=$APP.C(f,$APP.Nn),k=$APP.C(f,$APP.On);f=$APP.G(d);var m=$APP.C(f,$APP.Nn),q=$APP.C(f,$APP.On),u=e(a),x=e(zsa(a));return $APP.n(function(){var y=$APP.it.i(u);return $APP.n(y)?y:$APP.p($APP.it.i(x))}())?u:x},a9=function(a){a=new $APP.M(null,5,[$APP.Hp,$APP.n(a.hasAttribute("open"))?a.getAttribute("open"):null,$APP.zj,$APP.n(a.hasAttribute("disabled"))?a.getAttribute("disabled"):null,$APP.Au,a.getAttribute("placement"),Y8,a.getAttribute("offset"),Z8,a.getAttribute("z-index")],null);var b=$APP.G(a),
|
|
6
|
+
c=$APP.C(b,$APP.Hp),d=$APP.C(b,$APP.zj),e=$APP.C(b,$APP.Au);a=$APP.C(b,Y8);b=$APP.C(b,Z8);c=$APP.Hi(c);d=$APP.Hi(d);e=typeof e==="string"&&$APP.cd(Csa,e)?e:"bottom-start";return new $APP.M(null,5,[$APP.Zt,c,$APP.Sj,d,$APP.Wq,e,$APP.qp,X8(a,8),$8,X8(b,1E3)],null)},b9=function(a){return $APP.Cc(a.querySelectorAll("[role\x3dmenuitem]:not([disabled]):not([aria-disabled\x3dtrue])"))},c9=function(a){return $APP.n(a)?a.focus():null},Dsa=function(a,b){a=$APP.kk(a,":host{color-scheme:light dark;--x-context-menu-bg:var(--x-color-bg,rgba(255,255,255,0.97));--x-context-menu-border:var(--x-color-border,rgba(0,0,0,0.1));--x-context-menu-shadow:var(--x-shadow-lg,0 8px 32px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.08));--x-context-menu-radius:var(--x-radius-md,10px);--x-context-menu-item-hover:rgba(0,0,0,0.05);--x-context-menu-item-active:rgba(0,0,0,0.09);--x-context-menu-item-fg:var(--x-color-text,rgba(0,0,0,0.87));--x-context-menu-separator:var(--x-color-border,rgba(0,0,0,0.1));}@media(prefers-color-scheme:dark){:host{--x-context-menu-bg:var(--x-color-bg,#1e293b);--x-context-menu-border:var(--x-color-border,rgba(255,255,255,0.12));--x-context-menu-shadow:var(--x-shadow-lg,0 8px 32px rgba(0,0,0,0.7),0 2px 8px rgba(0,0,0,0.4));--x-context-menu-item-hover:rgba(255,255,255,0.08);--x-context-menu-item-active:rgba(255,255,255,0.14);--x-context-menu-item-fg:var(--x-color-text,rgba(255,255,255,0.9));--x-context-menu-separator:var(--x-color-border,rgba(255,255,255,0.12));}}[part\x3dpanel]{position:absolute;min-width:160px;max-width:calc(100vw - 1rem);border-radius:var(--x-context-menu-radius);background:var(--x-context-menu-bg);border:1px solid var(--x-context-menu-border);box-shadow:var(--x-context-menu-shadow);padding:4px 0;overflow:auto;pointer-events:auto;outline:none;@media(prefers-reduced-motion:no-preference){transition:opacity 120ms ease,transform 120ms ease;}}[role\x3dmenuitem]{color:var(--x-context-menu-item-fg);}[role\x3dmenuitem]:hover{background:var(--x-context-menu-item-hover);}",
|
|
7
|
+
b);b=document.createElement("div");$APP.T(b,"part","panel");$APP.T(b,"role","menu");$APP.T(b,"tabindex","-1");a.shadowRoot.appendChild(b);return a},Esa=function(a,b){a=$APP.r($APP.Cc(a.children));for(var c=null,d=0,e=0;;)if(e<d){var f=c.C(null,e);b.appendChild(f.cloneNode(!0));e+=1}else if(a=$APP.r(a))c=a,$APP.Yc(c)?(a=$APP.Db(c),d=$APP.Eb(c),c=a,f=$APP.w(a),a=d,d=f):(f=$APP.t(c),b.appendChild(f.cloneNode(!0)),a=$APP.v(c),c=null,d=0),e=0;else break},d9=function(a,b,c,d,e,f){d=Bsa(c,d,b,e);b=$APP.Xs.i(d);
|
|
8
|
+
c=$APP.Ws.i(d);f=$APP.Yg.m(d,$8,f);d=$APP.G(f);f=$APP.C(d,$8);d=$APP.C(d,$APP.Lr);a.style.zIndex=""+$APP.P.i(f);a=W8(a);$APP.n(a)&&(a.style.left=""+$APP.P.i(b)+"px",a.style.top=""+$APP.P.i(c)+"px",a.style.maxHeight=""+$APP.P.i(d)+"px")},Fsa=function(a,b){function c(e){e.stopPropagation();e=e.target.closest("[role\x3dmenuitem]");return $APP.n(e)?($APP.dj(a,"x-context-menu-select",{item:e}),e9.j?e9.j(a,"select"):e9.call(null,a,"select")):null}var d=W8(b);$APP.lk(b,b,"keydown",function(e){var f=e.key,
|
|
9
|
+
h=b.shadowRoot.activeElement;return $APP.z.j(f,"Tab")?e9.j?e9.j(a,"keyboard"):e9.call(null,a,"keyboard"):$APP.z.j(f,"ArrowDown")?(e.preventDefault(),$APP.n(h)?(e=b9(d),h=$APP.gd(e).indexOf(h),h=$APP.B(e,$APP.sd(h+1,$APP.w(e)),null),h=c9(h)):h=c9($APP.t(b9(d))),h):$APP.z.j(f,"ArrowUp")?(e.preventDefault(),$APP.n(h)?(e=b9(d),f=$APP.w(e),h=$APP.gd(e).indexOf(h),h=$APP.B(e,$APP.sd(h+(f-1),f),null),h=c9(h)):h=c9($APP.t(b9(d))),h):($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&$APP.n(h)?(e.preventDefault(),h.click()):
|
|
10
|
+
null},!0);$APP.n(d)&&$APP.lk(b,d,"click",c,!1)},Gsa=function(a){function b(d){var e=$APP.l(a,"__xContextMenuLayer");if($APP.n(e)){var f=W8(e);d=d.composedPath();d=$APP.ne(function(h){return h===f},$APP.Cc(d));return $APP.n($APP.n(f)?$APP.p(d):f)?e9.j?e9.j(a,"backdrop"):e9.call(null,a,"backdrop"):null}return null}function c(d){return $APP.z.j(d.key,"Escape")?(d.preventDefault(),e9.j?e9.j(a,"keyboard"):e9.call(null,a,"keyboard")):null}$APP.ok(a,"__xContextMenuDocDeferral",function(){return $APP.n(a.hasAttribute("open"))?
|
|
11
|
+
(document.addEventListener("keydown",c),document.addEventListener("click",b),$APP.Q(a,"__xContextMenuDocH",{keydown:c,click:b})):null})},f9=function(a){$APP.nk(a,"__xContextMenuDocDeferral");var b=$APP.l(a,"__xContextMenuDocH");$APP.n(b)&&(document.removeEventListener("keydown",$APP.l(b,"keydown")),document.removeEventListener("click",$APP.l(b,"click")),$APP.Q(a,"__xContextMenuDocH",null))},e9=function(a,b){return $APP.n(a.hasAttribute("open"))&&$APP.fj(a,"x-context-menu-close-request",{reason:b})?
|
|
12
|
+
(f9(a),$APP.U(a,"open"),$APP.mk($APP.l(a,"__xContextMenuLayer")),$APP.Q(a,"__xContextMenuLayer",null),$APP.Q(a,"__xContextMenuAnchor",null),$APP.Q(a,"__xContextMenuModel",null),$APP.dj(a,"x-context-menu-close",{reason:b})):null},g9=function(a,b,c){if($APP.n(a.hasAttribute("disabled")))return null;$APP.n($APP.l(a,"__xContextMenuLayer"))&&e9(a,"programmatic");if($APP.fj(a,"x-context-menu-open-request",{reason:c})){var d=a9(a);d=$APP.G(d);var e=$APP.C(d,$APP.Wq),f=$APP.C(d,$APP.qp),h=$APP.C(d,$8),k=
|
|
13
|
+
Dsa(a,h);Esa(a,W8(k));Fsa(a,k);d9(k,b,e,f,new $APP.M(null,2,[$APP.Nn,200,$APP.On,300],null),h);$APP.T(a,"open","");$APP.Q(a,"__xContextMenuLayer",k);$APP.Q(a,"__xContextMenuAnchor",b);$APP.Q(a,"__xContextMenuModel",d);Gsa(a);requestAnimationFrame(function(){var m=W8(k);$APP.n(m)&&d9(k,b,e,f,new $APP.M(null,2,[$APP.Nn,m.offsetWidth,$APP.On,m.offsetHeight],null),h);return $APP.n(m)?c9($APP.t(b9(m))):null});return $APP.dj(a,"x-context-menu-open",{reason:c})}return null},Hsa=function(a){if(!$APP.Ti(a,
|
|
14
|
+
"__xContextMenuInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=":host{display:contents;}slot{display:none;}";b.appendChild(c);b.appendChild(d);$APP.Ui(a,"__xContextMenuInitialized")}return $APP.n(a.hasAttribute("open"))?$APP.U(a,"open"):null},Isa=function(a){f9(a);var b=$APP.l(a,"__xContextMenuLayer");return $APP.n(b)?($APP.mk(b),$APP.Q(a,"__xContextMenuLayer",null),$APP.Q(a,"__xContextMenuAnchor",null),$APP.Q(a,"__xContextMenuModel",
|
|
15
|
+
null)):null},Jsa=function(a,b,c,d){if($APP.I(c,d))if($APP.z.j(b,"open")&&$APP.p(a.hasAttribute("open"))){if(b=$APP.l(a,"__xContextMenuLayer"),$APP.n(b))return f9(a),$APP.mk(b),$APP.Q(a,"__xContextMenuLayer",null),$APP.Q(a,"__xContextMenuAnchor",null),$APP.Q(a,"__xContextMenuModel",null)}else if(c=$APP.l(a,"__xContextMenuLayer"),b=$APP.n(c)?$APP.z.j(b,"placement")||$APP.z.j(b,"offset")||$APP.z.j(b,"z-index"):c,$APP.n(b)&&(b=a9(a),$APP.I(b,$APP.l(a,"__xContextMenuModel")))){c=$APP.l(a,"__xContextMenuLayer");
|
|
16
|
+
if($APP.n(c)&&(d=$APP.l(a,"__xContextMenuAnchor"),$APP.n(d))){var e=a9(a),f=$APP.G(e);e=$APP.C(f,$APP.Wq);var h=$APP.C(f,$APP.qp);f=$APP.C(f,$8);var k=W8(c);d9(c,d,e,h,$APP.n(k)?new $APP.M(null,2,[$APP.Nn,k.offsetWidth,$APP.On,k.offsetHeight],null):new $APP.M(null,2,[$APP.Nn,200,$APP.On,300],null),f)}return $APP.Q(a,"__xContextMenuModel",b)}return null},Ksa=function(a){Object.defineProperty(a,"openAt",{value:function(b,c){return g9(this,new $APP.M(null,4,[$APP.Xs,b,$APP.Ws,c,$APP.Nn,1,$APP.On,1],
|
|
17
|
+
null),"programmatic")},writable:!0,configurable:!0});Object.defineProperty(a,"toggleAt",{value:function(b,c){return $APP.n(this.hasAttribute("open"))?e9(this,"toggle"):g9(this,new $APP.M(null,4,[$APP.Xs,b,$APP.Ws,c,$APP.Nn,1,$APP.On,1],null),"toggle")},writable:!0,configurable:!0});Object.defineProperty(a,"openForElement",{value:function(b){b=b.getBoundingClientRect();return g9(this,new $APP.M(null,4,[$APP.Xs,b.left,$APP.Ws,b.top,$APP.Nn,b.width,$APP.On,b.height],null),"programmatic")},writable:!0,
|
|
18
|
+
configurable:!0});return Object.defineProperty(a,"close",{value:function(){return e9(this,"programmatic")},writable:!0,configurable:!0})},Msa=function(a){$APP.sj(a,Lsa);return Ksa(a)},h9=function(){return $APP.xi("x-context-menu",new $APP.M(null,5,[$APP.hi,Nsa,$APP.fi,Hsa,$APP.ci,Isa,$APP.bi,Jsa,$APP.gi,Msa],null))},Z8=new $APP.F(null,"z-index-raw","z-index-raw",-1179679257),$8=new $APP.F(null,"z-index","z-index",1892827090),Y8=new $APP.F(null,"offset-raw","offset-raw",-1418404095);var Nsa=["open","disabled","placement","offset","z-index"],Csa=new $APP.ah(null,new $APP.M(null,6,["right-start",null,"bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null,"left-start",null],null),null),Lsa=new $APP.M(null,5,[$APP.ut,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"open"],null),$APP.um,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"disabled"],null),$APP.Wq,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"placement"],null),$APP.qp,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"offset"],null),
|
|
19
|
+
new $APP.F(null,"zIndex","zIndex",-1588341609),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"z-index"],null)],null);
|
|
20
|
+
$APP.he(["x-context-menu-open-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,new $APP.M(null,1,[$APP.Rp,$APP.X],null)],null),"x-context-menu-open",new $APP.M(null,2,[$APP.yt,!1,$APP.V,new $APP.M(null,1,[$APP.Rp,$APP.X],null)],null),"x-context-menu-close-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,new $APP.M(null,1,[$APP.Rp,$APP.X],null)],null),"x-context-menu-close",new $APP.M(null,2,[$APP.yt,!1,$APP.V,new $APP.M(null,1,[$APP.Rp,$APP.X],null)],null),"x-context-menu-select",new $APP.M(null,2,[$APP.yt,
|
|
21
|
+
!1,$APP.V,new $APP.M(null,1,[$APP.yr,$APP.ys],null)],null)]);$APP.fa("baredom.exports.x_context_menu.init",h9);export const init=h9;
|
package/dist/x-copy.js
CHANGED
|
@@ -1,22 +1,2 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
XK,$APP.Rp],[IK(b),$APP.A.j(f,"html")?"html":"text",typeof l==="string"&&$APP.I(l.trim(),"")?l.trim():null,typeof a==="string"&&$APP.I(a.trim(),"")?a.trim():null,KK(JK(c)),typeof d==="string"&&$APP.I(d.trim(),"")?d.trim():null,function(){var r;if(r=typeof h==="string")r=(r=$APP.I(h,""))?h:r;return $APP.n(r)?r:"Copy failed"}(),$APP.D(m),function(){var r;if(r=typeof q==="string")r=(r=$APP.I(q,""))?q:r;return $APP.n(r)?r:"Copied"}(),typeof e==="string"&&$APP.I(e.trim(),"")?e.trim():null])},ZK=function(a){var b=
|
|
4
|
-
$APP.G(a);a=$APP.C(b,$APP.Rp);var c=$APP.C(b,$APP.nm),d=$APP.C(b,TK);b=$APP.C(b,$APP.Gn);return{text:$APP.n(a)?a:"",mode:$APP.n(b)?b:"text",from:$APP.n(c)?c:null,fromAttr:$APP.n(d)?d:null}},$K=function(a){var b=$APP.k(a,"__xCopyRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("span"),e=document.createElement("button"),f=document.createElement("slot"),h=document.createElement("span"),l=document.createElement("slot"),m=document.createElement("span");
|
|
5
|
-
c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-copy-tooltip-bg:var(--x-color-bg,#1e293b);--x-copy-tooltip-fg:var(--x-color-text,#f8fafc);--x-copy-tooltip-success-bg:var(--x-color-primary,#15803d);--x-copy-tooltip-success-fg:#ffffff;--x-copy-tooltip-error-bg:var(--x-color-danger,#b91c1c);--x-copy-tooltip-error-fg:#fef2f2;--x-copy-tooltip-radius:var(--x-radius-md,6px);--x-copy-tooltip-padding:4px 8px;--x-copy-tooltip-font-size:var(--x-font-size-sm,0.8125rem);--x-copy-tooltip-z:100;}@media (prefers-color-scheme:dark){:host{--x-copy-tooltip-bg:var(--x-color-bg,#0f172a);--x-copy-tooltip-fg:var(--x-color-text,#e2e8f0);--x-copy-tooltip-success-bg:var(--x-color-primary,#166534);--x-copy-tooltip-success-fg:#ffffff;--x-copy-tooltip-error-bg:var(--x-color-danger,#991b1b);--x-copy-tooltip-error-fg:#fee2e2;}}[part\x3dwrap]{display:inline-flex;align-items:center;justify-content:center;}[part\x3dtrigger]{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;}[part\x3dtrigger]:focus-visible{outline:2px solid currentColor;outline-offset:2px;}:host([disabled]) [part\x3dtrigger]{opacity:0.55;pointer-events:none;cursor:default;}[part\x3dtooltip]{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--x-copy-tooltip-bg);color:var(--x-copy-tooltip-fg);border-radius:var(--x-copy-tooltip-radius);padding:var(--x-copy-tooltip-padding);font-size:var(--x-copy-tooltip-font-size);z-index:var(--x-copy-tooltip-z);pointer-events:none;}:host([data-tooltip-open]) [part\x3dtooltip]{display:block;}:host([data-tooltip-kind\x3dsuccess]) [part\x3dtooltip]{background:var(--x-copy-tooltip-success-bg);color:var(--x-copy-tooltip-success-fg);}:host([data-tooltip-kind\x3derror]) [part\x3dtooltip]{background:var(--x-copy-tooltip-error-bg);color:var(--x-copy-tooltip-error-fg);}@media (prefers-reduced-motion:reduce){[part\x3dtrigger]{transition:none;}}";
|
|
6
|
-
d.setAttribute("part","wrap");e.setAttribute("part","trigger");e.setAttribute("type","button");e.appendChild(f);h.setAttribute("part","tooltip");h.setAttribute("role","status");h.setAttribute("aria-live","polite");l.setAttribute("name","tooltip");m.setAttribute("part","tooltip-text");h.appendChild(l);h.appendChild(m);d.appendChild(e);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xCopyRefs={root:b,wrap:d,trigger:e,tooltip:h,tooltipSlot:l,tooltipText:m};return $APP.k(a,"__xCopyRefs")},aL=function(a){return YK($APP.Wf([NK,
|
|
7
|
-
$APP.dm,$APP.Op,OK,PK,$APP.vi,QK,RK,LK,MK],[a.getAttribute("from"),a.getAttribute("text"),a.getAttribute("mode"),a.getAttribute("error-message"),a.getAttribute("from-attr"),a.hasAttribute("disabled"),a.getAttribute("success-message"),a.getAttribute("show-tooltip"),a.getAttribute("hotkey"),a.getAttribute("tooltip-ms")]))},bL=function(a){var b=$APP.k(a,"__xCopyTextValue");if(typeof b==="string")return b;b=a.getAttribute("text");if(typeof b==="string"&&$APP.I(b,""))return b;b=a.getAttribute("from");
|
|
8
|
-
return typeof b==="string"&&$APP.I(b,"")&&(b=document.querySelector(b),$APP.n(b))?(a=a.getAttribute("from-attr"),a=typeof a==="string"&&$APP.I(a,"")?b.getAttribute(a):b.textContent,$APP.n(a)?a:""):""},cL=function(a){var b=bL(a),c=function(){var d=a.getAttribute("mode");return $APP.n(d)?d:"text"}();return new Promise(function(d,e){if($APP.A.j(c,"html")){if($APP.n(function(){var h=navigator.clipboard;return $APP.n(h)?window.ClipboardItem:h}()))return navigator.clipboard.write($APP.$l(new $APP.M(null,
|
|
9
|
-
1,5,$APP.N,[new ClipboardItem({"text/html":new Blob([b],{type:"text/html"}),"text/plain":new Blob([b],{type:"text/plain"})})],null))).then(function(){return d.i?d.i(b):d.call(null,b)}).catch(function(h){return e.i?e.i(h):e.call(null,h)});try{var f=document.createElement("textarea");f.value=b;document.body.appendChild(f);f.select();document.execCommand("copy");f.remove();return d.i?d.i(b):d.call(null,b)}catch(h){if(h instanceof Error)return f=h,e.i?e.i(f):e.call(null,f);throw h;}}else{if($APP.n(navigator.clipboard))return navigator.clipboard.writeText(b).then(function(){return d.i?
|
|
10
|
-
d.i(b):d.call(null,b)}).catch(function(h){try{return document.execCommand("copy"),d.i?d.i(b):d.call(null,b)}catch(l){if(l instanceof Error)return e.i?e.i(h):e.call(null,h);throw l;}});try{return f=document.createElement("textarea"),f.value=b,f.style.position="fixed",f.style.opacity="0",document.body.appendChild(f),f.select(),document.execCommand("copy"),f.remove(),d.i?d.i(b):d.call(null,b)}catch(h){if(h instanceof Error)return f=h,e.i?e.i(f):e.call(null,f);throw h;}}})},dL=function(a,b,c,d){var e=
|
|
11
|
-
$APP.k(a,"__xCopyRefs");if($APP.n(e)){var f=$APP.k(a,"__xCopyTid");$APP.n(f)&&(clearTimeout(f),a.__xCopyTid=null);$APP.S(a,"data-tooltip-open","");$APP.S(a,"data-tooltip-kind",b);$APP.k(e,"tooltipText").textContent=c;$APP.ja(a,"__xCopyTid",setTimeout(function(){a.__xCopyTid=null;$APP.T(a,"data-tooltip-open");$APP.T(a,"data-tooltip-kind");var h=$APP.k(a,"__xCopyRefs");$APP.n(h)&&($APP.k(h,"tooltipText").textContent="");return null},d))}},eL=function(a){if($APP.n(a.hasAttribute("disabled")))return Promise.resolve(null);
|
|
12
|
-
var b=aL(a),c=ZK(b);return $APP.Ph(a,"x-copy-request",c)?cL(a).then(function(d){$APP.Nh(a,"x-copy-success",{text:$APP.n(d)?d:""});$APP.n(SK.i(b))&&dL(a,"success",XK.i(b),VK.i(b));return d}).catch(function(d){$APP.Nh(a,"x-copy-error",{error:""+$APP.V.i(d)});$APP.n(SK.i(b))&&dL(a,"error",WK.i(b),VK.i(b));return Promise.reject(d)}):Promise.resolve(null)},fL=function(a,b){if(typeof b==="string"&&$APP.I(b,"")){var c=b.toLowerCase().split("+");b=$APP.Dc(c);var d=$APP.D($APP.ge(function(h){return $APP.A.j(h,
|
|
13
|
-
"ctrl")},c)),e=$APP.D($APP.ge(function(h){return $APP.A.j(h,"shift")},c)),f=$APP.D($APP.ge(function(h){return $APP.A.j(h,"alt")},c));c=$APP.D($APP.ge(function(h){return $APP.A.j(h,"meta")},c));return $APP.A.j(a.key.toLowerCase(),b)&&$APP.A.j(d,a.ctrlKey)&&$APP.A.j(e,a.shiftKey)&&$APP.A.j(f,a.altKey)&&$APP.A.j(c,a.metaKey)}return null},gL=function(a){function b(e){var f=a.getAttribute("hotkey");return $APP.n(fL(e,f))?(e.preventDefault(),eL(a)):null}function c(){return eL(a)}var d=$K(a);$APP.k(d,"trigger").addEventListener("click",
|
|
14
|
-
c);document.addEventListener("keydown",b);$APP.ja(a,"__xCopyHandlers",{click:c,keydown:b})},hL=function(a){var b=$APP.k(a,"__xCopyTid");$APP.n(b)&&(clearTimeout(b),a.__xCopyTid=null);b=$APP.k(a,"__xCopyHandlers");var c=$APP.k(a,"__xCopyRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.k(c,"trigger");var d=$APP.k(b,"click");b=$APP.k(b,"keydown");$APP.n(d)&&c.removeEventListener("click",d);$APP.n(b)&&document.removeEventListener("keydown",b)}a.__xCopyHandlers=null},iL=function(a){var b=$K(a),c=a.hasAttribute("disabled");
|
|
15
|
-
$APP.k(b,"trigger").disabled=$APP.D(c);$APP.n(c)?$APP.S(a,"aria-disabled","true"):$APP.T(a,"aria-disabled")},jL=function(a){$K(a);hL(a);gL(a);iL(a);return null},kL=function(a){hL(a);return null},lL=function(a,b,c,d){$APP.I(c,d)&&iL(a);return null},mL=function(a){$APP.Uh(a,"text","text");$APP.Uh(a,"from","from");$APP.Uh(a,"fromAttr","from-attr");$APP.Uh(a,"mode","mode");$APP.Uh(a,"successMessage","success-message");$APP.Uh(a,"errorMessage","error-message");$APP.Uh(a,"hotkey","hotkey");$APP.Sh(a,"disabled",
|
|
16
|
-
"disabled");Object.defineProperty(a,"showTooltip",{get:function(){return IK(this.getAttribute("show-tooltip"))},set:function(b){return $APP.n(b)?this.setAttribute("show-tooltip","true"):this.setAttribute("show-tooltip","false")},enumerable:!0,configurable:!0});Object.defineProperty(a,"tooltipMs",{get:function(){return JK(this.getAttribute("tooltip-ms"))},set:function(b){return b==null?this.removeAttribute("tooltip-ms"):this.setAttribute("tooltip-ms",""+$APP.V.i(b|0))},enumerable:!0,configurable:!0});
|
|
17
|
-
Object.defineProperty(a,"textValue",{get:function(){return $APP.k(this,"__xCopyTextValue")},set:function(b){this.__xCopyTextValue=typeof b==="string"?b:void 0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"copy",{value:function(){return eL(this)},enumerable:!0,configurable:!0,writable:!0})},oL=function(){return $APP.Ah("x-copy",new $APP.O(null,5,[$APP.qh,nL,$APP.oh,jL,$APP.lh,kL,$APP.kh,lL,$APP.ph,mL],null))},SK=new $APP.F(null,"show-tooltip?","show-tooltip?",-1214081087),MK=new $APP.F(null,
|
|
18
|
-
"tooltip-ms-raw","tooltip-ms-raw",-1973326401),XK=new $APP.F(null,"success-message","success-message",-96541601),OK=new $APP.F(null,"error-message-raw","error-message-raw",1910536231),UK=new $APP.F(null,"hotkey","hotkey",-329017295),WK=new $APP.F(null,"error-message","error-message",1756021561),pL=new $APP.F(null,"fromAttr","fromAttr",-1768252533),PK=new $APP.F(null,"from-attr-raw","from-attr-raw",761657416),VK=new $APP.F(null,"tooltip-ms","tooltip-ms",1062450417),QK=new $APP.F(null,"success-message-raw",
|
|
19
|
-
"success-message-raw",388691116),NK=new $APP.F(null,"from-raw","from-raw",-44462428),TK=new $APP.F(null,"from-attr","from-attr",1217901743),LK=new $APP.F(null,"hotkey-raw","hotkey-raw",1972404222),RK=new $APP.F(null,"show-tooltip-raw","show-tooltip-raw",453600717);var nL="text from from-attr mode disabled show-tooltip tooltip-ms success-message error-message hotkey".split(" ");
|
|
20
|
-
$APP.Wf([new $APP.F(null,"errorMessage","errorMessage",982744869),$APP.ck,new $APP.F(null,"textValue","textValue",-598870870),$APP.Gn,pL,new $APP.F(null,"tooltipMs","tooltipMs",1056463375),UK,$APP.nm,new $APP.F(null,"showTooltip","showTooltip",482349691),new $APP.F(null,"successMessage","successMessage",-789572803),$APP.Rp],[new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"error-message"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,null,new $APP.F(null,
|
|
21
|
-
"note","note",1426297904),"property-only override"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"mode"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"from-attr"],null),new $APP.O(null,2,[$APP.Q,$APP.Y,$APP.W,"tooltip-ms"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"hotkey"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"from"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"show-tooltip"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"success-message"],null),new $APP.O(null,2,[$APP.Q,$APP.X,
|
|
22
|
-
$APP.W,"text"],null)]);$APP.ce(["x-copy-request",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,4,[$APP.Rp,$APP.X,$APP.Gn,$APP.X,$APP.nm,$APP.X,pL,$APP.X],null)],null),"x-copy-success",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,1,[$APP.Rp,$APP.X],null)],null),"x-copy-error",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,1,[$APP.Nm,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_copy.init",oL);export const init=oL;
|
|
2
|
+
var BM=function(){return $APP.qm()};$APP.fa("baredom.exports.x_copy.init",BM);export const init=BM;
|