@vanelsas/baredom 1.0.0 → 1.2.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 +23 -0
- package/README.md +14 -4
- package/dist/base.js +368 -349
- package/dist/x-alert.js +19 -19
- 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 +46 -46
- 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 +10 -10
- 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-stack.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 +23 -23
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +15 -15
- package/dist/x-tabs.js +11 -12
- package/dist/x-text-area.js +19 -19
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -0
- package/package.json +47 -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.
|
|
4
|
-
c,a,$APP.
|
|
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.
|
|
12
|
-
function(){return
|
|
2
|
+
var tu=function(a){return a!=null&&$APP.O(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.gf([$APP.Ai,$APP.aj,$APP.Tg,$APP.jh,$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.N(a);a=$APP.H(b,$APP.Nj);var c=$APP.H(b,$APP.oj),d=$APP.H(b,$APP.Ai),e=$APP.H(b,$APP.aj),g=$APP.H(b,$APP.Tg),h=$APP.H(b,$APP.jh),k=$APP.H(b,$APP.bj),m=$APP.H(b,wu),p=$APP.H(b,$APP.Cj);b=$APP.H(b,$APP.Rj);k=$APP.J(k);m=$APP.J(m);g=$APP.J(g);return $APP.gf([xu,$APP.zh,$APP.uh,$APP.uk,$APP.tj,$APP.$g,$APP.mj,$APP.si,$APP.ek,$APP.ok,$APP.cj,$APP.V],[m,g,m?"mixed":k?"true":"false",$APP.J(p),k,$APP.n(g)?k:!0,d,b!=null?b:"on",h,
|
|
4
|
+
c,a,$APP.J(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.uh.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");uu(c,"aria-required",$APP.n($APP.zh.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.si.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.si.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.J(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.O(d)?uu(this,c,""+$APP.S.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.S.g(d)+"']"),$APP.n(c)&&(e=c.getAttribute("id"),$APP.n(e)?c=e:(d="x-cb-lbl-"+$APP.S.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.J(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.M(null,"indeterminate?","indeterminate?",-1382048766),wu=new $APP.M(null,"indeterminate-present?","indeterminate-present?",-1714683438);var Gu="checked indeterminate disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.zd(["x-checkbox-change-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,3,[$APP.si,$APP.X,$APP.Rg,$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.si,$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.
|
|
7
|
-
enumerable:!0,configurable:!0})},
|
|
2
|
+
var Mo=function(a){var b=$APP.N(a),c=$APP.H(b,$APP.Dh);a=$APP.H(b,$APP.Rj);var d=$APP.H(b,Ko);b=$APP.H(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.si,typeof a==="string"&&a.length>0?a:c,Lo,d,$APP.V,$APP.J(b)],null)},No=function(a){var b=$APP.N(a);a=$APP.H(b,Lo);b=$APP.H(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.Dh,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.N(b);b=$APP.H(c,$APP.si);c=$APP.H(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.Dh,a.getAttribute("label"),$APP.Rj,a.getAttribute("value"),Ko,a.getAttribute("removable"),$APP.aj,a.hasAttribute("disabled")],null)),c=$APP.N(b),d=$APP.H(c,$APP.W),e=$APP.H(c,Lo);c=$APP.H(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.ma(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.S.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.O(d,e)?$APP.n($APP.l(this,"__xChipRefs"))?
|
|
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.Yh,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.O(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.M(null,"removable-raw","removable-raw",1718453796),Qo=new $APP.M(null,"remove-btn","remove-btn",843430290),Lo=new $APP.M(null,"removable?","removable?",1886800649);var Xo=["label","value","removable","disabled"];$APP.zd(["x-chip-remove",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,2,[$APP.si,$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.
|
|
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 wR=function(){var a=window.matchMedia;return $APP.n(a)?window.matchMedia("(prefers-reduced-motion: reduce)").matches:a},xR=function(a){a=a.getAttribute("duration-ms");return $APP.n(a)?(a=parseInt(a,10),$APP.n(isNaN(a))?300:$APP.Ag.h(0,$APP.Bg.h(2E3,a))):300},yR=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.l(g,"fn"))}if($APP.n(wR()))return b.style.height="",b.style.transition="";a=xR(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)},zR=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.l(g,"fn"))}if($APP.n(wR()))return b.style.height="0px",b.style.transition="";var d=""+$APP.S.g(b.offsetHeight)+
|
|
4
|
+
"px";a=xR(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)},AR=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},BR=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},CR=function(a){return function(){return BR(a,"pointer")}},DR=function(a){return function(b){var c=b.key;return $APP.C.h(c," ")||$APP.C.h(c,"Enter")?(b.preventDefault(),BR(a,"keyboard")):null}},ER=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},FR=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.J(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},GR=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.O(b)?(b=""+$APP.S.g(b),b=this.setAttribute("header",
|
|
8
|
+
b)):b=this.removeAttribute("header");return b}})},HR=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.S.g(Math.round(b)),b=this.setAttribute("duration-ms",b)):b=this.removeAttribute("duration-ms");return b}})},JR=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,
|
|
9
|
+
"observedAttributes",{get:function(){return IR}});FR(b,"open","open");FR(b,"disabled","disabled");GR(b);HR(b);b.toggle=function(){return BR(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}}ER(this);c=$APP.l(this,"__xCollapseRefs");$APP.n(c)&&(c=$APP.l(c,"trigger"),d=CR(this),e=DR(this),g={click:d,keydown:e},c.addEventListener("click",d),c.addEventListener("keydown",e),this.__xCollapseHandlers=g);return AR(this)};b.disconnectedCallback=function(){return ER(this)};b.attributeChangedCallback=
|
|
13
|
+
function(c){a:{if($APP.n($APP.l(this,"__xCollapseRefs"))&&(AR(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)?yR(this,c):zR(this,c):null;break a}c=null}return c};return a},KR=function(){return $APP.n(customElements.get("x-collapse"))?null:customElements.define("x-collapse",JR())};var IR=["open","disabled","header","duration-ms"];$APP.zd(["x-collapse-toggle",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,new $APP.Q(null,2,[$APP.zj,$APP.Yj,$APP.oi,$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",KR);export const init=KR;
|
|
@@ -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.ld($APP.Jc(function(c,d){return $APP.n(a.g?a.g(d):a.call(null,d))?$APP.ib(c,d):c},$APP.hb($APP.Nd),b))},Cq=function(a){var b=/\s+/;a="/(?:)/"===""+$APP.S.g(b)?$APP.kf.h($APP.fe($APP.Zc("",$APP.Jd.h($APP.S,$APP.u(a)))),""):$APP.fe((""+$APP.S.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.O(a,"false")},Eq=function(a){return typeof a==="string"?(a=a.trim(),$APP.O(a,"")?a:null):null},Hq=function(a){if(a==null||$APP.q($APP.pa(a)))return $APP.Nd;for(var b=a.length,c=0,d=$APP.hb($APP.Nd);;){if($APP.C.h(c,b))return $APP.jb(d);var e=a[c],g=""+$APP.S.g(function(){var A=e.id;return $APP.n(A)?A:c}()),h=""+$APP.S.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.S.g(h)+" "+$APP.S.g(v)+" "+$APP.S.g(x)+" "+$APP.S.g(y)).toLowerCase();v=c+1;d=$APP.md(d,new $APP.Q(null,7,[$APP.xi,g,$APP.W,h,Fq,k,$APP.si,m,$APP.xh,p,$APP.V,r,Gq,x],null));c=v}},Jq=function(a,b){b=typeof b==="string"?b.trim():"";var c=$APP.O(b,"")?$APP.Gd(Eq,Cq(b)):null;if($APP.uc(c))return new $APP.Q(null,
|
|
5
|
+
2,[$APP.Xi,a,Iq,$APP.Ee.h($APP.Ef,$APP.Gd(Fq,a))],null);a=Bq(function(d){return $APP.Cd(function(e){return $APP.O(-1,Gq.g(d).indexOf(e.toLowerCase()))},c)},a);return new $APP.Q(null,2,[$APP.Xi,a,Iq,$APP.Ee.h($APP.Ef,$APP.Gd(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.Sc(b+e*c,d),h=$APP.E(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.N(a);a=$APP.H(b,$APP.Xh);var c=
|
|
6
|
+
$APP.H(b,$APP.gi),d=$APP.H(b,$APP.Dh),e=$APP.H(b,Lq),g=$APP.H(b,Mq),h=$APP.H(b,Nq),k=$APP.H(b,Oq),m=$APP.H(b,Pq),p=$APP.H(b,Qq);b=$APP.H(b,Rq);b=Dq(b);p=Dq(p);m=m!=null&&$APP.O(m,"false");m=b&&!m;g=g!=null?g!=null&&$APP.O(g,"false"):m;k=Dq(k);return $APP.gf([$APP.Mj,$APP.fi,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.J(a),b,h!=null&&$APP.O(h,"false")])},Yq=function(a){return document.createElement(a)},
|
|
7
|
+
Zq=function(a){return Xq($APP.gf([$APP.Dh,Lq,Mq,Nq,Oq,Pq,Qq,Rq,$APP.Xh,$APP.gi],[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.J(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.N(e);g=$APP.H(e,$APP.Xi);e=function(){var r=$APP.l(a,"__xCommandPaletteActiveIdx");return $APP.n(r)?r:0}();c.textContent="";if($APP.uc(g))return d.removeAttribute("hidden"),$APP.n(b)?b.removeAttribute("aria-activedescendant"):null;d.setAttribute("hidden",
|
|
9
|
+
"");d=$APP.Fd($APP.Eg,g);for(var h=null;;)if(g=$APP.w(d),$APP.n(g)){var k=g;g=$APP.E(k,0,null);k=$APP.E(k,1,null);var m=Fq.g(k);if($APP.n(function(){var r=m;return $APP.n(r)?$APP.O(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.S.g(g));p.setAttribute("data-id",""+$APP.S.g($APP.xi.g(k)));p.setAttribute("data-idx",
|
|
10
|
+
""+$APP.S.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.S.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.N(a);return $APP.H(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.S.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.E(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.Mg(b)}),$APP.n(c.defaultPrevented)?a=null:($q(a,"x-command-palette-select",!1,{item:$APP.Mg(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.E(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.Mg(r)});if($APP.n(v.defaultPrevented)){r=null;break a}$q(a,"x-command-palette-select",!1,{item:$APP.Mg(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.O(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.ma(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.Sd(c);c.i[e]=a;return c}if(e===0)return null;c=$APP.Sd(c);c.i[e]=null;return c};$APP.Wc.prototype.ua=$APP.ca(48,function(){return this.ga(null)});$APP.Xc.prototype.ua=$APP.ca(47,function(){throw Error("Can't pop empty list");});
|
|
27
|
+
$APP.$d.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.Nd,this.s);if(1<this.j-$APP.Td(this))return new $APP.$d(this.s,this.j-1,this.shift,this.root,this.na.slice(0,-1),null);var a=$APP.Vd(this,this.j-2),b=rr(this,this.shift,this.root);b=b==null?$APP.ae:b;var c=this.j-1;return 5<this.shift&&b.i[1]==null?new $APP.$d(this.s,c,this.shift-5,b.i[0],a,null):new $APP.$d(this.s,c,this.shift,b,a,null)});
|
|
28
|
+
$APP.xe.prototype.ua=$APP.ca(45,function(){return new $APP.$d(null,1,5,$APP.ae,[this.key],null)});$APP.vf.prototype.ua=$APP.ca(44,function(){return new $APP.$d(null,1,5,$APP.ae,[this.key],null)});$APP.wf.prototype.ua=$APP.ca(43,function(){return new $APP.$d(null,1,5,$APP.ae,[this.key],null)});
|
|
29
|
+
var Sq=new $APP.M(null,"empty-text","empty-text",1554384594),Tq=new $APP.M(null,"close-on-scrim?","close-on-scrim?",-367113965),Mq=new $APP.M(null,"close-on-scrim-raw","close-on-scrim-raw",159828234),Lq=new $APP.M(null,"empty-text-raw","empty-text-raw",1477406757),sr=new $APP.Fb(null,"object","object",-1179821820,null),Fq=new $APP.M(null,"group","group",582596132),Qq=new $APP.M(null,"dismissible-raw","dismissible-raw",947680658),fr=new $APP.M(null,"down","down",1565245570),Gq=new $APP.M(null,"search-str",
|
|
30
|
+
"search-str",-821246171),Rq=new $APP.M(null,"modal-raw","modal-raw",-263722282),Uq=new $APP.M(null,"close-on-escape?","close-on-escape?",-1559868909),hr=new $APP.M(null,"up","up",-269712113),Wq=new $APP.M(null,"modal?","modal?",2146094679),Iq=new $APP.M(null,"groups","groups",-136896102),Oq=new $APP.M(null,"close-on-escape-raw","close-on-escape-raw",-1942646255),Vq=new $APP.M(null,"scrim?","scrim?",744210580),Pq=new $APP.M(null,"no-scrim-raw","no-scrim-raw",-1344365743),Nq=new $APP.M(null,"disabled-raw",
|
|
31
|
+
"disabled-raw",498098381),tr=new $APP.M(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.zd(["x-command-palette-open-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,$APP.Ad],null),"x-command-palette-open",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,$APP.Ad],null),"x-command-palette-close-request",new $APP.Q(null,2,[$APP.Dj,!0,$APP.Y,$APP.Ad],null),"x-command-palette-close",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,$APP.Ad],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.M(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 uB=function(a,b,c){return typeof a==="string"&&$APP.K(b,a)?a:c},vB=function(a){return a.__xContainerState},wB=function(a){Object.defineProperty(a,"fluid",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("fluid")},set:function(b){return $APP.n($APP.J(b))?this.setAttribute("fluid",""):this.removeAttribute("fluid")}})},xB=function(a){Object.defineProperty(a,"center",{configurable:!0,enumerable:!0,get:function(){return $APP.O("false",this.getAttribute("center"))},set:function(b){return $APP.J(b)?
|
|
3
|
+
this.removeAttribute("center"):this.setAttribute("center","false")}})},EB=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.Q(null,6,[yB,c,$APP.Qg,d,$APP.dk,e,zB,g,AB,a.hasAttribute("fluid"),$APP.W,a.getAttribute("label")],null);var h=$APP.N(a);a=$APP.H(h,yB);c=$APP.H(h,$APP.Qg);d=$APP.H(h,$APP.dk);e=$APP.H(h,zB);g=$APP.H(h,AB);h=$APP.H(h,$APP.W);a=new $APP.Q(null,6,[yB,uB(a,BB,"div"),$APP.Qg,uB(c,CB,
|
|
4
|
+
"lg"),$APP.dk,uB(d,DB,"md"),zB,$APP.J(e),AB,$APP.J(g),$APP.W,typeof h==="string"&&$APP.O(h,"")?h:null],null);g=yB.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.Qg.g(a));b.setAttribute("data-padding",$APP.dk.g(a));b.setAttribute("data-center",$APP.n(zB.g(a))?"true":"false");b.setAttribute("data-fluid",$APP.n(AB.g(a))?"true":"false");
|
|
5
|
+
a=$APP.W.g(a);return $APP.n(a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")},GB=function(){var a=class extends HTMLElement{};a.observedAttributes=FB;a.prototype.connectedCallback=function(){if(!$APP.n(vB(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 EB(this,vB(this))};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(){var b=vB(this);return $APP.n(b)?EB(this,b):null};xB(a.prototype);wB(a.prototype);return a},HB=function(){$APP.n(customElements.get("x-container"))||customElements.define("x-container",GB());return null},yB=new $APP.M(null,"as","as",1148689641),
|
|
7
|
+
zB=new $APP.M(null,"center","center",-748944368),AB=new $APP.M(null,"fluid","fluid",-1823657759);var BB=new $APP.R(null,new $APP.Q(null,8,["article",null,"footer",null,"section",null,"main",null,"nav",null,"div",null,"aside",null,"header",null],null),null),CB=new $APP.R(null,new $APP.Q(null,6,["xs",null,"md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),DB=new $APP.R(null,new $APP.Q(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),FB="as size padding center fluid label".split(" ");$APP.ja("baredom.exports.x_container.init",HB);export const init=HB;
|
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.
|
|
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.
|
|
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.
|
|
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 DP=function(a,b){return typeof a==="string"?(a=parseInt(a,10),$APP.q(isNaN(a))&&a>0?a:b):b},EP=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},FP=function(a,b,c,d){var e=$APP.N(c);c=$APP.H(e,$APP.Wi);var g=$APP.H(e,$APP.Ui),h=$APP.H(e,$APP.fh);e=$APP.H(e,$APP.Xj);var k=$APP.N(d);d=$APP.H(k,$APP.fh);
|
|
3
|
+
k=$APP.H(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)}},JP=function(a,b,c,d,e){function g(x){var y=FP(x,b,c,d);y=$APP.N(y);var A=$APP.H(y,$APP.Wi),D=$APP.H(y,$APP.Ui);y=A>=8&&A+m<=h-8;var G=D>=8&&D+p<=k-8;A=$APP.Bg.h($APP.Ag.h(A,8),h-m-8);D=$APP.Bg.h($APP.Ag.h(D,8),k-p-8);return new $APP.Q(null,5,[$APP.Wi,A,$APP.Ui,D,GP,x,HP,y&&G,IP,$APP.Ag.h(40,k-D-8)],null)}e=$APP.N(e);var h=$APP.H(e,$APP.fh),k=$APP.H(e,$APP.Xj);e=$APP.N(d);var m=$APP.H(e,$APP.fh),p=$APP.H(e,$APP.Xj),r=g(a),v=g(EP(a));return $APP.n(function(){var x=
|
|
5
|
+
HP.g(r);return $APP.n(x)?x:$APP.q(HP.g(v))}())?r:v},OP=function(a){a=new $APP.Q(null,5,[$APP.Xh,$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"),KP,a.getAttribute("offset"),LP,a.getAttribute("z-index")],null);var b=$APP.N(a),c=$APP.H(b,$APP.Xh),d=$APP.H(b,$APP.aj),e=$APP.H(b,$APP.Ak);a=$APP.H(b,KP);b=$APP.H(b,LP);c=c!=null&&$APP.O(c,"false");d=d!=null&&$APP.O(d,"false");e=typeof e===
|
|
6
|
+
"string"&&$APP.K(MP,e)?e:"bottom-start";return new $APP.Q(null,5,[$APP.fk,c,$APP.V,d,$APP.Hj,e,$APP.Hh,DP(a,8),NP,DP(b,1E3)],null)},PP=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)},QP=function(a){return $APP.ic(a.querySelectorAll("[role\x3dmenuitem]:not([disabled]):not([aria-disabled\x3dtrue])"))},RP=function(a){return $APP.n(a)?a.focus():null},SP=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.S.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},TP=function(a){return $APP.n(a)?a.shadowRoot.querySelector("[part\x3dpanel]"):null},UP=function(a,b,c,d){var e=$APP.N(d);d=$APP.H(e,NP);e=$APP.H(e,IP);a.style.zIndex=""+$APP.S.g(d);a=TP(a);$APP.n(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")},VP=function(a,b){a=$APP.u($APP.ic(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.Ac(c)?(a=$APP.ob(c),d=$APP.pb(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},XP=function(a,b){function c(h){h.stopPropagation();h=h.target.closest("[role\x3dmenuitem]");return $APP.n(h)?(PP(a,"x-context-menu-select",!1,{item:h}),WP.h?WP.h(a,"select"):WP.call(null,a,"select")):null}function d(h){var k=TP(b);return $APP.n($APP.n(k)?
|
|
10
|
+
$APP.q(k.contains(h.target)):k)?WP.h?WP.h(a,"backdrop"):WP.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(),WP.h?WP.h(a,"keyboard"):WP.call(null,a,"keyboard")):$APP.C.h(k,"Tab")?WP.h?WP.h(a,"keyboard"):WP.call(null,a,"keyboard"):$APP.C.h(k,"ArrowDown")?(h.preventDefault(),$APP.n(m)?(h=QP(g),m=$APP.jd(h).indexOf(m),m=$APP.E(h,$APP.Sc(m+1,$APP.B(h)),null),m=RP(m)):m=RP($APP.w(QP(g))),m):$APP.C.h(k,
|
|
11
|
+
"ArrowUp")?(h.preventDefault(),$APP.n(m)?(h=QP(g),k=$APP.B(h),m=$APP.jd(h).indexOf(m),m=$APP.E(h,$APP.Sc(m+(k-1),k),null),m=RP(m)):m=RP($APP.w(QP(g))),m):($APP.C.h(k,"Enter")||$APP.C.h(k," "))&&$APP.n(m)?(h.preventDefault(),m.click()):null}var g=TP(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},YP=function(a){if($APP.n(a)){var b=$APP.l(a,"__onKey"),c=$APP.l(a,"__onClickBackdrop"),d=$APP.l(a,
|
|
12
|
+
"__onItemClick"),e=TP(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)}},WP=function(a,b){return $APP.n(a.hasAttribute("open"))&&PP(a,"x-context-menu-close-request",!0,{reason:b})?(a.removeAttribute("open"),YP($APP.l(a,"__xContextMenuLayer")),a.__xContextMenuLayer=null,PP(a,"x-context-menu-close",!1,{reason:b})):null},ZP=function(a,b,c,d){if($APP.n(a.hasAttribute("disabled")))return null;
|
|
13
|
+
if(PP(a,"x-context-menu-open-request",!0,{reason:d})){var e=OP(a);e=$APP.N(e);var g=$APP.H(e,$APP.Hj),h=$APP.H(e,$APP.Hh),k=$APP.H(e,NP),m=window.innerWidth,p=window.innerHeight,r=new $APP.Q(null,4,[$APP.Wi,b,$APP.Ui,c,$APP.fh,1,$APP.Xj,1],null);b=JP(g,h,r,new $APP.Q(null,2,[$APP.fh,200,$APP.Xj,300],null),new $APP.Q(null,2,[$APP.fh,m,$APP.Xj,p],null));var v=SP(k);VP(a,TP(v));XP(a,v);UP(v,$APP.Wi.g(b),$APP.Ui.g(b),$APP.zg.m(b,NP,k));a.setAttribute("open","");a.__xContextMenuLayer=v;requestAnimationFrame(function(){var x=
|
|
14
|
+
TP(v);if($APP.n(x)){var y=JP(g,h,r,new $APP.Q(null,2,[$APP.fh,x.offsetWidth,$APP.Xj,x.offsetHeight],null),new $APP.Q(null,2,[$APP.fh,m,$APP.Xj,p],null));UP(v,$APP.Wi.g(y),$APP.Ui.g(y),$APP.zg.m(y,NP,k));return RP($APP.w(QP(x)))}return null});return PP(a,"x-context-menu-open",!1,{reason:d})}return null},$P=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.getBoundingClientRect();var c=OP(a);c=$APP.N(c);var d=$APP.H(c,$APP.Hj),e=$APP.H(c,$APP.Hh),g=$APP.H(c,NP),h=window.innerWidth,
|
|
15
|
+
k=window.innerHeight,m=new $APP.Q(null,4,[$APP.Wi,b.left,$APP.Ui,b.top,$APP.fh,b.width,$APP.Xj,b.height],null);if(PP(a,"x-context-menu-open-request",!0,{reason:"programmatic"})){b=JP(d,e,m,new $APP.Q(null,2,[$APP.fh,200,$APP.Xj,300],null),new $APP.Q(null,2,[$APP.fh,h,$APP.Xj,k],null));var p=SP(g);VP(a,TP(p));XP(a,p);UP(p,$APP.Wi.g(b),$APP.Ui.g(b),$APP.zg.m(b,NP,g));a.setAttribute("open","");a.__xContextMenuLayer=p;requestAnimationFrame(function(){var r=TP(p);if($APP.n(r)){var v=JP(d,e,m,new $APP.Q(null,
|
|
16
|
+
2,[$APP.fh,r.offsetWidth,$APP.Xj,r.offsetHeight],null),new $APP.Q(null,2,[$APP.fh,h,$APP.Xj,k],null));UP(p,$APP.Wi.g(v),$APP.Ui.g(v),$APP.zg.m(v,NP,g));return RP($APP.w(QP(r)))}return null});return PP(a,"x-context-menu-open",!1,{reason:"programmatic"})}return null},aQ=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)}})},bQ=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.S.g(d)):this.removeAttribute(c)}})},cQ=function(a){a.openAt=function(b,c){return ZP(this,b,c,"programmatic")};a.toggleAt=function(b,c){return $APP.n(this.hasAttribute("open"))?WP(this,"toggle"):ZP(this,b,c,"toggle")};a.openForElement=function(b){return $P(this,b)};a.close=function(){return WP(this,"programmatic")}},eQ=function(){var a=class extends HTMLElement{};
|
|
18
|
+
a.observedAttributes=dQ;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)?(YP(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)){YP(b);this.__xContextMenuLayer=null;b=void 0;break a}}b=null}return b};aQ(a.prototype,"open","open");aQ(a.prototype,"disabled","disabled");bQ(a.prototype,"placement","placement");bQ(a.prototype,"offset","offset");bQ(a.prototype,"zIndex","z-index");
|
|
20
|
+
cQ(a.prototype);return a},fQ=function(){return $APP.n(customElements.get("x-context-menu"))?null:customElements.define("x-context-menu",eQ())},IP=new $APP.M(null,"max-height","max-height",-612563804),GP=new $APP.M(null,"final-placement","final-placement",-1586044424),HP=new $APP.M(null,"fits","fits",2008565808),NP=new $APP.M(null,"z-index","z-index",1892827090),LP=new $APP.M(null,"z-index-raw","z-index-raw",-1179679257),KP=new $APP.M(null,"offset-raw","offset-raw",-1418404095);var dQ=["open","disabled","placement","offset","z-index"],MP=new $APP.R(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",fQ);export const init=fQ;
|