@vanelsas/baredom 1.0.0-rc.4 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/README.md +11 -3
- package/dist/base.js +368 -349
- package/dist/x-alert.js +18 -18
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +16 -17
- package/dist/x-badge.js +11 -11
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +16 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +11 -11
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -20
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +39 -39
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +12 -12
- 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 +17 -17
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +33 -0
- package/dist/x-grid.js +7 -7
- package/dist/x-kinetic-typography.js +62 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-modal.js +13 -13
- package/dist/x-navbar.js +13 -13
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +20 -0
- package/dist/x-organic-shape.js +15 -0
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +10 -10
- package/dist/x-progress.js +11 -11
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +14 -0
- package/dist/x-scroll-parallax.js +20 -0
- package/dist/x-scroll-story.js +38 -0
- package/dist/x-scroll-timeline.js +51 -0
- package/dist/x-scroll.js +43 -0
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton.js +6 -7
- package/dist/x-slider.js +16 -16
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +14 -14
- package/dist/x-tabs.js +11 -12
- package/dist/x-text-area.js +19 -19
- package/dist/x-timeline-item.js +23 -23
- 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 -0
- package/package.json +43 -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.
|
|
4
|
-
c,a,$APP.K(e)])},
|
|
5
|
-
h):c.removeAttribute("aria-labelledby");h=$APP.
|
|
6
|
-
c:d))return null;c=$APP.
|
|
7
|
-
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.n(this.attachInternals)&&(this.__xCheckboxInternals=this.attachInternals())}
|
|
11
|
-
d),c.addEventListener("keydown",e),this.__xCheckboxHandlers=g);d=this.getAttribute("id");$APP.n(d)&&(c=document.querySelector("label[for\x3d'"+$APP.T.g(d)+"']"),$APP.n(c)&&(e=c.getAttribute("id"),$APP.n(e)?c=e:(d="x-cb-lbl-"+$APP.T.g(d),c.setAttribute("id",d),c=d),d=$APP.l(this,"__xCheckboxRefs"),$APP.n(d)&&(d=$APP.l(d,"control"),$APP.n(this.hasAttribute("aria-labelledby"))||d.setAttribute("aria-labelledby",c))));return
|
|
12
|
-
function(){return
|
|
2
|
+
var tu=function(a){return a!=null&&$APP.P(a,"false")},uu=function(a,b,c){return a.setAttribute(b,c)},vu=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},yu=function(a){a=$APP.ff([$APP.Ai,$APP.aj,$APP.Sg,$APP.ih,$APP.bj,wu,$APP.Cj,$APP.Rj,$APP.Nj,$APP.oj],[a.getAttribute("name"),tu(a.getAttribute("disabled")),tu(a.getAttribute("required")),a.getAttribute("aria-labelledby"),tu(a.getAttribute("checked")),tu(a.getAttribute("indeterminate")),tu(a.getAttribute("readonly")),a.getAttribute("value"),
|
|
3
|
+
a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.O(a);a=$APP.I(b,$APP.Nj);var c=$APP.I(b,$APP.oj),d=$APP.I(b,$APP.Ai),e=$APP.I(b,$APP.aj),g=$APP.I(b,$APP.Sg),h=$APP.I(b,$APP.ih),k=$APP.I(b,$APP.bj),m=$APP.I(b,wu),p=$APP.I(b,$APP.Cj);b=$APP.I(b,$APP.Rj);k=$APP.K(k);m=$APP.K(m);g=$APP.K(g);return $APP.ff([xu,$APP.yh,$APP.th,$APP.uk,$APP.tj,$APP.Zg,$APP.mj,$APP.ri,$APP.ek,$APP.ok,$APP.cj,$APP.V],[m,g,m?"mixed":k?"true":"false",$APP.K(p),k,$APP.n(g)?k:!0,d,b!=null?b:"on",h,
|
|
4
|
+
c,a,$APP.K(e)])},zu=function(a){var b=$APP.l(a,"__xCheckboxRefs");if($APP.n(b)){var c=$APP.l(b,"control");b=yu(a);var d=$APP.V.g(b),e=$APP.tj.g(b),g=xu.g(b);uu(c,"aria-checked",$APP.th.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");uu(c,"aria-required",$APP.n($APP.yh.g(b))?"true":"false");uu(c,"aria-readonly",$APP.n($APP.uk.g(b))?"true":"false");var h=$APP.cj.g(b);$APP.n(h)?c.setAttribute("aria-label",h):c.removeAttribute("aria-label");h=$APP.ek.g(b);$APP.n(h)?c.setAttribute("aria-labelledby",
|
|
5
|
+
h):c.removeAttribute("aria-labelledby");h=$APP.ok.g(b);$APP.n(h)?c.setAttribute("aria-describedby",h):c.removeAttribute("aria-describedby");c.tabIndex=$APP.n(d)?-1:0;$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");vu(a,"data-checked",e);vu(a,"data-indeterminate",g);vu(a,"data-disabled",d);a=$APP.l(a,"__xCheckboxInternals");if($APP.n(a))return b=$APP.n(e)?$APP.ri.g(b):null,a.setFormValue($APP.n(b)?b:null)}return null},Au=function(a){var b=yu(a),c=$APP.V.g(b),d=$APP.uk.g(b);if($APP.n($APP.n(c)?
|
|
6
|
+
c:d))return null;c=$APP.tj.g(b);d=xu.g(b);d=$APP.n(d)?new $APP.Q(null,2,[$APP.tj,!0,xu,!1],null):new $APP.Q(null,2,[$APP.tj,$APP.q(c),xu,!1],null);var e=$APP.tj.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.q(c.defaultPrevented)?(vu(a,"checked",e),vu(a,"indeterminate",xu.g(d)),zu(a),a.dispatchEvent(new CustomEvent("x-checkbox-change",{detail:{value:b,checked:e},
|
|
7
|
+
bubbles:!0,composed:!0,cancelable:!1}))):null},Bu=function(a){return function(){return Au(a)}},Cu=function(a){return function(b){var c=b.key;return $APP.C.h(c," ")||$APP.C.h(c,"Enter")?(b.preventDefault(),Au(a)):null}},Du=function(a){var b=$APP.l(a,"__xCheckboxRefs");if($APP.n(b)){var c=$APP.l(a,"__xCheckboxHandlers");if($APP.n(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
|
+
Eu=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return vu(this,c,$APP.K(d))}})},Fu=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.P(d)?uu(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},Hu=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;a.observedAttributes=
|
|
9
|
+
Gu;Eu(b,"checked","checked");Eu(b,"indeterminate","indeterminate");Eu(b,"disabled","disabled");Eu(b,"readOnly","readonly");Eu(b,"required","required");Fu(b,"name","name");Fu(b,"value","value");b.connectedCallback=function(){if(!$APP.n($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:#6b7280;--x-checkbox-border-radius:4px;--x-checkbox-bg:#ffffff;--x-checkbox-bg-checked:#2563eb;--x-checkbox-bg-indeterminate:#2563eb;--x-checkbox-border-checked:#2563eb;--x-checkbox-border-indeterminate:#2563eb;--x-checkbox-check-color:#ffffff;--x-checkbox-focus-ring:#60a5fa;--x-checkbox-disabled-opacity:0.45;--x-checkbox-transition:background 120ms ease,border-color 120ms ease;}@media (prefers-color-scheme:dark){:host{--x-checkbox-border-color:#9ca3af;--x-checkbox-bg:#1f2937;--x-checkbox-bg-checked:#3b82f6;--x-checkbox-bg-indeterminate:#3b82f6;--x-checkbox-border-checked:#3b82f6;--x-checkbox-border-indeterminate:#3b82f6;--x-checkbox-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.n(this.attachInternals)&&(this.__xCheckboxInternals=this.attachInternals())}Du(this);c=$APP.l(this,"__xCheckboxRefs");$APP.n(c)&&(c=$APP.l(c,"control"),d=Bu(this),e=Cu(this),g={click:d,keydown:e},c.addEventListener("click",
|
|
11
|
+
d),c.addEventListener("keydown",e),this.__xCheckboxHandlers=g);d=this.getAttribute("id");$APP.n(d)&&(c=document.querySelector("label[for\x3d'"+$APP.T.g(d)+"']"),$APP.n(c)&&(e=c.getAttribute("id"),$APP.n(e)?c=e:(d="x-cb-lbl-"+$APP.T.g(d),c.setAttribute("id",d),c=d),d=$APP.l(this,"__xCheckboxRefs"),$APP.n(d)&&(d=$APP.l(d,"control"),$APP.n(this.hasAttribute("aria-labelledby"))||d.setAttribute("aria-labelledby",c))));return zu(this)};b.disconnectedCallback=function(){return Du(this)};b.attributeChangedCallback=
|
|
12
|
+
function(){return zu(this)};b.formDisabledCallback=function(c){vu(this,"disabled",$APP.K(c));return zu(this)};b.formResetCallback=function(){this.removeAttribute("checked");this.removeAttribute("indeterminate");return zu(this)};return a},Iu=function(){return $APP.n(customElements.get("x-checkbox"))?null:customElements.define("x-checkbox",Hu())},xu=new $APP.N(null,"indeterminate?","indeterminate?",-1382048766),wu=new $APP.N(null,"indeterminate-present?","indeterminate-present?",-1714683438);var Gu="checked indeterminate disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.yd(["x-checkbox-change-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,3,[$APP.ri,$APP.X,$APP.Qg,$APP.Yj,$APP.kj,$APP.Yj],null)],null),"x-checkbox-change",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,2,[$APP.ri,$APP.X,$APP.ik,$APP.Yj],null)],null)]);$APP.ja("baredom.exports.x_checkbox.init",Iu);export const init=Iu;
|
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.n(b)?a.setAttribute("aria-keyshortcuts","Backspace Delete"):a.removeAttribute("aria-keyshortcuts");$APP.n(g)&&($APP.n(c)?g.setAttribute("disabled",""):g.removeAttribute("disabled"));return null},
|
|
6
|
-
b);$APP.la(a,"__xChipHandlers",{click:c,keydown:b})},
|
|
7
|
-
enumerable:!0,configurable:!0})},
|
|
2
|
+
var Mo=function(a){var b=$APP.O(a),c=$APP.I(b,$APP.Ch);a=$APP.I(b,$APP.Rj);var d=$APP.I(b,Ko);b=$APP.I(b,$APP.aj);c=$APP.n(c)?c:"";d=d==null?!0:!($APP.C.h(d,"false")||$APP.C.h(d,"0"));return new $APP.Q(null,4,[$APP.W,c,$APP.ri,typeof a==="string"&&a.length>0?a:c,Lo,d,$APP.V,$APP.K(b)],null)},No=function(a){var b=$APP.O(a);a=$APP.I(b,Lo);b=$APP.I(b,$APP.V);return $APP.n(a)?$APP.q(b):a},Oo=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","")},Po=function(a){var b=Mo(new $APP.Q(null,4,[$APP.Ch,a.getAttribute("label"),$APP.Rj,a.getAttribute("value"),Ko,a.getAttribute("removable"),$APP.aj,a.hasAttribute("disabled")],null));if($APP.n(No(b))){var c=$APP.O(b);b=$APP.I(c,$APP.ri);c=$APP.I(c,$APP.W);b=new CustomEvent("x-chip-remove",{detail:{value:b,label:c},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);a=$APP.q(b.defaultPrevented)?
|
|
4
|
+
Oo(a):null}else a=null;return a},Ro=function(a){var b=Mo(new $APP.Q(null,4,[$APP.Ch,a.getAttribute("label"),$APP.Rj,a.getAttribute("value"),Ko,a.getAttribute("removable"),$APP.aj,a.hasAttribute("disabled")],null)),c=$APP.O(b),d=$APP.I(c,$APP.W),e=$APP.I(c,Lo);c=$APP.I(c,$APP.V);var g=$APP.l(a,"__xChipRefs"),h=$APP.hk.g(g);g=Qo.g(g);b=No(b);$APP.n(h)&&(h.textContent=d);$APP.n(e)?a.setAttribute("data-removable",""):a.removeAttribute("data-removable");a.tabIndex=$APP.n(b)?0:-1;$APP.n(c)?a.setAttribute("aria-disabled",
|
|
5
|
+
"true"):a.removeAttribute("aria-disabled");$APP.n(b)?a.setAttribute("aria-keyshortcuts","Backspace Delete"):a.removeAttribute("aria-keyshortcuts");$APP.n(g)&&($APP.n(c)?g.setAttribute("disabled",""):g.removeAttribute("disabled"));return null},So=function(a){function b(e){var g=e.key;return $APP.C.h(g,"Backspace")||$APP.C.h(g,"Delete")?(e.preventDefault(),Po(a)):null}function c(){return Po(a)}var d=Qo.g($APP.l(a,"__xChipRefs"));$APP.n(d)&&d.addEventListener("click",c);a.addEventListener("keydown",
|
|
6
|
+
b);$APP.la(a,"__xChipHandlers",{click:c,keydown:b})},To=function(a){var b=$APP.l(a,"__xChipHandlers");if($APP.n(b)){var c=$APP.l(a,"__xChipRefs"),d=$APP.l(b,"click");b=$APP.l(b,"keydown");$APP.n($APP.n(c)?d:c)&&(c=Qo.g(c),$APP.n(c)&&c.removeEventListener("click",d));$APP.n(b)&&a.removeEventListener("keydown",b)}return a.__xChipHandlers=null},Uo=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return c!=null?this.setAttribute(b,""+$APP.T.g(c)):this.removeAttribute(b)},
|
|
7
|
+
enumerable:!0,configurable:!0})},Vo=function(a,b){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""):this.removeAttribute(b)},enumerable:!0,configurable:!0})},Wo=function(a){Uo(a,"label");Uo(a,"value");Vo(a,"removable");Vo(a,"disabled")},Yo=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return Xo}});b.connectedCallback=function(){if(!$APP.n($APP.l(this,
|
|
8
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.Q(null,4,[$APP.
|
|
10
|
-
d,e){return $APP.
|
|
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.Q(null,4,[$APP.Xh,c,$APP.xj,e,$APP.hk,g,Qo,h],null)}To(this);So(this);return Ro(this)};b.disconnectedCallback=function(){return To(this)};b.attributeChangedCallback=function(c,
|
|
10
|
+
d,e){return $APP.P(d,e)?$APP.n($APP.l(this,"__xChipRefs"))?Ro(this):null:null};Wo(b);return a},Zo=function(){$APP.n(customElements.get("x-chip"))||customElements.define("x-chip",Yo());return null},Ko=new $APP.N(null,"removable-raw","removable-raw",1718453796),Qo=new $APP.N(null,"remove-btn","remove-btn",843430290),Lo=new $APP.N(null,"removable?","removable?",1886800649);var Xo=["label","value","removable","disabled"];$APP.yd(["x-chip-remove",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,2,[$APP.ri,$APP.X,$APP.W,$APP.X],null),$APP.Dj,!0],null)]);$APP.ja("baredom.exports.x_chip.init",Zo);export const init=Zo;
|
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.T.g(b.scrollHeight)+"px";b.style.transition="height "+$APP.T.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.n(d)?"true":"false");if($APP.n(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
|
|
2
|
+
var NQ=function(){var a=window.matchMedia;return $APP.n(a)?window.matchMedia("(prefers-reduced-motion: reduce)").matches:a},OQ=function(a){a=a.getAttribute("duration-ms");return $APP.n(a)?(a=parseInt(a,10),$APP.n(isNaN(a))?300:$APP.zg.h(0,$APP.Ag.h(2E3,a))):300},PQ=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.l(g,"fn"))}if($APP.n(NQ()))return b.style.height="",b.style.transition="";a=OQ(a);b.style.height="0px";
|
|
3
|
+
b.offsetHeight;var d=""+$APP.T.g(b.scrollHeight)+"px";b.style.transition="height "+$APP.T.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)},QQ=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.l(g,"fn"))}if($APP.n(NQ()))return b.style.height="0px",b.style.transition="";var d=""+$APP.T.g(b.offsetHeight)+
|
|
4
|
+
"px";a=OQ(a);b.style.height=d;b.offsetHeight;b.style.transition="height "+$APP.T.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)},RQ=function(a){var b=$APP.l(a,"__xCollapseRefs");if($APP.n(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.n(a)?a:"";c.setAttribute("aria-expanded",
|
|
5
|
+
$APP.n(d)?"true":"false");if($APP.n(e))return c.setAttribute("disabled",""),c.setAttribute("aria-disabled","true");c.removeAttribute("disabled");return c.removeAttribute("aria-disabled")}return null},SQ=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=$APP.q(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.q(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},TQ=function(a){return function(){return SQ(a,"pointer")}},UQ=function(a){return function(b){var c=b.key;return $APP.C.h(c," ")||$APP.C.h(c,"Enter")?(b.preventDefault(),SQ(a,"keyboard")):null}},VQ=function(a){var b=$APP.l(a,"__xCollapseRefs");if($APP.n(b)){var c=$APP.l(a,"__xCollapseHandlers");if($APP.n(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},WQ=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n($APP.K(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},XQ=function(a){Object.defineProperty(a,"header",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("header");return $APP.n(b)?b:""},set:function(b){b!=null&&$APP.P(b)?(b=""+$APP.T.g(b),b=this.setAttribute("header",
|
|
8
|
+
b)):b=this.removeAttribute("header");return b}})},YQ=function(a){Object.defineProperty(a,"durationMs",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("duration-ms");return $APP.n(b)?(b=parseInt(b,10),$APP.n(isNaN(b))?300:b):300},set:function(b){typeof b==="number"&&$APP.q(isNaN(b))?(b=""+$APP.T.g(Math.round(b)),b=this.setAttribute("duration-ms",b)):b=this.removeAttribute("duration-ms");return b}})},$Q=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,
|
|
9
|
+
"observedAttributes",{get:function(){return ZQ}});WQ(b,"open","open");WQ(b,"disabled","disabled");XQ(b);YQ(b);b.toggle=function(){return SQ(this,"programmatic")};b.connectedCallback=function(){if(!$APP.n($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
10
|
r=document.createElement("slot");d.textContent=":host{display:block;color-scheme:light dark;--x-collapse-border-radius:8px;--x-collapse-border:1px solid #e2e8f0;--x-collapse-bg:#ffffff;--x-collapse-trigger-bg:#f8fafc;--x-collapse-trigger-bg-hover:#f1f5f9;--x-collapse-trigger-color:#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:#64748b;--x-collapse-focus-ring:#60a5fa;}@media (prefers-color-scheme:dark){:host{--x-collapse-border:1px solid #334155;--x-collapse-bg:#1e293b;--x-collapse-trigger-bg:#0f172a;--x-collapse-trigger-bg-hover:#1e293b;--x-collapse-trigger-color:#e2e8f0;--x-collapse-chevron-color:#94a3b8;--x-collapse-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
|
-
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");
|
|
12
|
-
"▼";g.appendChild(h);g.appendChild(k);
|
|
13
|
-
function(c){a:{if($APP.n($APP.l(this,"__xCollapseRefs"))&&(
|
|
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");r.setAttribute("name","content");k.textContent=
|
|
12
|
+
"▼";g.appendChild(h);g.appendChild(k);p.appendChild(r);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}}VQ(this);c=$APP.l(this,"__xCollapseRefs");$APP.n(c)&&(c=$APP.l(c,"trigger"),d=TQ(this),e=UQ(this),g={click:d,keydown:e},c.addEventListener("click",d),c.addEventListener("keydown",e),this.__xCollapseHandlers=g);return RQ(this)};b.disconnectedCallback=function(){return VQ(this)};b.attributeChangedCallback=
|
|
13
|
+
function(c){a:{if($APP.n($APP.l(this,"__xCollapseRefs"))&&(RQ(this),$APP.C.h(c,"open"))){c=$APP.l(this,"__xCollapseRefs");c=$APP.n(c)?$APP.l(c,"content"):null;var d=this.hasAttribute("open");c=$APP.n(c)?$APP.n(d)?PQ(this,c):QQ(this,c):null;break a}c=null}return c};return a},aR=function(){return $APP.n(customElements.get("x-collapse"))?null:customElements.define("x-collapse",$Q())};var ZQ=["open","disabled","header","duration-ms"];$APP.yd(["x-collapse-toggle",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,2,[$APP.zj,$APP.Yj,$APP.ni,$APP.X],null)],null),"x-collapse-change",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[$APP.zj,$APP.Yj],null)],null)]);$APP.ja("baredom.exports.x_collapse.init",aR);export const init=aR;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
Object.defineProperty(a,"
|
|
22
|
-
|
|
2
|
+
var Aq=function(a){if(a!=null&&a.ua!=null)a=a.ua(a);else{var b=Aq[$APP.da(a==null?null:a)];if(b!=null)a=b.g?b.g(a):b.call(null,a);else if(b=Aq._,b!=null)a=b.g?b.g(a):b.call(null,a);else throw $APP.ra("IStack.-pop",a);}return a},Bq=function(a,b){return $APP.jd($APP.Hc(function(c,d){return $APP.n(a.g?a.g(d):a.call(null,d))?$APP.hb(c,d):c},$APP.gb($APP.Md),b))},Cq=function(a){var b=/\s+/;a="/(?:)/"===""+$APP.T.g(b)?$APP.jf.h($APP.ee($APP.Xc("",$APP.Id.h($APP.T,$APP.u(a)))),""):$APP.ee((""+$APP.T.g(a)).split(b));
|
|
3
|
+
if(1<$APP.B(a))a:{for(;;)if(""===(a==null?null:$APP.Oa(a)))a=a==null?null:Aq(a);else break a;a=void 0}return a},Dq=function(a){return a==null?!0:$APP.P(a,"false")},Eq=function(a){return typeof a==="string"?(a=a.trim(),$APP.P(a,"")?a:null):null},Hq=function(a){if(a==null||$APP.q($APP.pa(a)))return $APP.Md;for(var b=a.length,c=0,d=$APP.gb($APP.Md);;){if($APP.C.h(c,b))return $APP.ib(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)?
|
|
4
|
+
A:""}()),k=Eq(e.group),m=e.value,p=e.icon,r=$APP.C.h(!0,e.disabled),v=e.keywords;v=$APP.n($APP.pa(v))?v.join(" "):typeof v==="string"?v:"";var x=function(){var A=k;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.kd(d,new $APP.Q(null,7,[$APP.xi,g,$APP.W,h,Fq,k,$APP.ri,m,$APP.wh,p,$APP.V,r,Gq,x],null));c=v}},Jq=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.P(b,"")?$APP.Fd(Eq,Cq(b)):null;if($APP.sc(c))return new $APP.Q(null,
|
|
5
|
+
2,[$APP.Xi,a,Iq,$APP.De.h($APP.Df,$APP.Fd(Fq,a))],null);a=Bq(function(d){return $APP.Bd(function(e){return $APP.P(-1,Gq.g(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.Q(null,2,[$APP.Xi,a,Iq,$APP.De.h($APP.Df,$APP.Fd(Fq,a))],null)},Kq=function(a,b,c){var d=$APP.B(a);if(d>0)for(var e=1;;)if(e<=d){var g=$APP.Qc(b+e*c,d),h=$APP.H(a,g,null),k=h;h=$APP.n(k)?$APP.q($APP.V.g(h)):k;if($APP.n(h))return g;e+=1}else return null;else return null},Xq=function(a){var b=$APP.O(a);a=$APP.I(b,$APP.Wh);var c=
|
|
6
|
+
$APP.I(b,$APP.fi),d=$APP.I(b,$APP.Ch),e=$APP.I(b,Lq),g=$APP.I(b,Mq),h=$APP.I(b,Nq),k=$APP.I(b,Oq),m=$APP.I(b,Pq),p=$APP.I(b,Qq);b=$APP.I(b,Rq);b=Dq(b);p=Dq(p);m=m!=null&&$APP.P(m,"false");m=b&&!m;g=g!=null?g!=null&&$APP.P(g,"false"):m;k=Dq(k);return $APP.ff([$APP.Mj,$APP.ei,Sq,Tq,Uq,Vq,$APP.W,$APP.fk,Wq,$APP.V],[function(){var r=Eq(c);return $APP.n(r)?r:"Search…"}(),p,function(){var r=Eq(e);return $APP.n(r)?r:"No results"}(),g,k,m,Eq(d),$APP.K(a),b,h!=null&&$APP.P(h,"false")])},Yq=function(a){return document.createElement(a)},
|
|
7
|
+
Zq=function(a){return Xq($APP.ff([$APP.Ch,Lq,Mq,Nq,Oq,Pq,Qq,Rq,$APP.Wh,$APP.fi],[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")]))},$q=function(a,b,c,d){b=new CustomEvent(b,{detail:d,bubbles:!0,composed:!0,cancelable:$APP.K(c)});a.dispatchEvent(b);return b},ar=function(a){var b=
|
|
8
|
+
$APP.l(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=$APP.l(b,"list"),d=$APP.l(b,"empty");b=$APP.l(b,"input");var e=function(){var r=$APP.l(a,"__xCommandPaletteQuery");return $APP.n(r)?r:""}(),g=Hq($APP.l(a,"__xCommandPaletteItems"));e=Jq(g,e);e=$APP.O(e);g=$APP.I(e,$APP.Xi);e=function(){var r=$APP.l(a,"__xCommandPaletteActiveIdx");return $APP.n(r)?r:0}();c.textContent="";if($APP.sc(g))return d.removeAttribute("hidden"),$APP.n(b)?b.removeAttribute("aria-activedescendant"):null;d.setAttribute("hidden",
|
|
9
|
+
"");d=$APP.Ed($APP.Dg,g);for(var h=null;;)if(g=$APP.w(d),$APP.n(g)){var k=g;g=$APP.H(k,0,null);k=$APP.H(k,1,null);var m=Fq.g(k);if($APP.n(function(){var r=m;return $APP.n(r)?$APP.P(m,h):r}())){var p=Yq("div");p.setAttribute("part","group-header");p.setAttribute("aria-hidden","true");p.textContent=m;c.appendChild(p)}p=Yq("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.xi.g(k)));p.setAttribute("data-idx",
|
|
10
|
+
""+$APP.T.g(g));p.setAttribute("tabindex","-1");$APP.n($APP.V.g(k))&&p.setAttribute("aria-disabled","true");p.textContent=$APP.W.g(k);$APP.C.h(g,e)&&p.setAttribute("aria-selected","true");c.appendChild(p);d=$APP.Lb(d);h=g=function(){var r=m;return $APP.n(r)?r:h}()}else break;return $APP.n(b)?b.setAttribute("aria-activedescendant","x-cp-item-"+$APP.T.g(e)):null}return null},br=function(a){var b=$APP.l(a,"__xCommandPaletteRefs");if($APP.n(b)){var c=Zq(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.W.g(c),k=$APP.Mj.g(c),m=Sq.g(c);$APP.n(h)?d.setAttribute("aria-label",h):d.setAttribute("aria-label","Command palette");$APP.n(Vq.g(c))?g.removeAttribute("hidden"):g.setAttribute("hidden","");e.setAttribute("placeholder",k);e.setAttribute("aria-expanded",$APP.n($APP.fk.g(c))?"true":"false");$APP.n($APP.V.g(c))&&(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true"));$APP.n($APP.V.g(c))||(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"));
|
|
12
|
+
b.textContent=m;return ar(a)}return null},cr=function(a){if($APP.n(a.hasAttribute("open")))return null;var b=$q(a,"x-command-palette-open-request",!0,{});$APP.n(b.defaultPrevented)?a=null:(a.setAttribute("open",""),b=$APP.l(a,"__xCommandPaletteRefs"),b=$APP.n(b)?$APP.l(b,"input"):null,$APP.n(b)&&b.focus(),br(a),a=$q(a,"x-command-palette-open",!1,{}));return a},dr=function(a){if($APP.n(a.hasAttribute("open"))){var b=$q(a,"x-command-palette-close-request",!0,{});$APP.n(b.defaultPrevented)?a=null:(a.removeAttribute("open"),
|
|
13
|
+
b=$APP.l(a,"__xCommandPaletteRefs"),b=$APP.n(b)?$APP.l(b,"input"):null,$APP.n(b)&&b.removeAttribute("aria-activedescendant"),br(a),a=$q(a,"x-command-palette-close",!1,{}));return a}return null},er=function(a){var b=$APP.l(a,"__xCommandPaletteQuery");b=$APP.n(b)?b:"";a=Hq($APP.l(a,"__xCommandPaletteItems"));a=Jq(a,b);a=$APP.O(a);return $APP.I(a,$APP.Xi)},gr=function(a,b){var c=er(a);var d=$APP.l(a,"__xCommandPaletteActiveIdx");d=$APP.n(d)?d:0;$APP.C.h(b,fr)?(c=Kq(c,$APP.n(d)?d:-1,1),c=$APP.n(c)?c:
|
|
14
|
+
0):(b=$APP.B(c),c=Kq(c,$APP.n(d)?d:b,-1),c=$APP.n(c)?c:0);a.__xCommandPaletteActiveIdx=c;ar(a);a=$APP.l(a,"__xCommandPaletteRefs");a=$APP.n(a)?$APP.l(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},ir=function(a,b){var c=b.key;return $APP.C.h(c,"ArrowDown")?(b.preventDefault(),gr(a,fr)):$APP.C.h(c,"ArrowUp")?(b.preventDefault(),gr(a,hr)):$APP.C.h(c,"Enter")?(b.preventDefault(),b=er(a),c=$APP.l(a,"__xCommandPaletteActiveIdx"),
|
|
15
|
+
b=$APP.H(b,$APP.n(c)?c:0,null),$APP.n($APP.n(b)?$APP.q($APP.V.g(b)):b)?(c=$q(a,"x-command-palette-select-request",!0,{item:$APP.Lg(b)}),$APP.n(c.defaultPrevented)?a=null:($q(a,"x-command-palette-select",!1,{item:$APP.Lg(b)}),a=dr(a))):a=null,a):$APP.C.h(c,"Escape")?(b=Zq(a),$APP.n(Uq.g(b))?dr(a):null):null},jr=function(a){function b(){var r=$APP.l(a,"__xCommandPaletteRefs"),v=$APP.n(r)?$APP.l(r,"input"):null;r=$APP.n(r)?$APP.l(r,"clear-btn"):null;$APP.n(v)&&(v.value="");$APP.n(r)&&r.setAttribute("hidden",
|
|
16
|
+
"");a.__xCommandPaletteQuery="";a.__xCommandPaletteActiveIdx=0;$q(a,"x-command-palette-query-change",!1,{query:""});ar(a);return $APP.n(v)?v.focus():null}function c(r){a:{r=r.target.closest("[part\x3ditem]");if($APP.n(r)){r=parseInt(r.getAttribute("data-idx"),10);var v=er(a);r=$APP.H(v,r,null);if($APP.n($APP.n(r)?$APP.q($APP.V.g(r)):r)){v=$q(a,"x-command-palette-select-request",!0,{item:$APP.Lg(r)});if($APP.n(v.defaultPrevented)){r=null;break a}$q(a,"x-command-palette-select",!1,{item:$APP.Lg(r)});
|
|
17
|
+
r=dr(a);break a}}r=null}return r}function d(){var r=Zq(a);return $APP.n(Tq.g(r))?dr(a):null}function e(r){return ir(a,r)}function g(){var r=$APP.l(a,"__xCommandPaletteRefs"),v=$APP.n(r)?$APP.l(r,"input"):null;r=$APP.n(r)?$APP.l(r,"clear-btn"):null;v=$APP.n(v)?v.value:null;a.__xCommandPaletteQuery=$APP.n(v)?v:"";a.__xCommandPaletteActiveIdx=0;$APP.n(r)&&($APP.n($APP.n(v)?$APP.P(v,""):v)?r.removeAttribute("hidden"):r.setAttribute("hidden",""));$q(a,"x-command-palette-query-change",!1,{query:$APP.n(v)?
|
|
18
|
+
v:""});return ar(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.la(a,"__xCommandPaletteHandlers",{input:g,keydown:e,scrim:d,list:c,clear:b})},kr=function(a){var b=$APP.l(a,"__xCommandPaletteRefs");a=$APP.l(a,"__xCommandPaletteHandlers");if($APP.n($APP.n(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},lr=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)?
|
|
20
|
+
this.setAttribute(c,""):this.removeAttribute(c)}})},mr=function(a){Object.defineProperty(a,"items",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xCommandPaletteItems");return $APP.n(b)?b:[]},set:function(b){this.__xCommandPaletteItems=b;this.__xCommandPaletteActiveIdx=0;return ar(this)}})},nr=function(a){Object.defineProperty(a,"open",{configurable:!0,writable:!0,value:function(){return cr(this)}});Object.defineProperty(a,"close",{configurable:!0,writable:!0,value:function(){return dr(this)}});
|
|
21
|
+
Object.defineProperty(a,"toggle",{configurable:!0,writable:!0,value:function(){return $APP.n(this.hasAttribute("open"))?dr(this):cr(this)}})},pr=function(){var a=class extends HTMLElement{};a.observedAttributes=or;var b=a.prototype;lr(b,"open","open");lr(b,"disabled","disabled");mr(b);nr(b);b.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xCommandPaletteRefs"))){var c=this.attachShadow({mode:"open"}),d=Yq("style"),e=Yq("div"),g=Yq("div"),h=Yq("div"),k=Yq("span"),m=Yq("input"),p=Yq("button"),
|
|
22
|
+
r=Yq("div"),v=Yq("div"),x=Yq("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-height:60vh;z-index:calc(var(--x-command-palette-z,800) + 1);flex-direction:column;border-radius:var(--x-command-palette-radius,12px);background:var(--x-command-palette-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,#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,#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,#64748b);}[part\x3dclear-btn]:focus-visible{outline:2px solid var(--x-command-palette-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: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,#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,#94a3b8);}[part\x3dempty]{padding:32px 16px;text-align:center;color:var(--x-command-palette-empty-text,#94a3b8);font-size:0.9375rem;}[part\x3dempty][hidden]{display:none;}@media (prefers-color-scheme:dark){[part\x3dpanel]{background:var(--x-command-palette-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,#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
|
-
"list");m.setAttribute("aria-expanded","false");m.setAttribute("aria-controls","x-cp-list");
|
|
25
|
-
r.appendChild(v);r.appendChild(
|
|
26
|
-
a.j-2>>>b&31;if(b>5){b-=5;var g=c.i[e];a=
|
|
27
|
-
$APP.
|
|
28
|
-
$APP.
|
|
29
|
-
var
|
|
30
|
-
"search-str",-821246171),
|
|
31
|
-
"disabled-raw",498098381),
|
|
32
|
-
$APP.
|
|
33
|
-
$APP.Y,new $APP.Q(null,1,[
|
|
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","");r.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(k);h.appendChild(m);h.appendChild(p);
|
|
25
|
+
r.appendChild(v);r.appendChild(x);g.appendChild(h);g.appendChild(r);c.appendChild(d);c.appendChild(e);c.appendChild(g);this.__xCommandPaletteRefs={overlay:e,panel:g,input:m,"clear-btn":p,list:v,empty:x}}kr(this);jr(this);return br(this)};b.disconnectedCallback=function(){return kr(this)};b.attributeChangedCallback=function(){return br(this)};return a},qr=function(){return $APP.n(customElements.get("x-command-palette"))?null:customElements.define("x-command-palette",pr())},rr=function rr(a,b,c){var e=
|
|
26
|
+
a.j-2>>>b&31;if(b>5){b-=5;var g=c.i[e];a=rr.m?rr.m(a,b,g):rr.call(null,a,b,g);if(a==null&&e===0)return null;c=$APP.Rd(c);c.i[e]=a;return c}if(e===0)return null;c=$APP.Rd(c);c.i[e]=null;return c};$APP.Uc.prototype.ua=$APP.ca(48,function(){return this.ga(null)});$APP.Vc.prototype.ua=$APP.ca(47,function(){throw Error("Can't pop empty list");});
|
|
27
|
+
$APP.Zd.prototype.ua=$APP.ca(46,function(){if(this.j===0)throw Error("Can't pop empty vector");if(1===this.j)return $APP.Ta($APP.Md,this.s);if(1<this.j-$APP.Sd(this))return new $APP.Zd(this.s,this.j-1,this.shift,this.root,this.na.slice(0,-1),null);var a=$APP.Ud(this,this.j-2),b=rr(this,this.shift,this.root);b=b==null?$APP.$d:b;var c=this.j-1;return 5<this.shift&&b.i[1]==null?new $APP.Zd(this.s,c,this.shift-5,b.i[0],a,null):new $APP.Zd(this.s,c,this.shift,b,a,null)});
|
|
28
|
+
$APP.we.prototype.ua=$APP.ca(45,function(){return new $APP.Zd(null,1,5,$APP.$d,[this.key],null)});$APP.uf.prototype.ua=$APP.ca(44,function(){return new $APP.Zd(null,1,5,$APP.$d,[this.key],null)});$APP.vf.prototype.ua=$APP.ca(43,function(){return new $APP.Zd(null,1,5,$APP.$d,[this.key],null)});
|
|
29
|
+
var Sq=new $APP.N(null,"empty-text","empty-text",1554384594),Tq=new $APP.N(null,"close-on-scrim?","close-on-scrim?",-367113965),Mq=new $APP.N(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),Lq=new $APP.N(null,"empty-text-raw","empty-text-raw",1477406757),sr=new $APP.Eb(null,"object","object",-1179821820,null),Fq=new $APP.N(null,"group","group",582596132),Qq=new $APP.N(null,"dismissible-raw","dismissible-raw",947680658),fr=new $APP.N(null,"down","down",1565245570),Gq=new $APP.N(null,"search-str",
|
|
30
|
+
"search-str",-821246171),Rq=new $APP.N(null,"modal-raw","modal-raw",-263722282),Uq=new $APP.N(null,"close-on-escape?","close-on-escape?",-1559868909),hr=new $APP.N(null,"up","up",-269712113),Wq=new $APP.N(null,"modal?","modal?",2146094679),Iq=new $APP.N(null,"groups","groups",-136896102),Oq=new $APP.N(null,"close-on-escape-raw","close-on-escape-raw",-1942646255),Vq=new $APP.N(null,"scrim?","scrim?",744210580),Pq=new $APP.N(null,"no-scrim-raw","no-scrim-raw",-1344365743),Nq=new $APP.N(null,"disabled-raw",
|
|
31
|
+
"disabled-raw",498098381),tr=new $APP.N(null,"item","item",249373802);var or="open modal dismissible disabled no-scrim close-on-scrim close-on-escape label placeholder empty-text".split(" ");
|
|
32
|
+
$APP.yd(["x-command-palette-open-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,$APP.zd],null),"x-command-palette-open",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,$APP.zd],null),"x-command-palette-close-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,$APP.zd],null),"x-command-palette-close",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,$APP.zd],null),"x-command-palette-select-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,1,[tr,sr],null)],null),"x-command-palette-select",new $APP.Q(null,2,[$APP.Dj,!1,
|
|
33
|
+
$APP.Y,new $APP.Q(null,1,[tr,sr],null)],null),"x-command-palette-query-change",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[new $APP.N(null,"query","query",-1288509510),$APP.X],null)],null)]);$APP.ja("baredom.exports.x_command_palette.init",qr);export const init=qr;
|
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.W.g(a);return $APP.n(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 LA=function(a,b,c){return typeof a==="string"&&$APP.M(b,a)?a:c},MA=function(a){return a.__xContainerState},NA=function(a){Object.defineProperty(a,"fluid",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("fluid")},set:function(b){return $APP.n($APP.K(b))?this.setAttribute("fluid",""):this.removeAttribute("fluid")}})},OA=function(a){Object.defineProperty(a,"center",{configurable:!0,enumerable:!0,get:function(){return $APP.P("false",this.getAttribute("center"))},set:function(b){return $APP.K(b)?
|
|
3
|
+
this.removeAttribute("center"):this.setAttribute("center","false")}})},VA=function(a,b){var c=a.getAttribute("as"),d=a.getAttribute("size"),e=a.getAttribute("padding"),g=$APP.P("false",a.getAttribute("center"));a=new $APP.Q(null,6,[PA,c,$APP.Pg,d,$APP.dk,e,QA,g,RA,a.hasAttribute("fluid"),$APP.W,a.getAttribute("label")],null);var h=$APP.O(a);a=$APP.I(h,PA);c=$APP.I(h,$APP.Pg);d=$APP.I(h,$APP.dk);e=$APP.I(h,QA);g=$APP.I(h,RA);h=$APP.I(h,$APP.W);a=new $APP.Q(null,6,[PA,LA(a,SA,"div"),$APP.Pg,LA(c,TA,
|
|
4
|
+
"lg"),$APP.dk,LA(d,UA,"md"),QA,$APP.K(e),RA,$APP.K(g),$APP.W,typeof h==="string"&&$APP.P(h,"")?h:null],null);g=PA.g(a);c=b.base;$APP.P(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.Pg.g(a));b.setAttribute("data-padding",$APP.dk.g(a));b.setAttribute("data-center",$APP.n(QA.g(a))?"true":"false");b.setAttribute("data-fluid",$APP.n(RA.g(a))?"true":"false");
|
|
5
|
+
a=$APP.W.g(a);return $APP.n(a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")},XA=function(){var a=class extends HTMLElement{};a.observedAttributes=WA;a.prototype.connectedCallback=function(){if(!$APP.n(MA(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:#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:#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 VA(this,MA(this))};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(){var b=MA(this);return $APP.n(b)?VA(this,b):null};OA(a.prototype);NA(a.prototype);return a},YA=function(){$APP.n(customElements.get("x-container"))||customElements.define("x-container",XA());return null},PA=new $APP.N(null,"as","as",1148689641),
|
|
7
|
+
QA=new $APP.N(null,"center","center",-748944368),RA=new $APP.N(null,"fluid","fluid",-1823657759);var SA=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),TA=new $APP.S(null,new $APP.Q(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),UA=new $APP.S(null,new $APP.Q(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),WA="as size padding center fluid label".split(" ");$APP.ja("baredom.exports.x_container.init",YA);export const init=YA;
|
package/dist/x-context-menu.js
CHANGED
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
k=$APP.I(k,$APP.
|
|
4
|
-
2,[$APP.
|
|
5
|
-
|
|
6
|
-
"string"&&$APP.
|
|
7
|
-
(b=document.createElement("div"),b.setAttribute("id","__xOverlayRoot"),b.style.position="fixed",b.style.inset="0",b.style.pointerEvents="none",b.style.zIndex="0",document.body.appendChild(b));var c=document.createElement("div"),d=c.attachShadow({mode:"open"}),e=document.createElement("style"),g=document.createElement("div");c.style.position="fixed";c.style.inset="0";c.style.pointerEvents="none";c.style.zIndex=""+$APP.T.g(a);e.textContent=":host{color-scheme:light dark;--x-context-menu-bg:rgba(255,255,255,0.97);--x-context-menu-border:rgba(0,0,0,0.1);--x-context-menu-shadow:0 8px 32px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.08);--x-context-menu-radius: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:rgba(0,0,0,0.87);--x-context-menu-separator:rgba(0,0,0,0.1);}@media(prefers-color-scheme:dark){:host{--x-context-menu-bg:#1e293b;--x-context-menu-border:rgba(255,255,255,0.12);--x-context-menu-shadow: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:rgba(255,255,255,0.9);--x-context-menu-separator:rgba(255,255,255,0.12);}}[part\x3dpanel]{position:absolute;min-width:160px;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);}";
|
|
8
|
-
g.setAttribute("part","panel");g.setAttribute("role","menu");g.setAttribute("tabindex","-1");d.appendChild(e);d.appendChild(g);b.appendChild(c);return c},
|
|
9
|
-
for(var c=null,d=0,e=0;;)if(e<d){var g=c.
|
|
10
|
-
$APP.
|
|
11
|
-
"ArrowUp")?(h.preventDefault(),$APP.n(m)?(h=
|
|
12
|
-
"__onItemClick"),e=
|
|
13
|
-
if(
|
|
14
|
-
|
|
15
|
-
m=new $APP.Q(null,4,[$APP.
|
|
16
|
-
$APP.
|
|
17
|
-
enumerable:!0,get:function(){return this.getAttribute(c)},set:function(d){return d!=null?this.setAttribute(c,""+$APP.T.g(d)):this.removeAttribute(c)}})},
|
|
18
|
-
|
|
19
|
-
$APP.n(b)?(
|
|
20
|
-
|
|
21
|
-
"offset-raw",-1418404095);var CH=["open","disabled","placement","offset","z-index"],jH=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.ja("baredom.exports.x_context_menu.init",EH);export const init=EH;
|
|
2
|
+
var UO=function(a,b){return typeof a==="string"?(a=parseInt(a,10),$APP.q(isNaN(a))&&a>0?a:b):b},VO=function(a){return $APP.C.h(a,"bottom-start")?"top-start":$APP.C.h(a,"bottom-end")?"top-end":$APP.C.h(a,"top-start")?"bottom-start":$APP.C.h(a,"top-end")?"bottom-end":$APP.C.h(a,"right-start")?"left-start":$APP.C.h(a,"left-start")?"right-start":a},WO=function(a,b,c,d){var e=$APP.O(c);c=$APP.I(e,$APP.Wi);var g=$APP.I(e,$APP.Ui),h=$APP.I(e,$APP.eh);e=$APP.I(e,$APP.Xj);var k=$APP.O(d);d=$APP.I(k,$APP.eh);
|
|
3
|
+
k=$APP.I(k,$APP.Xj);switch(a){case "bottom-start":return new $APP.Q(null,2,[$APP.Wi,c,$APP.Ui,g+e+b],null);case "bottom-end":return new $APP.Q(null,2,[$APP.Wi,c+h-d,$APP.Ui,g+e+b],null);case "top-start":return new $APP.Q(null,2,[$APP.Wi,c,$APP.Ui,g-k-b],null);case "top-end":return new $APP.Q(null,2,[$APP.Wi,c+h-d,$APP.Ui,g-k-b],null);case "right-start":return new $APP.Q(null,2,[$APP.Wi,c+h+b,$APP.Ui,g],null);case "left-start":return new $APP.Q(null,2,[$APP.Wi,c-d-b,$APP.Ui,g],null);default:return new $APP.Q(null,
|
|
4
|
+
2,[$APP.Wi,c,$APP.Ui,g+e+b],null)}},$O=function(a,b,c,d,e){function g(x){var y=WO(x,b,c,d);y=$APP.O(y);var A=$APP.I(y,$APP.Wi),D=$APP.I(y,$APP.Ui);y=A>=8&&A+m<=h-8;var F=D>=8&&D+p<=k-8;A=$APP.Ag.h($APP.zg.h(A,8),h-m-8);D=$APP.Ag.h($APP.zg.h(D,8),k-p-8);return new $APP.Q(null,5,[$APP.Wi,A,$APP.Ui,D,XO,x,YO,y&&F,ZO,$APP.zg.h(40,k-D-8)],null)}e=$APP.O(e);var h=$APP.I(e,$APP.eh),k=$APP.I(e,$APP.Xj);e=$APP.O(d);var m=$APP.I(e,$APP.eh),p=$APP.I(e,$APP.Xj),r=g(a),v=g(VO(a));return $APP.n(function(){var x=
|
|
5
|
+
YO.g(r);return $APP.n(x)?x:$APP.q(YO.g(v))}())?r:v},eP=function(a){a=new $APP.Q(null,5,[$APP.Wh,$APP.n(a.hasAttribute("open"))?a.getAttribute("open"):null,$APP.aj,$APP.n(a.hasAttribute("disabled"))?a.getAttribute("disabled"):null,$APP.Ak,a.getAttribute("placement"),aP,a.getAttribute("offset"),bP,a.getAttribute("z-index")],null);var b=$APP.O(a),c=$APP.I(b,$APP.Wh),d=$APP.I(b,$APP.aj),e=$APP.I(b,$APP.Ak);a=$APP.I(b,aP);b=$APP.I(b,bP);c=c!=null&&$APP.P(c,"false");d=d!=null&&$APP.P(d,"false");e=typeof e===
|
|
6
|
+
"string"&&$APP.M(cP,e)?e:"bottom-start";return new $APP.Q(null,5,[$APP.fk,c,$APP.V,d,$APP.Hj,e,$APP.Gh,UO(a,8),dP,UO(b,1E3)],null)},fP=function(a,b,c,d){b=new CustomEvent(b,{detail:d,bubbles:!0,composed:!0,cancelable:c});a.dispatchEvent(b);return $APP.q(b.defaultPrevented)},gP=function(a){return $APP.fc(a.querySelectorAll("[role\x3dmenuitem]:not([disabled]):not([aria-disabled\x3dtrue])"))},hP=function(a){return $APP.n(a)?a.focus():null},iP=function(a){var b=document.getElementById("__xOverlayRoot");
|
|
7
|
+
$APP.n(b)||(b=document.createElement("div"),b.setAttribute("id","__xOverlayRoot"),b.style.position="fixed",b.style.inset="0",b.style.pointerEvents="none",b.style.zIndex="0",document.body.appendChild(b));var c=document.createElement("div"),d=c.attachShadow({mode:"open"}),e=document.createElement("style"),g=document.createElement("div");c.style.position="fixed";c.style.inset="0";c.style.pointerEvents="none";c.style.zIndex=""+$APP.T.g(a);e.textContent=":host{color-scheme:light dark;--x-context-menu-bg:rgba(255,255,255,0.97);--x-context-menu-border:rgba(0,0,0,0.1);--x-context-menu-shadow:0 8px 32px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.08);--x-context-menu-radius: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:rgba(0,0,0,0.87);--x-context-menu-separator:rgba(0,0,0,0.1);}@media(prefers-color-scheme:dark){:host{--x-context-menu-bg:#1e293b;--x-context-menu-border:rgba(255,255,255,0.12);--x-context-menu-shadow: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:rgba(255,255,255,0.9);--x-context-menu-separator:rgba(255,255,255,0.12);}}[part\x3dpanel]{position:absolute;min-width:160px;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);}";
|
|
8
|
+
g.setAttribute("part","panel");g.setAttribute("role","menu");g.setAttribute("tabindex","-1");d.appendChild(e);d.appendChild(g);b.appendChild(c);return c},jP=function(a){return $APP.n(a)?a.shadowRoot.querySelector("[part\x3dpanel]"):null},kP=function(a,b,c,d){var e=$APP.O(d);d=$APP.I(e,dP);e=$APP.I(e,ZO);a.style.zIndex=""+$APP.T.g(d);a=jP(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")},lP=function(a,b){a=$APP.u($APP.fc(a.children));
|
|
9
|
+
for(var c=null,d=0,e=0;;)if(e<d){var g=c.H(null,e);b.appendChild(g.cloneNode(!0));e+=1}else if(a=$APP.u(a))c=a,$APP.yc(c)?(a=$APP.nb(c),d=$APP.ob(c),c=a,g=$APP.B(a),a=d,d=g):(g=$APP.w(c),b.appendChild(g.cloneNode(!0)),a=$APP.z(c),c=null,d=0),e=0;else break},nP=function(a,b){function c(h){h.stopPropagation();h=h.target.closest("[role\x3dmenuitem]");return $APP.n(h)?(fP(a,"x-context-menu-select",!1,{item:h}),mP.h?mP.h(a,"select"):mP.call(null,a,"select")):null}function d(h){var k=jP(b);return $APP.n($APP.n(k)?
|
|
10
|
+
$APP.q(k.contains(h.target)):k)?mP.h?mP.h(a,"backdrop"):mP.call(null,a,"backdrop"):null}function e(h){var k=h.key,m=b.shadowRoot.activeElement;return $APP.C.h(k,"Escape")?(h.preventDefault(),h.stopPropagation(),mP.h?mP.h(a,"keyboard"):mP.call(null,a,"keyboard")):$APP.C.h(k,"Tab")?mP.h?mP.h(a,"keyboard"):mP.call(null,a,"keyboard"):$APP.C.h(k,"ArrowDown")?(h.preventDefault(),$APP.n(m)?(h=gP(g),m=$APP.hd(h).indexOf(m),m=$APP.H(h,$APP.Qc(m+1,$APP.B(h)),null),m=hP(m)):m=hP($APP.w(gP(g))),m):$APP.C.h(k,
|
|
11
|
+
"ArrowUp")?(h.preventDefault(),$APP.n(m)?(h=gP(g),k=$APP.B(h),m=$APP.hd(h).indexOf(m),m=$APP.H(h,$APP.Qc(m+(k-1),k),null),m=hP(m)):m=hP($APP.w(gP(g))),m):($APP.C.h(k,"Enter")||$APP.C.h(k," "))&&$APP.n(m)?(h.preventDefault(),m.click()):null}var g=jP(b);b.addEventListener("keydown",e,!0);b.addEventListener("click",d);$APP.n(g)&&g.addEventListener("click",c);b.__onKey=e;b.__onClickBackdrop=d;b.__onItemClick=c},oP=function(a){if($APP.n(a)){var b=$APP.l(a,"__onKey"),c=$APP.l(a,"__onClickBackdrop"),d=$APP.l(a,
|
|
12
|
+
"__onItemClick"),e=jP(a);$APP.n(b)&&a.removeEventListener("keydown",b,!0);$APP.n(c)&&a.removeEventListener("click",c);$APP.n($APP.n(e)?d:e)&&e.removeEventListener("click",d);$APP.n(a.parentNode)&&a.parentNode.removeChild(a)}},mP=function(a,b){return $APP.n(a.hasAttribute("open"))&&fP(a,"x-context-menu-close-request",!0,{reason:b})?(a.removeAttribute("open"),oP($APP.l(a,"__xContextMenuLayer")),a.__xContextMenuLayer=null,fP(a,"x-context-menu-close",!1,{reason:b})):null},pP=function(a,b,c,d){if($APP.n(a.hasAttribute("disabled")))return null;
|
|
13
|
+
if(fP(a,"x-context-menu-open-request",!0,{reason:d})){var e=eP(a);e=$APP.O(e);var g=$APP.I(e,$APP.Hj),h=$APP.I(e,$APP.Gh),k=$APP.I(e,dP),m=window.innerWidth,p=window.innerHeight,r=new $APP.Q(null,4,[$APP.Wi,b,$APP.Ui,c,$APP.eh,1,$APP.Xj,1],null);b=$O(g,h,r,new $APP.Q(null,2,[$APP.eh,200,$APP.Xj,300],null),new $APP.Q(null,2,[$APP.eh,m,$APP.Xj,p],null));var v=iP(k);lP(a,jP(v));nP(a,v);kP(v,$APP.Wi.g(b),$APP.Ui.g(b),$APP.yg.m(b,dP,k));a.setAttribute("open","");a.__xContextMenuLayer=v;requestAnimationFrame(function(){var x=
|
|
14
|
+
jP(v);if($APP.n(x)){var y=$O(g,h,r,new $APP.Q(null,2,[$APP.eh,x.offsetWidth,$APP.Xj,x.offsetHeight],null),new $APP.Q(null,2,[$APP.eh,m,$APP.Xj,p],null));kP(v,$APP.Wi.g(y),$APP.Ui.g(y),$APP.yg.m(y,dP,k));return hP($APP.w(gP(x)))}return null});return fP(a,"x-context-menu-open",!1,{reason:d})}return null},qP=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.getBoundingClientRect();var c=eP(a);c=$APP.O(c);var d=$APP.I(c,$APP.Hj),e=$APP.I(c,$APP.Gh),g=$APP.I(c,dP),h=window.innerWidth,
|
|
15
|
+
k=window.innerHeight,m=new $APP.Q(null,4,[$APP.Wi,b.left,$APP.Ui,b.top,$APP.eh,b.width,$APP.Xj,b.height],null);if(fP(a,"x-context-menu-open-request",!0,{reason:"programmatic"})){b=$O(d,e,m,new $APP.Q(null,2,[$APP.eh,200,$APP.Xj,300],null),new $APP.Q(null,2,[$APP.eh,h,$APP.Xj,k],null));var p=iP(g);lP(a,jP(p));nP(a,p);kP(p,$APP.Wi.g(b),$APP.Ui.g(b),$APP.yg.m(b,dP,g));a.setAttribute("open","");a.__xContextMenuLayer=p;requestAnimationFrame(function(){var r=jP(p);if($APP.n(r)){var v=$O(d,e,m,new $APP.Q(null,
|
|
16
|
+
2,[$APP.eh,r.offsetWidth,$APP.Xj,r.offsetHeight],null),new $APP.Q(null,2,[$APP.eh,h,$APP.Xj,k],null));kP(p,$APP.Wi.g(v),$APP.Ui.g(v),$APP.yg.m(v,dP,g));return hP($APP.w(gP(r)))}return null});return fP(a,"x-context-menu-open",!1,{reason:"programmatic"})}return null},rP=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)}})},sP=function(a,b,c){Object.defineProperty(a,
|
|
17
|
+
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)}})},tP=function(a){a.openAt=function(b,c){return pP(this,b,c,"programmatic")};a.toggleAt=function(b,c){return $APP.n(this.hasAttribute("open"))?mP(this,"toggle"):pP(this,b,c,"toggle")};a.openForElement=function(b){return qP(this,b)};a.close=function(){return mP(this,"programmatic")}},vP=function(){var a=class extends HTMLElement{};
|
|
18
|
+
a.observedAttributes=uP;a.prototype.connectedCallback=function(){if(!$APP.n($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.n(this.hasAttribute("open"))?this.removeAttribute("open"):null};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xContextMenuLayer");
|
|
19
|
+
$APP.n(b)?(oP(b),this.__xContextMenuLayer=null,b=void 0):b=null;return b};a.prototype.attributeChangedCallback=function(b){a:{if($APP.C.h(b,"open")){if($APP.n(this.hasAttribute("open"))){b=null;break a}b=$APP.l(this,"__xContextMenuLayer");if($APP.n(b)){oP(b);this.__xContextMenuLayer=null;b=void 0;break a}}b=null}return b};rP(a.prototype,"open","open");rP(a.prototype,"disabled","disabled");sP(a.prototype,"placement","placement");sP(a.prototype,"offset","offset");sP(a.prototype,"zIndex","z-index");
|
|
20
|
+
tP(a.prototype);return a},wP=function(){return $APP.n(customElements.get("x-context-menu"))?null:customElements.define("x-context-menu",vP())},ZO=new $APP.N(null,"max-height","max-height",-612563804),XO=new $APP.N(null,"final-placement","final-placement",-1586044424),YO=new $APP.N(null,"fits","fits",2008565808),dP=new $APP.N(null,"z-index","z-index",1892827090),bP=new $APP.N(null,"z-index-raw","z-index-raw",-1179679257),aP=new $APP.N(null,"offset-raw","offset-raw",-1418404095);var uP=["open","disabled","placement","offset","z-index"],cP=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.ja("baredom.exports.x_context_menu.init",wP);export const init=wP;
|