@vanelsas/baredom 2.7.0 → 2.9.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 +50 -0
- package/custom-elements.json +822 -16
- package/dist/baredom.d.ts +9 -0
- package/dist/base.js +455 -428
- package/dist/integrity.json +102 -93
- package/dist/x-alert.js +17 -18
- package/dist/x-avatar-group.js +9 -10
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +9 -10
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -14
- package/dist/x-button.js +17 -18
- package/dist/x-cancel-dialogue.js +13 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -34
- package/dist/x-chart.d.ts +26 -0
- package/dist/x-chart.js +47 -46
- package/dist/x-checkbox.js +11 -10
- package/dist/x-chip.js +1 -9
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +26 -26
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +23 -0
- package/dist/x-container.js +4 -4
- package/dist/x-context-menu.d.ts +31 -2
- package/dist/x-context-menu.js +20 -18
- package/dist/x-copy.js +20 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.d.ts +27 -0
- package/dist/x-date-picker.js +42 -41
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +10 -11
- package/dist/x-dropdown.js +11 -10
- package/dist/x-fieldset.js +5 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +21 -21
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -8
- package/dist/x-gaussian-blur.js +13 -19
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.d.ts +43 -0
- package/dist/x-i18n-provider.js +8 -0
- package/dist/x-i18n.d.ts +14 -0
- package/dist/x-i18n.js +5 -0
- package/dist/x-icon.js +6 -7
- package/dist/x-image.js +18 -19
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- package/dist/x-kinetic-canvas.d.ts +18 -0
- package/dist/x-kinetic-canvas.js +26 -0
- package/dist/x-kinetic-font.js +27 -28
- package/dist/x-kinetic-typography.js +33 -39
- package/dist/x-liquid-dock.js +38 -39
- package/dist/x-liquid-fill.js +45 -45
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -9
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +11 -12
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.d.ts +50 -0
- package/dist/x-multi-combobox.js +37 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +33 -33
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -18
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -16
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +26 -24
- package/dist/x-progress-circle.js +9 -10
- package/dist/x-progress.js +10 -11
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +20 -0
- package/dist/x-radio.js +11 -10
- package/dist/x-ripple-effect.js +11 -12
- package/dist/x-scroll-parallax.js +18 -19
- package/dist/x-scroll-stack.js +17 -18
- package/dist/x-scroll-story.js +34 -36
- package/dist/x-scroll-timeline.js +45 -46
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -9
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -5
- package/dist/x-spinner.js +4 -5
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -12
- package/dist/x-stepper.js +14 -15
- package/dist/x-switch.js +10 -9
- package/dist/x-tab.js +7 -8
- package/dist/x-table-cell.js +20 -24
- package/dist/x-table-row.js +8 -9
- package/dist/x-table.js +12 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +21 -23
- package/dist/x-timeline.js +8 -9
- package/dist/x-toast.js +22 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -11
- package/dist/x-typography.js +9 -11
- package/dist/x-welcome-tour.js +60 -64
- package/package.json +47 -2
package/dist/x-combobox.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
"panel");b=$APP.k(b,"input");var d=function(){var
|
|
5
|
-
e=$APP.t($APP.
|
|
6
|
-
v.textContent
|
|
7
|
-
"true"),$APP.B.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
""):a.removeAttribute("data-has-value")}
|
|
11
|
-
a.__xComboboxQuery="",a.__xComboboxActiveIdx=0,
|
|
12
|
-
return $APP.n(e)?e:""}());c=$APP.z(c);var d=function(){var e=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(e)?e:0}();b=$APP.B.
|
|
13
|
-
return $APP.n(c)?c:""}());b=$APP.
|
|
14
|
-
|
|
15
|
-
$APP.n(a.hasAttribute("open"))?
|
|
16
|
-
|
|
17
|
-
b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&(b=$APP.k(b,"input"),b.value="",b.focus())
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$APP.k(a,"docClick")):null},
|
|
21
|
-
d.setAttribute("part","wrapper");e.setAttribute("part","input");e.setAttribute("type","text");e.setAttribute("role","combobox");e.setAttribute("aria-expanded","false");e.setAttribute("aria-autocomplete","list");e.setAttribute("aria-controls",
|
|
22
|
-
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';l.setAttribute("part","panel");l.setAttribute("role","listbox");l.setAttribute("id",
|
|
23
|
-
b.appendChild(d);b.appendChild(l);b.appendChild(m);a.__xComboboxListboxId=
|
|
24
|
-
c.addEventListener("input",$APP.k(b,"inputInput")),c.addEventListener("keydown",$APP.k(b,"inputKeydown")),d.addEventListener("click",$APP.k(b,"clearClick")),e.addEventListener("pointerdown",$APP.k(b,"chevronPointerdown")),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
$APP.
|
|
2
|
+
var vq=function(a,b){if(b==null||$APP.B.j(b,""))return a;var c=b.toLowerCase();return $APP.oe(function(d){d=$APP.H(d);d=$APP.C(d,$APP.X);return $APP.M(-1,d.toLowerCase().indexOf(c))},a)},wq=function(a,b){return b!=null?$APP.Yd(function(c){return $APP.B.j($APP.Fh.i(c),b)?c:null},a):null},xq=function(a,b){if(b!=null&&$APP.M(b,"")){var c=a.toLowerCase().indexOf(b.toLowerCase());if($APP.M(c,-1))return b=c+$APP.z(b),new $APP.P(null,3,[$APP.no,a.substring(0,c),$APP.uk,a.substring(c,b),$APP.Am,a.substring(b)],
|
|
3
|
+
null)}return null},yq=function(a){return document.createElement(a)},zq=function(a){var b=$APP.k(a,"__xComboboxRefs");$APP.n(b)&&(b=$APP.k(b,"slot").assignedElements({flatten:!0}),b=$APP.df.m($APP.me,$APP.Ei.j($APP.je(function(c){return $APP.B.j("OPTION",c.tagName)}),$APP.ee.i(function(c){var d=c.getAttribute("value");return new $APP.P(null,2,[$APP.Fh,$APP.n(d)?d:c.textContent,$APP.X,c.textContent],null)})),$APP.xc(b)),a.__xComboboxOptions=b)},Aq=function(a){var b=$APP.k(a,"__xComboboxRefs");if($APP.n(b)){var c=
|
|
4
|
+
$APP.k(b,"panel");b=$APP.k(b,"input");var d=function(){var D=$APP.k(a,"__xComboboxQuery");return $APP.n(D)?D:""}(),e=vq($APP.k(a,"__xComboboxOptions"),d),f=function(){var D=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(D)?D:0}();f=$APP.Kc(e)?-1:$APP.Di.j(f,$APP.z(e)-1);var h=function(){var D=a.getAttribute("value");return $APP.n(D)?D:""}();c.textContent="";if($APP.Kc(e))return d=yq("div"),d.setAttribute("part","empty-msg"),d.textContent="No matches",c.appendChild(d),b.removeAttribute("aria-activedescendant");
|
|
5
|
+
e=$APP.t($APP.ae($APP.Ii,e));for(var l=null,m=0,q=0;;)if(q<m){var r=l.G(null,q),v=$APP.Dc(r,0,null),w=$APP.Dc(r,1,null);r=yq("div");var y=""+$APP.R.i("x-cb-opt-")+$APP.R.i(v),A=xq($APP.X.i(w),d);r.setAttribute("part","option");r.setAttribute("role","option");r.setAttribute("id",y);$APP.Zg(r,"data-value",$APP.Fh.i(w));$APP.B.j($APP.Fh.i(w),h)&&r.setAttribute("aria-selected","true");$APP.B.j(v,f)&&r.setAttribute("data-active","");$APP.n(A)?(r.appendChild(document.createTextNode($APP.no.i(A))),v=yq("b"),
|
|
6
|
+
v.textContent=$APP.uk.i(A),r.appendChild(v),r.appendChild(document.createTextNode($APP.Am.i(A)))):r.textContent=$APP.X.i(w);c.appendChild(r);q+=1}else if(e=$APP.t(e))$APP.Rc(e)?(m=$APP.yb(e),e=$APP.zb(e),l=m,m=$APP.z(m)):(m=$APP.u(e),l=$APP.Dc(m,0,null),v=$APP.Dc(m,1,null),m=yq("div"),r=""+$APP.R.i("x-cb-opt-")+$APP.R.i(l),q=xq($APP.X.i(v),d),m.setAttribute("part","option"),m.setAttribute("role","option"),m.setAttribute("id",r),$APP.Zg(m,"data-value",$APP.Fh.i(v)),$APP.B.j($APP.Fh.i(v),h)&&m.setAttribute("aria-selected",
|
|
7
|
+
"true"),$APP.B.j(l,f)&&m.setAttribute("data-active",""),$APP.n(q)?(m.appendChild(document.createTextNode($APP.no.i(q))),l=yq("b"),l.textContent=$APP.uk.i(q),m.appendChild(l),m.appendChild(document.createTextNode($APP.Am.i(q)))):m.textContent=$APP.X.i(v),c.appendChild(m),e=$APP.x(e),l=null,m=0),q=0;else break;return f>=0?$APP.Zg(b,"aria-activedescendant",""+$APP.R.i("x-cb-opt-")+$APP.R.i(f)):b.removeAttribute("aria-activedescendant")}return null},Cq=function(a){var b=new $APP.P(null,7,[$APP.Ch,a.getAttribute("value"),
|
|
8
|
+
$APP.ak,a.getAttribute("placeholder"),$APP.Zm,a.getAttribute("name"),$APP.Eh,a.hasAttribute("disabled"),$APP.dj,a.hasAttribute("required"),$APP.Sj,a.hasAttribute("open"),$APP.Oo,a.getAttribute("placement")],null);var c=$APP.H(b),d=$APP.C(c,$APP.Ch),e=$APP.C(c,$APP.ak),f=$APP.C(c,$APP.Zm),h=$APP.C(c,$APP.Eh),l=$APP.C(c,$APP.dj);b=$APP.C(c,$APP.Sj);c=$APP.C(c,$APP.Oo);d=$APP.n(d)?d:"";e=$APP.n(e)?e:"";f=$APP.n(f)?f:"";h=$APP.E(h);l=$APP.E(l);b=$APP.E(b);c=$APP.Vc(Bq,c)?c:"bottom-start";b=new $APP.P(null,
|
|
9
|
+
7,[$APP.Fh,d,$APP.bo,e,$APP.Ok,f,$APP.Y,h,$APP.zj,l,$APP.to,b,$APP.gl,c],null);if($APP.M($APP.k(a,"__xComboboxModel"),b)){b=$APP.H(b);c=$APP.C(b,$APP.Fh);d=$APP.C(b,$APP.bo);l=$APP.C(b,$APP.Y);e=$APP.C(b,$APP.to);h=$APP.C(b,$APP.gl);var m=$APP.k(a,"__xComboboxRefs");if($APP.n(m)){f=$APP.k(m,"input");m=$APP.k(m,"panel");var q=wq($APP.k(a,"__xComboboxOptions"),c);f.placeholder=d;f.disabled=l;$APP.Zg(f,"aria-expanded",""+$APP.R.i(e));m.setAttribute("data-placement",h);$APP.n(e)||(f.value=$APP.n(q)?$APP.X.i(q):
|
|
10
|
+
"");$APP.M(c,"")?a.setAttribute("data-has-value",""):a.removeAttribute("data-has-value");$APP.n(e)&&Aq(a);a.__xComboboxModel=b;a=void 0}else a=null}else a=null;return a},Dq=function(a,b){return $APP.p(a.hasAttribute("disabled"))&&$APP.p(a.hasAttribute("open"))&&$APP.bh(a,"x-combobox-toggle",{open:!0,source:b})?(a.__xComboboxQuery="",a.__xComboboxActiveIdx=0,a.setAttribute("open",""),a=$APP.k(a,"__xComboboxRefs"),$APP.n(a)?$APP.k(a,"input").select():null):null},Eq=function(a,b){return $APP.n(a.hasAttribute("open"))&&
|
|
11
|
+
$APP.bh(a,"x-combobox-toggle",{open:!1,source:b})?(a.__xComboboxQuery="",a.__xComboboxActiveIdx=0,a.removeAttribute("open")):null},Fq=function(a,b,c){var d=a.getAttribute("value");return $APP.bh(a,"x-combobox-change-request",{value:b,label:c,previousValue:$APP.n(d)?d:""})?(a.setAttribute("value",b),d=$APP.k(a,"__xComboboxRefs"),$APP.n(d)&&($APP.k(d,"input").value=c),Eq(a,"select"),$APP.ah(a,"x-combobox-change",{value:b,label:c})):null},Gq=function(a,b){var c=vq($APP.k(a,"__xComboboxOptions"),function(){var e=
|
|
12
|
+
$APP.k(a,"__xComboboxQuery");return $APP.n(e)?e:""}());c=$APP.z(c);var d=function(){var e=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(e)?e:0}();b=$APP.B.j(b,$APP.kl)?c===0?-1:$APP.jd(($APP.n(d)?d:-1)+1,c):c===0?-1:$APP.jd(($APP.n(d)?d:c)-1,c);a.__xComboboxActiveIdx=b;Aq(a);b=$APP.k(a,"__xComboboxRefs");return $APP.n(b)?(b=$APP.k(b,"panel").querySelector("[data-active]"),$APP.n(b)?b.scrollIntoView({block:"nearest"}):null):null},Hq=function(a){var b=vq($APP.k(a,"__xComboboxOptions"),function(){var c=
|
|
13
|
+
$APP.k(a,"__xComboboxQuery");return $APP.n(c)?c:""}());b=$APP.Dc(b,function(){var c=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(c)?c:0}(),null);return $APP.n(b)?Fq(a,$APP.Fh.i(b),$APP.X.i(b)):null},Iq=function(a,b){switch(b.key){case "ArrowDown":return b.preventDefault(),$APP.n(a.hasAttribute("open"))?Gq(a,$APP.kl):Dq(a,"keyboard");case "ArrowUp":return b.preventDefault(),$APP.n(a.hasAttribute("open"))?Gq(a,$APP.cl):Dq(a,"keyboard");case "Enter":return b.preventDefault(),$APP.n(a.hasAttribute("open"))?
|
|
14
|
+
Hq(a):null;case "Escape":return $APP.n(a.hasAttribute("open"))?(b.preventDefault(),Eq(a,"escape"),a=$APP.k(a,"__xComboboxRefs"),$APP.n(a)?$APP.k(a,"input").focus():null):null;case "Home":return $APP.n(a.hasAttribute("open"))?(b.preventDefault(),a.__xComboboxActiveIdx=0,Aq(a)):null;case "End":return $APP.n(a.hasAttribute("open"))?(b.preventDefault(),b=$APP.k(a,"__xComboboxQuery"),b=$APP.z(vq($APP.k(a,"__xComboboxOptions"),$APP.n(b)?b:"")),b=$APP.Ci.j(0,b-1),a.__xComboboxActiveIdx=b,Aq(a)):null;default:return null}},
|
|
15
|
+
Jq=function(a,b){return $APP.n(a.hasAttribute("open"))?(b=$APP.yc(b.composedPath()),b=$APP.Yd(function(c){return c===a},b),$APP.n(b)?null:Eq(a,"outside-click")):null},Kq=function(a){return{slotchange:function(){zq(a);a.__xComboboxModel=null;return Cq(a)},inputFocus:function(){return Dq(a,"focus")},inputInput:function(b){b=b.target.value;a.__xComboboxQuery=b;a.__xComboboxActiveIdx=0;$APP.n(a.hasAttribute("open"))||Dq(a,"input");Aq(a);return $APP.ah(a,"x-combobox-input",{query:b})},panelClick:function(b){b=
|
|
16
|
+
b.target;b=$APP.n(b.hasAttribute("data-value"))?b:b.closest("[data-value]");if($APP.n(b)){var c=b.getAttribute("data-value");b=Fq(a,c,b.textContent)}else b=null;return b},inputKeydown:function(b){return Iq(a,b)},docClick:function(b){return Jq(a,b)},panelPointerdown:function(b){return b.preventDefault()},clearClick:function(){var b=a.getAttribute("value");$APP.bh(a,"x-combobox-change-request",{value:"",label:"",previousValue:$APP.n(b)?b:""})?(a.removeAttribute("value"),a.removeAttribute("data-has-value"),
|
|
17
|
+
b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&(b=$APP.k(b,"input"),b.value="",b.focus()),b=$APP.ah(a,"x-combobox-change",{value:"",label:""})):b=null;return b},chevronPointerdown:function(b){b.preventDefault();$APP.n(a.hasAttribute("open"))?b=Eq(a,"pointer"):(Dq(a,"pointer"),b=$APP.k(a,"__xComboboxRefs"),b=$APP.n(b)?$APP.k(b,"input").focus():null);return b},focusout:function(b){$APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b=b==null||$APP.p(a.contains(b))?Eq(a,"focusout"):null):b=null;return b}}},
|
|
18
|
+
Lq=function(a){var b=$APP.k(a,"__xComboboxRefs");if($APP.n(b)){var c=$APP.k(a,"__xComboboxHandlers");if($APP.n(c)){var d=$APP.k(b,"input"),e=$APP.k(b,"clear"),f=$APP.k(b,"chevron"),h=$APP.k(b,"panel");b=$APP.k(b,"slot");d.removeEventListener("focus",$APP.k(c,"inputFocus"));d.removeEventListener("input",$APP.k(c,"inputInput"));d.removeEventListener("keydown",$APP.k(c,"inputKeydown"));e.removeEventListener("click",$APP.k(c,"clearClick"));f.removeEventListener("pointerdown",$APP.k(c,"chevronPointerdown"));
|
|
19
|
+
h.removeEventListener("pointerdown",$APP.k(c,"panelPointerdown"));h.removeEventListener("click",$APP.k(c,"panelClick"));a.removeEventListener("focusout",$APP.k(c,"focusout"));b.removeEventListener("slotchange",$APP.k(c,"slotchange"))}}},Mq=function(a){var b=$APP.k(a,"__xComboboxHandlers");return $APP.n(b)?setTimeout(function(){var c=a.isConnected;return $APP.n($APP.n(c)?a.hasAttribute("open"):c)?document.addEventListener("click",$APP.k(b,"docClick")):null},0):null},Nq=function(a){a=$APP.k(a,"__xComboboxHandlers");
|
|
20
|
+
return $APP.n(a)?document.removeEventListener("click",$APP.k(a,"docClick")):null},Pq=function(a){if(!$APP.n($APP.k(a,"__xComboboxRefs"))){var b=a.attachShadow({mode:"open"}),c=yq("style"),d=yq("div"),e=yq("input"),f=yq("button"),h=yq("span"),l=yq("div"),m=yq("slot");var q=$APP.k(Oq,"n")+1;Oq.n=q;q="x-cb-lb-"+$APP.R.i(q);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;}}";
|
|
21
|
+
d.setAttribute("part","wrapper");e.setAttribute("part","input");e.setAttribute("type","text");e.setAttribute("role","combobox");e.setAttribute("aria-expanded","false");e.setAttribute("aria-autocomplete","list");e.setAttribute("aria-controls",q);e.setAttribute("autocomplete","off");f.setAttribute("part","clear");f.setAttribute("type","button");f.setAttribute("aria-label","Clear");f.setAttribute("tabindex","-1");f.textContent="×";h.setAttribute("part","chevron");h.setAttribute("aria-hidden","true");
|
|
22
|
+
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';l.setAttribute("part","panel");l.setAttribute("role","listbox");l.setAttribute("id",q);l.setAttribute("data-placement","bottom-start");d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);
|
|
23
|
+
b.appendChild(d);b.appendChild(l);b.appendChild(m);a.__xComboboxListboxId=q;a.__xComboboxOptions=$APP.me;a.__xComboboxQuery="";a.__xComboboxActiveIdx=0;a.__xComboboxRefs={wrapper:d,input:e,clear:f,chevron:h,panel:l,slot:m}}Lq(a);Nq(a);a.__xComboboxHandlers=Kq(a);h=$APP.k(a,"__xComboboxRefs");$APP.n(h)&&(b=$APP.k(a,"__xComboboxHandlers"),$APP.n(b)&&(c=$APP.k(h,"input"),d=$APP.k(h,"clear"),e=$APP.k(h,"chevron"),f=$APP.k(h,"panel"),h=$APP.k(h,"slot"),c.addEventListener("focus",$APP.k(b,"inputFocus")),
|
|
24
|
+
c.addEventListener("input",$APP.k(b,"inputInput")),c.addEventListener("keydown",$APP.k(b,"inputKeydown")),d.addEventListener("click",$APP.k(b,"clearClick")),e.addEventListener("pointerdown",$APP.k(b,"chevronPointerdown")),f.addEventListener("pointerdown",$APP.k(b,"panelPointerdown")),f.addEventListener("click",$APP.k(b,"panelClick")),a.addEventListener("focusout",$APP.k(b,"focusout")),h.addEventListener("slotchange",$APP.k(b,"slotchange"))));zq(a);return Cq(a)},Qq=function(a){Lq(a);Nq(a);a.__xComboboxModel=
|
|
25
|
+
null},Rq=function(a,b){return $APP.n($APP.k(a,"__xComboboxRefs"))?(Cq(a),$APP.B.j(b,"open")?$APP.n(a.hasAttribute("open"))?Mq(a):Nq(a):null):null},Tq=function(a){$APP.ih(a,Sq);a.show=function(){return Dq(this,"programmatic")};return a.hide=function(){return Eq(this,"programmatic")}},Vq=function(){return $APP.Wg("x-combobox",new $APP.P(null,5,[$APP.Mg,Uq,$APP.Ng,Pq,$APP.Og,Qq,$APP.Qg,Rq,$APP.Ug,Tq],null))};var Bq=new $APP.Q(null,new $APP.P(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Uq="value placeholder name disabled required open placement".split(" "),Sq=new $APP.P(null,7,[$APP.Fh,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"value"],null),$APP.bo,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"placeholder"],null),$APP.Ok,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"name"],null),$APP.fl,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"disabled"],null),$APP.Wl,new $APP.P(null,
|
|
26
|
+
2,[$APP.S,$APP.U,$APP.T,"required"],null),$APP.Qn,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"open"],null),$APP.gl,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"placement"],null)],null);
|
|
27
|
+
$APP.Ud(["x-combobox-change-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,new $APP.P(null,3,[$APP.Fh,$APP.V,$APP.X,$APP.V,$APP.mm,$APP.V],null)],null),"x-combobox-change",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,2,[$APP.Fh,$APP.V,$APP.X,$APP.V],null)],null),"x-combobox-input",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,1,[$APP.Tj,$APP.V],null)],null),"x-combobox-toggle",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,new $APP.P(null,2,[$APP.Qn,$APP.U,$APP.Rm,$APP.V],null)],null)]);var Oq={n:0};$APP.da("baredom.exports.x_combobox.init",Vq);export const init=Vq;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
v.join(" "):typeof v==="string"?v:"";var
|
|
4
|
-
a=$APP.
|
|
5
|
-
|
|
6
|
-
$APP.
|
|
7
|
-
r:""}(),
|
|
8
|
-
h):r}())){var
|
|
9
|
-
"true");c.appendChild(
|
|
10
|
-
|
|
11
|
-
"");var b=$APP.k(a,"__xCommandPaletteRefs");b=$APP.n(b)?$APP.k(b,"input"):null;$APP.n(b)&&b.focus();
|
|
12
|
-
|
|
13
|
-
$APP.
|
|
14
|
-
a=
|
|
15
|
-
parseInt(r.getAttribute("data-idx"),10);var v=
|
|
16
|
-
null;a.__xCommandPaletteQuery=$APP.n(v)?v:"";a.__xCommandPaletteActiveIdx=0;$APP.n(r)&&($APP.n($APP.n(v)?$APP.
|
|
17
|
-
c);h.addEventListener("click",b);$APP.
|
|
18
|
-
$APP.k(a,"list"));return b.removeEventListener("click",$APP.k(a,"clear"))}return null},
|
|
19
|
-
d.setAttribute("part","overlay");e.setAttribute("part","panel");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");
|
|
20
|
-
"list");l.setAttribute("aria-expanded","false");l.setAttribute("aria-controls","x-cp-list");m.setAttribute("part","clear-btn");m.setAttribute("type","button");m.setAttribute("aria-label","Clear");m.setAttribute("hidden","");
|
|
21
|
-
|
|
22
|
-
"items",{configurable:!0,enumerable:!0,get:function(){var b=$APP.k(this,"__xCommandPaletteItems");return $APP.n(b)?b:[]},set:function(b){this.__xCommandPaletteItems=b;this.__xCommandPaletteActiveIdx=0;return
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
1565245570),
|
|
26
|
-
$APP.
|
|
27
|
-
[$APP.
|
|
2
|
+
var Tx=function(a){return a==null?!0:$APP.M(a,"false")},Ux=function(a){return typeof a==="string"?(a=a.trim(),$APP.M(a,"")?a:null):null},Xx=function(a){if(a==null||$APP.p($APP.na(a)))return $APP.me;for(var b=a.length,c=0,d=$APP.rb($APP.me);;){if($APP.B.j(c,b))return $APP.tb(d);var e=a[c],f=""+$APP.R.i(function(){var A=e.id;return $APP.n(A)?A:c}()),h=""+$APP.R.i(function(){var A=e.label;return $APP.n(A)?A:""}()),l=Ux(e.group),m=e.value,q=e.icon,r=$APP.B.j(!0,e.disabled),v=e.keywords;v=$APP.n($APP.na(v))?
|
|
3
|
+
v.join(" "):typeof v==="string"?v:"";var w=function(){var A=l;return $APP.n(A)?A:""}(),y=typeof m==="string"?m:"";w=(""+$APP.R.i(h)+" "+$APP.R.i(v)+" "+$APP.R.i(w)+" "+$APP.R.i(y)).toLowerCase();v=c+1;d=$APP.Hd(d,new $APP.P(null,7,[$APP.Ym,f,$APP.X,h,Vx,l,$APP.Fh,m,$APP.hm,q,$APP.Y,r,Wx,w],null));c=v}},Zx=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.M(b,"")?$APP.ce(Ux,$APP.oh(b,/\s+/)):null;if($APP.Kc(c))return new $APP.P(null,2,[$APP.ln,a,Yx,$APP.df.j($APP.bg,$APP.ce(Vx,a))],null);
|
|
4
|
+
a=$APP.oe(function(d){return $APP.Xd(function(e){return $APP.M(-1,Wx.i(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.P(null,2,[$APP.ln,a,Yx,$APP.df.j($APP.bg,$APP.ce(Vx,a))],null)},$x=function(a,b,c){var d=$APP.z(a);if(d>0)for(var e=1;;)if(e<=d){var f=$APP.jd(b+e*c,d),h=$APP.Dc(a,f,null),l=h;h=$APP.n(l)?$APP.p($APP.Y.i(h)):l;if($APP.n(h))return f;e+=1}else return null;else return null},my=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.Sj);var c=$APP.C(b,$APP.ak),d=$APP.C(b,$APP.Bh),e=$APP.C(b,
|
|
5
|
+
ay),f=$APP.C(b,by),h=$APP.C(b,cy),l=$APP.C(b,dy),m=$APP.C(b,ey),q=$APP.C(b,fy);b=$APP.C(b,gy);b=Tx(b);q=Tx(q);m=$APP.rh(m);m=b&&!m;f=f!=null?$APP.rh(f):m;l=Tx(l);return $APP.Hf([$APP.bo,$APP.Zj,hy,iy,jy,ky,$APP.X,$APP.to,ly,$APP.Y],[function(){var r=Ux(c);return $APP.n(r)?r:"Search…"}(),q,function(){var r=Ux(e);return $APP.n(r)?r:"No results"}(),f,l,m,Ux(d),$APP.E(a),b,$APP.rh(h)])},ny=function(a){return document.createElement(a)},oy=function(a){return my($APP.Hf([$APP.Bh,ay,by,cy,dy,ey,fy,gy,$APP.Sj,
|
|
6
|
+
$APP.ak],[a.getAttribute("label"),a.getAttribute("empty-text"),a.getAttribute("close-on-scrim"),a.getAttribute("disabled"),a.getAttribute("close-on-escape"),a.getAttribute("no-scrim"),a.getAttribute("dismissible"),a.getAttribute("modal"),a.hasAttribute("open"),a.getAttribute("placeholder")]))},py=function(a){var b=$APP.k(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=$APP.k(b,"list"),d=$APP.k(b,"empty");b=$APP.k(b,"input");var e=function(){var r=$APP.k(a,"__xCommandPaletteQuery");return $APP.n(r)?
|
|
7
|
+
r:""}(),f=Xx($APP.k(a,"__xCommandPaletteItems"));e=Zx(f,e);e=$APP.H(e);f=$APP.C(e,$APP.ln);e=function(){var r=$APP.k(a,"__xCommandPaletteActiveIdx");return $APP.n(r)?r:0}();c.textContent="";if($APP.Kc(f))return d.removeAttribute("hidden"),$APP.n(b)?b.removeAttribute("aria-activedescendant"):null;d.setAttribute("hidden","");d=$APP.ae($APP.Ii,f);for(var h=null;;)if(f=$APP.u(d),$APP.n(f)){var l=f;f=$APP.Dc(l,0,null);l=$APP.Dc(l,1,null);var m=Vx.i(l);if($APP.n(function(){var r=m;return $APP.n(r)?$APP.M(m,
|
|
8
|
+
h):r}())){var q=ny("div");q.setAttribute("part","group-header");q.setAttribute("aria-hidden","true");q.textContent=m;c.appendChild(q)}q=ny("div");q.setAttribute("part","item");q.setAttribute("role","option");q.setAttribute("id","x-cp-item-"+$APP.R.i(f));q.setAttribute("data-id",""+$APP.R.i($APP.Ym.i(l)));q.setAttribute("data-idx",""+$APP.R.i(f));q.setAttribute("tabindex","-1");$APP.n($APP.Y.i(l))&&q.setAttribute("aria-disabled","true");q.textContent=$APP.X.i(l);$APP.B.j(f,e)&&q.setAttribute("aria-selected",
|
|
9
|
+
"true");c.appendChild(q);d=$APP.$b(d);h=f=function(){var r=m;return $APP.n(r)?r:h}()}else break;return $APP.n(b)?b.setAttribute("aria-activedescendant","x-cp-item-"+$APP.R.i(e)):null}return null},qy=function(a){var b=$APP.k(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=oy(a),d=$APP.k(b,"panel"),e=$APP.k(b,"input"),f=$APP.k(b,"overlay");b=$APP.k(b,"empty");var h=$APP.X.i(c),l=$APP.bo.i(c),m=hy.i(c);$APP.n(h)?d.setAttribute("aria-label",h):d.setAttribute("aria-label","Command palette");$APP.n(ky.i(c))?
|
|
10
|
+
f.removeAttribute("hidden"):f.setAttribute("hidden","");e.setAttribute("placeholder",l);e.setAttribute("aria-expanded",$APP.n($APP.to.i(c))?"true":"false");$APP.n($APP.Y.i(c))&&(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true"));$APP.n($APP.Y.i(c))||(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"));b.textContent=m;return py(a)}return null},ry=function(a){if($APP.n(a.hasAttribute("open")))a=null;else if($APP.bh(a,"x-command-palette-open-request",{})){a.setAttribute("open",
|
|
11
|
+
"");var b=$APP.k(a,"__xCommandPaletteRefs");b=$APP.n(b)?$APP.k(b,"input"):null;$APP.n(b)&&b.focus();qy(a);a=$APP.ah(a,"x-command-palette-open",{})}else a=null;return a},sy=function(a){if($APP.n(a.hasAttribute("open")))if($APP.bh(a,"x-command-palette-close-request",{})){a.removeAttribute("open");var b=$APP.k(a,"__xCommandPaletteRefs");b=$APP.n(b)?$APP.k(b,"input"):null;$APP.n(b)&&b.removeAttribute("aria-activedescendant");qy(a);a=$APP.ah(a,"x-command-palette-close",{})}else a=null;else a=null;return a},
|
|
12
|
+
ty=function(a){var b=$APP.k(a,"__xCommandPaletteQuery");b=$APP.n(b)?b:"";a=Xx($APP.k(a,"__xCommandPaletteItems"));a=Zx(a,b);a=$APP.H(a);return $APP.C(a,$APP.ln)},vy=function(a,b){var c=ty(a);var d=$APP.k(a,"__xCommandPaletteActiveIdx");d=$APP.n(d)?d:0;$APP.B.j(b,uy)?(c=$x(c,$APP.n(d)?d:-1,1),c=$APP.n(c)?c:0):(b=$APP.z(c),c=$x(c,$APP.n(d)?d:b,-1),c=$APP.n(c)?c:0);a.__xCommandPaletteActiveIdx=c;py(a);a=$APP.k(a,"__xCommandPaletteRefs");a=$APP.n(a)?$APP.k(a,"list"):null;a=$APP.n(a)?a.querySelector("[data-idx\x3d'"+
|
|
13
|
+
$APP.R.i(c)+"']"):null;return $APP.n(a)?a.scrollIntoView({block:"nearest"}):null},xy=function(a,b){var c=b.key;return $APP.B.j(c,"ArrowDown")?(b.preventDefault(),vy(a,uy)):$APP.B.j(c,"ArrowUp")?(b.preventDefault(),vy(a,wy)):$APP.B.j(c,"Enter")?(b.preventDefault(),b=ty(a),c=$APP.k(a,"__xCommandPaletteActiveIdx"),b=$APP.Dc(b,$APP.n(c)?c:0,null),$APP.n($APP.n(b)?$APP.p($APP.Y.i(b)):b)&&$APP.bh(a,"x-command-palette-select-request",{item:$APP.Wi(b)})?($APP.ah(a,"x-command-palette-select",{item:$APP.Wi(b)}),
|
|
14
|
+
a=sy(a)):a=null,a):$APP.B.j(c,"Escape")?(b=oy(a),$APP.n(jy.i(b))?sy(a):null):null},yy=function(a){function b(){var r=$APP.k(a,"__xCommandPaletteRefs"),v=$APP.n(r)?$APP.k(r,"input"):null;r=$APP.n(r)?$APP.k(r,"clear-btn"):null;$APP.n(v)&&(v.value="");$APP.n(r)&&r.setAttribute("hidden","");a.__xCommandPaletteQuery="";a.__xCommandPaletteActiveIdx=0;$APP.ah(a,"x-command-palette-query-change",{query:""});py(a);return $APP.n(v)?v.focus():null}function c(r){a:{r=r.target.closest("[part\x3ditem]");if($APP.n(r)){r=
|
|
15
|
+
parseInt(r.getAttribute("data-idx"),10);var v=ty(a);r=$APP.Dc(v,r,null);if($APP.n($APP.n(r)?$APP.p($APP.Y.i(r)):r)&&$APP.bh(a,"x-command-palette-select-request",{item:$APP.Wi(r)})){$APP.ah(a,"x-command-palette-select",{item:$APP.Wi(r)});r=sy(a);break a}}r=null}return r}function d(){var r=oy(a);return $APP.n(iy.i(r))?sy(a):null}function e(r){return xy(a,r)}function f(){var r=$APP.k(a,"__xCommandPaletteRefs"),v=$APP.n(r)?$APP.k(r,"input"):null;r=$APP.n(r)?$APP.k(r,"clear-btn"):null;v=$APP.n(v)?v.value:
|
|
16
|
+
null;a.__xCommandPaletteQuery=$APP.n(v)?v:"";a.__xCommandPaletteActiveIdx=0;$APP.n(r)&&($APP.n($APP.n(v)?$APP.M(v,""):v)?r.removeAttribute("hidden"):r.setAttribute("hidden",""));$APP.ah(a,"x-command-palette-query-change",{query:$APP.n(v)?v:""});return py(a)}var h=$APP.k(a,"__xCommandPaletteRefs"),l=$APP.k(h,"input"),m=$APP.k(h,"overlay"),q=$APP.k(h,"list");h=$APP.k(h,"clear-btn");l.addEventListener("input",f);l.addEventListener("keydown",e);m.addEventListener("click",d);q.addEventListener("click",
|
|
17
|
+
c);h.addEventListener("click",b);$APP.fa(a,"__xCommandPaletteHandlers",{input:f,keydown:e,scrim:d,list:c,clear:b})},zy=function(a){var b=$APP.k(a,"__xCommandPaletteRefs");a=$APP.k(a,"__xCommandPaletteHandlers");if($APP.n($APP.n(b)?a:b)){var c=$APP.k(b,"input"),d=$APP.k(b,"overlay"),e=$APP.k(b,"list");b=$APP.k(b,"clear-btn");c.removeEventListener("input",$APP.k(a,"input"));c.removeEventListener("keydown",$APP.k(a,"keydown"));d.removeEventListener("click",$APP.k(a,"scrim"));e.removeEventListener("click",
|
|
18
|
+
$APP.k(a,"list"));return b.removeEventListener("click",$APP.k(a,"clear"))}return null},Ay=function(a){if(!$APP.n($APP.k(a,"__xCommandPaletteRefs"))){var b=a.attachShadow({mode:"open"}),c=ny("style"),d=ny("div"),e=ny("div"),f=ny("div"),h=ny("span"),l=ny("input"),m=ny("button"),q=ny("div"),r=ny("div"),v=ny("div");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;}}";
|
|
19
|
+
d.setAttribute("part","overlay");e.setAttribute("part","panel");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");f.setAttribute("part","search-wrap");h.setAttribute("part","search-icon");h.setAttribute("aria-hidden","true");h.textContent="\ud83d\udd0d";l.setAttribute("part","input");l.setAttribute("type","search");l.setAttribute("role","combobox");l.setAttribute("autocomplete","off");l.setAttribute("autocorrect","off");l.setAttribute("spellcheck","false");l.setAttribute("aria-autocomplete",
|
|
20
|
+
"list");l.setAttribute("aria-expanded","false");l.setAttribute("aria-controls","x-cp-list");m.setAttribute("part","clear-btn");m.setAttribute("type","button");m.setAttribute("aria-label","Clear");m.setAttribute("hidden","");q.setAttribute("part","list-wrap");r.setAttribute("part","list");r.setAttribute("id","x-cp-list");r.setAttribute("role","listbox");r.setAttribute("aria-label","Results");v.setAttribute("part","empty");v.setAttribute("hidden","");f.appendChild(h);f.appendChild(l);f.appendChild(m);
|
|
21
|
+
q.appendChild(r);q.appendChild(v);e.appendChild(f);e.appendChild(q);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xCommandPaletteRefs={overlay:d,panel:e,input:l,"clear-btn":m,list:r,empty:v}}zy(a);yy(a);return qy(a)},By=function(a){return zy(a)},Cy=function(a,b,c,d){qy(a);if($APP.B.j(b,"open")&&d!=null){a=$APP.k(a,"__xCommandPaletteRefs");var e=$APP.n(a)?$APP.k(a,"input"):null;return $APP.n(e)?requestAnimationFrame(function(){return e.focus()}):null}return null},Dy=function(a){Object.defineProperty(a,
|
|
22
|
+
"items",{configurable:!0,enumerable:!0,get:function(){var b=$APP.k(this,"__xCommandPaletteItems");return $APP.n(b)?b:[]},set:function(b){this.__xCommandPaletteItems=b;this.__xCommandPaletteActiveIdx=0;return py(this)}})},Ey=function(a){Object.defineProperty(a,"open",{configurable:!0,writable:!0,value:function(){return ry(this)}});Object.defineProperty(a,"close",{configurable:!0,writable:!0,value:function(){return sy(this)}});return Object.defineProperty(a,"toggle",{configurable:!0,writable:!0,value:function(){return $APP.n(this.hasAttribute("open"))?
|
|
23
|
+
sy(this):ry(this)}})},Fy=function(a){$APP.ch(a,"open","open");$APP.ch(a,"disabled","disabled");Dy(a);return Ey(a)},Hy=function(){return $APP.Wg("x-command-palette",new $APP.P(null,5,[$APP.Mg,Gy,$APP.Ng,Ay,$APP.Og,By,$APP.Qg,Cy,$APP.Ug,Fy],null))},hy=new $APP.F(null,"empty-text","empty-text",1554384594),by=new $APP.F(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),ay=new $APP.F(null,"empty-text-raw","empty-text-raw",1477406757),fy=new $APP.F(null,"dismissible-raw","dismissible-raw",947680658),
|
|
24
|
+
gy=new $APP.F(null,"modal-raw","modal-raw",-263722282),jy=new $APP.F(null,"close-on-escape?","close-on-escape?",-1559868909),Yx=new $APP.F(null,"groups","groups",-136896102),dy=new $APP.F(null,"close-on-escape-raw","close-on-escape-raw",-1942646255),ky=new $APP.F(null,"scrim?","scrim?",744210580),ey=new $APP.F(null,"no-scrim-raw","no-scrim-raw",-1344365743),iy=new $APP.F(null,"close-on-scrim?","close-on-scrim?",-367113965),Vx=new $APP.F(null,"group","group",582596132),uy=new $APP.F(null,"down","down",
|
|
25
|
+
1565245570),Wx=new $APP.F(null,"search-str","search-str",-821246171),wy=new $APP.F(null,"up","up",-269712113),ly=new $APP.F(null,"modal?","modal?",2146094679),cy=new $APP.F(null,"disabled-raw","disabled-raw",498098381);var Gy="open modal dismissible disabled no-scrim close-on-scrim close-on-escape label placeholder empty-text".split(" ");
|
|
26
|
+
$APP.Ud(["x-command-palette-open-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,$APP.Vd],null),"x-command-palette-open",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,$APP.Vd],null),"x-command-palette-close-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,$APP.Vd],null),"x-command-palette-close",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,$APP.Vd],null),"x-command-palette-select-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,new $APP.P(null,1,[$APP.Kl,$APP.Im],null)],null),"x-command-palette-select",new $APP.P(null,2,
|
|
27
|
+
[$APP.Un,!1,$APP.Z,new $APP.P(null,1,[$APP.Kl,$APP.Im],null)],null),"x-command-palette-query-change",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,1,[$APP.Tj,$APP.V],null)],null)]);$APP.da("baredom.exports.x_command_palette.init",Hy);export const init=Hy;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// x-confetti.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XConfettiEventMap {
|
|
6
|
+
"x-confetti-fire": CustomEvent<{ count: number; origin: string }>;
|
|
7
|
+
"x-confetti-end": CustomEvent<{ duration: number }>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface XConfetti extends HTMLElement {
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
spread: number;
|
|
13
|
+
mode: string;
|
|
14
|
+
colors: string;
|
|
15
|
+
duration: number;
|
|
16
|
+
autoFire: boolean;
|
|
17
|
+
gravity: number;
|
|
18
|
+
count: number;
|
|
19
|
+
origin: string;
|
|
20
|
+
velocity: number;
|
|
21
|
+
shapes: string;
|
|
22
|
+
fire(options: Record<string, any>): void;
|
|
23
|
+
|
|
24
|
+
addEventListener<K extends keyof XConfettiEventMap>(
|
|
25
|
+
type: K,
|
|
26
|
+
listener: (this: XConfetti, ev: XConfettiEventMap[K]) => any,
|
|
27
|
+
options?: boolean | AddEventListenerOptions
|
|
28
|
+
): void;
|
|
29
|
+
addEventListener(
|
|
30
|
+
type: string,
|
|
31
|
+
listener: EventListenerOrEventListenerObject,
|
|
32
|
+
options?: boolean | AddEventListenerOptions
|
|
33
|
+
): void;
|
|
34
|
+
removeEventListener<K extends keyof XConfettiEventMap>(
|
|
35
|
+
type: K,
|
|
36
|
+
listener: (this: XConfetti, ev: XConfettiEventMap[K]) => any,
|
|
37
|
+
options?: boolean | EventListenerOptions
|
|
38
|
+
): void;
|
|
39
|
+
removeEventListener(
|
|
40
|
+
type: string,
|
|
41
|
+
listener: EventListenerOrEventListenerObject,
|
|
42
|
+
options?: boolean | EventListenerOptions
|
|
43
|
+
): void;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare global {
|
|
47
|
+
interface HTMLElementTagNameMap {
|
|
48
|
+
"x-confetti": XConfetti;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var uS=function(a,b,c){return typeof a==="string"&&$APP.Vc(b,a)?a:c},vS=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},wS=function(a){return typeof a==="string"?$APP.le(function(b){return $APP.B.j("",b)},$APP.ee.j(function(b){return b.trim()},a.split(","))):null},yS=function(a){a=$APP.Ee(wS(a));return $APP.t(a)?a:xS},AS=function(a){a=wS(a);a=$APP.n(a)?a:wS("square,ribbon");a=$APP.ke(zS,a);return $APP.t(a)?$APP.Ee(a):$APP.Ee(wS("square,ribbon"))},
|
|
3
|
+
BS=function(a,b,c,d,e){switch(a){case "top":return new $APP.N(null,2,5,$APP.O,[b*.5,0],null);case "center":return new $APP.N(null,2,5,$APP.O,[b*.5,c*.5],null);case "bottom":return new $APP.N(null,2,5,$APP.O,[b*.5,c],null);case "point":return new $APP.N(null,2,5,$APP.O,[typeof d==="number"?d:b*.5,typeof e==="number"?e:c*.5],null);default:return new $APP.N(null,2,5,$APP.O,[b*.5,0],null)}},CS=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)}},DS=function(a){if(!$APP.n($APP.k(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
|
+
d.setAttribute("part","canvas-wrap");e.setAttribute("part","canvas");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xConfettiRefs=new $APP.P(null,4,[$APP.Qh,b,$APP.Fj,d,$APP.Sn,e,$APP.cj,f],null);a.__xConfettiParticles=[];a.__xConfettiCanvasW=0;a.__xConfettiCanvasH=0}},ES=function(a,b,c){var d=$APP.Sn.i($APP.k(a,"__xConfettiRefs")),e=$APP.cj.i($APP.k(a,"__xConfettiRefs")),f=devicePixelRatio;f=Math.min(2,$APP.n(f)?f:1);var h=Math.max(1,Math.floor(b*f)),l=Math.max(1,Math.floor(c*f));$APP.n($APP.n(d)?
|
|
6
|
+
$APP.n(e)?b>0&&c>0:e:d)&&(d.width=h,d.height=l,e.setTransform(1,0,0,1,0,0),e.scale(f,f),a.__xConfettiCanvasW=b,a.__xConfettiCanvasH=c);return null},FS=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?ES(a,c,d):null}return null});b.observe(a);a.__xConfettiResizeObs=b},SS=function(a){a=$APP.Hf([$APP.Wm,GS,$APP.sk,HS,$APP.hk,IS,JS,KS,LS,$APP.Y,MS],[a.getAttribute("mode"),a.getAttribute("spread"),a.getAttribute("count"),a.hasAttribute("auto-fire"),
|
|
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.Y);var c=$APP.C(b,MS),d=$APP.C(b,$APP.Wm),e=$APP.C(b,$APP.sk),f=$APP.C(b,GS),h=$APP.C(b,$APP.hk),l=$APP.C(b,HS),m=$APP.C(b,IS),q=$APP.C(b,JS),r=$APP.C(b,KS);b=$APP.C(b,LS);return $APP.Hf([NS,$APP.Kk,$APP.ao,$APP.Em,$APP.so,HS,$APP.hj,OS,$APP.Y,$APP.rn,PS],[vS(f,60,0,180),uS(d,QS,"overlay"),
|
|
8
|
+
yS(r),vS(h,4E3,200,2E4),vS(m,.25,-2,2),$APP.E(l),Math.round(vS(e,80,1,300)),uS(c,RS,"top"),$APP.E(a),vS(q,14,1,60),AS(b)])},TS=function(a,b){DS(a);$APP.Zg(a,"data-mode",$APP.Kk.i(b));a.setAttribute("aria-hidden","true");a.setAttribute("tabindex","-1");a.__xConfettiModel=b},US=function(a){var b=SS(a);$APP.M($APP.k(a,"__xConfettiModel"),b)&&TS(a,b)},VS=function(a){var b=$APP.k(a,"__xConfettiModel");if($APP.n(b))return b;b=SS(a);TS(a,b);return b},WS=function(a){var b=$APP.z(a);return b===0?null:$APP.sc(a,
|
|
9
|
+
Math.floor(Math.random()*b))},XS=function(a,b,c,d,e,f,h,l,m,q){d=BS(b,function(){var D=$APP.k(a,"__xConfettiCanvasW");return $APP.n(D)?D:0}(),function(){var D=$APP.k(a,"__xConfettiCanvasH");return $APP.n(D)?D:0}(),c,d);c=$APP.Dc(d,0,null);d=$APP.Dc(d,1,null);c+=(Math.random()-.5)*60;d+=(Math.random()-.5)*30;b=CS(b,e);e=f*(.7+Math.random()*.5);f=e*Math.cos(b);b=e*Math.sin(b);e=2*Math.PI*Math.random();var r=(Math.random()-.5)*.6,v=5+Math.random()*6,w=function(){var D=WS(m);return $APP.n(D)?D:"#ffffff"}(),
|
|
10
|
+
y=function(){var D=WS(q);return $APP.n(D)?D:"square"}(),A={};A.x=c;A.y=d;A.vx=f;A.vy=b;A.rot=e;A.vrot=r;A.size=v;A.color=w;A.shape=y;A.life=l;A.max=l;A.g=h;A.alive=!0;return A},YS=function(a,b,c,d,e,f,h,l,m,q,r){for(var v=$APP.k(a,"__xConfettiParticles"),w=0;;)if(w<b)v.push(XS(a,c,d,e,f,h,l,m,q,r)),w+=1;else break},$S=function(a){$APP.n($APP.k(a,"__xConfettiRaf"))||($APP.Xg(a,"__xConfettiLastTime",performance.now()),$APP.Xg(a,"__xConfettiBurstStart",performance.now()),$APP.Xg(a,"__xConfettiRaf",requestAnimationFrame(function(){return ZS.i?
|
|
11
|
+
ZS.i(a):ZS.call(null,a)})))},aT=function(a,b){var c=$APP.k(a,"__xConfettiParticles");a=$APP.k(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),l=f.vx*Math.pow(.985,b),m=f.x+l*b,q=f.y+h*b,r=f.rot+f.vrot*b,v=f.life-b*16.6667;f.vx=l;f.vy=h;f.x=m;f.y=q;f.rot=r;f.life=v;if(v<=0||q>a+80)f.alive=!1}e+=1}else break},bT=function(a){for(var b=$APP.k(a,"__xConfettiParticles"),c=b.length,d=[],e=0;;)if(e<c){var f=b[e];$APP.n(f.alive)&&
|
|
12
|
+
d.push(f);e+=1}else break;a.__xConfettiParticles=d;return d.length},cT=function(a,b,c){if($APP.B.j(b,"square"))a.fillRect(-(c*.5),-(c*.5),c,c);else if($APP.B.j(b,"ribbon"))b=Math.max(1.5,c*.35),a.fillRect(-(c*.5),-(b*.5),c,b);else if($APP.B.j(b,"circle"))a.beginPath(),a.arc(0,0,c*.5,0,2*Math.PI),a.fill();else if($APP.B.j(b,"star")){c*=.6;b=c*.45;a.beginPath();for(var d=0;;)if(d<10){var e=$APP.jd(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;
|
|
13
|
+
a.closePath();a.fill()}else a.fillRect(-(c*.5),-(c*.5),c,c)},dT=function(a){var b=$APP.cj.i($APP.k(a,"__xConfettiRefs")),c=$APP.k(a,"__xConfettiParticles"),d=function(){var m=$APP.k(a,"__xConfettiCanvasW");return $APP.n(m)?m:0}(),e=function(){var m=$APP.k(a,"__xConfettiCanvasH");return $APP.n(m)?m:0}();if($APP.n($APP.n(b)?d>0&&e>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,l=f.max*.25;h=h<l?Math.max(0,h/l):1;b.save();b.translate(f.x,f.y);b.rotate(f.rot);
|
|
14
|
+
b.globalAlpha=h;b.fillStyle=f.color;cT(b,f.shape,f.size);b.restore()}e+=1}else break;b.globalAlpha=1}},eT=function(a,b,c,d,e){var f=Math,h=f.min,l=Math,m=l.max;a=$APP.n(a)?a[$APP.gg(b)]:null;a==null||$APP.B.j(a,void 0)||(a=parseFloat(a),c=$APP.n(isNaN(a))?c:a);return h.call(f,m.call(l,c,d),e)},fT=function(a,b){return $APP.n(a)?(a=a[$APP.gg(b)],a!=null&&$APP.p(isNaN(a))?parseFloat(a):null):null},kT=function(a,b){var c=VS(a);a=fT(b,gT);var d=eT(b,NS,NS.i(c),0,180);var e=$APP.ao.i(c);var f=$APP.n(b)?
|
|
15
|
+
b.colors:null;e=f==null?e:typeof f==="string"?yS(f):$APP.n(Array.isArray(f))?$APP.Ee($APP.xc(f)):e;f=eT(b,$APP.Em,$APP.Em.i(c),200,2E4);var h=eT(b,$APP.so,$APP.so.i(c),-2,2);var l=$APP.hj.i(c);l=Math.round(eT(b,$APP.hj,l,1,300));var m=OS.i(c);var q=$APP.n(b)?b[$APP.gg(OS)]:null;m=q==null||$APP.B.j(q,void 0)?m:""+$APP.R.i(q);m=uS(m,RS,"top");q=fT(b,hT);var r=eT(b,$APP.rn,$APP.rn.i(c),1,60);c=PS.i(c);b=$APP.n(b)?b.shapes:null;b=b==null?c:typeof b==="string"?AS(b):$APP.n(Array.isArray(b))?AS(b.join(",")):
|
|
16
|
+
c;return $APP.Hf([iT,NS,$APP.ao,$APP.Em,$APP.so,$APP.hj,OS,jT,$APP.rn,PS],[a,d,e,f,h,l,m,q,r,b])},lT=function(a,b){DS(a);US(a);var c=VS(a);$APP.n($APP.Y.i(c))||(b=kT(a,b),$APP.ah(a,"x-confetti-fire",{count:$APP.hj.i(b),origin:OS.i(b)}),$APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)?$APP.ah(a,"x-confetti-end",{duration:0}):(c=$APP.ne(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():
|
|
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.M("",d)?d:$APP.B.j("",e)?"#888":e}return d},$APP.ao.i(b)),YS(a,$APP.hj.i(b),OS.i(b),iT.i(b),jT.i(b),NS.i(b),$APP.rn.i(b),$APP.so.i(b),$APP.Em.i(b),c,PS.i(b)),$S(a)));return null},nT=function(a){$APP.ih(a,mT);return Object.defineProperty(a,"fire",{value:function(b){return lT(this,b)},writable:!0,configurable:!0})},
|
|
18
|
+
oT=function(a){DS(a);US(a);var b=a.getBoundingClientRect(),c=b.width;b=b.height;c>0&&b>0&&ES(a,c,b);FS(a);c=a.hasAttribute("auto-fire");$APP.n($APP.n(c)?$APP.p(a.hasAttribute("disabled"))&&$APP.p($APP.k(a,"__xConfettiAutoFired")):c)&&(a.__xConfettiAutoFired=!0,lT(a,null));return null},pT=function(a){var b=$APP.k(a,"__xConfettiRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xConfettiRaf=null);b=$APP.k(a,"__xConfettiResizeObs");$APP.n(b)&&(b.disconnect(),a.__xConfettiResizeObs=null);a.__xConfettiParticles=
|
|
19
|
+
[];return null},qT=function(a,b,c,d){$APP.M(c,d)&&US(a);return null},sT=function(){return $APP.Wg("x-confetti",new $APP.P(null,5,[$APP.Mg,rT,$APP.Ng,oT,$APP.Og,pT,$APP.Qg,qT,$APP.Ug,nT],null))},HS=new $APP.F(null,"auto-fire?","auto-fire?",847898900),LS=new $APP.F(null,"shapes-raw","shapes-raw",1137432568),JS=new $APP.F(null,"velocity-raw","velocity-raw",-1695855690),IS=new $APP.F(null,"gravity-raw","gravity-raw",2016054357),PS=new $APP.F(null,"shapes","shapes",1897594879),GS=new $APP.F(null,"spread-raw",
|
|
20
|
+
"spread-raw",-1032599183),gT=new $APP.F(null,"originX","originX",1706367036),hT=new $APP.F(null,"originY","originY",586096556),OS=new $APP.F(null,"origin","origin",1037372088),jT=new $APP.F(null,"origin-y","origin-y",-1440842856),NS=new $APP.F(null,"spread","spread",862337191),KS=new $APP.F(null,"colors-raw","colors-raw",-229024810),MS=new $APP.F(null,"origin-raw","origin-raw",473782430),iT=new $APP.F(null,"origin-x","origin-x",-1205354906);var rT="mode origin count spread velocity gravity duration colors shapes auto-fire disabled".split(" "),QS=new $APP.Q(null,new $APP.P(null,2,["inline",null,"overlay",null],null),null),RS=new $APP.Q(null,new $APP.P(null,4,["top",null,"center",null,"bottom",null,"point",null],null),null),zS=new $APP.Q(null,new $APP.P(null,4,["star",null,"ribbon",null,"square",null,"circle",null],null),null),xS=new $APP.N(null,5,5,$APP.O,["var(--x-color-primary,#2563eb)","var(--x-color-accent,#8b5cf6)","var(--x-color-success,#16a34a)",
|
|
21
|
+
"var(--x-color-warning,#f59e0b)","var(--x-color-info,#0ea5e9)"],null),mT=$APP.Hf([$APP.fl,NS,$APP.Kk,$APP.ao,$APP.Em,new $APP.F(null,"autoFire","autoFire",-813658451),$APP.so,$APP.hj,OS,$APP.rn,PS],[new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"disabled"],null),new $APP.P(null,3,[$APP.S,$APP.W,$APP.T,"spread",$APP.hh,60],null),new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"mode",$APP.hh,"overlay"],null),new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"colors",$APP.hh,""],null),new $APP.P(null,3,[$APP.S,$APP.W,$APP.T,
|
|
22
|
+
"duration",$APP.hh,4E3],null),new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"auto-fire"],null),new $APP.P(null,3,[$APP.S,$APP.W,$APP.T,"gravity",$APP.hh,.25],null),new $APP.P(null,3,[$APP.S,$APP.W,$APP.T,"count",$APP.hh,80],null),new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"origin",$APP.hh,"top"],null),new $APP.P(null,3,[$APP.S,$APP.W,$APP.T,"velocity",$APP.hh,14],null),new $APP.P(null,3,[$APP.S,$APP.V,$APP.T,"shapes",$APP.hh,"square,ribbon"],null)]);
|
|
23
|
+
$APP.Ud(["x-confetti-fire",new $APP.P(null,2,[$APP.Z,new $APP.P(null,2,[$APP.hj,$APP.W,OS,$APP.V],null),$APP.Un,!1],null),"x-confetti-end",new $APP.P(null,2,[$APP.Z,new $APP.P(null,1,[$APP.Em,$APP.W],null),$APP.Un,!1],null)]);var ZS=function ZS(a){a.__xConfettiRaf=null;if($APP.n(a.isConnected)){var c=performance.now(),d=Math.min(100,c-function(){var e=$APP.k(a,"__xConfettiLastTime");return $APP.n(e)?e:c}())/16.6667;a.__xConfettiLastTime=c;aT(a,d);d=bT(a);dT(a);d>0?$APP.Xg(a,"__xConfettiRaf",requestAnimationFrame(function(){return ZS.i?ZS.i(a):ZS.call(null,a)})):(d=Math.round(c-function(){var e=$APP.k(a,"__xConfettiBurstStart");return $APP.n(e)?e:c}()),a.__xConfettiBurstStart=null,$APP.ah(a,"x-confetti-end",{duration:d}))}return null};$APP.da("baredom.exports.x_confetti.init",sT);export const init=sT;
|
package/dist/x-container.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a.getAttribute("center")),
|
|
4
|
-
e.replaceChild(h,d),b.base=h);b=b.base;b.setAttribute("data-size",$APP.
|
|
2
|
+
var LV=function(a,b,c){return typeof a==="string"&&$APP.Vc(b,a)?a:c},MV=function(a){return a.__xContainerState},NV=function(a){Object.defineProperty(a,"center",{configurable:!0,enumerable:!0,get:function(){return $APP.M("false",this.getAttribute("center"))},set:function(b){return $APP.E(b)?this.removeAttribute("center"):this.setAttribute("center","false")}})},UV=function(a,b){a=new $APP.P(null,6,[OV,a.getAttribute("as"),$APP.bj,a.getAttribute("size"),$APP.ro,a.getAttribute("padding"),PV,$APP.M("false",
|
|
3
|
+
a.getAttribute("center")),QV,a.hasAttribute("fluid"),$APP.X,a.getAttribute("label")],null);var c=$APP.H(a);a=$APP.C(c,OV);var d=$APP.C(c,$APP.bj),e=$APP.C(c,$APP.ro),f=$APP.C(c,PV),h=$APP.C(c,QV);c=$APP.C(c,$APP.X);a=new $APP.P(null,6,[OV,LV(a,RV,"div"),$APP.bj,LV(d,SV,"lg"),$APP.ro,LV(e,TV,"md"),PV,$APP.E(f),QV,$APP.E(h),$APP.X,$APP.sh(c)?c:null],null);h=OV.i(a);d=b.base;$APP.M(d.tagName.toLowerCase(),h)&&(e=b.root,f=b.slot,h=document.createElement(h),h.setAttribute("part","base"),h.appendChild(f),
|
|
4
|
+
e.replaceChild(h,d),b.base=h);b=b.base;b.setAttribute("data-size",$APP.bj.i(a));b.setAttribute("data-padding",$APP.ro.i(a));b.setAttribute("data-center",$APP.n(PV.i(a))?"true":"false");b.setAttribute("data-fluid",$APP.n(QV.i(a))?"true":"false");a=$APP.X.i(a);return $APP.n(a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")},VV=function(a){if(!$APP.n(MV(a))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");
|
|
5
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
|
-
d.setAttribute("part","base");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xContainerState={root:b,base:d,slot:e}}return
|
|
6
|
+
d.setAttribute("part","base");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xContainerState={root:b,base:d,slot:e}}return UV(a,MV(a))},WV=function(a){var b=MV(a);return $APP.n(b)?UV(a,b):null},XV=function(a){NV(a);return $APP.ch(a,"fluid","fluid")},ZV=function(){return $APP.Wg("x-container",new $APP.P(null,4,[$APP.Mg,YV,$APP.Ng,VV,$APP.Qg,WV,$APP.Ug,XV],null))},QV=new $APP.F(null,"fluid","fluid",-1823657759),OV=new $APP.F(null,"as","as",1148689641),PV=new $APP.F(null,"center","center",-748944368);var RV=new $APP.Q(null,new $APP.P(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),SV=new $APP.Q(null,new $APP.P(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),TV=new $APP.Q(null,new $APP.P(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),YV="as size padding center fluid label".split(" ");$APP.da("baredom.exports.x_container.init",ZV);export const init=ZV;
|
package/dist/x-context-menu.d.ts
CHANGED
|
@@ -2,12 +2,41 @@
|
|
|
2
2
|
|
|
3
3
|
export function init(): void;
|
|
4
4
|
|
|
5
|
+
export interface XContextMenuEventMap {
|
|
6
|
+
"x-context-menu-open-request": CustomEvent<{ reason: string }>;
|
|
7
|
+
"x-context-menu-open": CustomEvent<{ reason: string }>;
|
|
8
|
+
"x-context-menu-close-request": CustomEvent<{ reason: string }>;
|
|
9
|
+
"x-context-menu-close": CustomEvent<{ reason: string }>;
|
|
10
|
+
"x-context-menu-select": CustomEvent<{ item: Record<string, any> }>;
|
|
11
|
+
}
|
|
12
|
+
|
|
5
13
|
export interface XContextMenu extends HTMLElement {
|
|
6
14
|
open: boolean;
|
|
7
15
|
disabled: boolean;
|
|
8
16
|
placement: string;
|
|
9
|
-
offset:
|
|
10
|
-
zIndex:
|
|
17
|
+
offset: string;
|
|
18
|
+
zIndex: string;
|
|
19
|
+
|
|
20
|
+
addEventListener<K extends keyof XContextMenuEventMap>(
|
|
21
|
+
type: K,
|
|
22
|
+
listener: (this: XContextMenu, ev: XContextMenuEventMap[K]) => any,
|
|
23
|
+
options?: boolean | AddEventListenerOptions
|
|
24
|
+
): void;
|
|
25
|
+
addEventListener(
|
|
26
|
+
type: string,
|
|
27
|
+
listener: EventListenerOrEventListenerObject,
|
|
28
|
+
options?: boolean | AddEventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
removeEventListener<K extends keyof XContextMenuEventMap>(
|
|
31
|
+
type: K,
|
|
32
|
+
listener: (this: XContextMenu, ev: XContextMenuEventMap[K]) => any,
|
|
33
|
+
options?: boolean | EventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
removeEventListener(
|
|
36
|
+
type: string,
|
|
37
|
+
listener: EventListenerOrEventListenerObject,
|
|
38
|
+
options?: boolean | EventListenerOptions
|
|
39
|
+
): void;
|
|
11
40
|
}
|
|
12
41
|
|
|
13
42
|
declare global {
|