@vanelsas/baredom 1.4.0 → 2.0.1
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 +28 -1
- package/README.md +57 -5
- package/dist/base.js +212 -212
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +16 -16
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.js +16 -16
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +11 -11
- package/dist/x-command-palette.js +29 -29
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +20 -19
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +21 -21
- package/dist/x-date-picker.js +36 -36
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +10 -10
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +16 -16
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +37 -37
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +38 -38
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +11 -11
- package/dist/x-metaball-cursor.js +28 -28
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +31 -31
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +14 -14
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +9 -9
- package/dist/x-radio.js +12 -12
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +34 -35
- package/dist/x-scroll-timeline.js +46 -49
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton.js +5 -5
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +21 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +6 -6
- package/dist/x-splash.js +14 -14
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +8 -8
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -0
- package/dist/x-timeline-item.js +21 -21
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +23 -23
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -10
- package/package.json +6 -2
package/dist/x-checkbox.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.N(a);a=$APP.G(b,$APP.kj);var c=$APP.G(b,$APP.Ui),d=$APP.G(b,$APP.
|
|
4
|
-
h,c,a,$APP.I(e)])},
|
|
5
|
-
h):c.removeAttribute("aria-labelledby");h=$APP.
|
|
6
|
-
c:d))return null;c=$APP.Wi.g(b);d=$APP.
|
|
7
|
-
checked:e},bubbles:!0,composed:!0,cancelable:!1}))):null},
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","checkbox");g.setAttribute("part","box");h.setAttribute("part","check");g.appendChild(h);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xCheckboxRefs={root:c,control:e,box:g,check:h};$APP.r(this.attachInternals)&&(this.__xCheckboxInternals=this.attachInternals())}
|
|
11
|
-
d),c.addEventListener("keydown",e),this.__xCheckboxHandlers=g);d=this.getAttribute("id");$APP.r(d)&&(c=document.querySelector("label[for\x3d'"+$APP.S.g(d)+"']"),$APP.r(c)&&(e=c.getAttribute("id"),$APP.r(e)?c=e:(d="x-cb-lbl-"+$APP.S.g(d),c.setAttribute("id",d),c=d),d=$APP.l(this,"__xCheckboxRefs"),$APP.r(d)&&(d=$APP.l(d,"control"),$APP.r(this.hasAttribute("aria-labelledby"))||d.setAttribute("aria-labelledby",c))));return
|
|
12
|
-
function(){return
|
|
2
|
+
var dy=function(a){return a!=null&&$APP.O(a,"false")},ey=function(a,b,c){return a.setAttribute(b,c)},fy=function(a,b,c){return $APP.r(c)?a.setAttribute(b,""):a.removeAttribute(b)},hy=function(a){a=$APP.Q([$APP.Fk,$APP.Sk,$APP.sh,$APP.Dh,$APP.Mi,gy,$APP.cj,$APP.wl,$APP.kj,$APP.Ui],[a.getAttribute("name"),dy(a.getAttribute("disabled")),dy(a.getAttribute("required")),a.getAttribute("aria-labelledby"),dy(a.getAttribute("checked")),dy(a.getAttribute("indeterminate")),dy(a.getAttribute("readonly")),a.getAttribute("value"),
|
|
3
|
+
a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.N(a);a=$APP.G(b,$APP.kj);var c=$APP.G(b,$APP.Ui),d=$APP.G(b,$APP.Fk),e=$APP.G(b,$APP.Sk),g=$APP.G(b,$APP.sh),h=$APP.G(b,$APP.Dh),k=$APP.G(b,$APP.Mi),m=$APP.G(b,gy),p=$APP.G(b,$APP.cj);b=$APP.G(b,$APP.wl);k=$APP.I(k);m=$APP.I(m);g=$APP.I(g);return $APP.Q([$APP.bl,$APP.Lh,$APP.Gh,$APP.Tl,$APP.Wi,$APP.xh,$APP.Si,$APP.ri,$APP.sj,$APP.Pl,$APP.Uk,$APP.W],[m,g,m?"mixed":k?"true":"false",$APP.I(p),k,$APP.r(g)?k:!0,d,b!=null?b:"on",
|
|
4
|
+
h,c,a,$APP.I(e)])},iy=function(a){var b=$APP.l(a,"__xCheckboxRefs");if($APP.r(b)){var c=$APP.l(b,"control");b=hy(a);var d=$APP.W.g(b),e=$APP.Wi.g(b),g=$APP.bl.g(b);ey(c,"aria-checked",$APP.Gh.g(b));c.setAttribute("aria-disabled",$APP.r(d)?"true":"false");ey(c,"aria-required",$APP.r($APP.Lh.g(b))?"true":"false");ey(c,"aria-readonly",$APP.r($APP.Tl.g(b))?"true":"false");var h=$APP.Uk.g(b);$APP.r(h)?c.setAttribute("aria-label",h):c.removeAttribute("aria-label");h=$APP.sj.g(b);$APP.r(h)?c.setAttribute("aria-labelledby",
|
|
5
|
+
h):c.removeAttribute("aria-labelledby");h=$APP.Pl.g(b);$APP.r(h)?c.setAttribute("aria-describedby",h):c.removeAttribute("aria-describedby");c.tabIndex=$APP.r(d)?-1:0;$APP.r(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");fy(a,"data-checked",e);fy(a,"data-indeterminate",g);fy(a,"data-disabled",d);a=$APP.l(a,"__xCheckboxInternals");if($APP.r(a))return b=$APP.r(e)?$APP.ri.g(b):null,a.setFormValue($APP.r(b)?b:null)}return null},jy=function(a){var b=hy(a),c=$APP.W.g(b),d=$APP.Tl.g(b);if($APP.r($APP.r(c)?
|
|
6
|
+
c:d))return null;c=$APP.Wi.g(b);d=$APP.bl.g(b);d=$APP.r(d)?new $APP.P(null,2,[$APP.Wi,!0,$APP.bl,!1],null):new $APP.P(null,2,[$APP.Wi,$APP.t(c),$APP.bl,!1],null);var e=$APP.Wi.g(d);b=$APP.ri.g(b);c=new CustomEvent("x-checkbox-change-request",{detail:{value:b,previousChecked:c,nextChecked:e},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(c);return $APP.t(c.defaultPrevented)?(fy(a,"checked",e),fy(a,"indeterminate",$APP.bl.g(d)),iy(a),a.dispatchEvent(new CustomEvent("x-checkbox-change",{detail:{value:b,
|
|
7
|
+
checked:e},bubbles:!0,composed:!0,cancelable:!1}))):null},ky=function(a){return function(){return jy(a)}},ly=function(a){return function(b){var c=b.key;return $APP.D.i(c," ")||$APP.D.i(c,"Enter")?(b.preventDefault(),jy(a)):null}},my=function(a){var b=$APP.l(a,"__xCheckboxRefs");if($APP.r(b)){var c=$APP.l(a,"__xCheckboxHandlers");if($APP.r(c)){b=$APP.l(b,"control");b.removeEventListener("click",$APP.l(c,"click"));b.removeEventListener("keydown",$APP.l(c,"keydown"));a.__xCheckboxHandlers=null;return}}return null},
|
|
8
|
+
ny=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return fy(this,c,$APP.I(d))}})},oy=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.r(d)?d:null},set:function(d){return d!=null&&$APP.O(d)?ey(this,c,""+$APP.S.g(d)):this.removeAttribute(c)}})},qy=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;a.observedAttributes=
|
|
9
|
+
py;ny(b,"checked","checked");ny(b,"indeterminate","indeterminate");ny(b,"disabled","disabled");ny(b,"readOnly","readonly");ny(b,"required","required");oy(b,"name","name");oy(b,"value","value");b.connectedCallback=function(){if(!$APP.r($APP.l(this,"__xCheckboxRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("button"),g=document.createElement("span"),h=document.createElement("span");d.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-checkbox-size:16px;--x-checkbox-border-width:2px;--x-checkbox-border-color:var(--x-color-border,#6b7280);--x-checkbox-border-radius:4px;--x-checkbox-bg:var(--x-color-surface,#ffffff);--x-checkbox-bg-checked:var(--x-color-primary,#2563eb);--x-checkbox-bg-indeterminate:var(--x-color-primary,#2563eb);--x-checkbox-border-checked:var(--x-color-primary,#2563eb);--x-checkbox-border-indeterminate:var(--x-color-primary,#2563eb);--x-checkbox-check-color:var(--x-color-surface,#ffffff);--x-checkbox-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-checkbox-disabled-opacity:0.45;--x-checkbox-transition:background var(--x-transition-duration,120ms) var(--x-transition-easing,ease),border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-checkbox-border-color:var(--x-color-border,#9ca3af);--x-checkbox-bg:var(--x-color-surface,#1f2937);--x-checkbox-bg-checked:var(--x-color-primary,#3b82f6);--x-checkbox-bg-indeterminate:var(--x-color-primary,#3b82f6);--x-checkbox-border-checked:var(--x-color-primary,#3b82f6);--x-checkbox-border-indeterminate:var(--x-color-primary,#3b82f6);--x-checkbox-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-checkbox-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-checkbox-focus-ring);border-radius:calc(var(--x-checkbox-border-radius) + 2px);}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-checkbox-size);height:var(--x-checkbox-size);border:var(--x-checkbox-border-width) solid var(--x-checkbox-border-color);border-radius:var(--x-checkbox-border-radius);background:var(--x-checkbox-bg);transition:var(--x-checkbox-transition);position:relative;flex-shrink:0;}:host([data-checked]) [part\x3dbox]{background:var(--x-checkbox-bg-checked);border-color:var(--x-checkbox-border-checked);}:host([data-indeterminate]) [part\x3dbox]{background:var(--x-checkbox-bg-indeterminate);border-color:var(--x-checkbox-border-indeterminate);}[part\x3dcheck]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;}[part\x3dcheck]::before{content:'\\2713';color:var(--x-checkbox-check-color);font-size:10px;font-weight:700;line-height:1;opacity:0;transition:opacity 100ms ease;position:absolute;}:host([data-checked]) [part\x3dcheck]::before{opacity:1;}[part\x3dcheck]::after{content:'';display:block;width:8px;height:2px;background:var(--x-checkbox-check-color);border-radius:1px;opacity:0;transition:opacity 100ms ease;position:absolute;}:host([data-indeterminate]) [part\x3dcheck]::after{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dbox]{transition:none;}[part\x3dcheck]::before{transition:none;}[part\x3dcheck]::after{transition:none;}}";
|
|
10
|
+
e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","checkbox");g.setAttribute("part","box");h.setAttribute("part","check");g.appendChild(h);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xCheckboxRefs={root:c,control:e,box:g,check:h};$APP.r(this.attachInternals)&&(this.__xCheckboxInternals=this.attachInternals())}my(this);c=$APP.l(this,"__xCheckboxRefs");$APP.r(c)&&(c=$APP.l(c,"control"),d=ky(this),e=ly(this),g={click:d,keydown:e},c.addEventListener("click",
|
|
11
|
+
d),c.addEventListener("keydown",e),this.__xCheckboxHandlers=g);d=this.getAttribute("id");$APP.r(d)&&(c=document.querySelector("label[for\x3d'"+$APP.S.g(d)+"']"),$APP.r(c)&&(e=c.getAttribute("id"),$APP.r(e)?c=e:(d="x-cb-lbl-"+$APP.S.g(d),c.setAttribute("id",d),c=d),d=$APP.l(this,"__xCheckboxRefs"),$APP.r(d)&&(d=$APP.l(d,"control"),$APP.r(this.hasAttribute("aria-labelledby"))||d.setAttribute("aria-labelledby",c))));return iy(this)};b.disconnectedCallback=function(){return my(this)};b.attributeChangedCallback=
|
|
12
|
+
function(){return iy(this)};b.formDisabledCallback=function(c){fy(this,"disabled",$APP.I(c));return iy(this)};b.formResetCallback=function(){this.removeAttribute("checked");this.removeAttribute("indeterminate");return iy(this)};return a},ry=function(){return $APP.r(customElements.get("x-checkbox"))?null:customElements.define("x-checkbox",qy())},gy=new $APP.K(null,"indeterminate-present?","indeterminate-present?",-1714683438);var py="checked indeterminate disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.Sd(["x-checkbox-change-request",new $APP.P(null,2,[$APP.ll,!0,$APP.U,new $APP.P(null,3,[$APP.ri,$APP.X,$APP.Ej,$APP.qj,$APP.Yk,$APP.qj],null)],null),"x-checkbox-change",new $APP.P(null,2,[$APP.ll,!1,$APP.U,new $APP.P(null,2,[$APP.ri,$APP.X,$APP.Il,$APP.qj],null)],null)]);$APP.ka("baredom.exports.x_checkbox.init",ry);export const init=ry;
|
package/dist/x-chip.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a.removeEventListener("animationend",d);return a.remove()});return a.setAttribute("data-exiting","")},
|
|
4
|
-
|
|
5
|
-
"true"):a.removeAttribute("aria-disabled");$APP.r(b)?a.setAttribute("aria-keyshortcuts","Backspace Delete"):a.removeAttribute("aria-keyshortcuts");$APP.r(g)&&($APP.r(c)?g.setAttribute("disabled",""):g.removeAttribute("disabled"));return null},
|
|
6
|
-
b);$APP.n(a,"__xChipHandlers",{click:c,keydown:b})},
|
|
7
|
-
enumerable:!0,configurable:!0})},
|
|
8
|
-
"__xChipRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("span"),g=document.createElement("span"),h=document.createElement("button"),k=document.createElement("span");d.textContent=":host{--x-chip-bg:rgba(0,0,0,0.08);--x-chip-color:rgba(0,0,0,0.80);--x-chip-border:rgba(0,0,0,0.12);--x-chip-radius:9999px;--x-chip-font-size:0.875rem;--x-chip-padding-x:0.625rem;--x-chip-padding-y:0.25rem;--x-chip-remove-size:1rem;--x-chip-exit-duration:300ms;display:inline-flex;align-items:center;vertical-align:middle;color-scheme:light dark;font-family:inherit;font-size:var(--x-chip-font-size);line-height:1;border-radius:var(--x-chip-radius);background:var(--x-chip-bg);border:1px solid var(--x-chip-border);color:var(--x-chip-color);padding:var(--x-chip-padding-y) var(--x-chip-padding-x);gap:0.25rem;box-sizing:border-box;cursor:default;user-select:none;outline:none;}@media (prefers-color-scheme:dark){:host{--x-chip-bg:rgba(255,255,255,0.10);--x-chip-border:rgba(255,255,255,0.16);--x-chip-color:rgba(255,255,255,0.88);}}:host(:focus-visible){outline:2px solid currentColor;outline-offset:2px;}:host([disabled]){opacity:0.55;pointer-events:none;}[part\x3dcontainer]{display:inline-flex;align-items:center;gap:0.25rem;}[part\x3dlabel]{display:inline;font-size:inherit;color:inherit;}[part\x3dremove]{display:none;align-items:center;justify-content:center;width:var(--x-chip-remove-size);height:var(--x-chip-remove-size);border:none;background:none;color:inherit;cursor:pointer;padding:0;border-radius:50%;font-size:1rem;line-height:1;opacity:0.7;flex-shrink:0;}[part\x3dremove]:hover{opacity:1;}[part\x3dremove]:focus-visible{outline:2px solid currentColor;outline-offset:1px;}:host([data-removable]) [part\x3dremove]{display:inline-flex;}@keyframes x-chip-exit{to{opacity:0;transform:scale(0.85);}}:host([data-exiting]){animation:x-chip-exit var(--x-chip-exit-duration) forwards;}@media (prefers-reduced-motion:reduce){:host([data-exiting]){animation-duration:0ms;}}";
|
|
9
|
-
e.setAttribute("part","container");g.setAttribute("part","label");h.setAttribute("part","remove");h.setAttribute("type","button");h.setAttribute("aria-label","Remove");k.setAttribute("aria-hidden","true");k.textContent="×";h.appendChild(k);e.appendChild(g);e.appendChild(h);c.appendChild(d);c.appendChild(e);this.__xChipRefs=new $APP.P(null,4,[$APP.bi,c,$APP.Zi,e,$APP.
|
|
10
|
-
d,e){return $APP.O(d,e)?$APP.r($APP.l(this,"__xChipRefs"))?
|
|
2
|
+
var hr=function(a){var b=$APP.N(a),c=$APP.G(b,$APP.Oh);a=$APP.G(b,$APP.wl);var d=$APP.G(b,fr);b=$APP.G(b,$APP.Sk);c=$APP.r(c)?c:"";d=d==null?!0:!($APP.D.i(d,"false")||$APP.D.i(d,"0"));return new $APP.P(null,4,[$APP.T,c,$APP.ri,typeof a==="string"&&a.length>0?a:c,gr,d,$APP.W,$APP.I(b)],null)},ir=function(a){var b=$APP.N(a);a=$APP.G(b,gr);b=$APP.G(b,$APP.W);return $APP.r(a)?$APP.t(b):a},jr=function(a){var b=setTimeout(function(){return a.remove()},400);a.addEventListener("animationend",function d(){clearTimeout(b);
|
|
3
|
+
a.removeEventListener("animationend",d);return a.remove()});return a.setAttribute("data-exiting","")},kr=function(a){var b=hr(new $APP.P(null,4,[$APP.Oh,a.getAttribute("label"),$APP.wl,a.getAttribute("value"),fr,a.getAttribute("removable"),$APP.Sk,a.hasAttribute("disabled")],null));if($APP.r(ir(b))){var c=$APP.N(b);b=$APP.G(c,$APP.ri);c=$APP.G(c,$APP.T);b=new CustomEvent("x-chip-remove",{detail:{value:b,label:c},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);a=$APP.t(b.defaultPrevented)?
|
|
4
|
+
jr(a):null}else a=null;return a},mr=function(a){var b=hr(new $APP.P(null,4,[$APP.Oh,a.getAttribute("label"),$APP.wl,a.getAttribute("value"),fr,a.getAttribute("removable"),$APP.Sk,a.hasAttribute("disabled")],null)),c=$APP.N(b),d=$APP.G(c,$APP.T),e=$APP.G(c,gr);c=$APP.G(c,$APP.W);var g=$APP.l(a,"__xChipRefs"),h=$APP.Hl.g(g);g=lr.g(g);b=ir(b);$APP.r(h)&&(h.textContent=d);$APP.r(e)?a.setAttribute("data-removable",""):a.removeAttribute("data-removable");a.tabIndex=$APP.r(b)?0:-1;$APP.r(c)?a.setAttribute("aria-disabled",
|
|
5
|
+
"true"):a.removeAttribute("aria-disabled");$APP.r(b)?a.setAttribute("aria-keyshortcuts","Backspace Delete"):a.removeAttribute("aria-keyshortcuts");$APP.r(g)&&($APP.r(c)?g.setAttribute("disabled",""):g.removeAttribute("disabled"));return null},nr=function(a){function b(e){var g=e.key;return $APP.D.i(g,"Backspace")||$APP.D.i(g,"Delete")?(e.preventDefault(),kr(a)):null}function c(){return kr(a)}var d=lr.g($APP.l(a,"__xChipRefs"));$APP.r(d)&&d.addEventListener("click",c);a.addEventListener("keydown",
|
|
6
|
+
b);$APP.n(a,"__xChipHandlers",{click:c,keydown:b})},or=function(a){var b=$APP.l(a,"__xChipHandlers");if($APP.r(b)){var c=$APP.l(a,"__xChipRefs"),d=$APP.l(b,"click");b=$APP.l(b,"keydown");$APP.r($APP.r(c)?d:c)&&(c=lr.g(c),$APP.r(c)&&c.removeEventListener("click",d));$APP.r(b)&&a.removeEventListener("keydown",b)}return a.__xChipHandlers=null},pr=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return c!=null?this.setAttribute(b,""+$APP.S.g(c)):this.removeAttribute(b)},
|
|
7
|
+
enumerable:!0,configurable:!0})},qr=function(a,b){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(b)},set:function(c){return $APP.r(c)?this.setAttribute(b,""):this.removeAttribute(b)},enumerable:!0,configurable:!0})},rr=function(a){pr(a,"label");pr(a,"value");qr(a,"removable");qr(a,"disabled")},tr=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return sr}});b.connectedCallback=function(){if(!$APP.r($APP.l(this,
|
|
8
|
+
"__xChipRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("span"),g=document.createElement("span"),h=document.createElement("button"),k=document.createElement("span");d.textContent=":host{--x-chip-bg:var(--x-color-surface,rgba(0,0,0,0.08));--x-chip-color:var(--x-color-text,rgba(0,0,0,0.80));--x-chip-border:var(--x-color-border,rgba(0,0,0,0.12));--x-chip-radius:var(--x-radius-full, 9999px);--x-chip-font-size:var(--x-font-size-sm, 0.875rem);--x-chip-padding-x:0.625rem;--x-chip-padding-y:0.25rem;--x-chip-remove-size:1rem;--x-chip-exit-duration:300ms;display:inline-flex;align-items:center;vertical-align:middle;color-scheme:light dark;font-family:inherit;font-size:var(--x-chip-font-size);line-height:1;border-radius:var(--x-chip-radius);background:var(--x-chip-bg);border:1px solid var(--x-chip-border);color:var(--x-chip-color);padding:var(--x-chip-padding-y) var(--x-chip-padding-x);gap:0.25rem;box-sizing:border-box;cursor:default;user-select:none;outline:none;}@media (prefers-color-scheme:dark){:host{--x-chip-bg:var(--x-color-surface,rgba(255,255,255,0.10));--x-chip-border:var(--x-color-border,rgba(255,255,255,0.16));--x-chip-color:var(--x-color-text,rgba(255,255,255,0.88));}}:host(:focus-visible){outline:2px solid var(--x-color-focus-ring,currentColor);outline-offset:2px;}:host([disabled]){opacity:0.55;pointer-events:none;}[part\x3dcontainer]{display:inline-flex;align-items:center;gap:0.25rem;}[part\x3dlabel]{display:inline;font-size:inherit;color:inherit;}[part\x3dremove]{display:none;align-items:center;justify-content:center;width:var(--x-chip-remove-size);height:var(--x-chip-remove-size);border:none;background:none;color:inherit;cursor:pointer;padding:0;border-radius:50%;font-size:1rem;line-height:1;opacity:0.7;flex-shrink:0;}[part\x3dremove]:hover{opacity:1;}[part\x3dremove]:focus-visible{outline:2px solid currentColor;outline-offset:1px;}:host([data-removable]) [part\x3dremove]{display:inline-flex;}@keyframes x-chip-exit{to{opacity:0;transform:scale(0.85);}}:host([data-exiting]){animation:x-chip-exit var(--x-chip-exit-duration) forwards;}@media (prefers-reduced-motion:reduce){:host([data-exiting]){animation-duration:0ms;}}";
|
|
9
|
+
e.setAttribute("part","container");g.setAttribute("part","label");h.setAttribute("part","remove");h.setAttribute("type","button");h.setAttribute("aria-label","Remove");k.setAttribute("aria-hidden","true");k.textContent="×";h.appendChild(k);e.appendChild(g);e.appendChild(h);c.appendChild(d);c.appendChild(e);this.__xChipRefs=new $APP.P(null,4,[$APP.bi,c,$APP.Zi,e,$APP.Hl,g,lr,h],null)}or(this);nr(this);return mr(this)};b.disconnectedCallback=function(){return or(this)};b.attributeChangedCallback=function(c,
|
|
10
|
+
d,e){return $APP.O(d,e)?$APP.r($APP.l(this,"__xChipRefs"))?mr(this):null:null};rr(b);return a},ur=function(){$APP.r(customElements.get("x-chip"))||customElements.define("x-chip",tr());return null},fr=new $APP.K(null,"removable-raw","removable-raw",1718453796),lr=new $APP.K(null,"remove-btn","remove-btn",843430290),gr=new $APP.K(null,"removable?","removable?",1886800649);var sr=["label","value","removable","disabled"];$APP.Sd(["x-chip-remove",new $APP.P(null,2,[$APP.U,new $APP.P(null,2,[$APP.ri,$APP.X,$APP.T,$APP.X],null),$APP.ll,!0],null)]);$APP.ka("baredom.exports.x_chip.init",ur);export const init=ur;
|
package/dist/x-collapse.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
b.offsetHeight;var d=""+$APP.S.g(b.scrollHeight)+"px";b.style.transition="height "+$APP.S.g(a)+"ms ease";b.style.height=d;var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},
|
|
4
|
-
"px";a=
|
|
5
|
-
$APP.r(d)?"true":"false");if($APP.r(e))return c.setAttribute("disabled",""),c.setAttribute("aria-disabled","true");c.removeAttribute("disabled");return c.removeAttribute("aria-disabled")}return null},
|
|
6
|
-
a.dispatchEvent(new CustomEvent("x-collapse-change",{detail:{open:c},bubbles:!0,composed:!0,cancelable:!1}))):null},
|
|
7
|
-
$APP.l(c,"keydown"));a.__xCollapseHandlers=null;return}}return null},
|
|
8
|
-
b)):b=this.removeAttribute("header");return b}})},
|
|
9
|
-
"observedAttributes",{get:function(){return
|
|
10
|
-
q=document.createElement("slot");d.textContent=":host{display:block;color-scheme:light dark;--x-collapse-border-radius:8px;--x-collapse-border:1px solid
|
|
2
|
+
var o_=function(){var a=window.matchMedia;return $APP.r(a)?window.matchMedia("(prefers-reduced-motion: reduce)").matches:a},p_=function(a){a=a.getAttribute("duration-ms");return $APP.r(a)?(a=parseInt(a,10),$APP.r(isNaN(a))?300:$APP.Yg.i(0,$APP.Zg.i(2E3,a))):300},q_=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.l(g,"fn"))}if($APP.r(o_()))return b.style.height="",b.style.transition="";a=p_(a);b.style.height="0px";
|
|
3
|
+
b.offsetHeight;var d=""+$APP.S.g(b.scrollHeight)+"px";b.style.transition="height "+$APP.S.g(a)+"ms ease";b.style.height=d;var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},r_=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.l(g,"fn"))}if($APP.r(o_()))return b.style.height="0px",b.style.transition="";var d=""+$APP.S.g(b.offsetHeight)+
|
|
4
|
+
"px";a=p_(a);b.style.height=d;b.offsetHeight;b.style.transition="height "+$APP.S.g(a)+"ms ease";b.style.height="0px";var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},s_=function(a){var b=$APP.l(a,"__xCollapseRefs");if($APP.r(b)){var c=$APP.l(b,"trigger");b=$APP.l(b,"header-text");var d=a.hasAttribute("open"),e=a.hasAttribute("disabled");a=a.getAttribute("header");b.textContent=$APP.r(a)?a:"";c.setAttribute("aria-expanded",
|
|
5
|
+
$APP.r(d)?"true":"false");if($APP.r(e))return c.setAttribute("disabled",""),c.setAttribute("aria-disabled","true");c.removeAttribute("disabled");return c.removeAttribute("aria-disabled")}return null},t_=function(a,b){if($APP.r(a.hasAttribute("disabled")))return null;var c=$APP.t(a.hasAttribute("open"));b=new CustomEvent("x-collapse-toggle",{detail:{open:c,source:b},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.t(b.defaultPrevented)?(c?a.setAttribute("open",""):a.removeAttribute("open"),
|
|
6
|
+
a.dispatchEvent(new CustomEvent("x-collapse-change",{detail:{open:c},bubbles:!0,composed:!0,cancelable:!1}))):null},u_=function(a){return function(){return t_(a,"pointer")}},v_=function(a){return function(b){var c=b.key;return $APP.D.i(c," ")||$APP.D.i(c,"Enter")?(b.preventDefault(),t_(a,"keyboard")):null}},w_=function(a){var b=$APP.l(a,"__xCollapseRefs");if($APP.r(b)){var c=$APP.l(a,"__xCollapseHandlers");if($APP.r(c)){b=$APP.l(b,"trigger");b.removeEventListener("click",$APP.l(c,"click"));b.removeEventListener("keydown",
|
|
7
|
+
$APP.l(c,"keydown"));a.__xCollapseHandlers=null;return}}return null},x_=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.r($APP.I(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},y_=function(a){Object.defineProperty(a,"header",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("header");return $APP.r(b)?b:""},set:function(b){b!=null&&$APP.O(b)?(b=""+$APP.S.g(b),b=this.setAttribute("header",
|
|
8
|
+
b)):b=this.removeAttribute("header");return b}})},z_=function(a){Object.defineProperty(a,"durationMs",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("duration-ms");return $APP.r(b)?(b=parseInt(b,10),$APP.r(isNaN(b))?300:b):300},set:function(b){typeof b==="number"&&$APP.t(isNaN(b))?(b=""+$APP.S.g(Math.round(b)),b=this.setAttribute("duration-ms",b)):b=this.removeAttribute("duration-ms");return b}})},B_=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,
|
|
9
|
+
"observedAttributes",{get:function(){return A_}});x_(b,"open","open");x_(b,"disabled","disabled");y_(b);z_(b);b.toggle=function(){return t_(this,"programmatic")};b.connectedCallback=function(){if(!$APP.r($APP.l(this,"__xCollapseRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElement("button"),h=document.createElement("span"),k=document.createElement("span"),m=document.createElement("div"),p=document.createElement("div"),
|
|
10
|
+
q=document.createElement("slot");d.textContent=":host{display:block;color-scheme:light dark;--x-collapse-border-radius:var(--x-radius-md, 8px);--x-collapse-border:1px solid var(--x-color-border,#e2e8f0);--x-collapse-bg:var(--x-color-surface, #ffffff);--x-collapse-trigger-bg:var(--x-color-surface-hover, #f8fafc);--x-collapse-trigger-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-collapse-trigger-color:var(--x-color-text, #0f172a);--x-collapse-trigger-padding:0.75rem 1rem;--x-collapse-content-padding:1rem;--x-collapse-font-size:0.9375rem;--x-collapse-font-weight:600;--x-collapse-chevron-color:var(--x-color-text-muted, #64748b);--x-collapse-focus-ring:var(--x-color-focus-ring, #60a5fa);}@media (prefers-color-scheme:dark){:host{--x-collapse-border:1px solid var(--x-color-border,#334155);--x-collapse-bg:var(--x-color-surface,#1e293b);--x-collapse-trigger-bg:var(--x-color-surface-hover,#0f172a);--x-collapse-trigger-bg-hover:var(--x-color-surface-active,#1e293b);--x-collapse-trigger-color:var(--x-color-text,#e2e8f0);--x-collapse-chevron-color:var(--x-color-text-muted, #94a3b8);--x-collapse-focus-ring:var(--x-color-focus-ring, #93c5fd);}}[part\x3dcontainer]{box-sizing:border-box;border:var(--x-collapse-border);border-radius:var(--x-collapse-border-radius);background:var(--x-collapse-bg);overflow:hidden;}[part\x3dtrigger]{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--x-collapse-trigger-padding);background:var(--x-collapse-trigger-bg);color:var(--x-collapse-trigger-color);font-size:var(--x-collapse-font-size);font-weight:var(--x-collapse-font-weight);cursor:pointer;user-select:none;}[part\x3dtrigger][disabled]{cursor:default;opacity:0.55;}[part\x3dtrigger]:hover:not([disabled]){background:var(--x-collapse-trigger-bg-hover);}[part\x3dtrigger]:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--x-collapse-focus-ring);}[part\x3dheader-text]{flex:1;text-align:start;}[part\x3dchevron]{display:inline-block;margin-inline-start:0.5rem;color:var(--x-collapse-chevron-color);transition:transform 200ms ease;flex-shrink:0;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dcontent]{overflow:hidden;height:0;}:host([open]) [part\x3dcontent]{height:auto;}[part\x3dcontent-inner]{padding:var(--x-collapse-content-padding);}@media (prefers-reduced-motion:reduce){[part\x3dcontent]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}";
|
|
11
11
|
e.setAttribute("part","container");g.setAttribute("part","trigger");g.setAttribute("type","button");g.setAttribute("id","trigger");g.setAttribute("aria-controls","panel");h.setAttribute("part","header-text");k.setAttribute("part","chevron");k.setAttribute("aria-hidden","true");m.setAttribute("part","content");m.setAttribute("id","panel");m.setAttribute("role","region");m.setAttribute("aria-labelledby","trigger");p.setAttribute("part","content-inner");q.setAttribute("name","content");k.textContent=
|
|
12
|
-
"▼";g.appendChild(h);g.appendChild(k);p.appendChild(q);m.appendChild(p);e.appendChild(g);e.appendChild(m);c.appendChild(d);c.appendChild(e);this.__xCollapseRefs={root:c,trigger:g,"header-text":h,content:m}}
|
|
13
|
-
function(c){a:{if($APP.r($APP.l(this,"__xCollapseRefs"))&&(
|
|
12
|
+
"▼";g.appendChild(h);g.appendChild(k);p.appendChild(q);m.appendChild(p);e.appendChild(g);e.appendChild(m);c.appendChild(d);c.appendChild(e);this.__xCollapseRefs={root:c,trigger:g,"header-text":h,content:m}}w_(this);c=$APP.l(this,"__xCollapseRefs");$APP.r(c)&&(c=$APP.l(c,"trigger"),d=u_(this),e=v_(this),g={click:d,keydown:e},c.addEventListener("click",d),c.addEventListener("keydown",e),this.__xCollapseHandlers=g);return s_(this)};b.disconnectedCallback=function(){return w_(this)};b.attributeChangedCallback=
|
|
13
|
+
function(c){a:{if($APP.r($APP.l(this,"__xCollapseRefs"))&&(s_(this),$APP.D.i(c,"open"))){c=$APP.l(this,"__xCollapseRefs");c=$APP.r(c)?$APP.l(c,"content"):null;var d=this.hasAttribute("open");c=$APP.r(c)?$APP.r(d)?q_(this,c):r_(this,c):null;break a}c=null}return c};return a},C_=function(){return $APP.r(customElements.get("x-collapse"))?null:customElements.define("x-collapse",B_())};var A_=["open","disabled","header","duration-ms"];$APP.Sd(["x-collapse-toggle",new $APP.P(null,2,[$APP.ll,!0,$APP.U,new $APP.P(null,2,[$APP.il,$APP.qj,$APP.zk,$APP.X],null)],null),"x-collapse-change",new $APP.P(null,2,[$APP.ll,!1,$APP.U,new $APP.P(null,1,[$APP.il,$APP.qj],null)],null)]);$APP.ka("baredom.exports.x_collapse.init",C_);export const init=C_;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
if(1<$APP.
|
|
4
|
-
A:""}()),k=
|
|
5
|
-
2,[$APP.
|
|
6
|
-
$APP.G(b,$APP.ii),d=$APP.G(b,$APP.Oh),e=$APP.G(b,
|
|
7
|
-
|
|
8
|
-
$APP.l(a,"__xCommandPaletteRefs");if($APP.r(b)){var c=$APP.l(b,"list"),d=$APP.l(b,"empty");b=$APP.l(b,"input");var e=function(){var q=$APP.l(a,"__xCommandPaletteQuery");return $APP.r(q)?q:""}(),g=
|
|
9
|
-
"");d=$APP.Zd($APP.ch,g);for(var h=null;;)if(g=$APP.v(d),$APP.r(g)){var k=g;g=$APP.Cc(k,0,null);k=$APP.Cc(k,1,null);var m
|
|
10
|
-
""+$APP.S.g(g));p.setAttribute("tabindex","-1");$APP.r($APP.W.g(k))&&p.setAttribute("aria-disabled","true");p.textContent=$APP.T.g(k);$APP.D.i(g,e)&&p.setAttribute("aria-selected","true");c.appendChild(p);d=$APP.Zb(d);h=g=function(){var q=m;return $APP.r(q)?q:h}()}else break;return $APP.r(b)?b.setAttribute("aria-activedescendant","x-cp-item-"+$APP.S.g(e)):null}return null},
|
|
11
|
-
"overlay");b=$APP.l(b,"empty");var h=$APP.T.g(c),k=$APP.
|
|
12
|
-
b.textContent=m;return
|
|
13
|
-
b=$APP.l(a,"__xCommandPaletteRefs"),b=$APP.r(b)?$APP.l(b,"input"):null,$APP.r(b)&&b.removeAttribute("aria-activedescendant"),
|
|
14
|
-
0):(b=$APP.
|
|
15
|
-
b=$APP.Cc(b,$APP.r(c)?c:0,null),$APP.r($APP.r(b)?$APP.t($APP.W.g(b)):b)?(c=
|
|
16
|
-
"");a.__xCommandPaletteQuery="";a.__xCommandPaletteActiveIdx=0;
|
|
17
|
-
q=
|
|
18
|
-
w:""});return
|
|
19
|
-
$APP.l(b,"input"),d=$APP.l(b,"overlay"),e=$APP.l(b,"list");b=$APP.l(b,"clear-btn");c.removeEventListener("input",$APP.l(a,"input"));c.removeEventListener("keydown",$APP.l(a,"keydown"));d.removeEventListener("click",$APP.l(a,"scrim"));e.removeEventListener("click",$APP.l(a,"list"));return b.removeEventListener("click",$APP.l(a,"clear"))}return null},
|
|
20
|
-
this.setAttribute(c,""):this.removeAttribute(c)}})},
|
|
21
|
-
Object.defineProperty(a,"toggle",{configurable:!0,writable:!0,value:function(){return $APP.r(this.hasAttribute("open"))?
|
|
22
|
-
q=
|
|
2
|
+
var Vs=function(a){if(a!=null&&a.ua!=null)a=a.ua(a);else{var b=Vs[$APP.da(a==null?null:a)];if(b!=null)a=b.g?b.g(a):b.call(null,a);else if(b=Vs._,b!=null)a=b.g?b.g(a):b.call(null,a);else throw $APP.qa("IStack.-pop",a);}return a},Ws=function(a,b){return $APP.Ed($APP.Zc(function(c,d){return $APP.r(a.g?a.g(d):a.call(null,d))?$APP.rb(c,d):c},$APP.qb($APP.ie),b))},Xs=function(a){var b=/\s+/;a="/(?:)/"===""+$APP.S.g(b)?$APP.od.i($APP.Be($APP.rd("",$APP.de.i($APP.S,$APP.u(a)))),""):$APP.Be((""+$APP.S.g(a)).split(b));
|
|
3
|
+
if(1<$APP.C(a))a:{for(;;)if(""===(a==null?null:$APP.Sa(a)))a=a==null?null:Vs(a);else break a;a=void 0}return a},Ys=function(a){return a==null?!0:$APP.O(a,"false")},Zs=function(a){return typeof a==="string"?(a=a.trim(),$APP.O(a,"")?a:null):null},bt=function(a){if(a==null||$APP.t($APP.oa(a)))return $APP.ie;for(var b=a.length,c=0,d=$APP.qb($APP.ie);;){if($APP.D.i(c,b))return $APP.sb(d);var e=a[c],g=""+$APP.S.g(function(){var A=e.id;return $APP.r(A)?A:c}()),h=""+$APP.S.g(function(){var A=e.label;return $APP.r(A)?
|
|
4
|
+
A:""}()),k=Zs(e.group),m=e.value,p=e.icon,q=$APP.D.i(!0,e.disabled),w=e.keywords;w=$APP.r($APP.oa(w))?w.join(" "):typeof w==="string"?w:"";var x=function(){var A=k;return $APP.r(A)?A:""}(),y=typeof m==="string"?m:"";x=(""+$APP.S.g(h)+" "+$APP.S.g(w)+" "+$APP.S.g(x)+" "+$APP.S.g(y)).toLowerCase();w=c+1;d=$APP.Fd(d,new $APP.P(null,7,[$APP.Ek,g,$APP.T,h,$s,k,$APP.ri,m,$APP.Xj,p,$APP.W,q,at,x],null));c=w}},dt=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.O(b,"")?$APP.$d(Zs,Xs(b)):null;if($APP.Jc(c))return new $APP.P(null,
|
|
5
|
+
2,[$APP.Qk,a,ct,$APP.af.i($APP.Xf,$APP.$d($s,a))],null);a=Ws(function(d){return $APP.Vd(function(e){return $APP.O(-1,at.g(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.P(null,2,[$APP.Qk,a,ct,$APP.af.i($APP.Xf,$APP.$d($s,a))],null)},et=function(a,b,c){var d=$APP.C(a);if(d>0)for(var e=1;;)if(e<=d){var g=$APP.hd(b+e*c,d),h=$APP.Cc(a,g,null),k=h;h=$APP.r(k)?$APP.t($APP.W.g(h)):k;if($APP.r(h))return g;e+=1}else return null;else return null},rt=function(a){var b=$APP.N(a);a=$APP.G(b,$APP.ai);var c=
|
|
6
|
+
$APP.G(b,$APP.ii),d=$APP.G(b,$APP.Oh),e=$APP.G(b,ft),g=$APP.G(b,gt),h=$APP.G(b,ht),k=$APP.G(b,it),m=$APP.G(b,jt),p=$APP.G(b,kt);b=$APP.G(b,lt);b=Ys(b);p=Ys(p);m=m!=null&&$APP.O(m,"false");m=b&&!m;g=g!=null?g!=null&&$APP.O(g,"false"):m;k=Ys(k);return $APP.Q([$APP.sl,$APP.hi,mt,nt,ot,pt,$APP.T,$APP.El,qt,$APP.W],[function(){var q=Zs(c);return $APP.r(q)?q:"Search…"}(),p,function(){var q=Zs(e);return $APP.r(q)?q:"No results"}(),g,k,m,Zs(d),$APP.I(a),b,h!=null&&$APP.O(h,"false")])},st=function(a){return document.createElement(a)},
|
|
7
|
+
tt=function(a){return rt($APP.Q([$APP.Oh,ft,gt,ht,it,jt,kt,lt,$APP.ai,$APP.ii],[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")]))},ut=function(a,b,c,d){b=new CustomEvent(b,{detail:d,bubbles:!0,composed:!0,cancelable:$APP.I(c)});a.dispatchEvent(b);return b},vt=function(a){var b=
|
|
8
|
+
$APP.l(a,"__xCommandPaletteRefs");if($APP.r(b)){var c=$APP.l(b,"list"),d=$APP.l(b,"empty");b=$APP.l(b,"input");var e=function(){var q=$APP.l(a,"__xCommandPaletteQuery");return $APP.r(q)?q:""}(),g=bt($APP.l(a,"__xCommandPaletteItems"));e=dt(g,e);e=$APP.N(e);g=$APP.G(e,$APP.Qk);e=function(){var q=$APP.l(a,"__xCommandPaletteActiveIdx");return $APP.r(q)?q:0}();c.textContent="";if($APP.Jc(g))return d.removeAttribute("hidden"),$APP.r(b)?b.removeAttribute("aria-activedescendant"):null;d.setAttribute("hidden",
|
|
9
|
+
"");d=$APP.Zd($APP.ch,g);for(var h=null;;)if(g=$APP.v(d),$APP.r(g)){var k=g;g=$APP.Cc(k,0,null);k=$APP.Cc(k,1,null);var m=$s.g(k);if($APP.r(function(){var q=m;return $APP.r(q)?$APP.O(m,h):q}())){var p=st("div");p.setAttribute("part","group-header");p.setAttribute("aria-hidden","true");p.textContent=m;c.appendChild(p)}p=st("div");p.setAttribute("part","item");p.setAttribute("role","option");p.setAttribute("id","x-cp-item-"+$APP.S.g(g));p.setAttribute("data-id",""+$APP.S.g($APP.Ek.g(k)));p.setAttribute("data-idx",
|
|
10
|
+
""+$APP.S.g(g));p.setAttribute("tabindex","-1");$APP.r($APP.W.g(k))&&p.setAttribute("aria-disabled","true");p.textContent=$APP.T.g(k);$APP.D.i(g,e)&&p.setAttribute("aria-selected","true");c.appendChild(p);d=$APP.Zb(d);h=g=function(){var q=m;return $APP.r(q)?q:h}()}else break;return $APP.r(b)?b.setAttribute("aria-activedescendant","x-cp-item-"+$APP.S.g(e)):null}return null},wt=function(a){var b=$APP.l(a,"__xCommandPaletteRefs");if($APP.r(b)){var c=tt(a),d=$APP.l(b,"panel"),e=$APP.l(b,"input"),g=$APP.l(b,
|
|
11
|
+
"overlay");b=$APP.l(b,"empty");var h=$APP.T.g(c),k=$APP.sl.g(c),m=mt.g(c);$APP.r(h)?d.setAttribute("aria-label",h):d.setAttribute("aria-label","Command palette");$APP.r(pt.g(c))?g.removeAttribute("hidden"):g.setAttribute("hidden","");e.setAttribute("placeholder",k);e.setAttribute("aria-expanded",$APP.r($APP.El.g(c))?"true":"false");$APP.r($APP.W.g(c))&&(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true"));$APP.r($APP.W.g(c))||(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"));
|
|
12
|
+
b.textContent=m;return vt(a)}return null},xt=function(a){if($APP.r(a.hasAttribute("open")))return null;var b=ut(a,"x-command-palette-open-request",!0,{});$APP.r(b.defaultPrevented)?a=null:(a.setAttribute("open",""),b=$APP.l(a,"__xCommandPaletteRefs"),b=$APP.r(b)?$APP.l(b,"input"):null,$APP.r(b)&&b.focus(),wt(a),a=ut(a,"x-command-palette-open",!1,{}));return a},yt=function(a){if($APP.r(a.hasAttribute("open"))){var b=ut(a,"x-command-palette-close-request",!0,{});$APP.r(b.defaultPrevented)?a=null:(a.removeAttribute("open"),
|
|
13
|
+
b=$APP.l(a,"__xCommandPaletteRefs"),b=$APP.r(b)?$APP.l(b,"input"):null,$APP.r(b)&&b.removeAttribute("aria-activedescendant"),wt(a),a=ut(a,"x-command-palette-close",!1,{}));return a}return null},zt=function(a){var b=$APP.l(a,"__xCommandPaletteQuery");b=$APP.r(b)?b:"";a=bt($APP.l(a,"__xCommandPaletteItems"));a=dt(a,b);a=$APP.N(a);return $APP.G(a,$APP.Qk)},Bt=function(a,b){var c=zt(a);var d=$APP.l(a,"__xCommandPaletteActiveIdx");d=$APP.r(d)?d:0;$APP.D.i(b,At)?(c=et(c,$APP.r(d)?d:-1,1),c=$APP.r(c)?c:
|
|
14
|
+
0):(b=$APP.C(c),c=et(c,$APP.r(d)?d:b,-1),c=$APP.r(c)?c:0);a.__xCommandPaletteActiveIdx=c;vt(a);a=$APP.l(a,"__xCommandPaletteRefs");a=$APP.r(a)?$APP.l(a,"list"):null;a=$APP.r(a)?a.querySelector("[data-idx\x3d'"+$APP.S.g(c)+"']"):null;return $APP.r(a)?a.scrollIntoView({block:"nearest"}):null},Dt=function(a,b){var c=b.key;return $APP.D.i(c,"ArrowDown")?(b.preventDefault(),Bt(a,At)):$APP.D.i(c,"ArrowUp")?(b.preventDefault(),Bt(a,Ct)):$APP.D.i(c,"Enter")?(b.preventDefault(),b=zt(a),c=$APP.l(a,"__xCommandPaletteActiveIdx"),
|
|
15
|
+
b=$APP.Cc(b,$APP.r(c)?c:0,null),$APP.r($APP.r(b)?$APP.t($APP.W.g(b)):b)?(c=ut(a,"x-command-palette-select-request",!0,{item:$APP.nh(b)}),$APP.r(c.defaultPrevented)?a=null:(ut(a,"x-command-palette-select",!1,{item:$APP.nh(b)}),a=yt(a))):a=null,a):$APP.D.i(c,"Escape")?(b=tt(a),$APP.r(ot.g(b))?yt(a):null):null},Et=function(a){function b(){var q=$APP.l(a,"__xCommandPaletteRefs"),w=$APP.r(q)?$APP.l(q,"input"):null;q=$APP.r(q)?$APP.l(q,"clear-btn"):null;$APP.r(w)&&(w.value="");$APP.r(q)&&q.setAttribute("hidden",
|
|
16
|
+
"");a.__xCommandPaletteQuery="";a.__xCommandPaletteActiveIdx=0;ut(a,"x-command-palette-query-change",!1,{query:""});vt(a);return $APP.r(w)?w.focus():null}function c(q){a:{q=q.target.closest("[part\x3ditem]");if($APP.r(q)){q=parseInt(q.getAttribute("data-idx"),10);var w=zt(a);q=$APP.Cc(w,q,null);if($APP.r($APP.r(q)?$APP.t($APP.W.g(q)):q)){w=ut(a,"x-command-palette-select-request",!0,{item:$APP.nh(q)});if($APP.r(w.defaultPrevented)){q=null;break a}ut(a,"x-command-palette-select",!1,{item:$APP.nh(q)});
|
|
17
|
+
q=yt(a);break a}}q=null}return q}function d(){var q=tt(a);return $APP.r(nt.g(q))?yt(a):null}function e(q){return Dt(a,q)}function g(){var q=$APP.l(a,"__xCommandPaletteRefs"),w=$APP.r(q)?$APP.l(q,"input"):null;q=$APP.r(q)?$APP.l(q,"clear-btn"):null;w=$APP.r(w)?w.value:null;a.__xCommandPaletteQuery=$APP.r(w)?w:"";a.__xCommandPaletteActiveIdx=0;$APP.r(q)&&($APP.r($APP.r(w)?$APP.O(w,""):w)?q.removeAttribute("hidden"):q.setAttribute("hidden",""));ut(a,"x-command-palette-query-change",!1,{query:$APP.r(w)?
|
|
18
|
+
w:""});return vt(a)}var h=$APP.l(a,"__xCommandPaletteRefs"),k=$APP.l(h,"input"),m=$APP.l(h,"overlay"),p=$APP.l(h,"list");h=$APP.l(h,"clear-btn");k.addEventListener("input",g);k.addEventListener("keydown",e);m.addEventListener("click",d);p.addEventListener("click",c);h.addEventListener("click",b);$APP.n(a,"__xCommandPaletteHandlers",{input:g,keydown:e,scrim:d,list:c,clear:b})},Ft=function(a){var b=$APP.l(a,"__xCommandPaletteRefs");a=$APP.l(a,"__xCommandPaletteHandlers");if($APP.r($APP.r(b)?a:b)){var c=
|
|
19
|
+
$APP.l(b,"input"),d=$APP.l(b,"overlay"),e=$APP.l(b,"list");b=$APP.l(b,"clear-btn");c.removeEventListener("input",$APP.l(a,"input"));c.removeEventListener("keydown",$APP.l(a,"keydown"));d.removeEventListener("click",$APP.l(a,"scrim"));e.removeEventListener("click",$APP.l(a,"list"));return b.removeEventListener("click",$APP.l(a,"clear"))}return null},Gt=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.r(d)?
|
|
20
|
+
this.setAttribute(c,""):this.removeAttribute(c)}})},Ht=function(a){Object.defineProperty(a,"items",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xCommandPaletteItems");return $APP.r(b)?b:[]},set:function(b){this.__xCommandPaletteItems=b;this.__xCommandPaletteActiveIdx=0;return vt(this)}})},It=function(a){Object.defineProperty(a,"open",{configurable:!0,writable:!0,value:function(){return xt(this)}});Object.defineProperty(a,"close",{configurable:!0,writable:!0,value:function(){return yt(this)}});
|
|
21
|
+
Object.defineProperty(a,"toggle",{configurable:!0,writable:!0,value:function(){return $APP.r(this.hasAttribute("open"))?yt(this):xt(this)}})},Kt=function(){var a=class extends HTMLElement{};a.observedAttributes=Jt;var b=a.prototype;Gt(b,"open","open");Gt(b,"disabled","disabled");Ht(b);It(b);b.connectedCallback=function(){if(!$APP.r($APP.l(this,"__xCommandPaletteRefs"))){var c=this.attachShadow({mode:"open"}),d=st("style"),e=st("div"),g=st("div"),h=st("div"),k=st("span"),m=st("input"),p=st("button"),
|
|
22
|
+
q=st("div"),w=st("div"),x=st("div");d.textContent=":host{display:contents;}[part\x3doverlay]{display:none;position:fixed;inset:0;background: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: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: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;}}";
|
|
23
23
|
e.setAttribute("part","overlay");g.setAttribute("part","panel");g.setAttribute("role","dialog");g.setAttribute("aria-modal","true");h.setAttribute("part","search-wrap");k.setAttribute("part","search-icon");k.setAttribute("aria-hidden","true");k.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",
|
|
24
24
|
"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");w.setAttribute("part","list");w.setAttribute("id","x-cp-list");w.setAttribute("role","listbox");w.setAttribute("aria-label","Results");x.setAttribute("part","empty");x.setAttribute("hidden","");h.appendChild(k);h.appendChild(m);h.appendChild(p);
|
|
25
|
-
q.appendChild(w);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:w,empty:x}}
|
|
26
|
-
a.l-2>>>b&31;if(b>5){b-=5;var g=c.j[e];a=
|
|
27
|
-
$APP.ve.prototype.ua=$APP.ca(10,function(){if(this.l===0)throw Error("Can't pop empty vector");if(1===this.l)return $APP.
|
|
25
|
+
q.appendChild(w);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:w,empty:x}}Ft(this);Et(this);return wt(this)};b.disconnectedCallback=function(){return Ft(this)};b.attributeChangedCallback=function(){return wt(this)};return a},Lt=function(){return $APP.r(customElements.get("x-command-palette"))?null:customElements.define("x-command-palette",Kt())},Mt=function Mt(a,b,c){var e=
|
|
26
|
+
a.l-2>>>b&31;if(b>5){b-=5;var g=c.j[e];a=Mt.o?Mt.o(a,b,g):Mt.call(null,a,b,g);if(a==null&&e===0)return null;c=$APP.ne(c);c.j[e]=a;return c}if(e===0)return null;c=$APP.ne(c);c.j[e]=null;return c};$APP.ld.prototype.ua=$APP.ca(12,function(){return this.ia(null)});$APP.nd.prototype.ua=$APP.ca(11,function(){throw Error("Can't pop empty list");});
|
|
27
|
+
$APP.ve.prototype.ua=$APP.ca(10,function(){if(this.l===0)throw Error("Can't pop empty vector");if(1===this.l)return $APP.Xa($APP.ie,this.u);if(1<this.l-$APP.oe(this))return new $APP.ve(this.u,this.l-1,this.shift,this.root,this.oa.slice(0,-1),null);var a=$APP.qe(this,this.l-2),b=Mt(this,this.shift,this.root);b=b==null?$APP.we:b;var c=this.l-1;return 5<this.shift&&b.j[1]==null?new $APP.ve(this.u,c,this.shift-5,b.j[0],a,null):new $APP.ve(this.u,c,this.shift,b,a,null)});
|
|
28
28
|
$APP.Ue.prototype.ua=$APP.ca(9,function(){return new $APP.ve(null,1,5,$APP.we,[this.key],null)});$APP.Kf.prototype.ua=$APP.ca(8,function(){return new $APP.ve(null,1,5,$APP.we,[this.key],null)});$APP.Jf.prototype.ua=$APP.ca(7,function(){return new $APP.ve(null,1,5,$APP.we,[this.key],null)});
|
|
29
|
-
var
|
|
30
|
-
-1942646255),
|
|
31
|
-
"disabled-raw","disabled-raw",498098381);var
|
|
32
|
-
$APP.Sd(["x-command-palette-open-request",new $APP.P(null,2,[$APP.
|
|
33
|
-
!1,$APP.U,new $APP.P(null,1,[$APP.Dj,
|
|
29
|
+
var mt=new $APP.K(null,"empty-text","empty-text",1554384594),gt=new $APP.K(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),ft=new $APP.K(null,"empty-text-raw","empty-text-raw",1477406757),kt=new $APP.K(null,"dismissible-raw","dismissible-raw",947680658),lt=new $APP.K(null,"modal-raw","modal-raw",-263722282),ot=new $APP.K(null,"close-on-escape?","close-on-escape?",-1559868909),ct=new $APP.K(null,"groups","groups",-136896102),it=new $APP.K(null,"close-on-escape-raw","close-on-escape-raw",
|
|
30
|
+
-1942646255),pt=new $APP.K(null,"scrim?","scrim?",744210580),jt=new $APP.K(null,"no-scrim-raw","no-scrim-raw",-1344365743),nt=new $APP.K(null,"close-on-scrim?","close-on-scrim?",-367113965),Nt=new $APP.Sb(null,"object","object",-1179821820,null),$s=new $APP.K(null,"group","group",582596132),At=new $APP.K(null,"down","down",1565245570),at=new $APP.K(null,"search-str","search-str",-821246171),Ct=new $APP.K(null,"up","up",-269712113),qt=new $APP.K(null,"modal?","modal?",2146094679),ht=new $APP.K(null,
|
|
31
|
+
"disabled-raw","disabled-raw",498098381);var Jt="open modal dismissible disabled no-scrim close-on-scrim close-on-escape label placeholder empty-text".split(" ");
|
|
32
|
+
$APP.Sd(["x-command-palette-open-request",new $APP.P(null,2,[$APP.ll,!0,$APP.U,$APP.Td],null),"x-command-palette-open",new $APP.P(null,2,[$APP.ll,!1,$APP.U,$APP.Td],null),"x-command-palette-close-request",new $APP.P(null,2,[$APP.ll,!0,$APP.U,$APP.Td],null),"x-command-palette-close",new $APP.P(null,2,[$APP.ll,!1,$APP.U,$APP.Td],null),"x-command-palette-select-request",new $APP.P(null,2,[$APP.ll,!0,$APP.U,new $APP.P(null,1,[$APP.Dj,Nt],null)],null),"x-command-palette-select",new $APP.P(null,2,[$APP.ll,
|
|
33
|
+
!1,$APP.U,new $APP.P(null,1,[$APP.Dj,Nt],null)],null),"x-command-palette-query-change",new $APP.P(null,2,[$APP.ll,!1,$APP.U,new $APP.P(null,1,[new $APP.K(null,"query","query",-1288509510),$APP.X],null)],null)]);$APP.ka("baredom.exports.x_command_palette.init",Lt);export const init=Lt;
|
package/dist/x-container.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
this.removeAttribute("center"):this.setAttribute("center","false")}})}
|
|
4
|
-
"lg"),$APP.
|
|
5
|
-
a=$APP.T.g(a);return $APP.r(a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")},
|
|
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 uH=function(a,b,c){return typeof a==="string"&&$APP.J(b,a)?a:c},vH=function(a){return a.__xContainerState},wH=function(a){Object.defineProperty(a,"fluid",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("fluid")},set:function(b){return $APP.r($APP.I(b))?this.setAttribute("fluid",""):this.removeAttribute("fluid")}})},xH=function(a){Object.defineProperty(a,"center",{configurable:!0,enumerable:!0,get:function(){return $APP.O("false",this.getAttribute("center"))},set:function(b){return $APP.I(b)?
|
|
3
|
+
this.removeAttribute("center"):this.setAttribute("center","false")}})},EH=function(a,b){var c=a.getAttribute("as"),d=a.getAttribute("size"),e=a.getAttribute("padding"),g=$APP.O("false",a.getAttribute("center"));a=new $APP.P(null,6,[yH,c,$APP.rh,d,$APP.Dl,e,zH,g,AH,a.hasAttribute("fluid"),$APP.T,a.getAttribute("label")],null);var h=$APP.N(a);a=$APP.G(h,yH);c=$APP.G(h,$APP.rh);d=$APP.G(h,$APP.Dl);e=$APP.G(h,zH);g=$APP.G(h,AH);h=$APP.G(h,$APP.T);a=new $APP.P(null,6,[yH,uH(a,BH,"div"),$APP.rh,uH(c,CH,
|
|
4
|
+
"lg"),$APP.Dl,uH(d,DH,"md"),zH,$APP.I(e),AH,$APP.I(g),$APP.T,typeof h==="string"&&$APP.O(h,"")?h:null],null);g=yH.g(a);c=b.base;$APP.O(c.tagName.toLowerCase(),g)&&(d=b.root,e=b.slot,g=document.createElement(g),g.setAttribute("part","base"),g.appendChild(e),d.replaceChild(g,c),b.base=g);b=b.base;b.setAttribute("data-size",$APP.rh.g(a));b.setAttribute("data-padding",$APP.Dl.g(a));b.setAttribute("data-center",$APP.r(zH.g(a))?"true":"false");b.setAttribute("data-fluid",$APP.r(AH.g(a))?"true":"false");
|
|
5
|
+
a=$APP.T.g(a);return $APP.r(a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")},GH=function(){var a=class extends HTMLElement{};a.observedAttributes=FH;a.prototype.connectedCallback=function(){if(!$APP.r(vH(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 EH(this,vH(this))};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(){var b=vH(this);return $APP.r(b)?EH(this,b):null};xH(a.prototype);wH(a.prototype);return a},HH=function(){$APP.r(customElements.get("x-container"))||customElements.define("x-container",GH());return null},AH=new $APP.K(null,"fluid","fluid",-1823657759),
|
|
7
|
+
yH=new $APP.K(null,"as","as",1148689641),zH=new $APP.K(null,"center","center",-748944368);var BH=new $APP.R(null,new $APP.P(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),CH=new $APP.R(null,new $APP.P(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),DH=new $APP.R(null,new $APP.P(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),FH="as size padding center fluid label".split(" ");$APP.ka("baredom.exports.x_container.init",HH);export const init=HH;
|
package/dist/x-context-menu.js
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
k=$APP.G(k,$APP.pj);switch(a){case "bottom-start":return new $APP.P(null,2,[$APP.
|
|
4
|
-
2,[$APP.
|
|
5
|
-
|
|
6
|
-
"string"&&$APP.J(
|
|
7
|
-
$APP.r(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
2
|
+
var yY=function(a,b){return typeof a==="string"?(a=parseInt(a,10),$APP.t(isNaN(a))&&a>0?a:b):b},zY=function(a){return $APP.D.i(a,"bottom-start")?"top-start":$APP.D.i(a,"bottom-end")?"top-end":$APP.D.i(a,"top-start")?"bottom-start":$APP.D.i(a,"top-end")?"bottom-end":$APP.D.i(a,"right-start")?"left-start":$APP.D.i(a,"left-start")?"right-start":a},AY=function(a,b,c,d){var e=$APP.N(c);c=$APP.G(e,$APP.Pk);var g=$APP.G(e,$APP.Ok),h=$APP.G(e,$APP.Lj);e=$APP.G(e,$APP.pj);var k=$APP.N(d);d=$APP.G(k,$APP.Lj);
|
|
3
|
+
k=$APP.G(k,$APP.pj);switch(a){case "bottom-start":return new $APP.P(null,2,[$APP.Pk,c,$APP.Ok,g+e+b],null);case "bottom-end":return new $APP.P(null,2,[$APP.Pk,c+h-d,$APP.Ok,g+e+b],null);case "top-start":return new $APP.P(null,2,[$APP.Pk,c,$APP.Ok,g-k-b],null);case "top-end":return new $APP.P(null,2,[$APP.Pk,c+h-d,$APP.Ok,g-k-b],null);case "right-start":return new $APP.P(null,2,[$APP.Pk,c+h+b,$APP.Ok,g],null);case "left-start":return new $APP.P(null,2,[$APP.Pk,c-d-b,$APP.Ok,g],null);default:return new $APP.P(null,
|
|
4
|
+
2,[$APP.Pk,c,$APP.Ok,g+e+b],null)}},EY=function(a,b,c,d,e){function g(x){var y=AY(x,b,c,d);y=$APP.N(y);var A=$APP.G(y,$APP.Pk),B=$APP.G(y,$APP.Ok);y=A>=8&&A+m<=h-8;var E=B>=8&&B+p<=k-8;A=$APP.Zg.i($APP.Yg.i(A,8),h-m-8);B=$APP.Zg.i($APP.Yg.i(B,8),k-p-8);return new $APP.P(null,5,[$APP.Pk,A,$APP.Ok,B,BY,x,CY,y&&E,DY,$APP.Yg.i(40,k-B-8)],null)}e=$APP.N(e);var h=$APP.G(e,$APP.Lj),k=$APP.G(e,$APP.pj);e=$APP.N(d);var m=$APP.G(e,$APP.Lj),p=$APP.G(e,$APP.pj),q=g(a),w=g(zY(a));return $APP.r(function(){var x=
|
|
5
|
+
CY.g(q);return $APP.r(x)?x:$APP.t(CY.g(w))}())?q:w},JY=function(a){a=new $APP.P(null,5,[$APP.ai,$APP.r(a.hasAttribute("open"))?a.getAttribute("open"):null,$APP.Sk,$APP.r(a.hasAttribute("disabled"))?a.getAttribute("disabled"):null,$APP.Xl,a.getAttribute("placement"),FY,a.getAttribute("offset"),GY,a.getAttribute("z-index")],null);var b=$APP.N(a),c=$APP.G(b,$APP.ai),d=$APP.G(b,$APP.Sk),e=$APP.G(b,$APP.Xl);a=$APP.G(b,FY);b=$APP.G(b,GY);c=c!=null&&$APP.O(c,"false");d=d!=null&&$APP.O(d,"false");e=typeof e===
|
|
6
|
+
"string"&&$APP.J(HY,e)?e:"bottom-start";return new $APP.P(null,5,[$APP.El,c,$APP.W,d,$APP.hj,e,$APP.Rh,yY(a,8),IY,yY(b,1E3)],null)},KY=function(a,b,c,d){b=new CustomEvent(b,{detail:d,bubbles:!0,composed:!0,cancelable:c});a.dispatchEvent(b);return $APP.t(b.defaultPrevented)},LY=function(a){return $APP.wc(a.querySelectorAll("[role\x3dmenuitem]:not([disabled]):not([aria-disabled\x3dtrue])"))},MY=function(a){return $APP.r(a)?a.focus():null},NY=function(a,b){a=$APP.r(a)?a.closest("x-theme"):null;a=$APP.r(a)?
|
|
7
|
+
a:document.body;var c=document.getElementById("__xOverlayRoot");if($APP.r($APP.r(c)?a.contains(c):c))a=c;else{var d=document.createElement("div");d.setAttribute("id","__xOverlayRoot");d.style.position="fixed";d.style.inset="0";d.style.pointerEvents="none";d.style.zIndex="0";$APP.r(c)&&c.remove();a.appendChild(d);a=d}c=document.createElement("div");d=c.attachShadow({mode:"open"});var e=document.createElement("style"),g=document.createElement("div");c.style.position="fixed";c.style.inset="0";c.style.pointerEvents=
|
|
8
|
+
"none";c.style.zIndex=""+$APP.S.g(b);e.textContent=":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);}";
|
|
9
|
+
g.setAttribute("part","panel");g.setAttribute("role","menu");g.setAttribute("tabindex","-1");d.appendChild(e);d.appendChild(g);a.appendChild(c);return c},OY=function(a){return $APP.r(a)?a.shadowRoot.querySelector("[part\x3dpanel]"):null},PY=function(a,b,c,d){var e=$APP.N(d);d=$APP.G(e,IY);e=$APP.G(e,DY);a.style.zIndex=""+$APP.S.g(d);a=OY(a);$APP.r(a)&&(a.style.left=""+$APP.S.g(b)+"px",a.style.top=""+$APP.S.g(c)+"px",a.style.maxHeight=""+$APP.S.g(e)+"px")},QY=function(a,b){a=$APP.u($APP.wc(a.children));
|
|
10
|
+
for(var c=null,d=0,e=0;;)if(e<d){var g=c.G(null,e);b.appendChild(g.cloneNode(!0));e+=1}else if(a=$APP.u(a))c=a,$APP.Pc(c)?(a=$APP.yb(c),d=$APP.zb(c),c=a,g=$APP.C(a),a=d,d=g):(g=$APP.v(c),b.appendChild(g.cloneNode(!0)),a=$APP.z(c),c=null,d=0),e=0;else break},SY=function(a,b){function c(h){h.stopPropagation();h=h.target.closest("[role\x3dmenuitem]");return $APP.r(h)?(KY(a,"x-context-menu-select",!1,{item:h}),RY.i?RY.i(a,"select"):RY.call(null,a,"select")):null}function d(h){var k=OY(b);return $APP.r($APP.r(k)?
|
|
11
|
+
$APP.t(k.contains(h.target)):k)?RY.i?RY.i(a,"backdrop"):RY.call(null,a,"backdrop"):null}function e(h){var k=h.key,m=b.shadowRoot.activeElement;return $APP.D.i(k,"Escape")?(h.preventDefault(),h.stopPropagation(),RY.i?RY.i(a,"keyboard"):RY.call(null,a,"keyboard")):$APP.D.i(k,"Tab")?RY.i?RY.i(a,"keyboard"):RY.call(null,a,"keyboard"):$APP.D.i(k,"ArrowDown")?(h.preventDefault(),$APP.r(m)?(h=LY(g),m=$APP.Cd(h).indexOf(m),m=$APP.Cc(h,$APP.hd(m+1,$APP.C(h)),null),m=MY(m)):m=MY($APP.v(LY(g))),m):$APP.D.i(k,
|
|
12
|
+
"ArrowUp")?(h.preventDefault(),$APP.r(m)?(h=LY(g),k=$APP.C(h),m=$APP.Cd(h).indexOf(m),m=$APP.Cc(h,$APP.hd(m+(k-1),k),null),m=MY(m)):m=MY($APP.v(LY(g))),m):($APP.D.i(k,"Enter")||$APP.D.i(k," "))&&$APP.r(m)?(h.preventDefault(),m.click()):null}var g=OY(b);b.addEventListener("keydown",e,!0);b.addEventListener("click",d);$APP.r(g)&&g.addEventListener("click",c);b.__onKey=e;b.__onClickBackdrop=d;b.__onItemClick=c},TY=function(a){if($APP.r(a)){var b=$APP.l(a,"__onKey"),c=$APP.l(a,"__onClickBackdrop"),d=
|
|
13
|
+
$APP.l(a,"__onItemClick"),e=OY(a);$APP.r(b)&&a.removeEventListener("keydown",b,!0);$APP.r(c)&&a.removeEventListener("click",c);$APP.r($APP.r(e)?d:e)&&e.removeEventListener("click",d);$APP.r(a.parentNode)&&a.parentNode.removeChild(a)}},RY=function(a,b){return $APP.r(a.hasAttribute("open"))&&KY(a,"x-context-menu-close-request",!0,{reason:b})?(a.removeAttribute("open"),TY($APP.l(a,"__xContextMenuLayer")),a.__xContextMenuLayer=null,KY(a,"x-context-menu-close",!1,{reason:b})):null},UY=function(a,b,c,d){if($APP.r(a.hasAttribute("disabled")))return null;
|
|
14
|
+
if(KY(a,"x-context-menu-open-request",!0,{reason:d})){var e=JY(a);e=$APP.N(e);var g=$APP.G(e,$APP.hj),h=$APP.G(e,$APP.Rh),k=$APP.G(e,IY),m=window.innerWidth,p=window.innerHeight,q=new $APP.P(null,4,[$APP.Pk,b,$APP.Ok,c,$APP.Lj,1,$APP.pj,1],null);b=EY(g,h,q,new $APP.P(null,2,[$APP.Lj,200,$APP.pj,300],null),new $APP.P(null,2,[$APP.Lj,m,$APP.pj,p],null));var w=NY(a,k);QY(a,OY(w));SY(a,w);PY(w,$APP.Pk.g(b),$APP.Ok.g(b),$APP.Wg.o(b,IY,k));a.setAttribute("open","");a.__xContextMenuLayer=w;requestAnimationFrame(function(){var x=
|
|
15
|
+
OY(w);if($APP.r(x)){var y=EY(g,h,q,new $APP.P(null,2,[$APP.Lj,x.offsetWidth,$APP.pj,x.offsetHeight],null),new $APP.P(null,2,[$APP.Lj,m,$APP.pj,p],null));PY(w,$APP.Pk.g(y),$APP.Ok.g(y),$APP.Wg.o(y,IY,k));return MY($APP.v(LY(x)))}return null});return KY(a,"x-context-menu-open",!1,{reason:d})}return null},VY=function(a,b){if($APP.r(a.hasAttribute("disabled")))return null;b=b.getBoundingClientRect();var c=JY(a);c=$APP.N(c);var d=$APP.G(c,$APP.hj),e=$APP.G(c,$APP.Rh),g=$APP.G(c,IY),h=window.innerWidth,
|
|
16
|
+
k=window.innerHeight,m=new $APP.P(null,4,[$APP.Pk,b.left,$APP.Ok,b.top,$APP.Lj,b.width,$APP.pj,b.height],null);if(KY(a,"x-context-menu-open-request",!0,{reason:"programmatic"})){b=EY(d,e,m,new $APP.P(null,2,[$APP.Lj,200,$APP.pj,300],null),new $APP.P(null,2,[$APP.Lj,h,$APP.pj,k],null));var p=NY(a,g);QY(a,OY(p));SY(a,p);PY(p,$APP.Pk.g(b),$APP.Ok.g(b),$APP.Wg.o(b,IY,g));a.setAttribute("open","");a.__xContextMenuLayer=p;requestAnimationFrame(function(){var q=OY(p);if($APP.r(q)){var w=EY(d,e,m,new $APP.P(null,
|
|
17
|
+
2,[$APP.Lj,q.offsetWidth,$APP.pj,q.offsetHeight],null),new $APP.P(null,2,[$APP.Lj,h,$APP.pj,k],null));PY(p,$APP.Pk.g(w),$APP.Ok.g(w),$APP.Wg.o(w,IY,g));return MY($APP.v(LY(q)))}return null});return KY(a,"x-context-menu-open",!1,{reason:"programmatic"})}return null},WY=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.r(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},XY=function(a,b,c){Object.defineProperty(a,
|
|
18
|
+
b,{configurable:!0,enumerable:!0,get:function(){return this.getAttribute(c)},set:function(d){return d!=null?this.setAttribute(c,""+$APP.S.g(d)):this.removeAttribute(c)}})},YY=function(a){a.openAt=function(b,c){return UY(this,b,c,"programmatic")};a.toggleAt=function(b,c){return $APP.r(this.hasAttribute("open"))?RY(this,"toggle"):UY(this,b,c,"toggle")};a.openForElement=function(b){return VY(this,b)};a.close=function(){return RY(this,"programmatic")}},$Y=function(){var a=class extends HTMLElement{};
|
|
19
|
+
a.observedAttributes=ZY;a.prototype.connectedCallback=function(){if(!$APP.r($APP.l(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.r(this.hasAttribute("open"))?this.removeAttribute("open"):null};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xContextMenuLayer");
|
|
20
|
+
$APP.r(b)?(TY(b),this.__xContextMenuLayer=null,b=void 0):b=null;return b};a.prototype.attributeChangedCallback=function(b){a:{if($APP.D.i(b,"open")){if($APP.r(this.hasAttribute("open"))){b=null;break a}b=$APP.l(this,"__xContextMenuLayer");if($APP.r(b)){TY(b);this.__xContextMenuLayer=null;b=void 0;break a}}b=null}return b};WY(a.prototype,"open","open");WY(a.prototype,"disabled","disabled");XY(a.prototype,"placement","placement");XY(a.prototype,"offset","offset");XY(a.prototype,"zIndex","z-index");
|
|
21
|
+
YY(a.prototype);return a},aZ=function(){return $APP.r(customElements.get("x-context-menu"))?null:customElements.define("x-context-menu",$Y())},BY=new $APP.K(null,"final-placement","final-placement",-1586044424),GY=new $APP.K(null,"z-index-raw","z-index-raw",-1179679257),DY=new $APP.K(null,"max-height","max-height",-612563804),CY=new $APP.K(null,"fits","fits",2008565808),IY=new $APP.K(null,"z-index","z-index",1892827090),FY=new $APP.K(null,"offset-raw","offset-raw",-1418404095);var ZY=["open","disabled","placement","offset","z-index"],HY=new $APP.R(null,new $APP.P(null,6,["right-start",null,"bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null,"left-start",null],null),null);$APP.ka("baredom.exports.x_context_menu.init",aZ);export const init=aZ;
|