@vanelsas/baredom 2.9.0 → 3.1.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 +35 -0
- package/README.md +1 -1
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +106 -86
- package/dist/base.js +550 -455
- package/dist/integrity.json +103 -102
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -17
- 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 -11
- package/dist/x-chip.js +1 -1
- 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 -22
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- 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 +42 -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 -6
- 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 -18
- 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 -10
- 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 -38
- 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 -26
- 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 -19
- package/dist/x-radio.js +11 -11
- 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 -15
- package/dist/x-select.js +1 -11
- 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-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 +6 -6
- 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 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -23
- 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.d.ts +242 -0
- package/dist/x-trace-history.js +121 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -60
- package/package.json +9 -2
package/dist/x-combobox.js
CHANGED
|
@@ -1,27 +1,31 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null)}return null},
|
|
4
|
-
|
|
5
|
-
e=$APP.
|
|
6
|
-
|
|
7
|
-
"
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
"")
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
$APP.
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
b.appendChild(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
2,[$APP.
|
|
27
|
-
|
|
2
|
+
var zu=function(a,b){if(b==null||$APP.y.j(b,""))return a;var c=b.toLowerCase();return $APP.ye(function(d){d=$APP.H(d);d=$APP.C(d,$APP.bj);return $APP.I(-1,d.toLowerCase().indexOf(c))},a)},Au=function(a,b){return b!=null?$APP.fe(function(c){return $APP.y.j($APP.ei.i(c),b)?c:null},a):null},Bu=function(a,b){if(b!=null&&$APP.I(b,"")){var c=a.toLowerCase().indexOf(b.toLowerCase());if($APP.I(c,-1))return b=c+$APP.w(b),new $APP.N(null,3,[$APP.fs,a.substring(0,c),$APP.to,a.substring(c,b),$APP.Eq,a.substring(b)],
|
|
3
|
+
null)}return null},Cu=function(a){var b=$APP.l(a,"__xComboboxRefs");$APP.n(b)&&(b=$APP.l(b,"slot").assignedElements({flatten:!0}),b=$APP.tf.m($APP.we,$APP.Im.j($APP.te(function(c){return $APP.y.j("OPTION",c.tagName)}),$APP.oe.i(function(c){var d=c.getAttribute("value");return new $APP.N(null,2,[$APP.ei,$APP.n(d)?d:c.textContent,$APP.bj,c.textContent],null)})),$APP.Ac(b)),$APP.R(a,"__xComboboxOptions",b))},Du=function(a,b,c,d,e,f,h){$APP.T(b,"part","option");$APP.T(b,"role","option");$APP.T(b,"id",
|
|
4
|
+
""+$APP.P.i("x-cb-opt-")+$APP.P.i(c));$APP.T(b,"data-value",e);$APP.y.j(c,d)&&$APP.T(b,"data-active","");$APP.n(f)?(b.appendChild(document.createTextNode($APP.fs.i(f))),c=document.createElement("b"),c.textContent=$APP.to.i(f),b.appendChild(c),b.appendChild(document.createTextNode($APP.Eq.i(f)))):b.textContent=h;a.appendChild(b)},Eu=function(a,b){var c=document.createElement("div");$APP.T(c,"part","empty-msg");c.textContent="No matches";a.appendChild(c);return $APP.U(b,"aria-activedescendant")},Fu=
|
|
5
|
+
function(a,b,c,d,e){c=$APP.r($APP.ie($APP.Mm,c));for(var f=null,h=0,k=0;;)if(k<h){var m=f.F(null,k),q=$APP.B(m,0,null);m=$APP.B(m,1,null);var u=document.createElement("div"),x=Bu($APP.bj.i(m),function(){var z=$APP.l(a,"_query");return $APP.n(z)?z:""}());Du(a,u,q,d,$APP.ei.i(m),x,$APP.bj.i(m));$APP.y.j($APP.ei.i(m),e)&&$APP.T(u,"aria-selected","true");k+=1}else if(c=$APP.r(c))$APP.Wc(c)?(h=$APP.Cb(c),c=$APP.Db(c),f=h,h=$APP.w(h)):(h=$APP.t(c),f=$APP.B(h,0,null),h=$APP.B(h,1,null),k=document.createElement("div"),
|
|
6
|
+
q=Bu($APP.bj.i(h),function(){var z=$APP.l(a,"_query");return $APP.n(z)?z:""}()),Du(a,k,f,d,$APP.ei.i(h),q,$APP.bj.i(h)),$APP.y.j($APP.ei.i(h),e)&&$APP.T(k,"aria-selected","true"),c=$APP.v(c),f=null,h=0),k=0;else break;return d>=0?$APP.T(b,"aria-activedescendant",""+$APP.P.i("x-cb-opt-")+$APP.P.i(d)):$APP.U(b,"aria-activedescendant")},Gu=function(a){var b=$APP.l(a,"__xComboboxRefs");if($APP.n(b)){var c=$APP.l(b,"panel");b=$APP.l(b,"input");var d=function(){var k=$APP.l(a,"__xComboboxQuery");return $APP.n(k)?
|
|
7
|
+
k:""}(),e=zu($APP.l(a,"__xComboboxOptions"),d),f=function(){var k=$APP.l(a,"__xComboboxActiveIdx");return $APP.n(k)?k:0}();f=$APP.Pc(e)?-1:$APP.Hm.j(f,$APP.w(e)-1);var h=function(){var k=a.getAttribute("value");return $APP.n(k)?k:""}();c.textContent="";$APP.R(c,"_query",d);return $APP.Pc(e)?Eu(c,b):Fu(c,b,e,f,h)}return null},Iu=function(a){var b=new $APP.N(null,7,[$APP.Ti,a.getAttribute("value"),$APP.Ui,a.getAttribute("placeholder"),$APP.Si,a.getAttribute("name"),$APP.Wi,a.hasAttribute("disabled"),
|
|
8
|
+
$APP.Xi,a.hasAttribute("required"),$APP.Rn,a.hasAttribute("open"),$APP.Gs,a.getAttribute("placement")],null);var c=$APP.H(b),d=$APP.C(c,$APP.Ti),e=$APP.C(c,$APP.Ui),f=$APP.C(c,$APP.Si),h=$APP.C(c,$APP.Wi),k=$APP.C(c,$APP.Xi);b=$APP.C(c,$APP.Rn);c=$APP.C(c,$APP.Gs);d=$APP.n(d)?d:"";e=$APP.n(e)?e:"";f=$APP.n(f)?f:"";h=$APP.E(h);k=$APP.E(k);b=$APP.E(b);c=$APP.$c(Hu,c)?c:"bottom-start";b=new $APP.N(null,7,[$APP.ei,d,$APP.aj,e,$APP.$i,f,$APP.cj,h,$APP.dj,k,$APP.ls,b,$APP.Yo,c],null);$APP.I($APP.l(a,"__xComboboxModel"),
|
|
9
|
+
b)?(d=$APP.l(a,"__xComboboxRefs"),$APP.n(d)?(c=$APP.l(d,"input"),k=$APP.l(d,"panel"),d=Au($APP.l(a,"__xComboboxOptions"),$APP.ei.i(b)),f=$APP.H(b),e=$APP.C(f,$APP.aj),h=$APP.C(f,$APP.cj),f=$APP.C(f,$APP.ls),c.placeholder=e,c.disabled=h,$APP.T(c,"aria-expanded",""+$APP.P.i(f)),e=$APP.H(b),e=$APP.C(e,$APP.Yo),$APP.T(k,"data-placement",e),k=$APP.H(b),$APP.C(k,$APP.ei),k=$APP.C(k,$APP.ls),$APP.n(k)||(c.value=$APP.n(d)?$APP.bj.i(d):""),c=$APP.H(b),c=$APP.C(c,$APP.ei),$APP.I(c,"")?$APP.T(a,"data-has-value",
|
|
10
|
+
""):$APP.U(a,"data-has-value"),$APP.n($APP.ls.i(b))&&Gu(a),a=$APP.R(a,"__xComboboxModel",b)):a=null):a=null;return a},Ju=function(a,b){return $APP.p(a.hasAttribute("disabled"))&&$APP.p(a.hasAttribute("open"))&&$APP.ri(a,"x-combobox-toggle",{open:!0,source:b})?($APP.R(a,"__xComboboxQuery",""),$APP.R(a,"__xComboboxActiveIdx",0),$APP.T(a,"open",""),a=$APP.l(a,"__xComboboxRefs"),$APP.n(a)?$APP.l(a,"input").select():null):null},Ku=function(a,b){return $APP.n(a.hasAttribute("open"))&&$APP.ri(a,"x-combobox-toggle",
|
|
11
|
+
{open:!1,source:b})?($APP.R(a,"__xComboboxQuery",""),$APP.R(a,"__xComboboxActiveIdx",0),$APP.U(a,"open")):null},Lu=function(a,b,c){var d=a.getAttribute("value");return $APP.ri(a,"x-combobox-change-request",{value:b,label:c,previousValue:$APP.n(d)?d:""})?($APP.T(a,"value",b),d=$APP.l(a,"__xComboboxRefs"),$APP.n(d)&&($APP.l(d,"input").value=c),Ku(a,"select"),$APP.pi(a,"x-combobox-change",{value:b,label:c})):null},Mu=function(a,b){var c=zu($APP.l(a,"__xComboboxOptions"),function(){var e=$APP.l(a,"__xComboboxQuery");
|
|
12
|
+
return $APP.n(e)?e:""}());c=$APP.w(c);var d=function(){var e=$APP.l(a,"__xComboboxActiveIdx");return $APP.n(e)?e:0}();b=$APP.y.j(b,$APP.qp)?c===0?-1:$APP.qd(($APP.n(d)?d:-1)+1,c):c===0?-1:$APP.qd(($APP.n(d)?d:c)-1,c);$APP.R(a,"__xComboboxActiveIdx",b);Gu(a);b=$APP.l(a,"__xComboboxRefs");return $APP.n(b)?(b=$APP.l(b,"panel").querySelector("["+$APP.P.i("data-active")+"]"),$APP.n(b)?b.scrollIntoView({block:"nearest"}):null):null},Nu=function(a){var b=zu($APP.l(a,"__xComboboxOptions"),function(){var c=
|
|
13
|
+
$APP.l(a,"__xComboboxQuery");return $APP.n(c)?c:""}());b=$APP.B(b,function(){var c=$APP.l(a,"__xComboboxActiveIdx");return $APP.n(c)?c:0}(),null);return $APP.n(b)?Lu(a,$APP.ei.i(b),$APP.bj.i(b)):null},Ou=function(a,b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Bc(b.composedPath()),b=$APP.fe(function(c){return c===a},b),$APP.n(b)?null:Ku(a,"outside-click")):null},Ru=function(a){var b=$APP.l(a,"__xComboboxRefs");if($APP.n(b)){for(var c={},d=$APP.r(Pu),e=null,f=0,h=0;;)if(h<f){var k=e.F(null,h),m=
|
|
14
|
+
$APP.B(k,0,null),q=$APP.B(k,1,null),u=$APP.B(k,2,null),x=$APP.B(k,3,null),z=$APP.l(b,m);k=function(G,J,S,Q,X,ja,ka,na,Ga,Ia){return function($a){return Ia.j?Ia.j(a,$a):Ia.call(null,a,$a)}}(d,e,f,h,z,k,m,q,u,x,c,b,b);z.addEventListener(u,k);c[q]=k;h+=1}else if(m=$APP.r(d)){q=m;if($APP.Wc(q))d=$APP.Cb(q),h=$APP.Db(q),e=d,f=$APP.w(d),d=h;else{x=$APP.t(q);var A=$APP.B(x,0,null);u=$APP.B(x,1,null);z=$APP.B(x,2,null);var D=$APP.B(x,3,null);k=$APP.l(b,A);d=function(G,J,S,Q,X,ja,ka,na,Ga,Ia){return function($a){return Ia.j?
|
|
15
|
+
Ia.j(a,$a):Ia.call(null,a,$a)}}(d,e,f,h,k,x,A,u,z,D,q,m,c,b,b);k.addEventListener(z,d);c[u]=d;d=$APP.v(q);e=null;f=0}h=0}else break;d=$APP.r(Qu);e=null;for(h=f=0;;)if(h<f)z=e.F(null,h),q=$APP.B(z,0,null),u=$APP.B(z,1,null),k=$APP.B(z,2,null),z=function(G,J,S,Q,X,ja,ka,na){return function(Ga){return na.j?na.j(a,Ga):na.call(null,a,Ga)}}(d,e,f,h,z,q,u,k,c,b,b),a.addEventListener(u,z),c[q]=z,h+=1;else if(k=$APP.r(d))q=k,$APP.Wc(q)?(d=$APP.Cb(q),h=$APP.Db(q),e=d,f=$APP.w(d),d=h):(m=$APP.t(q),u=$APP.B(m,
|
|
16
|
+
0,null),z=$APP.B(m,1,null),x=$APP.B(m,2,null),d=function(G,J,S,Q,X,ja,ka,na){return function(Ga){return na.j?na.j(a,Ga):na.call(null,a,Ga)}}(d,e,f,h,m,u,z,x,q,k,c,b,b),a.addEventListener(z,d),c[u]=d,d=$APP.v(q),e=null,f=0),h=0;else break;$APP.R(a,"__xComboboxHandlers",c)}},Su=function(a){var b=$APP.l(a,"__xComboboxHandlers");if($APP.n(b)){var c=$APP.l(a,"__xComboboxRefs");if($APP.n(c)){for(var d=$APP.r(Pu),e=null,f=0,h=0;;)if(h<f){var k=e.F(null,h),m=$APP.B(k,0,null),q=$APP.B(k,1,null),u=$APP.B(k,
|
|
17
|
+
2,null);$APP.B(k,3,null);var x=$APP.l(c,m),z=$APP.l(b,q);$APP.n(function(){var G=x;return $APP.n(G)?z:G}())&&x.removeEventListener(u,z);h+=1}else if(d=$APP.r(d)){if($APP.Wc(d))f=$APP.Cb(d),d=$APP.Db(d),e=f,f=$APP.w(f);else{e=$APP.t(d);f=$APP.B(e,0,null);h=$APP.B(e,1,null);k=$APP.B(e,2,null);$APP.B(e,3,null);var A=$APP.l(c,f),D=$APP.l(b,h);$APP.n(function(){var G=A;return $APP.n(G)?D:G}())&&A.removeEventListener(k,D);d=$APP.v(d);e=null;f=0}h=0}else break;c=$APP.r(Qu);d=null;for(f=e=0;;)if(f<e)k=d.F(null,
|
|
18
|
+
f),m=$APP.B(k,0,null),h=$APP.B(k,1,null),$APP.B(k,2,null),k=$APP.l(b,m),$APP.n(k)&&a.removeEventListener(h,k),f+=1;else if(c=$APP.r(c))$APP.Wc(c)?(e=$APP.Cb(c),c=$APP.Db(c),d=e,e=$APP.w(e)):(e=$APP.t(c),f=$APP.B(e,0,null),d=$APP.B(e,1,null),$APP.B(e,2,null),e=$APP.l(b,f),$APP.n(e)&&a.removeEventListener(d,e),c=$APP.v(c),d=null,e=0),f=0;else break}$APP.R(a,"__xComboboxHandlers",null)}},Tu=function(a){return setTimeout(function(){if($APP.n(function(){var d=a.isConnected;return $APP.n(d)?a.hasAttribute("open"):
|
|
19
|
+
d}())){var b=function(d){return Ou(a,d)},c=$APP.l(a,"__xComboboxHandlers");$APP.n(c)&&(c.docClick=b);return document.addEventListener("click",b)}return null},0)},Uu=function(a){a=$APP.l(a,"__xComboboxHandlers");if($APP.n(a)){var b=$APP.l(a,"docClick");if($APP.n(b)){document.removeEventListener("click",b);a.docClick=null;return}}return null},Vu=function(a){if(!$APP.n($APP.l(a,"__xComboboxRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=""+$APP.P.i("x-cb-lb-")+$APP.P.i(crypto.randomUUID()),
|
|
20
|
+
e=document.createElement("input");$APP.T(e,"part","input");$APP.T(e,"type","text");$APP.T(e,"role","combobox");$APP.T(e,"aria-expanded","false");$APP.T(e,"aria-autocomplete","list");$APP.T(e,"aria-controls",d);$APP.T(e,"autocomplete","off");var f=document.createElement("button");$APP.T(f,"part","clear");$APP.T(f,"type","button");$APP.T(f,"aria-label","Clear");$APP.T(f,"tabindex","-1");f.textContent="×";var h=document.createElement("span");$APP.T(h,"part","chevron");$APP.T(h,"aria-hidden","true");
|
|
21
|
+
h.innerHTML='\x3csvg width\x3d"12" height\x3d"12" viewBox\x3d"0 0 12 12" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M2.5 4.5L6 8L9.5 4.5" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"/\x3e\x3c/svg\x3e';var k=document.createElement("div");$APP.T(k,"part","wrapper");k.appendChild(e);k.appendChild(f);k.appendChild(h);var m=document.createElement("div");$APP.T(m,"part","panel");$APP.T(m,"role","listbox");
|
|
22
|
+
$APP.T(m,"id",d);$APP.T(m,"data-placement","bottom-start");var q=document.createElement("slot"),u={};c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-combobox-bg:var(--x-color-surface,#ffffff);--x-combobox-fg:var(--x-color-text,#0f172a);--x-combobox-placeholder:var(--x-color-text-muted,#94a3b8);--x-combobox-border:1px solid var(--x-color-border,#e2e8f0);--x-combobox-border-hover:1px solid var(--x-color-border,#cbd5e1);--x-combobox-border-focus:1px solid var(--x-color-focus-ring,#60a5fa);--x-combobox-radius:var(--x-radius-md,6px);--x-combobox-height:2.25rem;--x-combobox-font-size:var(--x-font-size-sm,0.9375rem);--x-combobox-padding:0 0.625rem;--x-combobox-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-combobox-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.05));--x-combobox-disabled-opacity:var(--x-opacity-disabled,0.55);--x-combobox-chevron-color:var(--x-color-text-muted,#64748b);--x-combobox-panel-bg:var(--x-color-bg,#ffffff);--x-combobox-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-combobox-panel-radius:var(--x-radius-md,8px);--x-combobox-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-combobox-panel-max-height:16rem;--x-combobox-panel-offset:4px;--x-combobox-option-padding:0.5rem 0.625rem;--x-combobox-option-hover-bg:var(--x-color-surface-hover,#f1f5f9);--x-combobox-option-active-bg:var(--x-color-primary,#3b82f6);--x-combobox-option-active-fg:#ffffff;--x-combobox-transition-duration:var(--x-transition-duration,150ms);--x-combobox-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-combobox-bg:var(--x-color-surface,#1e293b);--x-combobox-fg:var(--x-color-text,#e2e8f0);--x-combobox-placeholder:var(--x-color-text-muted,#64748b);--x-combobox-border:1px solid var(--x-color-border,#334155);--x-combobox-border-hover:1px solid var(--x-color-border,#475569);--x-combobox-border-focus:1px solid var(--x-color-focus-ring,#93c5fd);--x-combobox-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-combobox-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.2));--x-combobox-chevron-color:var(--x-color-text-muted,#94a3b8);--x-combobox-panel-bg:var(--x-color-bg,#1e293b);--x-combobox-panel-border:1px solid var(--x-color-border,#334155);--x-combobox-panel-shadow:var(--x-shadow-md,0 4px 24px rgba(0,0,0,0.4));--x-combobox-option-hover-bg:var(--x-color-surface-hover,#334155);--x-combobox-option-active-bg:var(--x-color-primary,#3b82f6);}}[part\x3dwrapper]{display:flex;align-items:center;height:var(--x-combobox-height);background:var(--x-combobox-bg);border:var(--x-combobox-border);border-radius:var(--x-combobox-radius);box-shadow:var(--x-combobox-shadow);padding:var(--x-combobox-padding);cursor:text;transition:border var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),box-shadow var(--x-combobox-transition-duration) var(--x-combobox-transition-easing);}[part\x3dwrapper]:hover{border:var(--x-combobox-border-hover);}:host(:focus-within) [part\x3dwrapper]{border:var(--x-combobox-border-focus);box-shadow:0 0 0 2px var(--x-combobox-focus-ring);}:host([disabled]) [part\x3dwrapper]{opacity:var(--x-combobox-disabled-opacity);cursor:default;pointer-events:none;}[part\x3dinput]{all:unset;flex:1;min-width:0;height:100%;font-size:var(--x-combobox-font-size);font-family:inherit;color:var(--x-combobox-fg);}[part\x3dinput]::placeholder{color:var(--x-combobox-placeholder);}[part\x3dclear]{all:unset;display:none;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:0.875rem;color:var(--x-combobox-chevron-color);cursor:pointer;flex-shrink:0;border-radius:2px;}[part\x3dclear]:hover{color:var(--x-combobox-fg);}[part\x3dclear]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-combobox-focus-ring);}:host([data-has-value]) [part\x3dclear]{display:inline-flex;}:host([disabled]) [part\x3dclear]{display:none;}[part\x3dchevron]{display:inline-flex;align-items:center;color:var(--x-combobox-chevron-color);flex-shrink:0;margin-left:0.25rem;transition:transform 200ms ease;pointer-events:none;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dpanel]{position:absolute;z-index:var(--x-z-dropdown,1000);box-sizing:border-box;width:100%;background:var(--x-combobox-panel-bg);border:var(--x-combobox-panel-border);border-radius:var(--x-combobox-panel-radius);box-shadow:var(--x-combobox-panel-shadow);padding:0.25rem 0;max-height:var(--x-combobox-panel-max-height);max-width:calc(100% - 0rem);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scaleY(0.95);transition:opacity var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),transform var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),visibility 0s var(--x-combobox-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scaleY(1);transition:opacity var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),transform var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-combobox-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-combobox-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-combobox-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-combobox-panel-offset));right:0;transform-origin:bottom right;}[part\x3doption]{padding:var(--x-combobox-option-padding);font-size:var(--x-combobox-font-size);font-family:inherit;color:var(--x-combobox-fg);cursor:default;border-radius:4px;margin:0 0.25rem;}[part\x3doption]:hover{background:var(--x-combobox-option-hover-bg);}[part\x3doption][data-active]{background:var(--x-combobox-option-active-bg);color:var(--x-combobox-option-active-fg);}[part\x3doption][data-active] b{color:inherit;}[part\x3doption] b{font-weight:700;}[part\x3dempty-msg]{padding:var(--x-combobox-option-padding);font-size:var(--x-combobox-font-size);color:var(--x-combobox-placeholder);font-style:italic;margin:0 0.25rem;}slot{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dwrapper]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}@media (pointer:coarse){:host{--x-combobox-height:2.75rem;}[part\x3dclear]{width:2.75rem;height:2.75rem;}[part\x3doption]{min-height:2.75rem;display:flex;align-items:center;}}";
|
|
23
|
+
b.appendChild(c);b.appendChild(k);b.appendChild(m);b.appendChild(q);$APP.R(a,"__xComboboxListboxId",d);$APP.R(a,"__xComboboxOptions",$APP.we);$APP.R(a,"__xComboboxQuery","");$APP.R(a,"__xComboboxActiveIdx",0);u.wrapper=k;u.input=e;u.clear=f;u.chevron=h;u.panel=m;u.slot=q;$APP.R(a,"__xComboboxRefs",u)}Su(a);Uu(a);Ru(a);Cu(a);return Iu(a)},Wu=function(a){Su(a);Uu(a);return $APP.R(a,"__xComboboxModel",null)},Xu=function(a,b,c,d){return $APP.I(c,d)&&$APP.n($APP.l(a,"__xComboboxRefs"))?(Iu(a),$APP.y.j(b,
|
|
24
|
+
"open")?$APP.n(a.hasAttribute("open"))?Tu(a):Uu(a):null):null},Zu=function(a){$APP.Ei(a,Yu);Object.defineProperty(a,"show",{value:function(){return Ju(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,"hide",{value:function(){return Ku(this,"programmatic")},writable:!0,configurable:!0})},av=function(){return $APP.Kh("x-combobox",new $APP.N(null,5,[$APP.Bh,$u,$APP.zh,Vu,$APP.qh,Wu,$APP.ph,Xu,$APP.Ah,Zu],null))};var Hu=new $APP.rg(null,new $APP.N(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),$u="value placeholder name disabled required open placement".split(" "),Yu=new $APP.N(null,7,[$APP.ei,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"value"],null),$APP.aj,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"placeholder"],null),$APP.$i,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"name"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),$APP.Zp,new $APP.N(null,
|
|
25
|
+
2,[$APP.O,$APP.Ci,$APP.W,"required"],null),$APP.Ir,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"open"],null),$APP.Yo,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"placement"],null)],null);
|
|
26
|
+
$APP.be(["x-combobox-change-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,3,[$APP.ei,$APP.Y,$APP.bj,$APP.Y,$APP.oq,$APP.Y],null)],null),"x-combobox-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[$APP.ei,$APP.Y,$APP.bj,$APP.Y],null)],null),"x-combobox-input",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Tn,$APP.Y],null)],null),"x-combobox-toggle",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,2,[$APP.Ir,$APP.Ci,$APP.Vq,$APP.Y],null)],null)]);var Pu=new $APP.K(null,8,5,$APP.M,[new $APP.K(null,4,5,$APP.M,["input","inputFocus","focus",function(a){return Ju(a,"focus")}],null),new $APP.K(null,4,5,$APP.M,["input","inputInput","input",function(a,b){b=b.target.value;$APP.R(a,"__xComboboxQuery",b);$APP.R(a,"__xComboboxActiveIdx",0);$APP.n(a.hasAttribute("open"))||Ju(a,"input");Gu(a);return $APP.pi(a,"x-combobox-input",{query:b})}],null),new $APP.K(null,4,5,$APP.M,["input","inputKeydown","keydown",function(a,b){var c=b.key;$APP.y.j(c,"ArrowDown")?
|
|
27
|
+
(b.preventDefault(),a=$APP.n(a.hasAttribute("open"))?Mu(a,$APP.qp):Ju(a,"keyboard")):$APP.y.j(c,"ArrowUp")?(b.preventDefault(),a=$APP.n(a.hasAttribute("open"))?Mu(a,$APP.Vo):Ju(a,"keyboard")):$APP.y.j(c,"Enter")?$APP.n(a.hasAttribute("open"))?(b.preventDefault(),a=Nu(a)):a=null:$APP.y.j(c,"Escape")?$APP.n(a.hasAttribute("open"))?(b.preventDefault(),Ku(a,"escape"),a=$APP.l(a,"__xComboboxRefs"),a=$APP.n(a)?$APP.l(a,"input").focus():null):a=null:$APP.y.j(c,"Home")?$APP.n(a.hasAttribute("open"))?(b.preventDefault(),
|
|
28
|
+
$APP.R(a,"__xComboboxActiveIdx",0),a=Gu(a)):a=null:$APP.y.j(c,"End")?$APP.n(a.hasAttribute("open"))?(b.preventDefault(),b=$APP.l(a,"__xComboboxQuery"),b=$APP.w(zu($APP.l(a,"__xComboboxOptions"),$APP.n(b)?b:"")),$APP.R(a,"__xComboboxActiveIdx",$APP.Gm.j(0,b-1)),a=Gu(a)):a=null:a=null;return a}],null),new $APP.K(null,4,5,$APP.M,["clear","clearClick","click",function(a){var b=a.getAttribute("value");return $APP.ri(a,"x-combobox-change-request",{value:"",label:"",previousValue:$APP.n(b)?b:""})?($APP.U(a,
|
|
29
|
+
"value"),$APP.U(a,"data-has-value"),b=$APP.l(a,"__xComboboxRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),b.value="",b.focus()),$APP.pi(a,"x-combobox-change",{value:"",label:""})):null}],null),new $APP.K(null,4,5,$APP.M,["chevron","chevronPointerdown","pointerdown",function(a,b){b.preventDefault();if($APP.n(a.hasAttribute("open")))return Ku(a,"pointer");Ju(a,"pointer");a=$APP.l(a,"__xComboboxRefs");return $APP.n(a)?$APP.l(a,"input").focus():null}],null),new $APP.K(null,4,5,$APP.M,["panel","panelPointerdown",
|
|
30
|
+
"pointerdown",function(a,b){return b.preventDefault()}],null),new $APP.K(null,4,5,$APP.M,["panel","panelClick","click",function(a,b){b=b.target;b=$APP.n(b.hasAttribute("data-value"))?b:b.closest("["+$APP.P.i("data-value")+"]");if($APP.n(b)){var c=b.getAttribute("data-value");return Lu(a,c,b.textContent)}return null}],null),new $APP.K(null,4,5,$APP.M,["slot","slotchange","slotchange",function(a){Cu(a);$APP.R(a,"__xComboboxModel",null);return Iu(a)}],null)],null),Qu=new $APP.K(null,1,5,$APP.M,[new $APP.K(null,
|
|
31
|
+
3,5,$APP.M,["focusout","focusout",function(a,b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?Ku(a,"focusout"):null):null}],null)],null);$APP.fa("baredom.exports.x_combobox.init",av);export const init=av;
|
|
@@ -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
|
-
"");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 FB=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},IB=function(a){if(a==null||$APP.p($APP.qa(a)))return $APP.we;for(var b=a.length,c=0,d=$APP.vb($APP.we);;){if($APP.y.j(c,b))return $APP.xb(d);var e=a[c],f=""+$APP.P.i(function(){var D=e.id;return $APP.n(D)?D:c}()),h=""+$APP.P.i(function(){var D=e.label;return $APP.n(D)?D:""}()),k=FB(e.group),m=e.value,q=e.icon,u=$APP.y.j(!0,e.disabled),x=e.keywords;x=$APP.n($APP.qa(x))?x.join(" "):typeof x==="string"?x:"";var z=function(){var D=
|
|
3
|
+
k;return $APP.n(D)?D:""}(),A=typeof m==="string"?m:"";z=(""+$APP.P.i(h)+" "+$APP.P.i(x)+" "+$APP.P.i(z)+" "+$APP.P.i(A)).toLowerCase();x=c+1;d=$APP.Nd(d,new $APP.N(null,7,[$APP.ar,f,$APP.bj,h,GB,k,$APP.ei,m,$APP.kq,q,$APP.cj,u,HB,z],null));c=x}},KB=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.I(b,"")?$APP.je(FB,$APP.Qh(b,/\s+/)):null;if($APP.Pc(c))return new $APP.N(null,2,[$APP.nr,a,JB,$APP.tf.j($APP.sg,$APP.je(GB,a))],null);a=$APP.ye(function(d){return $APP.ee(function(e){return $APP.I(-1,
|
|
4
|
+
HB.i(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.N(null,2,[$APP.nr,a,JB,$APP.tf.j($APP.sg,$APP.je(GB,a))],null)},LB=function(a,b,c){var d=$APP.w(a);if(d>0)for(var e=1;;)if(e<=d){var f=$APP.qd(b+e*c,d),h=$APP.B(a,f,null),k=h;h=$APP.n(k)?$APP.p($APP.cj.i(h)):k;if($APP.n(h))return f;e+=1}else return null;else return null},YB=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.Rn);var c=$APP.C(b,$APP.Ui),d=$APP.C(b,$APP.Vi),e=$APP.C(b,MB),f=$APP.C(b,NB),h=$APP.C(b,OB),k=$APP.C(b,PB),m=$APP.C(b,QB),q=
|
|
5
|
+
$APP.C(b,RB);b=$APP.C(b,SB);b=$APP.Vh(b);q=$APP.Vh(q);m=$APP.Uh(m);m=b&&!m;f=f!=null?$APP.Uh(f):m;k=$APP.Vh(k);return $APP.Yf([$APP.aj,$APP.Zn,TB,UB,VB,WB,$APP.bj,$APP.ls,XB,$APP.cj],[function(){var u=FB(c);return $APP.n(u)?u:"Search…"}(),q,function(){var u=FB(e);return $APP.n(u)?u:"No results"}(),f,k,m,FB(d),$APP.E(a),b,$APP.Uh(h)])},ZB=function(a){return YB($APP.Yf([$APP.Vi,MB,NB,OB,PB,QB,RB,SB,$APP.Rn,$APP.Ui],[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")]))},$B=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)},aC=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.ar.i(c)));$APP.T(e,"data-idx",""+$APP.P.i(b));$APP.T(e,"tabindex","-1");$APP.n($APP.cj.i(c))&&$APP.T(e,"aria-disabled","true");e.textContent=$APP.bj.i(c);$APP.y.j(b,d)&&$APP.T(e,"aria-selected","true");a.appendChild(e)},bC=function(a,b){$APP.U(a,"hidden");return $APP.n(b)?$APP.U(b,"aria-activedescendant"):null},cC=function(a,b,c,d,e){$APP.T(a,"hidden","");a=$APP.ie($APP.Mm,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=GB.i(h);$APP.n(function(){var m=k;return $APP.n(m)?$APP.I(k,f):m}())&&$B(b,k);aC(b,d,h,e);a=$APP.dc(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},dC=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=IB($APP.l(a,"__xCommandPaletteItems"));
|
|
9
|
+
e=KB(f,e);e=$APP.H(e);e=$APP.C(e,$APP.nr);f=function(){var h=$APP.l(a,"__xCommandPaletteActiveIdx");return $APP.n(h)?h:0}();c.textContent="";return $APP.Pc(e)?bC(d,b):cC(d,c,b,e,f)}return null},eC=function(a){if($APP.n($APP.l(a,"__xCommandPaletteRefs"))){var b=ZB(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.H(b);h=$APP.C(h,$APP.bj);$APP.T(c,
|
|
10
|
+
"aria-label",$APP.n(h)?h:"Command palette");c=$APP.H(b);c=$APP.C(c,WB);$APP.n(c)?$APP.U(d,"hidden"):$APP.T(d,"hidden","");h=$APP.H(b);d=$APP.C(h,$APP.aj);c=$APP.C(h,$APP.ls);h=$APP.C(h,$APP.cj);$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.H(b);e=$APP.C(e,TB);f.textContent=e;dC(a);a=$APP.R(a,"__xCommandPaletteModel",b)}else a=null}else a=null;
|
|
11
|
+
return a}return null},fC=function(a){if($APP.n(a.hasAttribute("open")))a=null;else if($APP.ri(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();eC(a);a=$APP.pi(a,"x-command-palette-open",{})}else a=null;return a},gC=function(a){if($APP.n(a.hasAttribute("open")))if($APP.ri(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");eC(a);a=$APP.pi(a,"x-command-palette-close",{})}else a=null;else a=null;return a},hC=function(a){var b=$APP.l(a,"__xCommandPaletteQuery");b=$APP.n(b)?b:"";a=IB($APP.l(a,"__xCommandPaletteItems"));a=KB(a,b);a=$APP.H(a);return $APP.C(a,$APP.nr)},jC=function(a,b){var c=hC(a);var d=$APP.l(a,"__xCommandPaletteActiveIdx");d=$APP.n(d)?d:0;$APP.y.j(b,iC)?(c=LB(c,$APP.n(d)?d:-1,1),c=$APP.n(c)?c:0):(b=$APP.w(c),c=LB(c,$APP.n(d)?d:b,-1),c=$APP.n(c)?c:0);$APP.R(a,
|
|
13
|
+
"__xCommandPaletteActiveIdx",c);dC(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},kC=function(a,b){return $APP.n($APP.n(b)?$APP.p($APP.cj.i(b)):b)&&$APP.ri(a,"x-command-palette-select-request",{item:$APP.Xm(b)})?($APP.pi(a,"x-command-palette-select",{item:$APP.Xm(b)}),gC(a)):null},mC=function(a,b){var c=b.key;return $APP.y.j(c,"ArrowDown")?
|
|
14
|
+
(b.preventDefault(),jC(a,iC)):$APP.y.j(c,"ArrowUp")?(b.preventDefault(),jC(a,lC)):$APP.y.j(c,"Enter")?(b.preventDefault(),b=hC(a),c=$APP.l(a,"__xCommandPaletteActiveIdx"),kC(a,$APP.B(b,$APP.n(c)?c:0,null))):$APP.y.j(c,"Escape")?(b=ZB(a),$APP.n(VB.i(b))?gC(a):null):null},nC=function(a){function b(){var x=$APP.l(a,"__xCommandPaletteRefs"),z=$APP.n(x)?$APP.l(x,"input"):null;x=$APP.n(x)?$APP.l(x,"clear-btn"):null;$APP.n(z)&&(z.value="");$APP.n(x)&&$APP.T(x,"hidden","");$APP.R(a,"__xCommandPaletteQuery",
|
|
15
|
+
"");$APP.R(a,"__xCommandPaletteActiveIdx",0);$APP.pi(a,"x-command-palette-query-change",{query:""});dC(a);return $APP.n(z)?z.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 z=hC(a);x=kC(a,$APP.B(z,x,null))}else x=null;return x}function d(){var x=ZB(a);return $APP.n(UB.i(x))?gC(a):null}function e(x){return mC(a,x)}function f(){var x=$APP.l(a,"__xCommandPaletteRefs"),z=$APP.n(x)?$APP.l(x,"input"):
|
|
16
|
+
null;x=$APP.n(x)?$APP.l(x,"clear-btn"):null;z=$APP.n(z)?z.value:null;$APP.R(a,"__xCommandPaletteQuery",$APP.n(z)?z:"");$APP.R(a,"__xCommandPaletteActiveIdx",0);$APP.n(x)&&($APP.n($APP.n(z)?$APP.I(z,""):z)?$APP.U(x,"hidden"):$APP.T(x,"hidden",""));$APP.pi(a,"x-command-palette-query-change",{query:$APP.n(z)?z:""});return dC(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.R(a,"__xCommandPaletteHandlers",u)},oC=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},uC=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.N(null,3,[pC,e,qC,h,rC,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.N(null,3,[sC,f,tC,h,$APP.uq,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(pC.i(e));k.appendChild(sC.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=qC.i(e);f.input=b;b=rC.i(e);f["clear-btn"]=b;b=tC.i(h);f.list=b;b=$APP.uq.i(h);f.empty=b;$APP.R(a,"__xCommandPaletteRefs",f)}oC(a);nC(a);return eC(a)},vC=function(a){return oC(a)},wC=function(a,b,c,d){if($APP.I(c,d)&&(eC(a),$APP.y.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},xC=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.R(this,"__xCommandPaletteItems",b);$APP.R(this,"__xCommandPaletteActiveIdx",0);return dC(this)}})},yC=function(a){Object.defineProperty(a,"show",{configurable:!0,writable:!0,value:function(){return fC(this)}});Object.defineProperty(a,"close",{configurable:!0,writable:!0,value:function(){return gC(this)}});return Object.defineProperty(a,"toggle",{configurable:!0,
|
|
24
|
+
writable:!0,value:function(){return $APP.n(this.hasAttribute("open"))?gC(this):fC(this)}})},zC=function(a){$APP.ui(a,"open","open");$APP.ui(a,"disabled","disabled");xC(a);return yC(a)},BC=function(){return $APP.Kh("x-command-palette",new $APP.N(null,5,[$APP.Bh,AC,$APP.zh,uC,$APP.qh,vC,$APP.ph,wC,$APP.Ah,zC],null))},TB=new $APP.F(null,"empty-text","empty-text",1554384594),rC=new $APP.F(null,"clear-btn","clear-btn",1023677608),NB=new $APP.F(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),
|
|
25
|
+
MB=new $APP.F(null,"empty-text-raw","empty-text-raw",1477406757),RB=new $APP.F(null,"dismissible-raw","dismissible-raw",947680658),tC=new $APP.F(null,"list","list",765357683),SB=new $APP.F(null,"modal-raw","modal-raw",-263722282),VB=new $APP.F(null,"close-on-escape?","close-on-escape?",-1559868909),JB=new $APP.F(null,"groups","groups",-136896102),PB=new $APP.F(null,"close-on-escape-raw","close-on-escape-raw",-1942646255),WB=new $APP.F(null,"scrim?","scrim?",744210580),qC=new $APP.F(null,"input","input",
|
|
26
|
+
556931961),QB=new $APP.F(null,"no-scrim-raw","no-scrim-raw",-1344365743),UB=new $APP.F(null,"close-on-scrim?","close-on-scrim?",-367113965),GB=new $APP.F(null,"group","group",582596132),iC=new $APP.F(null,"down","down",1565245570),HB=new $APP.F(null,"search-str","search-str",-821246171),lC=new $APP.F(null,"up","up",-269712113),XB=new $APP.F(null,"modal?","modal?",2146094679),pC=new $APP.F(null,"search-wrap","search-wrap",-1719739506),sC=new $APP.F(null,"list-wrap","list-wrap",-510225298),OB=new $APP.F(null,
|
|
27
|
+
"disabled-raw","disabled-raw",498098381);var AC="open modal dismissible disabled no-scrim close-on-scrim close-on-escape label placeholder empty-text".split(" ");
|
|
28
|
+
$APP.be(["x-command-palette-open-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,$APP.ce],null),"x-command-palette-open",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,$APP.ce],null),"x-command-palette-close-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,$APP.ce],null),"x-command-palette-close",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,$APP.ce],null),"x-command-palette-select-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,1,[$APP.Op,$APP.Mq],null)],null),"x-command-palette-select",new $APP.N(null,2,
|
|
29
|
+
[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Op,$APP.Mq],null)],null),"x-command-palette-query-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Tn,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_command_palette.init",BC);export const init=BC;
|
package/dist/x-confetti.js
CHANGED
|
@@ -1,23 +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
|
-
$APP.n(e)?b>0&&c>0:e:d)
|
|
7
|
-
a.getAttribute("duration"),a.getAttribute("gravity"),a.getAttribute("velocity"),a.getAttribute("colors"),a.getAttribute("shapes"),a.hasAttribute("disabled"),a.getAttribute("origin")]);var b=$APP.H(a);a=$APP.C(b,$APP.
|
|
8
|
-
|
|
9
|
-
Math.floor(Math.random()*b))},
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
d.push(f);e+=1}else break
|
|
13
|
-
a.closePath();a.fill()}else a.fillRect(-(c*.5),-(c*.5),c,c)},
|
|
14
|
-
b.globalAlpha=h;b.fillStyle=f.color;
|
|
15
|
-
b.colors:null;e=f==null?e:typeof f==="string"?
|
|
16
|
-
c;return $APP.
|
|
17
|
-
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.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
$APP.
|
|
2
|
+
var PW=function(a,b,c){return typeof a==="string"&&$APP.$c(b,a)?a:c},QW=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},RW=function(a){return typeof a==="string"?$APP.ve(function(b){return $APP.y.j("",b)},$APP.oe.j(function(b){return b.trim()},a.split(","))):null},SW=function(a){a=$APP.Oe(RW(a));return $APP.r(a)?a:Tda},TW=function(a){a=RW(a);a=$APP.n(a)?a:RW("square,ribbon");a=$APP.ue(Uda,a);return $APP.r(a)?$APP.Oe(a):$APP.Oe(RW("square,ribbon"))},
|
|
3
|
+
Vda=function(a,b,c,d,e){switch(a){case "top":return new $APP.K(null,2,5,$APP.M,[b*.5,0],null);case "center":return new $APP.K(null,2,5,$APP.M,[b*.5,c*.5],null);case "bottom":return new $APP.K(null,2,5,$APP.M,[b*.5,c],null);case "point":return new $APP.K(null,2,5,$APP.M,[typeof d==="number"?d:b*.5,typeof e==="number"?e:c*.5],null);default:return new $APP.K(null,2,5,$APP.M,[b*.5,0],null)}},Wda=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)}},UW=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.R(a,"__xConfettiRefs",new $APP.N(null,4,[$APP.Kj,b,$APP.Cn,d,$APP.Kr,e,$APP.cn,f],null));$APP.R(a,"__xConfettiParticles",[]);$APP.R(a,"__xConfettiCanvasW",0);$APP.R(a,"__xConfettiCanvasH",0)}},VW=function(a,b,c){var d=$APP.Kr.i($APP.l(a,"__xConfettiRefs")),e=$APP.cn.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.R(a,"__xConfettiCanvasW",b),$APP.R(a,"__xConfettiCanvasH",c)):null},Xda=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?VW(a,c,d):null}return null});b.observe(a);$APP.R(a,"__xConfettiResizeObs",b)},fX=function(a){a=$APP.Yf([$APP.$q,WW,$APP.ro,XW,$APP.go,YW,ZW,$W,aX,$APP.cj,bX],[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.H(a);a=$APP.C(b,$APP.cj);var c=$APP.C(b,bX),d=$APP.C(b,$APP.$q),e=$APP.C(b,$APP.ro),f=$APP.C(b,WW),h=$APP.C(b,$APP.go),k=$APP.C(b,XW),m=$APP.C(b,YW),q=$APP.C(b,ZW),u=$APP.C(b,$W);b=$APP.C(b,aX);return $APP.Yf([cX,$APP.Jo,$APP.Ur,
|
|
8
|
+
$APP.Iq,$APP.ks,XW,$APP.gn,$APP.fr,$APP.cj,$APP.sr,dX],[QW(f,60,0,180),PW(d,Yda,"overlay"),SW(u),QW(h,4E3,200,2E4),QW(m,.25,-2,2),$APP.E(k),Math.round(QW(e,80,1,300)),PW(c,eX,"top"),$APP.E(a),QW(q,14,1,60),TW(b)])},gX=function(a,b){UW(a);$APP.T(a,"data-mode",$APP.Jo.i(b));$APP.T(a,"aria-hidden","true");$APP.T(a,"tabindex","-1");return $APP.R(a,"__xConfettiModel",b)},hX=function(a){var b=fX(a);return $APP.I($APP.l(a,"__xConfettiModel"),b)?gX(a,b):null},iX=function(a){var b=$APP.l(a,"__xConfettiModel");
|
|
9
|
+
if($APP.n(b))return b;b=fX(a);gX(a,b);return b},jX=function(a){var b=$APP.w(a);return b===0?null:$APP.vc(a,Math.floor(Math.random()*b))},Zda=function(a,b,c,d,e,f,h,k,m,q){d=Vda(b,function(){var G=$APP.l(a,"__xConfettiCanvasW");return $APP.n(G)?G:0}(),function(){var G=$APP.l(a,"__xConfettiCanvasH");return $APP.n(G)?G: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=Wda(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,z=function(){var G=jX(m);return $APP.n(G)?G:"#ffffff"}(),A=function(){var G=jX(q);return $APP.n(G)?G:"square"}(),D={};D.x=c;D.y=d;D.vx=f;D.vy=b;D.rot=e;D.vrot=u;D.size=x;D.color=z;D.shape=A;D.life=k;D.max=k;D.g=h;D.alive=!0;return D},$da=function(a,b,c,d,e,f,h,k,m,q,u){for(var x=$APP.l(a,"__xConfettiParticles"),z=0;;)if(z<b)x.push(Zda(a,c,d,e,f,h,k,m,q,u)),z+=1;else break},aea=function(a){if($APP.n($APP.l(a,"__xConfettiRaf")))return null;$APP.R(a,"__xConfettiLastTime",
|
|
11
|
+
performance.now());$APP.R(a,"__xConfettiBurstStart",performance.now());return $APP.ji(a,"__xConfettiRaf",requestAnimationFrame(function(){return kX.i?kX.i(a):kX.call(null,a)}))},bea=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},cea=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.R(a,"__xConfettiParticles",d);return d.length},dea=function(a,b,c){if($APP.y.j(b,"square"))a.fillRect(-(c*.5),-(c*.5),c,c);else if($APP.y.j(b,"ribbon"))b=Math.max(1.5,c*.35),a.fillRect(-(c*.5),-(b*.5),c,b);else if($APP.y.j(b,"circle"))a.beginPath(),a.arc(0,0,c*.5,0,2*Math.PI),a.fill();else if($APP.y.j(b,"star")){c*=
|
|
13
|
+
.6;b=c*.45;a.beginPath();for(var d=0;;)if(d<10){var e=$APP.qd(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)},eea=function(a){var b=$APP.cn.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;dea(b,f.shape,f.size);b.restore()}e+=1}else break;b.globalAlpha=1}},lX=function(a,b,c,d,e){var f=Math,h=f.min,k=Math,m=k.max;a=$APP.n(a)?a[$APP.Dg(b)]:null;a==null||$APP.y.j(a,void 0)||(a=parseFloat(a),c=$APP.n(isNaN(a))?c:a);return h.call(f,m.call(k,c,d),e)},mX=function(a,b){return $APP.n(a)?
|
|
15
|
+
(a=a[$APP.Dg(b)],a!=null&&$APP.p(isNaN(a))?parseFloat(a):null):null},hea=function(a,b){var c=iX(a);a=mX(b,fea);var d=lX(b,cX,cX.i(c),0,180);var e=$APP.Ur.i(c);var f=$APP.n(b)?b.colors:null;e=f==null?e:typeof f==="string"?SW(f):$APP.n(Array.isArray(f))?$APP.Oe($APP.Ac(f)):e;f=lX(b,$APP.Iq,$APP.Iq.i(c),200,2E4);var h=lX(b,$APP.ks,$APP.ks.i(c),-2,2);var k=$APP.gn.i(c);k=Math.round(lX(b,$APP.gn,k,1,300));var m=$APP.fr.i(c);var q=$APP.n(b)?b[$APP.Dg($APP.fr)]:null;m=q==null||$APP.y.j(q,void 0)?m:""+$APP.P.i(q);
|
|
16
|
+
m=PW(m,eX,"top");q=mX(b,gea);var u=lX(b,$APP.sr,$APP.sr.i(c),1,60);c=dX.i(c);b=$APP.n(b)?b.shapes:null;b=b==null?c:typeof b==="string"?TW(b):$APP.n(Array.isArray(b))?TW(b.join(",")):c;return $APP.Yf([nX,cX,$APP.Ur,$APP.Iq,$APP.ks,$APP.gn,$APP.fr,oX,$APP.sr,dX],[a,d,e,f,h,k,m,q,u,b])},pX=function(a,b){UW(a);hX(a);var c=iX(a);if($APP.n($APP.cj.i(c)))return null;b=hea(a,b);$APP.pi(a,"x-confetti-fire",{count:$APP.gn.i(b),origin:$APP.fr.i(b)});if($APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches))return $APP.pi(a,
|
|
17
|
+
"x-confetti-end",{duration:0});c=$APP.xe(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.y.j("",e)?"#888":e}return d},$APP.Ur.i(b));$da(a,$APP.gn.i(b),$APP.fr.i(b),nX.i(b),oX.i(b),cX.i(b),$APP.sr.i(b),
|
|
18
|
+
$APP.ks.i(b),$APP.Iq.i(b),c,dX.i(b));return aea(a)},jea=function(a){$APP.Ei(a,iea);return Object.defineProperty(a,"fire",{value:function(b){return pX(this,b)},writable:!0,configurable:!0})},kea=function(a){UW(a);hX(a);var b=a.getBoundingClientRect(),c=b.width;b=b.height;c>0&&b>0&&VW(a,c,b);Xda(a);c=a.hasAttribute("auto-fire");$APP.n($APP.n(c)?$APP.p(a.hasAttribute("disabled"))&&$APP.p($APP.l(a,"__xConfettiAutoFired")):c)?($APP.R(a,"__xConfettiAutoFired",!0),a=pX(a,null)):a=null;return a},lea=function(a){var b=
|
|
19
|
+
$APP.l(a,"__xConfettiRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.ji(a,"__xConfettiRaf",null));b=$APP.l(a,"__xConfettiResizeObs");$APP.n(b)&&(b.disconnect(),$APP.R(a,"__xConfettiResizeObs",null));return $APP.R(a,"__xConfettiParticles",[])},mea=function(a,b,c,d){return $APP.I(c,d)?hX(a):null},qX=function(){return $APP.Kh("x-confetti",new $APP.N(null,5,[$APP.Bh,nea,$APP.zh,kea,$APP.qh,lea,$APP.ph,mea,$APP.Ah,jea],null))},XW=new $APP.F(null,"auto-fire?","auto-fire?",847898900),aX=new $APP.F(null,"shapes-raw",
|
|
20
|
+
"shapes-raw",1137432568),ZW=new $APP.F(null,"velocity-raw","velocity-raw",-1695855690),YW=new $APP.F(null,"gravity-raw","gravity-raw",2016054357),dX=new $APP.F(null,"shapes","shapes",1897594879),WW=new $APP.F(null,"spread-raw","spread-raw",-1032599183),fea=new $APP.F(null,"originX","originX",1706367036),gea=new $APP.F(null,"originY","originY",586096556),oX=new $APP.F(null,"origin-y","origin-y",-1440842856),cX=new $APP.F(null,"spread","spread",862337191),$W=new $APP.F(null,"colors-raw","colors-raw",
|
|
21
|
+
-229024810),bX=new $APP.F(null,"origin-raw","origin-raw",473782430),nX=new $APP.F(null,"origin-x","origin-x",-1205354906);var nea="mode origin count spread velocity gravity duration colors shapes auto-fire disabled".split(" "),Yda=new $APP.rg(null,new $APP.N(null,2,["inline",null,"overlay",null],null),null),eX=new $APP.rg(null,new $APP.N(null,4,["top",null,"center",null,"bottom",null,"point",null],null),null),Uda=new $APP.rg(null,new $APP.N(null,4,["star",null,"ribbon",null,"square",null,"circle",null],null),null),Tda=new $APP.K(null,5,5,$APP.M,["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),iea=$APP.Yf([$APP.Hk,cX,$APP.Jo,$APP.Ur,$APP.Iq,new $APP.F(null,"autoFire","autoFire",-813658451),$APP.ks,$APP.gn,$APP.fr,$APP.sr,dX],[new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"spread",$APP.Di,60],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"mode",$APP.Di,"overlay"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"colors",$APP.Di,""],null),new $APP.N(null,3,[$APP.O,$APP.Z,
|
|
23
|
+
$APP.W,"duration",$APP.Di,4E3],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"auto-fire"],null),new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"gravity",$APP.Di,.25],null),new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"count",$APP.Di,80],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"origin",$APP.Di,"top"],null),new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"velocity",$APP.Di,14],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"shapes",$APP.Di,"square,ribbon"],null)]);
|
|
24
|
+
$APP.be(["x-confetti-fire",new $APP.N(null,2,[$APP.V,new $APP.N(null,2,[$APP.gn,$APP.Z,$APP.fr,$APP.Y],null),$APP.Mr,!1],null),"x-confetti-end",new $APP.N(null,2,[$APP.V,new $APP.N(null,1,[$APP.Iq,$APP.Z],null),$APP.Mr,!1],null)]);var kX=function kX(a){$APP.ji(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.R(a,"__xConfettiLastTime",c);bea(a,d);d=cea(a);eea(a);if(d>0)return $APP.ji(a,"__xConfettiRaf",requestAnimationFrame(function(){return kX.i?kX.i(a):kX.call(null,a)}));d=Math.round(c-function(){var e=$APP.l(a,"__xConfettiBurstStart");return $APP.n(e)?e:c}());$APP.R(a,"__xConfettiBurstStart",null);
|
|
25
|
+
return $APP.pi(a,"x-confetti-end",{duration:d})}return null};$APP.fa("baredom.exports.x_confetti.init",qX);export const init=qX;
|
package/dist/x-container.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
e.
|
|
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
|
-
|
|
2
|
+
var JY=function(a,b,c){return typeof a==="string"&&$APP.$c(b,a)?a:c},NY=function(a){a=new $APP.N(null,6,[KY,a.getAttribute("as"),$APP.Ok,a.getAttribute("size"),$APP.js,a.getAttribute("padding"),LY,$APP.I("false",a.getAttribute("center")),MY,a.hasAttribute("fluid"),$APP.bj,a.getAttribute("label")],null);var b=$APP.H(a);a=$APP.C(b,KY);var c=$APP.C(b,$APP.Ok),d=$APP.C(b,$APP.js),e=$APP.C(b,LY),f=$APP.C(b,MY);b=$APP.C(b,$APP.bj);return new $APP.N(null,6,[KY,JY(a,zfa,"div"),$APP.Ok,JY(c,Afa,"lg"),$APP.js,
|
|
3
|
+
JY(d,Bfa,"md"),LY,$APP.E(e),MY,$APP.E(f),$APP.bj,$APP.Wh(b)?b:null],null)},OY=function(a){a=document.createElement(a);$APP.T(a,"part","base");return a},PY=function(a){if($APP.n($APP.l(a,"__xContainerRefs"))){var b=NY(a);if($APP.I($APP.l(a,"__xContainerModel"),b)){var c=$APP.l(a,"__xContainerRefs");if($APP.n(c)){var d=$APP.H(b),e=$APP.C(d,KY);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=OY(e);e.appendChild(h);d.replaceChild(e,f);
|
|
4
|
+
c.base=e}c=$APP.l(c,"base");e=$APP.H(b);d=$APP.C(e,$APP.Ok);f=$APP.C(e,$APP.js);h=$APP.C(e,LY);e=$APP.C(e,MY);$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.H(b);d=$APP.C(d,$APP.bj);$APP.n(d)?$APP.T(c,"aria-label",d):$APP.U(c,"aria-label");a=$APP.R(a,"__xContainerModel",b)}else a=null}else a=null;return a}return null},Cfa=function(a){Object.defineProperty(a,"center",{configurable:!0,enumerable:!0,
|
|
5
|
+
get:function(){return $APP.I("false",this.getAttribute("center"))},set:function(b){return $APP.E(b)?$APP.U(this,"center"):$APP.T(this,"center","false")}})},Dfa=function(a){Cfa(a);return $APP.ui(a,"fluid","fluid")},Efa=function(a){if(!$APP.n($APP.l(a,"__xContainerRefs"))){var b=KY.i(NY(a)),c=a.attachShadow({mode:"open"}),d=document.createElement("style");b=OY(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.R(a,"__xContainerRefs",f)}return PY(a)},Ffa=function(a,b,c,d){return $APP.I(c,d)?PY(a):null},QY=function(){return $APP.Kh("x-container",new $APP.N(null,4,[$APP.Bh,Gfa,$APP.zh,Efa,$APP.ph,Ffa,$APP.Ah,Dfa],null))},MY=new $APP.F(null,"fluid","fluid",-1823657759),KY=new $APP.F(null,"as","as",1148689641),LY=new $APP.F(null,"center","center",-748944368);var zfa=new $APP.rg(null,new $APP.N(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),Afa=new $APP.rg(null,new $APP.N(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),Bfa=new $APP.rg(null,new $APP.N(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),Gfa="as size padding center fluid label".split(" ");$APP.fa("baredom.exports.x_container.init",QY);export const init=QY;
|