@vanelsas/baredom 2.4.1 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/README.md +63 -270
- package/custom-elements.json +7373 -0
- package/dist/baredom.d.ts +97 -0
- package/dist/base.js +74 -74
- package/dist/integrity.json +93 -93
- package/dist/x-alert.d.ts +43 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.d.ts +18 -0
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.d.ts +21 -0
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.d.ts +19 -0
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.d.ts +12 -0
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.d.ts +12 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +20 -0
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.d.ts +45 -0
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.d.ts +50 -0
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.d.ts +39 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +48 -0
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.d.ts +23 -0
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.d.ts +45 -0
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.d.ts +41 -0
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.d.ts +42 -0
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.d.ts +47 -0
- package/dist/x-color-picker.js +41 -41
- package/dist/x-combobox.d.ts +47 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.d.ts +46 -0
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.d.ts +14 -0
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.d.ts +17 -0
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.d.ts +51 -0
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +52 -0
- package/dist/x-currency-field.js +23 -21
- package/dist/x-date-picker.d.ts +20 -0
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.d.ts +20 -0
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.d.ts +44 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.d.ts +42 -0
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.d.ts +14 -0
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +40 -0
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +46 -0
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.d.ts +47 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +41 -0
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.d.ts +12 -0
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.d.ts +15 -0
- package/dist/x-icon.js +7 -7
- package/dist/x-image.d.ts +48 -0
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.d.ts +48 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.d.ts +27 -0
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.d.ts +47 -0
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.d.ts +46 -0
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.d.ts +41 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.d.ts +42 -0
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.d.ts +44 -0
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.d.ts +46 -0
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.d.ts +46 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.d.ts +22 -0
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.d.ts +42 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.d.ts +19 -0
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.d.ts +45 -0
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.d.ts +18 -0
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +45 -0
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.d.ts +47 -0
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.d.ts +45 -0
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.d.ts +41 -0
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.d.ts +44 -0
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.d.ts +44 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.d.ts +42 -0
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.d.ts +45 -0
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.d.ts +46 -0
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.d.ts +56 -0
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.d.ts +58 -0
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.d.ts +51 -0
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.d.ts +47 -0
- package/dist/x-search-field.js +15 -14
- package/dist/x-select.d.ts +41 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.d.ts +40 -0
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.d.ts +15 -0
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.d.ts +16 -0
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +49 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.d.ts +44 -0
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.d.ts +15 -0
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.d.ts +15 -0
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.d.ts +42 -0
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.d.ts +21 -0
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.d.ts +42 -0
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.d.ts +44 -0
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.d.ts +40 -0
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.d.ts +50 -0
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.d.ts +43 -0
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.d.ts +124 -0
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +71 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +48 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.d.ts +15 -0
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.d.ts +46 -0
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.d.ts +78 -0
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.d.ts +45 -0
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.d.ts +41 -0
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.d.ts +43 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.d.ts +16 -0
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.d.ts +92 -0
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +506 -392
package/dist/x-combobox.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
"__xComboboxRefs");if($APP.n(b)){var c=$APP.k(b,"panel");b=$APP.k(b,"input");var d=function(){var C=$APP.k(a,"__xComboboxQuery");return $APP.n(C)?C:""}(),e=
|
|
5
|
-
b.removeAttribute("aria-activedescendant");e=$APP.t($APP.
|
|
6
|
-
v=
|
|
7
|
-
"true"),$APP.B.i(l,g)&&m.setAttribute("data-active",""),$APP.n(p)?(m.appendChild(document.createTextNode(
|
|
8
|
-
7,[$APP.
|
|
9
|
-
d:"bottom-start";g=$APP.M(new $APP.
|
|
10
|
-
a.removeAttribute("data-has-value")}return null},
|
|
11
|
-
0,b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&$APP.k(b,"input").select(),
|
|
12
|
-
b){var c=
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
b=$APP.z(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
$APP.k(c,"
|
|
20
|
-
|
|
21
|
-
"observedAttributes",{get:function(){return
|
|
22
|
-
l=
|
|
2
|
+
var Ko=function(a,b){if(b==null||$APP.B.i(b,""))return a;var c=b.toLowerCase();return $APP.he(function(d){d=$APP.M(d);d=$APP.D(d,$APP.U);return $APP.N(-1,d.toLowerCase().indexOf(c))},a)},Lo=function(a,b){return b!=null?$APP.Td(function(c){return $APP.B.i($APP.Yi.g(c),b)?c:null},a):null},Po=function(a,b){if(b!=null&&$APP.N(b,"")){var c=a.toLowerCase().indexOf(b.toLowerCase());if($APP.N(c,-1))return b=c+$APP.z(b),new $APP.Q(null,3,[Mo,a.substring(0,c),No,a.substring(c,b),Oo,a.substring(b)],null)}return null},
|
|
3
|
+
Qo=function(a){return document.createElement(a)},Ro=function(a,b,c){return a.setAttribute(b,c)},So=function(a){var b=$APP.k(a,"__xComboboxRefs");$APP.n(b)&&(b=$APP.k(b,"slot").assignedElements({flatten:!0}),b=$APP.We.m($APP.fe,$APP.th.i($APP.ce(function(c){return $APP.B.i("OPTION",c.tagName)}),$APP.ae.g(function(c){var d=c.getAttribute("value");return new $APP.Q(null,2,[$APP.Yi,$APP.n(d)?d:c.textContent,$APP.U,c.textContent],null)})),$APP.uc(b)),a.__xComboboxOptions=b)},To=function(a){var b=$APP.k(a,
|
|
4
|
+
"__xComboboxRefs");if($APP.n(b)){var c=$APP.k(b,"panel");b=$APP.k(b,"input");var d=function(){var C=$APP.k(a,"__xComboboxQuery");return $APP.n(C)?C:""}(),e=Ko($APP.k(a,"__xComboboxOptions"),d),g=function(){var C=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(C)?C:0}();g=$APP.Hc(e)?-1:$APP.ph.i(g,$APP.z(e)-1);var h=function(){var C=a.getAttribute("value");return $APP.n(C)?C:""}();c.textContent="";if($APP.Hc(e))return d=Qo("div"),d.setAttribute("part","empty-msg"),d.textContent="No matches",c.appendChild(d),
|
|
5
|
+
b.removeAttribute("aria-activedescendant");e=$APP.t($APP.Wd($APP.xh,e));for(var l=null,m=0,p=0;;)if(p<m){var q=l.F(null,p),v=$APP.Ac(q,0,null),x=$APP.Ac(q,1,null);q=Qo("div");var y=""+$APP.T.g("x-cb-opt-")+$APP.T.g(v),A=Po($APP.U.g(x),d);q.setAttribute("part","option");q.setAttribute("role","option");q.setAttribute("id",y);Ro(q,"data-value",$APP.Yi.g(x));$APP.B.i($APP.Yi.g(x),h)&&q.setAttribute("aria-selected","true");$APP.B.i(v,g)&&q.setAttribute("data-active","");$APP.n(A)?(q.appendChild(document.createTextNode(Mo.g(A))),
|
|
6
|
+
v=Qo("b"),v.textContent=No.g(A),q.appendChild(v),q.appendChild(document.createTextNode(Oo.g(A)))):q.textContent=$APP.U.g(x);c.appendChild(q);p+=1}else if(e=$APP.t(e))$APP.Nc(e)?(m=$APP.yb(e),e=$APP.zb(e),l=m,m=$APP.z(m)):(m=$APP.u(e),l=$APP.Ac(m,0,null),v=$APP.Ac(m,1,null),m=Qo("div"),q=""+$APP.T.g("x-cb-opt-")+$APP.T.g(l),p=Po($APP.U.g(v),d),m.setAttribute("part","option"),m.setAttribute("role","option"),m.setAttribute("id",q),Ro(m,"data-value",$APP.Yi.g(v)),$APP.B.i($APP.Yi.g(v),h)&&m.setAttribute("aria-selected",
|
|
7
|
+
"true"),$APP.B.i(l,g)&&m.setAttribute("data-active",""),$APP.n(p)?(m.appendChild(document.createTextNode(Mo.g(p))),l=Qo("b"),l.textContent=No.g(p),m.appendChild(l),m.appendChild(document.createTextNode(Oo.g(p)))):m.textContent=$APP.U.g(v),c.appendChild(m),e=$APP.w(e),l=null,m=0),p=0;else break;return g>=0?Ro(b,"aria-activedescendant",""+$APP.T.g("x-cb-opt-")+$APP.T.g(g)):b.removeAttribute("aria-activedescendant")}return null},Vo=function(a){var b=$APP.k(a,"__xComboboxRefs");if($APP.n(b)){var c=new $APP.Q(null,
|
|
8
|
+
7,[$APP.Em,a.getAttribute("value"),$APP.Pi,a.getAttribute("placeholder"),$APP.Al,a.getAttribute("name"),$APP.Ol,a.hasAttribute("disabled"),$APP.Nh,a.hasAttribute("required"),$APP.Gi,a.hasAttribute("open"),$APP.jn,a.getAttribute("placement")],null),d=$APP.M(c),e=$APP.D(d,$APP.Em),g=$APP.D(d,$APP.Pi),h=$APP.D(d,$APP.Al),l=$APP.D(d,$APP.Ol),m=$APP.D(d,$APP.Nh);c=$APP.D(d,$APP.Gi);d=$APP.D(d,$APP.jn);e=$APP.n(e)?e:"";g=$APP.n(g)?g:"";h=$APP.n(h)?h:"";l=$APP.F(l);m=$APP.F(m);c=$APP.F(c);d=$APP.I(Uo,d)?
|
|
9
|
+
d:"bottom-start";g=$APP.M(new $APP.Q(null,7,[$APP.Yi,e,$APP.sm,g,$APP.Aj,h,$APP.X,l,$APP.mi,m,$APP.Om,c,$APP.Qj,d],null));c=$APP.D(g,$APP.Yi);d=$APP.D(g,$APP.sm);e=$APP.D(g,$APP.X);m=$APP.D(g,$APP.Om);g=$APP.D(g,$APP.Qj);l=$APP.k(b,"input");b=$APP.k(b,"panel");h=Lo($APP.k(a,"__xComboboxOptions"),c);l.placeholder=d;l.disabled=e;Ro(l,"aria-expanded",""+$APP.T.g(m));b.setAttribute("data-placement",g);$APP.n(m)||(l.value=$APP.n(h)?$APP.U.g(h):"");return $APP.N(c,"")?a.setAttribute("data-has-value",""):
|
|
10
|
+
a.removeAttribute("data-has-value")}return null},Wo=function(a,b,c){b=new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)},Xo=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},Zo=function(a,b){return $APP.r(a.hasAttribute("disabled"))&&$APP.r(a.hasAttribute("open"))&&Wo(a,"x-combobox-toggle",{open:!0,source:b})?(a.setAttribute("open",""),a.__xComboboxQuery="",a.__xComboboxActiveIdx=
|
|
11
|
+
0,b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&$APP.k(b,"input").select(),To(a),Yo.g?Yo.g(a):Yo.call(null,a)):null},ap=function(a,b){return $APP.n(a.hasAttribute("open"))&&Wo(a,"x-combobox-toggle",{open:!1,source:b})?(a.removeAttribute("open"),a.__xComboboxQuery="",a.__xComboboxActiveIdx=0,$o.g?$o.g(a):$o.call(null,a),Vo(a)):null},bp=function(a,b,c){var d=a.getAttribute("value");return Wo(a,"x-combobox-change-request",{value:b,label:c,previousValue:$APP.n(d)?d:""})?(a.setAttribute("value",b),d=$APP.k(a,
|
|
12
|
+
"__xComboboxRefs"),$APP.n(d)&&($APP.k(d,"input").value=c),ap(a,"select"),Xo(a,"x-combobox-change",{value:b,label:c})):null},cp=function(a,b){var c=Ko($APP.k(a,"__xComboboxOptions"),function(){var e=$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.i(b,$APP.Tj)?c===0?-1:$APP.fd(($APP.n(d)?d:-1)+1,c):c===0?-1:$APP.fd(($APP.n(d)?d:c)-1,c);a.__xComboboxActiveIdx=b;To(a);b=$APP.k(a,"__xComboboxRefs");
|
|
13
|
+
return $APP.n(b)?(b=$APP.k(b,"panel").querySelector("[data-active]"),$APP.n(b)?b.scrollIntoView({block:"nearest"}):null):null},dp=function(a){var b=Ko($APP.k(a,"__xComboboxOptions"),function(){var c=$APP.k(a,"__xComboboxQuery");return $APP.n(c)?c:""}());b=$APP.Ac(b,function(){var c=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(c)?c:0}(),null);return $APP.n(b)?bp(a,$APP.Yi.g(b),$APP.U.g(b)):null},ep=function(a){return{slotchange:function(){So(a);return $APP.n(a.hasAttribute("open"))?To(a):null},inputFocus:function(){return Zo(a,
|
|
14
|
+
"focus")},inputInput:function(b){b=b.target.value;a.__xComboboxQuery=b;a.__xComboboxActiveIdx=0;$APP.n(a.hasAttribute("open"))||Zo(a,"input");To(a);return Xo(a,"x-combobox-input",{query:b})},panelClick:function(b){b=b.target;b=$APP.n(b.hasAttribute("data-value"))?b:b.closest("[data-value]");if($APP.n(b)){var c=b.getAttribute("data-value");return bp(a,c,b.textContent)}return null},inputKeydown:function(b){var c=b.key;if($APP.B.i(c,"ArrowDown"))return b.preventDefault(),$APP.n(a.hasAttribute("open"))?
|
|
15
|
+
cp(a,$APP.Tj):Zo(a,"keyboard");if($APP.B.i(c,"ArrowUp"))return b.preventDefault(),$APP.n(a.hasAttribute("open"))?cp(a,$APP.Nj):Zo(a,"keyboard");if($APP.B.i(c,"Enter"))return b.preventDefault(),$APP.n(a.hasAttribute("open"))?dp(a):null;if($APP.B.i(c,"Escape")){if($APP.n(a.hasAttribute("open")))return b.preventDefault(),ap(a,"escape"),b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)?$APP.k(b,"input").focus():null}else if($APP.B.i(c,"Home")){if($APP.n(a.hasAttribute("open")))return b.preventDefault(),a.__xComboboxActiveIdx=
|
|
16
|
+
0,To(a)}else if($APP.B.i(c,"End")&&$APP.n(a.hasAttribute("open")))return b.preventDefault(),b=$APP.k(a,"__xComboboxQuery"),b=$APP.z(Ko($APP.k(a,"__xComboboxOptions"),$APP.n(b)?b:"")),b=$APP.oh.i(0,b-1),a.__xComboboxActiveIdx=b,To(a);return null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.vc(b.composedPath()),b=$APP.Td(function(c){return c===a},b),$APP.n(b)?null:ap(a,"outside-click")):null},panelPointerdown:function(b){return b.preventDefault()},clearClick:function(){var b=
|
|
17
|
+
a.getAttribute("value");return Wo(a,"x-combobox-change-request",{value:"",label:"",previousValue:$APP.n(b)?b:""})?(a.removeAttribute("value"),a.removeAttribute("data-has-value"),b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&(b=$APP.k(b,"input"),b.value="",b.focus()),Xo(a,"x-combobox-change",{value:"",label:""})):null},chevronPointerdown:function(b){b.preventDefault();if($APP.n(a.hasAttribute("open")))return ap(a,"pointer");Zo(a,"pointer");b=$APP.k(a,"__xComboboxRefs");return $APP.n(b)?$APP.k(b,"input").focus():
|
|
18
|
+
null},focusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.r(a.contains(b))?ap(a,"focusout"):null):null}}},fp=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"),g=$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",
|
|
19
|
+
$APP.k(c,"inputKeydown"));e.removeEventListener("click",$APP.k(c,"clearClick"));g.removeEventListener("pointerdown",$APP.k(c,"chevronPointerdown"));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"))}}},Yo=function(a){var b=$APP.k(a,"__xComboboxHandlers");return $APP.n(b)?setTimeout(function(){var c=a.isConnected;return $APP.n($APP.n(c)?
|
|
20
|
+
a.hasAttribute("open"):c)?document.addEventListener("click",$APP.k(b,"docClick")):null},0):null},$o=function(a){a=$APP.k(a,"__xComboboxHandlers");return $APP.n(a)?document.removeEventListener("click",$APP.k(a,"docClick")):null},gp=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.Eg(this,c,$APP.F(d))}})},hp=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);
|
|
21
|
+
return $APP.n(d)?d:""},set:function(d){return d!=null&&$APP.N(d)?this.setAttribute(c,""+$APP.T.g(d)):this.removeAttribute(c)}})},kp=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return ip}});hp(b,"value","value");hp(b,"placeholder","placeholder");hp(b,"name","name");hp(b,"placement","placement");gp(b,"disabled","disabled");gp(b,"required","required");gp(b,"open","open");b.show=function(){return Zo(this,"programmatic")};b.hide=
|
|
22
|
+
function(){return ap(this,"programmatic")};b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xComboboxRefs"))){var c=this.attachShadow({mode:"open"}),d=Qo("style"),e=Qo("div"),g=Qo("input"),h=Qo("button"),l=Qo("span"),m=Qo("div"),p=Qo("slot");var q=$APP.k(jp,"n")+1;jp.n=q;q="x-cb-lb-"+$APP.T.g(q);d.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
23
|
e.setAttribute("part","wrapper");g.setAttribute("part","input");g.setAttribute("type","text");g.setAttribute("role","combobox");g.setAttribute("aria-expanded","false");g.setAttribute("aria-autocomplete","list");g.setAttribute("aria-controls",q);g.setAttribute("autocomplete","off");h.setAttribute("part","clear");h.setAttribute("type","button");h.setAttribute("aria-label","Clear");h.setAttribute("tabindex","-1");h.textContent="×";l.setAttribute("part","chevron");l.setAttribute("aria-hidden","true");
|
|
24
24
|
l.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';m.setAttribute("part","panel");m.setAttribute("role","listbox");m.setAttribute("id",q);m.setAttribute("data-placement","bottom-start");e.appendChild(g);e.appendChild(h);e.appendChild(l);c.appendChild(d);
|
|
25
|
-
c.appendChild(e);c.appendChild(m);c.appendChild(p);this.__xComboboxListboxId=q;this.__xComboboxOptions=$APP.fe;this.__xComboboxQuery="";this.__xComboboxActiveIdx=0;this.__xComboboxRefs={wrapper:e,input:g,clear:h,chevron:l,panel:m,slot:p}}
|
|
26
|
-
$APP.k(c,"inputFocus")),d.addEventListener("input",$APP.k(c,"inputInput")),d.addEventListener("keydown",$APP.k(c,"inputKeydown")),e.addEventListener("click",$APP.k(c,"clearClick")),g.addEventListener("pointerdown",$APP.k(c,"chevronPointerdown")),h.addEventListener("pointerdown",$APP.k(c,"panelPointerdown")),h.addEventListener("click",$APP.k(c,"panelClick")),this.addEventListener("focusout",$APP.k(c,"focusout")),l.addEventListener("slotchange",$APP.k(c,"slotchange"))));
|
|
27
|
-
function(){
|
|
28
|
-
$APP.Pd(["x-combobox-change",new $APP.
|
|
25
|
+
c.appendChild(e);c.appendChild(m);c.appendChild(p);this.__xComboboxListboxId=q;this.__xComboboxOptions=$APP.fe;this.__xComboboxQuery="";this.__xComboboxActiveIdx=0;this.__xComboboxRefs={wrapper:e,input:g,clear:h,chevron:l,panel:m,slot:p}}fp(this);$o(this);this.__xComboboxHandlers=ep(this);l=$APP.k(this,"__xComboboxRefs");$APP.n(l)&&(c=$APP.k(this,"__xComboboxHandlers"),$APP.n(c)&&(d=$APP.k(l,"input"),e=$APP.k(l,"clear"),g=$APP.k(l,"chevron"),h=$APP.k(l,"panel"),l=$APP.k(l,"slot"),d.addEventListener("focus",
|
|
26
|
+
$APP.k(c,"inputFocus")),d.addEventListener("input",$APP.k(c,"inputInput")),d.addEventListener("keydown",$APP.k(c,"inputKeydown")),e.addEventListener("click",$APP.k(c,"clearClick")),g.addEventListener("pointerdown",$APP.k(c,"chevronPointerdown")),h.addEventListener("pointerdown",$APP.k(c,"panelPointerdown")),h.addEventListener("click",$APP.k(c,"panelClick")),this.addEventListener("focusout",$APP.k(c,"focusout")),l.addEventListener("slotchange",$APP.k(c,"slotchange"))));So(this);return Vo(this)};b.disconnectedCallback=
|
|
27
|
+
function(){fp(this);return $o(this)};b.attributeChangedCallback=function(c){$APP.n($APP.k(this,"__xComboboxRefs"))?(Vo(this),c=$APP.B.i(c,"open")?$APP.n(this.hasAttribute("open"))?Yo(this):$o(this):null):c=null;return c};return a},lp=function(){return $APP.n(customElements.get("x-combobox"))?null:customElements.define("x-combobox",kp())},No=new $APP.K(null,"match","match",1220059550),Oo=new $APP.K(null,"after","after",594996914),Mo=new $APP.K(null,"before","before",-1633692388);var Uo=new $APP.S(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),ip="value placeholder name disabled required open placement".split(" ");
|
|
28
|
+
$APP.Pd(["x-combobox-change-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,3,[$APP.Yi,$APP.Y,$APP.U,$APP.Y,$APP.Tk,$APP.Y],null)],null),"x-combobox-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,2,[$APP.Yi,$APP.Y,$APP.U,$APP.Y],null)],null),"x-combobox-input",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,1,[$APP.Ii,$APP.Y],null)],null),"x-combobox-toggle",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,2,[$APP.im,$APP.Zj,$APP.sl,$APP.Y],null)],null)]);var jp={n:0};$APP.ha("baredom.exports.x_combobox.init",lp);export const init=lp;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// x-command-palette.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XCommandPaletteEventMap {
|
|
6
|
+
"x-command-palette-open-request": CustomEvent<{}>;
|
|
7
|
+
"x-command-palette-open": CustomEvent<{}>;
|
|
8
|
+
"x-command-palette-close-request": CustomEvent<{}>;
|
|
9
|
+
"x-command-palette-close": CustomEvent<{}>;
|
|
10
|
+
"x-command-palette-select-request": CustomEvent<{ item: Record<string, any> }>;
|
|
11
|
+
"x-command-palette-select": CustomEvent<{ item: Record<string, any> }>;
|
|
12
|
+
"x-command-palette-query-change": CustomEvent<{ query: string }>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export interface XCommandPalette extends HTMLElement {
|
|
16
|
+
items: any;
|
|
17
|
+
open: boolean;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
|
|
20
|
+
addEventListener<K extends keyof XCommandPaletteEventMap>(
|
|
21
|
+
type: K,
|
|
22
|
+
listener: (this: XCommandPalette, ev: XCommandPaletteEventMap[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 XCommandPaletteEventMap>(
|
|
31
|
+
type: K,
|
|
32
|
+
listener: (this: XCommandPalette, ev: XCommandPaletteEventMap[K]) => any,
|
|
33
|
+
options?: boolean | EventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
removeEventListener(
|
|
36
|
+
type: string,
|
|
37
|
+
listener: EventListenerOrEventListenerObject,
|
|
38
|
+
options?: boolean | EventListenerOptions
|
|
39
|
+
): void;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare global {
|
|
43
|
+
interface HTMLElementTagNameMap {
|
|
44
|
+
"x-command-palette": XCommandPalette;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
v.join(" "):typeof v==="string"?v:"";var x=function(){var A=l;return $APP.n(A)?A:""}(),y=typeof m==="string"?m:"";x=(""+$APP.T.g(h)+" "+$APP.T.g(v)+" "+$APP.T.g(x)+" "+$APP.T.g(y)).toLowerCase();v=c+1;d=$APP.Cd(d,new $APP.
|
|
4
|
-
a=$APP.he(function(d){return $APP.Sd(function(e){return $APP.N(-1,
|
|
5
|
-
|
|
6
|
-
$APP.Pi],[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")]))},
|
|
7
|
-
"list"),d=$APP.k(b,"empty");b=$APP.k(b,"input");var e=function(){var q=$APP.k(a,"__xCommandPaletteQuery");return $APP.n(q)?q:""}(),g=
|
|
8
|
-
$APP.n(g)){var l=g;g=$APP.Ac(l,0,null);l=$APP.Ac(l,1,null);var m=
|
|
9
|
-
"-1");$APP.n($APP.X.g(l))&&p.setAttribute("aria-disabled","true");p.textContent=$APP.U.g(l);$APP.B.i(g,e)&&p.setAttribute("aria-selected","true");c.appendChild(p);d=$APP.Yb(d);h=g=function(){var q=m;return $APP.n(q)?q:h}()}else break;return $APP.n(b)?b.setAttribute("aria-activedescendant","x-cp-item-"+$APP.T.g(e)):null}return null},
|
|
10
|
-
$APP.U.g(c),l=$APP.
|
|
11
|
-
|
|
12
|
-
b=$APP.n(b)?$APP.k(b,"input"):null,$APP.n(b)&&b.removeAttribute("aria-activedescendant"),
|
|
13
|
-
-1),c=$APP.n(c)?c:0);a.__xCommandPaletteActiveIdx=c;
|
|
14
|
-
c:0,null),$APP.n($APP.n(b)?$APP.r($APP.X.g(b)):b)?(c=
|
|
15
|
-
"";a.__xCommandPaletteActiveIdx=0;
|
|
16
|
-
function d(){var q=
|
|
17
|
-
"__xCommandPaletteRefs"),l=$APP.k(h,"input"),m=$APP.k(h,"overlay"),p=$APP.k(h,"list");h=$APP.k(h,"clear-btn");l.addEventListener("input",g);l.addEventListener("keydown",e);m.addEventListener("click",d);p.addEventListener("click",c);h.addEventListener("click",b);$APP.ja(a,"__xCommandPaletteHandlers",{input:g,keydown:e,scrim:d,list:c,clear:b})},
|
|
18
|
-
"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",$APP.k(a,"list"));return b.removeEventListener("click",$APP.k(a,"clear"))}return null},
|
|
19
|
-
|
|
20
|
-
{configurable:!0,writable:!0,value:function(){return $APP.n(this.hasAttribute("open"))?
|
|
2
|
+
var Uu=function(a){return a==null?!0:$APP.N(a,"false")},Vu=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},Yu=function(a){if(a==null||$APP.r($APP.na(a)))return $APP.fe;for(var b=a.length,c=0,d=$APP.rb($APP.fe);;){if($APP.B.i(c,b))return $APP.tb(d);var e=a[c],g=""+$APP.T.g(function(){var A=e.id;return $APP.n(A)?A:c}()),h=""+$APP.T.g(function(){var A=e.label;return $APP.n(A)?A:""}()),l=Vu(e.group),m=e.value,p=e.icon,q=$APP.B.i(!0,e.disabled),v=e.keywords;v=$APP.n($APP.na(v))?
|
|
3
|
+
v.join(" "):typeof v==="string"?v:"";var x=function(){var A=l;return $APP.n(A)?A:""}(),y=typeof m==="string"?m:"";x=(""+$APP.T.g(h)+" "+$APP.T.g(v)+" "+$APP.T.g(x)+" "+$APP.T.g(y)).toLowerCase();v=c+1;d=$APP.Cd(d,new $APP.Q(null,7,[$APP.zl,g,$APP.U,h,Wu,l,$APP.Yi,m,$APP.Qk,p,$APP.X,q,Xu,x],null));c=v}},$u=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.N(b,"")?$APP.Yd(Vu,$APP.Hg(b,/\s+/)):null;if($APP.Hc(c))return new $APP.Q(null,2,[$APP.Ml,a,Zu,$APP.We.i($APP.Tf,$APP.Yd(Wu,a))],null);
|
|
4
|
+
a=$APP.he(function(d){return $APP.Sd(function(e){return $APP.N(-1,Xu.g(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.Q(null,2,[$APP.Ml,a,Zu,$APP.We.i($APP.Tf,$APP.Yd(Wu,a))],null)},av=function(a,b,c){var d=$APP.z(a);if(d>0)for(var e=1;;)if(e<=d){var g=$APP.fd(b+e*c,d),h=$APP.Ac(a,g,null),l=h;h=$APP.n(l)?$APP.r($APP.X.g(h)):l;if($APP.n(h))return g;e+=1}else return null;else return null},nv=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Gi);var c=$APP.D(b,$APP.Pi),d=$APP.D(b,$APP.pi),e=$APP.D(b,
|
|
5
|
+
bv),g=$APP.D(b,cv),h=$APP.D(b,dv),l=$APP.D(b,ev),m=$APP.D(b,fv),p=$APP.D(b,gv);b=$APP.D(b,hv);b=Uu(b);p=Uu(p);m=$APP.Kg(m);m=b&&!m;g=g!=null?$APP.Kg(g):m;l=Uu(l);return $APP.zf([$APP.sm,$APP.Oi,iv,jv,kv,lv,$APP.U,$APP.Om,mv,$APP.X],[function(){var q=Vu(c);return $APP.n(q)?q:"Search…"}(),p,function(){var q=Vu(e);return $APP.n(q)?q:"No results"}(),g,l,m,Vu(d),$APP.F(a),b,$APP.Kg(h)])},ov=function(a){return document.createElement(a)},pv=function(a){return nv($APP.zf([$APP.pi,bv,cv,dv,ev,fv,gv,hv,$APP.Gi,
|
|
6
|
+
$APP.Pi],[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")]))},qv=function(a,b,c,d){b=new CustomEvent(b,{detail:d,bubbles:!0,composed:!0,cancelable:$APP.F(c)});a.dispatchEvent(b);return b},rv=function(a){var b=$APP.k(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=$APP.k(b,
|
|
7
|
+
"list"),d=$APP.k(b,"empty");b=$APP.k(b,"input");var e=function(){var q=$APP.k(a,"__xCommandPaletteQuery");return $APP.n(q)?q:""}(),g=Yu($APP.k(a,"__xCommandPaletteItems"));e=$u(g,e);e=$APP.M(e);g=$APP.D(e,$APP.Ml);e=function(){var q=$APP.k(a,"__xCommandPaletteActiveIdx");return $APP.n(q)?q:0}();c.textContent="";if($APP.Hc(g))return d.removeAttribute("hidden"),$APP.n(b)?b.removeAttribute("aria-activedescendant"):null;d.setAttribute("hidden","");d=$APP.Wd($APP.xh,g);for(var h=null;;)if(g=$APP.u(d),
|
|
8
|
+
$APP.n(g)){var l=g;g=$APP.Ac(l,0,null);l=$APP.Ac(l,1,null);var m=Wu.g(l);if($APP.n(function(){var q=m;return $APP.n(q)?$APP.N(m,h):q}())){var p=ov("div");p.setAttribute("part","group-header");p.setAttribute("aria-hidden","true");p.textContent=m;c.appendChild(p)}p=ov("div");p.setAttribute("part","item");p.setAttribute("role","option");p.setAttribute("id","x-cp-item-"+$APP.T.g(g));p.setAttribute("data-id",""+$APP.T.g($APP.zl.g(l)));p.setAttribute("data-idx",""+$APP.T.g(g));p.setAttribute("tabindex",
|
|
9
|
+
"-1");$APP.n($APP.X.g(l))&&p.setAttribute("aria-disabled","true");p.textContent=$APP.U.g(l);$APP.B.i(g,e)&&p.setAttribute("aria-selected","true");c.appendChild(p);d=$APP.Yb(d);h=g=function(){var q=m;return $APP.n(q)?q:h}()}else break;return $APP.n(b)?b.setAttribute("aria-activedescendant","x-cp-item-"+$APP.T.g(e)):null}return null},sv=function(a){var b=$APP.k(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=pv(a),d=$APP.k(b,"panel"),e=$APP.k(b,"input"),g=$APP.k(b,"overlay");b=$APP.k(b,"empty");var h=
|
|
10
|
+
$APP.U.g(c),l=$APP.sm.g(c),m=iv.g(c);$APP.n(h)?d.setAttribute("aria-label",h):d.setAttribute("aria-label","Command palette");$APP.n(lv.g(c))?g.removeAttribute("hidden"):g.setAttribute("hidden","");e.setAttribute("placeholder",l);e.setAttribute("aria-expanded",$APP.n($APP.Om.g(c))?"true":"false");$APP.n($APP.X.g(c))&&(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true"));$APP.n($APP.X.g(c))||(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"));b.textContent=m;return rv(a)}return null},
|
|
11
|
+
tv=function(a){if($APP.n(a.hasAttribute("open")))return null;var b=qv(a,"x-command-palette-open-request",!0,{});$APP.n(b.defaultPrevented)?a=null:(a.setAttribute("open",""),b=$APP.k(a,"__xCommandPaletteRefs"),b=$APP.n(b)?$APP.k(b,"input"):null,$APP.n(b)&&b.focus(),sv(a),a=qv(a,"x-command-palette-open",!1,{}));return a},uv=function(a){if($APP.n(a.hasAttribute("open"))){var b=qv(a,"x-command-palette-close-request",!0,{});$APP.n(b.defaultPrevented)?a=null:(a.removeAttribute("open"),b=$APP.k(a,"__xCommandPaletteRefs"),
|
|
12
|
+
b=$APP.n(b)?$APP.k(b,"input"):null,$APP.n(b)&&b.removeAttribute("aria-activedescendant"),sv(a),a=qv(a,"x-command-palette-close",!1,{}));return a}return null},vv=function(a){var b=$APP.k(a,"__xCommandPaletteQuery");b=$APP.n(b)?b:"";a=Yu($APP.k(a,"__xCommandPaletteItems"));a=$u(a,b);a=$APP.M(a);return $APP.D(a,$APP.Ml)},xv=function(a,b){var c=vv(a);var d=$APP.k(a,"__xCommandPaletteActiveIdx");d=$APP.n(d)?d:0;$APP.B.i(b,wv)?(c=av(c,$APP.n(d)?d:-1,1),c=$APP.n(c)?c:0):(b=$APP.z(c),c=av(c,$APP.n(d)?d:b,
|
|
13
|
+
-1),c=$APP.n(c)?c:0);a.__xCommandPaletteActiveIdx=c;rv(a);a=$APP.k(a,"__xCommandPaletteRefs");a=$APP.n(a)?$APP.k(a,"list"):null;a=$APP.n(a)?a.querySelector("[data-idx\x3d'"+$APP.T.g(c)+"']"):null;return $APP.n(a)?a.scrollIntoView({block:"nearest"}):null},zv=function(a,b){var c=b.key;return $APP.B.i(c,"ArrowDown")?(b.preventDefault(),xv(a,wv)):$APP.B.i(c,"ArrowUp")?(b.preventDefault(),xv(a,yv)):$APP.B.i(c,"Enter")?(b.preventDefault(),b=vv(a),c=$APP.k(a,"__xCommandPaletteActiveIdx"),b=$APP.Ac(b,$APP.n(c)?
|
|
14
|
+
c:0,null),$APP.n($APP.n(b)?$APP.r($APP.X.g(b)):b)?(c=qv(a,"x-command-palette-select-request",!0,{item:$APP.Hh(b)}),$APP.n(c.defaultPrevented)?a=null:(qv(a,"x-command-palette-select",!1,{item:$APP.Hh(b)}),a=uv(a))):a=null,a):$APP.B.i(c,"Escape")?(b=pv(a),$APP.n(kv.g(b))?uv(a):null):null},Av=function(a){function b(){var q=$APP.k(a,"__xCommandPaletteRefs"),v=$APP.n(q)?$APP.k(q,"input"):null;q=$APP.n(q)?$APP.k(q,"clear-btn"):null;$APP.n(v)&&(v.value="");$APP.n(q)&&q.setAttribute("hidden","");a.__xCommandPaletteQuery=
|
|
15
|
+
"";a.__xCommandPaletteActiveIdx=0;qv(a,"x-command-palette-query-change",!1,{query:""});rv(a);return $APP.n(v)?v.focus():null}function c(q){a:{q=q.target.closest("[part\x3ditem]");if($APP.n(q)){q=parseInt(q.getAttribute("data-idx"),10);var v=vv(a);q=$APP.Ac(v,q,null);if($APP.n($APP.n(q)?$APP.r($APP.X.g(q)):q)){v=qv(a,"x-command-palette-select-request",!0,{item:$APP.Hh(q)});if($APP.n(v.defaultPrevented)){q=null;break a}qv(a,"x-command-palette-select",!1,{item:$APP.Hh(q)});q=uv(a);break a}}q=null}return q}
|
|
16
|
+
function d(){var q=pv(a);return $APP.n(jv.g(q))?uv(a):null}function e(q){return zv(a,q)}function g(){var q=$APP.k(a,"__xCommandPaletteRefs"),v=$APP.n(q)?$APP.k(q,"input"):null;q=$APP.n(q)?$APP.k(q,"clear-btn"):null;v=$APP.n(v)?v.value:null;a.__xCommandPaletteQuery=$APP.n(v)?v:"";a.__xCommandPaletteActiveIdx=0;$APP.n(q)&&($APP.n($APP.n(v)?$APP.N(v,""):v)?q.removeAttribute("hidden"):q.setAttribute("hidden",""));qv(a,"x-command-palette-query-change",!1,{query:$APP.n(v)?v:""});return rv(a)}var h=$APP.k(a,
|
|
17
|
+
"__xCommandPaletteRefs"),l=$APP.k(h,"input"),m=$APP.k(h,"overlay"),p=$APP.k(h,"list");h=$APP.k(h,"clear-btn");l.addEventListener("input",g);l.addEventListener("keydown",e);m.addEventListener("click",d);p.addEventListener("click",c);h.addEventListener("click",b);$APP.ja(a,"__xCommandPaletteHandlers",{input:g,keydown:e,scrim:d,list:c,clear:b})},Bv=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,
|
|
18
|
+
"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",$APP.k(a,"list"));return b.removeEventListener("click",$APP.k(a,"clear"))}return null},Cv=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},
|
|
19
|
+
Dv=function(a){Object.defineProperty(a,"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 rv(this)}})},Ev=function(a){Object.defineProperty(a,"open",{configurable:!0,writable:!0,value:function(){return tv(this)}});Object.defineProperty(a,"close",{configurable:!0,writable:!0,value:function(){return uv(this)}});Object.defineProperty(a,"toggle",
|
|
20
|
+
{configurable:!0,writable:!0,value:function(){return $APP.n(this.hasAttribute("open"))?uv(this):tv(this)}})},Gv=function(){var a=class extends HTMLElement{};a.observedAttributes=Fv;var b=a.prototype;Cv(b,"open","open");Cv(b,"disabled","disabled");Dv(b);Ev(b);b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xCommandPaletteRefs"))){var c=this.attachShadow({mode:"open"}),d=ov("style"),e=ov("div"),g=ov("div"),h=ov("div"),l=ov("span"),m=ov("input"),p=ov("button"),q=ov("div"),v=ov("div"),x=ov("div");
|
|
21
21
|
d.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
22
|
e.setAttribute("part","overlay");g.setAttribute("part","panel");g.setAttribute("role","dialog");g.setAttribute("aria-modal","true");h.setAttribute("part","search-wrap");l.setAttribute("part","search-icon");l.setAttribute("aria-hidden","true");l.textContent="\ud83d\udd0d";m.setAttribute("part","input");m.setAttribute("type","search");m.setAttribute("role","combobox");m.setAttribute("autocomplete","off");m.setAttribute("autocorrect","off");m.setAttribute("spellcheck","false");m.setAttribute("aria-autocomplete",
|
|
23
23
|
"list");m.setAttribute("aria-expanded","false");m.setAttribute("aria-controls","x-cp-list");p.setAttribute("part","clear-btn");p.setAttribute("type","button");p.setAttribute("aria-label","Clear");p.setAttribute("hidden","");q.setAttribute("part","list-wrap");v.setAttribute("part","list");v.setAttribute("id","x-cp-list");v.setAttribute("role","listbox");v.setAttribute("aria-label","Results");x.setAttribute("part","empty");x.setAttribute("hidden","");h.appendChild(l);h.appendChild(m);h.appendChild(p);
|
|
24
|
-
q.appendChild(v);q.appendChild(x);g.appendChild(h);g.appendChild(q);c.appendChild(d);c.appendChild(e);c.appendChild(g);this.__xCommandPaletteRefs={overlay:e,panel:g,input:m,"clear-btn":p,list:v,empty:x}}
|
|
25
|
-
"empty-text",1554384594),
|
|
26
|
-
"scrim?",744210580),
|
|
27
|
-
$APP.Pd(["x-command-palette-open-request",new $APP.
|
|
28
|
-
[$APP.
|
|
24
|
+
q.appendChild(v);q.appendChild(x);g.appendChild(h);g.appendChild(q);c.appendChild(d);c.appendChild(e);c.appendChild(g);this.__xCommandPaletteRefs={overlay:e,panel:g,input:m,"clear-btn":p,list:v,empty:x}}Bv(this);Av(this);return sv(this)};b.disconnectedCallback=function(){return Bv(this)};b.attributeChangedCallback=function(){return sv(this)};return a},Hv=function(){return $APP.n(customElements.get("x-command-palette"))?null:customElements.define("x-command-palette",Gv())},iv=new $APP.K(null,"empty-text",
|
|
25
|
+
"empty-text",1554384594),cv=new $APP.K(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),bv=new $APP.K(null,"empty-text-raw","empty-text-raw",1477406757),gv=new $APP.K(null,"dismissible-raw","dismissible-raw",947680658),hv=new $APP.K(null,"modal-raw","modal-raw",-263722282),kv=new $APP.K(null,"close-on-escape?","close-on-escape?",-1559868909),Zu=new $APP.K(null,"groups","groups",-136896102),ev=new $APP.K(null,"close-on-escape-raw","close-on-escape-raw",-1942646255),lv=new $APP.K(null,"scrim?",
|
|
26
|
+
"scrim?",744210580),fv=new $APP.K(null,"no-scrim-raw","no-scrim-raw",-1344365743),jv=new $APP.K(null,"close-on-scrim?","close-on-scrim?",-367113965),Wu=new $APP.K(null,"group","group",582596132),wv=new $APP.K(null,"down","down",1565245570),Xu=new $APP.K(null,"search-str","search-str",-821246171),yv=new $APP.K(null,"up","up",-269712113),mv=new $APP.K(null,"modal?","modal?",2146094679),dv=new $APP.K(null,"disabled-raw","disabled-raw",498098381);var Fv="open modal dismissible disabled no-scrim close-on-scrim close-on-escape label placeholder empty-text".split(" ");
|
|
27
|
+
$APP.Pd(["x-command-palette-open-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,$APP.Qd],null),"x-command-palette-open",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,$APP.Qd],null),"x-command-palette-close-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,$APP.Qd],null),"x-command-palette-close",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,$APP.Qd],null),"x-command-palette-select-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,1,[$APP.tk,$APP.jl],null)],null),"x-command-palette-select",new $APP.Q(null,2,
|
|
28
|
+
[$APP.lm,!1,$APP.V,new $APP.Q(null,1,[$APP.tk,$APP.jl],null)],null),"x-command-palette-query-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,1,[$APP.Ii,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_command_palette.init",Hv);export const init=Hv;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// x-container.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XContainer extends HTMLElement {
|
|
6
|
+
center: boolean;
|
|
7
|
+
fluid: boolean;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
"x-container": XContainer;
|
|
13
|
+
}
|
|
14
|
+
}
|
package/dist/x-container.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
this.setAttribute("center","false")}})},
|
|
4
|
-
$APP.U,$APP.Lg(c)?c:null],null);h=
|
|
5
|
-
|
|
6
|
-
d.setAttribute("part","base");d.appendChild(e);b.appendChild(c);b.appendChild(d);this.__xContainerState={root:b,base:d,slot:e}}return
|
|
7
|
-
|
|
2
|
+
var HO=function(a,b,c){return typeof a==="string"&&$APP.I(b,a)?a:c},IO=function(a){return a.__xContainerState},JO=function(a){Object.defineProperty(a,"fluid",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("fluid")},set:function(b){return $APP.Eg(this,"fluid",$APP.F(b))}})},KO=function(a){Object.defineProperty(a,"center",{configurable:!0,enumerable:!0,get:function(){return $APP.N("false",this.getAttribute("center"))},set:function(b){return $APP.F(b)?this.removeAttribute("center"):
|
|
3
|
+
this.setAttribute("center","false")}})},RO=function(a,b){a=new $APP.Q(null,6,[LO,a.getAttribute("as"),$APP.Mh,a.getAttribute("size"),$APP.Nm,a.getAttribute("padding"),MO,$APP.N("false",a.getAttribute("center")),NO,a.hasAttribute("fluid"),$APP.U,a.getAttribute("label")],null);var c=$APP.M(a);a=$APP.D(c,LO);var d=$APP.D(c,$APP.Mh),e=$APP.D(c,$APP.Nm),g=$APP.D(c,MO),h=$APP.D(c,NO);c=$APP.D(c,$APP.U);a=new $APP.Q(null,6,[LO,HO(a,OO,"div"),$APP.Mh,HO(d,PO,"lg"),$APP.Nm,HO(e,QO,"md"),MO,$APP.F(g),NO,$APP.F(h),
|
|
4
|
+
$APP.U,$APP.Lg(c)?c:null],null);h=LO.g(a);d=b.base;$APP.N(d.tagName.toLowerCase(),h)&&(e=b.root,g=b.slot,h=document.createElement(h),h.setAttribute("part","base"),h.appendChild(g),e.replaceChild(h,d),b.base=h);b=b.base;b.setAttribute("data-size",$APP.Mh.g(a));b.setAttribute("data-padding",$APP.Nm.g(a));b.setAttribute("data-center",$APP.n(MO.g(a))?"true":"false");b.setAttribute("data-fluid",$APP.n(NO.g(a))?"true":"false");a=$APP.U.g(a);return $APP.n(a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")},
|
|
5
|
+
TO=function(){var a=class extends HTMLElement{};a.observedAttributes=SO;a.prototype.connectedCallback=function(){if(!$APP.n(IO(this))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");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);this.__xContainerState={root:b,base:d,slot:e}}return RO(this,IO(this))};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(){var b=IO(this);return $APP.n(b)?RO(this,b):null};KO(a.prototype);JO(a.prototype);return a},UO=function(){$APP.n(customElements.get("x-container"))||customElements.define("x-container",TO());return null},NO=new $APP.K(null,"fluid","fluid",-1823657759),
|
|
7
|
+
LO=new $APP.K(null,"as","as",1148689641),MO=new $APP.K(null,"center","center",-748944368);var OO=new $APP.S(null,new $APP.Q(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),PO=new $APP.S(null,new $APP.Q(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),QO=new $APP.S(null,new $APP.Q(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),SO="as size padding center fluid label".split(" ");$APP.ha("baredom.exports.x_container.init",UO);export const init=UO;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// x-context-menu.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XContextMenu extends HTMLElement {
|
|
6
|
+
open: boolean;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
placement: string;
|
|
9
|
+
offset: number;
|
|
10
|
+
zIndex: number;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
"x-context-menu": XContextMenu;
|
|
16
|
+
}
|
|
17
|
+
}
|
package/dist/x-context-menu.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
l=$APP.D(l,$APP.Yg);switch(a){case "bottom-start":return new $APP.
|
|
4
|
-
2,[$APP.
|
|
5
|
-
$APP.
|
|
6
|
-
e)?e:"bottom-start";return new $APP.
|
|
7
|
-
b);b=document.createElement("div");b.setAttribute("part","panel");b.setAttribute("role","menu");b.setAttribute("tabindex","-1");a.shadowRoot.appendChild(b);return a},
|
|
8
|
-
e+=1}else if(a=$APP.t(a))c=a,$APP.Nc(c)?(a=$APP.yb(c),d=$APP.zb(c),c=a,g=$APP.z(a),a=d,d=g):(g=$APP.u(c),b.appendChild(g.cloneNode(!0)),a=$APP.w(c),c=null,d=0),e=0;else break},
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
null;b=void 0
|
|
19
|
-
"offset-raw",-1418404095);var
|
|
2
|
+
var m6=function(a,b){return typeof a==="string"?(a=parseInt(a,10),$APP.r(isNaN(a))&&a>0?a:b):b},n6=function(a){return $APP.B.i(a,"bottom-start")?"top-start":$APP.B.i(a,"bottom-end")?"top-end":$APP.B.i(a,"top-start")?"bottom-start":$APP.B.i(a,"top-end")?"bottom-end":$APP.B.i(a,"right-start")?"left-start":$APP.B.i(a,"left-start")?"right-start":a},o6=function(a,b,c,d){var e=$APP.M(c);c=$APP.D(e,$APP.Ll);var g=$APP.D(e,$APP.Kl),h=$APP.D(e,$APP.Xg);e=$APP.D(e,$APP.Yg);var l=$APP.M(d);d=$APP.D(l,$APP.Xg);
|
|
3
|
+
l=$APP.D(l,$APP.Yg);switch(a){case "bottom-start":return new $APP.Q(null,2,[$APP.Ll,c,$APP.Kl,g+e+b],null);case "bottom-end":return new $APP.Q(null,2,[$APP.Ll,c+h-d,$APP.Kl,g+e+b],null);case "top-start":return new $APP.Q(null,2,[$APP.Ll,c,$APP.Kl,g-l-b],null);case "top-end":return new $APP.Q(null,2,[$APP.Ll,c+h-d,$APP.Kl,g-l-b],null);case "right-start":return new $APP.Q(null,2,[$APP.Ll,c+h+b,$APP.Kl,g],null);case "left-start":return new $APP.Q(null,2,[$APP.Ll,c-d-b,$APP.Kl,g],null);default:return new $APP.Q(null,
|
|
4
|
+
2,[$APP.Ll,c,$APP.Kl,g+e+b],null)}},p6=function(a,b,c,d,e){function g(x){var y=o6(x,b,c,d);y=$APP.M(y);var A=$APP.D(y,$APP.Ll),C=$APP.D(y,$APP.Kl);y=A>=8&&A+m<=h-8;var E=C>=8&&C+p<=l-8;A=$APP.ph.i($APP.oh.i(A,8),h-m-8);C=$APP.ph.i($APP.oh.i(C,8),l-p-8);return new $APP.Q(null,5,[$APP.Ll,A,$APP.Kl,C,$APP.vi,x,$APP.Xl,y&&E,$APP.Ek,$APP.oh.i(40,l-C-8)],null)}e=$APP.M(e);var h=$APP.D(e,$APP.Xg),l=$APP.D(e,$APP.Yg);e=$APP.M(d);var m=$APP.D(e,$APP.Xg),p=$APP.D(e,$APP.Yg),q=g(a),v=g(n6(a));return $APP.n(function(){var x=
|
|
5
|
+
$APP.Xl.g(q);return $APP.n(x)?x:$APP.r($APP.Xl.g(v))}())?q:v},u6=function(a){a=new $APP.Q(null,5,[$APP.Gi,$APP.n(a.hasAttribute("open"))?a.getAttribute("open"):null,$APP.Ol,$APP.n(a.hasAttribute("disabled"))?a.getAttribute("disabled"):null,$APP.jn,a.getAttribute("placement"),q6,a.getAttribute("offset"),r6,a.getAttribute("z-index")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Gi),d=$APP.D(b,$APP.Ol),e=$APP.D(b,$APP.jn);a=$APP.D(b,q6);b=$APP.D(b,r6);c=$APP.Kg(c);d=$APP.Kg(d);e=typeof e==="string"&&$APP.I(s6,
|
|
6
|
+
e)?e:"bottom-start";return new $APP.Q(null,5,[$APP.Om,c,$APP.X,d,$APP.Qj,e,$APP.ti,m6(a,8),t6,m6(b,1E3)],null)},v6=function(a,b,c,d){b=new CustomEvent(b,{detail:d,bubbles:!0,composed:!0,cancelable:c});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)},w6=function(a){return $APP.uc(a.querySelectorAll("[role\x3dmenuitem]:not([disabled]):not([aria-disabled\x3dtrue])"))},x6=function(a){return $APP.n(a)?a.focus():null},y6=function(a,b){a=$APP.Pg(a,":host{color-scheme:light dark;--x-context-menu-bg:var(--x-color-bg,rgba(255,255,255,0.97));--x-context-menu-border:var(--x-color-border,rgba(0,0,0,0.1));--x-context-menu-shadow:var(--x-shadow-lg,0 8px 32px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.08));--x-context-menu-radius:var(--x-radius-md,10px);--x-context-menu-item-hover:rgba(0,0,0,0.05);--x-context-menu-item-active:rgba(0,0,0,0.09);--x-context-menu-item-fg:var(--x-color-text,rgba(0,0,0,0.87));--x-context-menu-separator:var(--x-color-border,rgba(0,0,0,0.1));}@media(prefers-color-scheme:dark){:host{--x-context-menu-bg:var(--x-color-bg,#1e293b);--x-context-menu-border:var(--x-color-border,rgba(255,255,255,0.12));--x-context-menu-shadow:var(--x-shadow-lg,0 8px 32px rgba(0,0,0,0.7),0 2px 8px rgba(0,0,0,0.4));--x-context-menu-item-hover:rgba(255,255,255,0.08);--x-context-menu-item-active:rgba(255,255,255,0.14);--x-context-menu-item-fg:var(--x-color-text,rgba(255,255,255,0.9));--x-context-menu-separator:var(--x-color-border,rgba(255,255,255,0.12));}}[part\x3dpanel]{position:absolute;min-width:160px;max-width:calc(100vw - 1rem);border-radius:var(--x-context-menu-radius);background:var(--x-context-menu-bg);border:1px solid var(--x-context-menu-border);box-shadow:var(--x-context-menu-shadow);padding:4px 0;overflow:auto;pointer-events:auto;outline:none;@media(prefers-reduced-motion:no-preference){transition:opacity 120ms ease,transform 120ms ease;}}[role\x3dmenuitem]{color:var(--x-context-menu-item-fg);}[role\x3dmenuitem]:hover{background:var(--x-context-menu-item-hover);}",
|
|
7
|
+
b);b=document.createElement("div");b.setAttribute("part","panel");b.setAttribute("role","menu");b.setAttribute("tabindex","-1");a.shadowRoot.appendChild(b);return a},z6=function(a,b,c,d){var e=$APP.M(d);d=$APP.D(e,t6);e=$APP.D(e,$APP.Ek);a.style.zIndex=""+$APP.T.g(d);a=$APP.Qg(a);$APP.n(a)&&(a.style.left=""+$APP.T.g(b)+"px",a.style.top=""+$APP.T.g(c)+"px",a.style.maxHeight=""+$APP.T.g(e)+"px")},A6=function(a,b){a=$APP.t($APP.uc(a.children));for(var c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e);b.appendChild(g.cloneNode(!0));
|
|
8
|
+
e+=1}else if(a=$APP.t(a))c=a,$APP.Nc(c)?(a=$APP.yb(c),d=$APP.zb(c),c=a,g=$APP.z(a),a=d,d=g):(g=$APP.u(c),b.appendChild(g.cloneNode(!0)),a=$APP.w(c),c=null,d=0),e=0;else break},C6=function(a,b){function c(g){g.stopPropagation();g=g.target.closest("[role\x3dmenuitem]");return $APP.n(g)?(v6(a,"x-context-menu-select",!1,{item:g}),B6.i?B6.i(a,"select"):B6.call(null,a,"select")):null}function d(g){var h=g.key,l=b.shadowRoot.activeElement;return $APP.B.i(h,"Tab")?B6.i?B6.i(a,"keyboard"):B6.call(null,a,"keyboard"):
|
|
9
|
+
$APP.B.i(h,"ArrowDown")?(g.preventDefault(),$APP.n(l)?(g=w6(e),l=$APP.zd(g).indexOf(l),l=$APP.Ac(g,$APP.fd(l+1,$APP.z(g)),null),l=x6(l)):l=x6($APP.u(w6(e))),l):$APP.B.i(h,"ArrowUp")?(g.preventDefault(),$APP.n(l)?(g=w6(e),h=$APP.z(g),l=$APP.zd(g).indexOf(l),l=$APP.Ac(g,$APP.fd(l+(h-1),h),null),l=x6(l)):l=x6($APP.u(w6(e))),l):($APP.B.i(h,"Enter")||$APP.B.i(h," "))&&$APP.n(l)?(g.preventDefault(),l.click()):null}var e=$APP.Qg(b);b.addEventListener("keydown",d,!0);$APP.n(e)&&e.addEventListener("click",
|
|
10
|
+
c);b.__onKey=d;b.__onItemClick=c},D6=function(a){function b(d){var e=$APP.k(a,"__xContextMenuLayer");return $APP.n(e)?(e=$APP.Qg(e),$APP.n($APP.n(e)?$APP.r(e.contains(d.target)):e)?B6.i?B6.i(a,"backdrop"):B6.call(null,a,"backdrop"):null):null}function c(d){return $APP.B.i(d.key,"Escape")?(d.preventDefault(),B6.i?B6.i(a,"keyboard"):B6.call(null,a,"keyboard")):null}setTimeout(function(){if($APP.n(a.hasAttribute("open")))document.addEventListener("keydown",c),document.addEventListener("click",b),a.__xContextMenuDocH=
|
|
11
|
+
{keydown:c,click:b};else return null},0)},B6=function(a,b){if($APP.n(a.hasAttribute("open"))&&v6(a,"x-context-menu-close-request",!0,{reason:b})){var c=$APP.k(a,"__xContextMenuDocH");$APP.n(c)&&(document.removeEventListener("keydown",$APP.k(c,"keydown")),document.removeEventListener("click",$APP.k(c,"click")),a.__xContextMenuDocH=null);a.removeAttribute("open");$APP.Rg($APP.k(a,"__xContextMenuLayer"));a.__xContextMenuLayer=null;return v6(a,"x-context-menu-close",!1,{reason:b})}return null},E6=function(a,
|
|
12
|
+
b,c,d){if($APP.n(a.hasAttribute("disabled")))return null;if(v6(a,"x-context-menu-open-request",!0,{reason:d})){var e=u6(a);e=$APP.M(e);var g=$APP.D(e,$APP.Qj),h=$APP.D(e,$APP.ti),l=$APP.D(e,t6),m=window.innerWidth,p=window.innerHeight,q=new $APP.Q(null,4,[$APP.Ll,b,$APP.Kl,c,$APP.Xg,1,$APP.Yg,1],null);b=p6(g,h,q,new $APP.Q(null,2,[$APP.Xg,200,$APP.Yg,300],null),new $APP.Q(null,2,[$APP.Xg,m,$APP.Yg,p],null));var v=y6(a,l);A6(a,$APP.Qg(v));C6(a,v);z6(v,$APP.Ll.g(b),$APP.Kl.g(b),$APP.mh.m(b,t6,l));a.setAttribute("open",
|
|
13
|
+
"");a.__xContextMenuLayer=v;D6(a);requestAnimationFrame(function(){var x=$APP.Qg(v);if($APP.n(x)){var y=p6(g,h,q,new $APP.Q(null,2,[$APP.Xg,x.offsetWidth,$APP.Yg,x.offsetHeight],null),new $APP.Q(null,2,[$APP.Xg,m,$APP.Yg,p],null));z6(v,$APP.Ll.g(y),$APP.Kl.g(y),$APP.mh.m(y,t6,l));return x6($APP.u(w6(x)))}return null});return v6(a,"x-context-menu-open",!1,{reason:d})}return null},F6=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.getBoundingClientRect();var c=u6(a);c=$APP.M(c);
|
|
14
|
+
var d=$APP.D(c,$APP.Qj),e=$APP.D(c,$APP.ti),g=$APP.D(c,t6),h=window.innerWidth,l=window.innerHeight,m=new $APP.Q(null,4,[$APP.Ll,b.left,$APP.Kl,b.top,$APP.Xg,b.width,$APP.Yg,b.height],null);if(v6(a,"x-context-menu-open-request",!0,{reason:"programmatic"})){b=p6(d,e,m,new $APP.Q(null,2,[$APP.Xg,200,$APP.Yg,300],null),new $APP.Q(null,2,[$APP.Xg,h,$APP.Yg,l],null));var p=y6(a,g);A6(a,$APP.Qg(p));C6(a,p);z6(p,$APP.Ll.g(b),$APP.Kl.g(b),$APP.mh.m(b,t6,g));a.setAttribute("open","");a.__xContextMenuLayer=
|
|
15
|
+
p;D6(a);requestAnimationFrame(function(){var q=$APP.Qg(p);if($APP.n(q)){var v=p6(d,e,m,new $APP.Q(null,2,[$APP.Xg,q.offsetWidth,$APP.Yg,q.offsetHeight],null),new $APP.Q(null,2,[$APP.Xg,h,$APP.Yg,l],null));z6(p,$APP.Ll.g(v),$APP.Kl.g(v),$APP.mh.m(v,t6,g));return x6($APP.u(w6(q)))}return null});return v6(a,"x-context-menu-open",!1,{reason:"programmatic"})}return null},G6=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n(d)?
|
|
16
|
+
this.setAttribute(c,""):this.removeAttribute(c)}})},H6=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.getAttribute(c)},set:function(d){return d!=null?this.setAttribute(c,""+$APP.T.g(d)):this.removeAttribute(c)}})},I6=function(a){a.openAt=function(b,c){return E6(this,b,c,"programmatic")};a.toggleAt=function(b,c){return $APP.n(this.hasAttribute("open"))?B6(this,"toggle"):E6(this,b,c,"toggle")};a.openForElement=function(b){return F6(this,b)};a.close=
|
|
17
|
+
function(){return B6(this,"programmatic")}},K6=function(){var a=class extends HTMLElement{};a.observedAttributes=J6;a.prototype.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xContextMenuRefs"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=":host{display:contents;}slot{display:none;}";b.appendChild(c);b.appendChild(d);c={};c.root=b;c.slot=d;this.__xContextMenuRefs=c}return $APP.n(this.hasAttribute("open"))?this.removeAttribute("open"):
|
|
18
|
+
null};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xContextMenuLayer");$APP.n(b)?($APP.Rg(b),this.__xContextMenuLayer=null,b=void 0):b=null;return b};a.prototype.attributeChangedCallback=function(b){a:{if($APP.B.i(b,"open")){if($APP.n(this.hasAttribute("open"))){b=null;break a}b=$APP.k(this,"__xContextMenuLayer");if($APP.n(b)){$APP.Rg(b);this.__xContextMenuLayer=null;b=void 0;break a}}b=null}return b};G6(a.prototype,"open","open");G6(a.prototype,"disabled","disabled");H6(a.prototype,
|
|
19
|
+
"placement","placement");H6(a.prototype,"offset","offset");H6(a.prototype,"zIndex","z-index");I6(a.prototype);return a},L6=function(){return $APP.n(customElements.get("x-context-menu"))?null:customElements.define("x-context-menu",K6())},r6=new $APP.K(null,"z-index-raw","z-index-raw",-1179679257),t6=new $APP.K(null,"z-index","z-index",1892827090),q6=new $APP.K(null,"offset-raw","offset-raw",-1418404095);var J6=["open","disabled","placement","offset","z-index"],s6=new $APP.S(null,new $APP.Q(null,6,["right-start",null,"bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null,"left-start",null],null),null);$APP.ha("baredom.exports.x_context_menu.init",L6);export const init=L6;
|
package/dist/x-copy.d.ts
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
// x-copy.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XCopyEventMap {
|
|
6
|
+
"x-copy-request": CustomEvent<{ text: string; mode: string; from: string; fromAttr: string }>;
|
|
7
|
+
"x-copy-success": CustomEvent<{ text: string }>;
|
|
8
|
+
"x-copy-error": CustomEvent<{ error: string }>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface XCopy extends HTMLElement {
|
|
12
|
+
errorMessage: string;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
textValue: string;
|
|
15
|
+
mode: string;
|
|
16
|
+
fromAttr: string;
|
|
17
|
+
tooltipMs: number;
|
|
18
|
+
hotkey: string;
|
|
19
|
+
from: string;
|
|
20
|
+
showTooltip: boolean;
|
|
21
|
+
successMessage: string;
|
|
22
|
+
text: string;
|
|
23
|
+
copy(): void;
|
|
24
|
+
|
|
25
|
+
addEventListener<K extends keyof XCopyEventMap>(
|
|
26
|
+
type: K,
|
|
27
|
+
listener: (this: XCopy, ev: XCopyEventMap[K]) => any,
|
|
28
|
+
options?: boolean | AddEventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
addEventListener(
|
|
31
|
+
type: string,
|
|
32
|
+
listener: EventListenerOrEventListenerObject,
|
|
33
|
+
options?: boolean | AddEventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
removeEventListener<K extends keyof XCopyEventMap>(
|
|
36
|
+
type: K,
|
|
37
|
+
listener: (this: XCopy, ev: XCopyEventMap[K]) => any,
|
|
38
|
+
options?: boolean | EventListenerOptions
|
|
39
|
+
): void;
|
|
40
|
+
removeEventListener(
|
|
41
|
+
type: string,
|
|
42
|
+
listener: EventListenerOrEventListenerObject,
|
|
43
|
+
options?: boolean | EventListenerOptions
|
|
44
|
+
): void;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
declare global {
|
|
48
|
+
interface HTMLElementTagNameMap {
|
|
49
|
+
"x-copy": XCopy;
|
|
50
|
+
}
|
|
51
|
+
}
|