@vanelsas/baredom 0.2.1-alpha → 0.2.3-alpha
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 +15 -1
- package/README.md +3 -3
- package/dist/base.js +215 -215
- package/dist/x-alert.js +18 -18
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +16 -16
- package/dist/x-badge.js +11 -11
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +16 -15
- package/dist/x-cancel-dialogue.js +17 -19
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +47 -43
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +10 -10
- package/dist/x-command-palette.js +30 -30
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +19 -18
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +19 -19
- package/dist/x-date-picker.js +34 -34
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +16 -14
- package/dist/x-form.js +9 -9
- package/dist/x-grid.js +7 -7
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-modal.js +12 -12
- package/dist/x-navbar.js +12 -12
- package/dist/x-notification-center.js +9 -9
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +11 -11
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +8 -8
- package/dist/x-radio.js +11 -11
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +25 -25
- package/dist/x-skeleton.js +5 -5
- 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 +9 -9
- 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 +11 -11
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-timeline-item.js +22 -22
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +23 -23
- package/dist/x-toaster.js +8 -8
- package/package.json +1 -1
package/dist/x-alert.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c],null)},
|
|
4
|
-
d.setAttribute("part","container");e.setAttribute("part","icon");e.setAttribute("aria-hidden","true");g.setAttribute("name","icon");h.setAttribute("part","default-icon");g.appendChild(h);e.appendChild(g);k.setAttribute("part","text");m.setAttribute("part","dismiss");m.setAttribute("type","button");q.setAttribute("aria-hidden","true");q.textContent="×";m.appendChild(q);d.appendChild(e);d.appendChild(k);d.appendChild(m);b.appendChild(c);b.appendChild(d);a.__xAlertRefs=new $APP.P(null,7,[$APP.
|
|
5
|
-
d,$APP.Fg,e,$APP.
|
|
6
|
-
b=$APP.I(b,$APP.
|
|
7
|
-
$APP.Z),d=$APP.I(b,$APP.
|
|
8
|
-
"status";
|
|
9
|
-
a.__xAlertModel=b}},
|
|
10
|
-
return a>0?a:b>0?b:160},
|
|
11
|
-
d}())){var c=function(){var d=$APP.l(a,"__xAlertModel");return $APP.n(d)?d:
|
|
12
|
-
function g(e){return $APP.E.h(e.target,c)?(c.removeEventListener("animationend",g),a.removeAttribute("data-entering")):null})}},
|
|
13
|
-
$APP.n(h)&&(clearTimeout(h),a.__xAlertExitTimer=null),$APP.n(a.isConnected)?a.remove():null):null};a.setAttribute("data-exiting","");d.addEventListener("animationend",e);$APP.ma(a,"__xAlertExitTimer",setTimeout(function(){var h=a.isConnected;return $APP.n($APP.n(h)?$APP.l(a,"__xAlertExiting"):h)?(d.removeEventListener("animationend",e),a.__xAlertExitTimer=null,a.remove()):null},b+60))}}return null},
|
|
14
|
-
{detail:b,bubbles:!0,composed:!0,cancelable:!0});b=a.dispatchEvent(b);$APP.n(b)&&
|
|
15
|
-
"__xAlertExiting")):d}())&&(b.preventDefault(),
|
|
16
|
-
$APP.
|
|
2
|
+
var dq=function(a){a=$APP.I($APP.fj,a);return $APP.n(a)?a:"info"},eq=function(a){return a==null?!0:$APP.N((""+$APP.S.g(a)).trim().toLowerCase(),"false")},fq=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:null):null},gq=function(a){var b=$APP.M(a);a=$APP.I(b,$APP.uh);b=$APP.I(b,$APP.U);return $APP.n(a)?$APP.p(b):a},hq=function(a,b){var c=$APP.M(a);a=$APP.I(c,$APP.Z);c=$APP.I(c,$APP.Lh);return new $APP.P(null,3,[$APP.Z,dq(a),$APP.wh,b,$APP.Lh,
|
|
3
|
+
c],null)},jq=function(a){var b=$APP.l(a,"__xAlertRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),g=document.createElement("slot"),h=document.createElement("span"),k=document.createElement("span"),m=document.createElement("button"),q=document.createElement("span");c.textContent=":host{display:block;color-scheme:light dark;--x-alert-radius:10px;--x-alert-padding-y:10px;--x-alert-padding-x:12px;--x-alert-gap:10px;--x-alert-font-size:0.875rem;--x-alert-motion-fast:120ms;--x-alert-motion-ease:cubic-bezier(0.2,0,0,1);--x-alert-enter-duration:140ms;--x-alert-exit-duration:160ms;--x-alert-press-scale:0.98;--x-alert-disabled-opacity:0.55;--x-alert-focus-ring:rgba(0,0,0,0.6);--x-alert-dismiss-color:rgba(0,0,0,0.62);--x-alert-dismiss-hover-bg:rgba(0,0,0,0.06);--x-alert-info-bg:rgba(0,102,204,0.08);--x-alert-info-border:rgba(0,102,204,0.35);--x-alert-info-color:rgba(0,60,120,0.95);--x-alert-success-bg:rgba(16,140,72,0.10);--x-alert-success-border:rgba(16,140,72,0.35);--x-alert-success-color:rgba(10,90,46,0.95);--x-alert-warning-bg:rgba(204,120,0,0.12);--x-alert-warning-border:rgba(204,120,0,0.45);--x-alert-warning-color:rgba(120,70,0,0.95);--x-alert-error-bg:rgba(190,20,40,0.10);--x-alert-error-border:rgba(190,20,40,0.45);--x-alert-error-color:rgba(120,10,20,0.95);--x-alert-bg:transparent;--x-alert-border-color:transparent;--x-alert-color:inherit;}@media (prefers-color-scheme:dark){:host{--x-alert-focus-ring:rgba(255,255,255,0.75);--x-alert-dismiss-color:rgba(255,255,255,0.75);--x-alert-dismiss-hover-bg:rgba(255,255,255,0.14);--x-alert-info-bg:rgba(80,160,255,0.18);--x-alert-info-border:rgba(80,160,255,0.42);--x-alert-info-color:rgba(230,245,255,0.92);--x-alert-success-bg:rgba(60,210,120,0.18);--x-alert-success-border:rgba(60,210,120,0.42);--x-alert-success-color:rgba(235,255,245,0.92);--x-alert-warning-bg:rgba(255,190,90,0.20);--x-alert-warning-border:rgba(255,190,90,0.46);--x-alert-warning-color:rgba(255,248,235,0.92);--x-alert-error-bg:rgba(255,90,110,0.18);--x-alert-error-border:rgba(255,90,110,0.46);--x-alert-error-color:rgba(255,235,238,0.92);}}:host([data-type\x3d'info']){--x-alert-bg:var(--x-alert-info-bg);--x-alert-border-color:var(--x-alert-info-border);--x-alert-color:var(--x-alert-info-color);}:host([data-type\x3d'success']){--x-alert-bg:var(--x-alert-success-bg);--x-alert-border-color:var(--x-alert-success-border);--x-alert-color:var(--x-alert-success-color);}:host([data-type\x3d'warning']){--x-alert-bg:var(--x-alert-warning-bg);--x-alert-border-color:var(--x-alert-warning-border);--x-alert-color:var(--x-alert-warning-color);}:host([data-type\x3d'error']){--x-alert-bg:var(--x-alert-error-bg);--x-alert-border-color:var(--x-alert-error-border);--x-alert-color:var(--x-alert-error-color);}[part\x3dcontainer]{display:flex;align-items:flex-start;gap:var(--x-alert-gap);padding:var(--x-alert-padding-y) var(--x-alert-padding-x);border:1px solid var(--x-alert-border-color);border-radius:var(--x-alert-radius);background:var(--x-alert-bg);color:var(--x-alert-color);font-size:var(--x-alert-font-size);transition:background var(--x-alert-motion-fast) var(--x-alert-motion-ease),border-color var(--x-alert-motion-fast) var(--x-alert-motion-ease),color var(--x-alert-motion-fast) var(--x-alert-motion-ease),opacity var(--x-alert-motion-fast) var(--x-alert-motion-ease),transform var(--x-alert-motion-fast) var(--x-alert-motion-ease);}[part\x3dicon]{flex:0 0 auto;line-height:1;margin-top:0.05em;}slot[name\x3dicon]::slotted(*){display:block;}[part\x3dtext]{flex:1 1 auto;line-height:1.25;min-width:0;overflow-wrap:anywhere;}[part\x3ddismiss]{flex:0 0 auto;appearance:none;border:0;background:transparent;color:var(--x-alert-dismiss-color);width:1.5em;height:1.5em;padding:0;margin:0;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--x-alert-motion-fast) var(--x-alert-motion-ease),transform var(--x-alert-motion-fast) var(--x-alert-motion-ease);}:host(:not([disabled])) [part\x3ddismiss]:hover{background:var(--x-alert-dismiss-hover-bg);}:host(:not([disabled])) [part\x3ddismiss]:active{transform:scale(var(--x-alert-press-scale));}[part\x3ddismiss]:focus{outline:none;}:host(:not([disabled])) [part\x3ddismiss]:focus-visible{outline:2px solid var(--x-alert-focus-ring);outline-offset:2px;}:host([disabled]){opacity:var(--x-alert-disabled-opacity);}:host([disabled]) [part\x3ddismiss]{cursor:default;pointer-events:none;}:host([data-entering]) [part\x3dcontainer]{animation:x-alert-enter var(--x-alert-enter-duration) var(--x-alert-motion-ease) both;}@keyframes x-alert-enter{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}:host([data-exiting]) [part\x3dcontainer]{animation:x-alert-exit var(--x-alert-exit-duration) var(--x-alert-motion-ease) forwards;}@keyframes x-alert-exit{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(4px);}}@media (prefers-reduced-motion:reduce){[part\x3dcontainer],[part\x3ddismiss]{transition:none !important;}:host([data-entering]) [part\x3dcontainer],:host([data-exiting]) [part\x3dcontainer]{animation:none !important;}}";
|
|
4
|
+
d.setAttribute("part","container");e.setAttribute("part","icon");e.setAttribute("aria-hidden","true");g.setAttribute("name","icon");h.setAttribute("part","default-icon");g.appendChild(h);e.appendChild(g);k.setAttribute("part","text");m.setAttribute("part","dismiss");m.setAttribute("type","button");q.setAttribute("aria-hidden","true");q.textContent="×";m.appendChild(q);d.appendChild(e);d.appendChild(k);d.appendChild(m);b.appendChild(c);b.appendChild(d);a.__xAlertRefs=new $APP.P(null,7,[$APP.rh,b,$APP.pi,
|
|
5
|
+
d,$APP.Fg,e,$APP.bi,g,$APP.Si,h,iq,k,$APP.dh,m],null);return $APP.l(a,"__xAlertRefs")},kq=function(a){a=new $APP.P(null,7,[$APP.ih,a.getAttribute("type"),$APP.Lh,a.getAttribute("text"),$APP.Jg,a.hasAttribute("icon"),$APP.li,a.getAttribute("icon"),$APP.Xh,a.getAttribute("dismissible"),$APP.Yh,a.hasAttribute("disabled"),$APP.gh,a.getAttribute("timeout-ms")],null);var b=$APP.M(a),c=$APP.I(b,$APP.ih);a=$APP.I(b,$APP.Lh);var d=$APP.I(b,$APP.Jg),e=$APP.I(b,$APP.li),g=$APP.I(b,$APP.Xh),h=$APP.I(b,$APP.Yh);
|
|
6
|
+
b=$APP.I(b,$APP.gh);c=$APP.I($APP.ej,typeof c==="string"?c.toLowerCase():null);c=$APP.n(c)?c:$APP.xh;typeof e==="string"?(e=e.trim(),e=$APP.N(e,"")&&$APP.N(e.toLowerCase(),"none")?e:null):e=null;d=$APP.n($APP.n(d)?e==null:d)?$APP.Xi:e!=null?$APP.Nh:$APP.$g;return new $APP.P(null,7,[$APP.Z,c,$APP.Lh,$APP.n(a)?a:"",$APP.cj,d,$APP.Zg,$APP.E.h(d,$APP.Nh)?e:null,$APP.uh,eq(g),$APP.U,$APP.J(h),$APP.Di,fq(b)],null)},lq=function(a){var b=kq(a);if($APP.N($APP.l(a,"__xAlertModel"),b)){b=$APP.M(b);var c=$APP.I(b,
|
|
7
|
+
$APP.Z),d=$APP.I(b,$APP.Lh),e=$APP.I(b,$APP.cj),g=$APP.I(b,$APP.Zg),h=$APP.I(b,$APP.uh),k=$APP.I(b,$APP.U),m=jq(a),q=$APP.M(m);m=$APP.I(q,$APP.pi);var r=$APP.I(q,$APP.Fg),v=$APP.I(q,$APP.bi),w=$APP.I(q,$APP.Si),z=$APP.I(q,iq);q=$APP.I(q,$APP.dh);v=$APP.n(v)?v.assignedNodes().length>0:null;$APP.E.h(e,$APP.Nh)||(g=$APP.I($APP.gj,c),g=$APP.n(g)?g:$APP.I($APP.gj,$APP.xh));e=$APP.p(v)&&$APP.E.h(e,$APP.Xi);a.setAttribute("data-type",dq(c));v=m.setAttribute;c=$APP.E.h(c,$APP.si)||$APP.E.h(c,$APP.ph)?"alert":
|
|
8
|
+
"status";v.call(m,"role",c);z.textContent=d;e?(w.textContent="",r.style.display="none"):(w.textContent=g,r.style.display="inline");$APP.n(h)?(q.disabled=$APP.J(k),q.style.display="inline-flex"):(q.disabled=!0,q.style.display="none");q.setAttribute("aria-label","Dismiss alert");d=$APP.n(h)?$APP.p(k):h;a.tabIndex=$APP.n(d)?0:-1;$APP.n(k)?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled");$APP.n(d)?a.setAttribute("aria-keyshortcuts","Escape"):a.removeAttribute("aria-keyshortcuts");
|
|
9
|
+
a.__xAlertModel=b}},mq=function(a){a=typeof a==="string"?a.trim():"";return $APP.E.h(a,"")||$APP.E.h(a,"0")||$APP.E.h(a,"0ms")||$APP.E.h(a,"0s")?0:$APP.n(a.endsWith("ms"))?(a=parseFloat(a.slice(0,a.length-2)),$APP.n(isNaN(a))?0:Math.max(0,Math.round(a))):$APP.n(a.endsWith("s"))?(a=parseFloat(a.slice(0,a.length-1)),$APP.n(isNaN(a))?0:Math.max(0,Math.round(1E3*a))):0},nq=function(a){var b=window.getComputedStyle(a);a=mq(b.getPropertyValue("--x-alert-exit-duration"));b=mq(b.getPropertyValue("--x-motion-exit-duration"));
|
|
10
|
+
return a>0?a:b>0?b:160},oq=function(a){var b=$APP.l(a,"__xAlertTimeout");$APP.n(b)&&(clearTimeout(b),a.__xAlertTimeout=null)},qq=function(a){oq(a);var b=function(){var c=$APP.l(a,"__xAlertModel");return $APP.n(c)?c:kq(a)}();$APP.n(function(){var c=gq(b);return $APP.n(c)?typeof $APP.Di.g(b)==="number"&&$APP.p($APP.l(a,"__xAlertExiting")):c}())&&$APP.ma(a,"__xAlertTimeout",setTimeout(function(){a.__xAlertTimeout=null;if($APP.n(function(){var d=a.isConnected;return $APP.n(d)?$APP.p($APP.l(a,"__xAlertExiting")):
|
|
11
|
+
d}())){var c=function(){var d=$APP.l(a,"__xAlertModel");return $APP.n(d)?d:kq(a)}();if($APP.n(gq(c)))return c=$APP.xg(hq(c,"timeout")),c=new CustomEvent("x-alert-dismiss",{detail:c,bubbles:!0,composed:!0,cancelable:!0}),c=a.dispatchEvent(c),$APP.n(c)?pq.g?pq.g(a):pq.call(null,a):null}return null},$APP.Di.g(b)))},rq=function(a){if(!$APP.n($APP.l(a,"__xAlertEntered"))){a.__xAlertEntered=!0;a.setAttribute("data-entering","");var b=jq(a);b=$APP.M(b);var c=$APP.I(b,$APP.pi);c.addEventListener("animationend",
|
|
12
|
+
function g(e){return $APP.E.h(e.target,c)?(c.removeEventListener("animationend",g),a.removeAttribute("data-entering")):null})}},pq=function(a){if(!$APP.n($APP.l(a,"__xAlertExiting"))){a.__xAlertExiting=!0;oq(a);a.removeAttribute("data-entering");var b=nq(a);if(b===0||$APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches))a.remove();else{var c=jq(a);c=$APP.M(c);var d=$APP.I(c,$APP.pi),e=function k(h){return $APP.E.h(h.target,d)?(d.removeEventListener("animationend",k),h=$APP.l(a,"__xAlertExitTimer"),
|
|
13
|
+
$APP.n(h)&&(clearTimeout(h),a.__xAlertExitTimer=null),$APP.n(a.isConnected)?a.remove():null):null};a.setAttribute("data-exiting","");d.addEventListener("animationend",e);$APP.ma(a,"__xAlertExitTimer",setTimeout(function(){var h=a.isConnected;return $APP.n($APP.n(h)?$APP.l(a,"__xAlertExiting"):h)?(d.removeEventListener("animationend",e),a.__xAlertExitTimer=null,a.remove()):null},b+60))}}return null},sq=function(a,b){var c=$APP.l(a,"__xAlertModel");c=$APP.n(c)?c:kq(a);b=$APP.xg(hq(c,b));b=new CustomEvent("x-alert-dismiss",
|
|
14
|
+
{detail:b,bubbles:!0,composed:!0,cancelable:!0});b=a.dispatchEvent(b);$APP.n(b)&&pq(a)},tq=function(a,b){var c=function(){var d=$APP.l(a,"__xAlertModel");return $APP.n(d)?d:kq(a)}();$APP.n(function(){var d=gq(c);return $APP.n(d)?$APP.p($APP.l(a,"__xAlertExiting")):d}())&&(b.preventDefault(),sq(a,"button"));return null},uq=function(a,b){if($APP.E.h(b.key,"Escape")){var c=function(){var d=$APP.l(a,"__xAlertModel");return $APP.n(d)?d:kq(a)}();$APP.n(function(){var d=gq(c);return $APP.n(d)?$APP.p($APP.l(a,
|
|
15
|
+
"__xAlertExiting")):d}())&&(b.preventDefault(),sq(a,"keyboard"))}return null},vq=function(a){function b(e){return uq(a,e)}function c(e){return tq(a,e)}var d=jq(a);d=$APP.M(d);$APP.I(d,$APP.dh).addEventListener("click",c);a.addEventListener("keydown",b);$APP.ma(a,"__xAlertHandlers",{click:c,keydown:b})},wq=function(a){oq(a);var b=$APP.l(a,"__xAlertExitTimer");$APP.n(b)&&(clearTimeout(b),a.__xAlertExitTimer=null);b=$APP.l(a,"__xAlertHandlers");var c=$APP.l(a,"__xAlertRefs");if($APP.n($APP.n(b)?c:b)){c=
|
|
16
|
+
$APP.dh.g(c);var d=$APP.l(b,"click");b=$APP.l(b,"keydown");$APP.n(d)&&c.removeEventListener("click",d);$APP.n(b)&&a.removeEventListener("keydown",b)}a.__xAlertHandlers=null},xq=function(a){Object.defineProperty(a,"type",{get:function(){var b=this.getAttribute("type");return $APP.n(b)?b:"info"},set:function(b){return $APP.n(b)?this.setAttribute("type",""+$APP.S.g(b)):this.removeAttribute("type")},enumerable:!0,configurable:!0});Object.defineProperty(a,"text",{get:function(){var b=this.getAttribute("text");
|
|
17
17
|
return $APP.n(b)?b:""},set:function(b){return $APP.n(b)?this.setAttribute("text",""+$APP.S.g(b)):this.removeAttribute("text")},enumerable:!0,configurable:!0});Object.defineProperty(a,"icon",{get:function(){return this.getAttribute("icon")},set:function(b){return $APP.n(b)?this.setAttribute("icon",""+$APP.S.g(b)):this.removeAttribute("icon")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",
|
|
18
|
-
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"dismissible",{get:function(){return
|
|
19
|
-
""+$APP.S.g(b|0))},enumerable:!0,configurable:!0})},
|
|
20
|
-
customElements.define("x-alert",
|
|
18
|
+
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"dismissible",{get:function(){return eq(this.getAttribute("dismissible"))},set:function(b){return $APP.n(b)?this.setAttribute("dismissible",""):this.setAttribute("dismissible","false")},enumerable:!0,configurable:!0});Object.defineProperty(a,"timeoutMs",{get:function(){return fq(this.getAttribute("timeout-ms"))},set:function(b){return b==null?this.removeAttribute("timeout-ms"):this.setAttribute("timeout-ms",
|
|
19
|
+
""+$APP.S.g(b|0))},enumerable:!0,configurable:!0})},zq=function(){var a=class extends HTMLElement{};a.observedAttributes=yq;a.prototype.connectedCallback=function(){jq(this);wq(this);vq(this);lq(this);rq(this);qq(this);return null};a.prototype.disconnectedCallback=function(){wq(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(lq(this),$APP.n(this.isConnected)&&qq(this));return null};xq(a.prototype);return a},Aq=function(){$APP.n(customElements.get("x-alert"))||
|
|
20
|
+
customElements.define("x-alert",zq());return null},yq="type text icon dismissible disabled timeout-ms".split(" "),iq=new $APP.K(null,"text-el","text-el",-1615414066);$APP.ka("baredom.exports.x_alert.init",Aq);export const init=Aq;
|
package/dist/x-avatar-group.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
e.setAttribute("part","overflow");e.setAttribute("aria-hidden","true");b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xAvatarGroupRefs=new $APP.P(null,2,[$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
g=null;for(r=k=0;;)if(r<k){var w=g.F(null,r),z=$APP.H(w,0,null);w=$APP.H(w,1,null);w<e?(z.style.display="",z.setAttribute("size",c),$APP.n(h)?z.setAttribute("disabled",""):z.removeAttribute("disabled"),z.style.marginInlineStart=w>0?
|
|
7
|
-
g.style.marginInlineStart=k>0?
|
|
8
|
-
b);$APP.ma(a,"__xAvatarGroupHandlers",{slot:b})},
|
|
9
|
-
configurable:!0})},
|
|
10
|
-
"max",{get:function(){return
|
|
11
|
-
return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(b=
|
|
12
|
-
"overlap",-1673335644);var
|
|
2
|
+
var Bq=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Cc(a,c)?c:b},Cq=function(a){if(typeof a==="string"){a=parseInt(a,10);var b=isFinite(a);return $APP.n($APP.n(b)?a>0:b)?a:null}return null},Eq=function(a){var b=$APP.l(a,"__xAvatarGroupRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("slot"),e=document.createElement("span");c.textContent=":host{display:inline-flex;align-items:center;flex-direction:row;color-scheme:light dark;--x-avatar-group-overflow-bg:rgba(0,0,0,0.08);--x-avatar-group-overflow-color:rgba(0,0,0,0.70);--x-avatar-group-overflow-border:rgba(0,0,0,0.14);--x-avatar-group-overflow-ring:#ffffff;--x-avatar-group-size:32px;--x-avatar-group-font-size:0.75rem;}@media (prefers-color-scheme:dark){:host{--x-avatar-group-overflow-bg:rgba(255,255,255,0.10);--x-avatar-group-overflow-color:rgba(255,255,255,0.75);--x-avatar-group-overflow-border:rgba(255,255,255,0.18);--x-avatar-group-overflow-ring:#0b0c0f;}}:host([data-size\x3d'xs']){--x-avatar-group-size:20px;--x-avatar-group-font-size:0.625rem;}:host([data-size\x3d'sm']){--x-avatar-group-size:24px;--x-avatar-group-font-size:0.6875rem;}:host([data-size\x3d'md']){--x-avatar-group-size:32px;--x-avatar-group-font-size:0.75rem;}:host([data-size\x3d'lg']){--x-avatar-group-size:40px;--x-avatar-group-font-size:0.875rem;}:host([data-size\x3d'xl']){--x-avatar-group-size:48px;--x-avatar-group-font-size:1rem;}:host([data-direction\x3d'rtl']){flex-direction:row-reverse;}[part\x3doverflow]{display:none;flex-shrink:0;width:var(--x-avatar-group-size);height:var(--x-avatar-group-size);border-radius:999px;background:var(--x-avatar-group-overflow-bg);color:var(--x-avatar-group-overflow-color);border:1px solid var(--x-avatar-group-overflow-border);box-shadow:0 0 0 2px var(--x-avatar-group-overflow-ring);font-size:var(--x-avatar-group-font-size);font-weight:600;line-height:1;align-items:center;justify-content:center;user-select:none;box-sizing:border-box;white-space:nowrap;}::slotted(x-avatar){flex-shrink:0;}@media (prefers-reduced-motion:reduce){::slotted(x-avatar){transition:none !important;}}";
|
|
3
|
+
e.setAttribute("part","overflow");e.setAttribute("aria-hidden","true");b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xAvatarGroupRefs=new $APP.P(null,2,[$APP.Ph,d,Dq,e],null);return $APP.l(a,"__xAvatarGroupRefs")},Lq=function(a){a=new $APP.P(null,6,[$APP.fi,a.getAttribute("size"),Fq,a.getAttribute("overlap"),$APP.hh,a.getAttribute("max"),Gq,a.getAttribute("direction"),$APP.Yh,a.hasAttribute("disabled"),$APP.ch,a.getAttribute("label")],null);var b=$APP.M(a);a=$APP.I(b,$APP.fi);var c=$APP.I(b,
|
|
4
|
+
Fq),d=$APP.I(b,$APP.hh),e=$APP.I(b,Gq),g=$APP.I(b,$APP.Yh);b=$APP.I(b,$APP.ch);a=Bq(Hq,"md",a);c=Bq(Iq,"md",c);d=Cq(d);e=Bq(Jq,"ltr",e);g=$APP.J(g);typeof b==="string"?(b=b.trim(),b=$APP.E.h(b,"")?null:b):b=null;return new $APP.P(null,6,[$APP.Ag,a,Kq,c,$APP.eh,d,$APP.ai,e,$APP.wi,g,$APP.W,b],null)},Nq=function(a,b){b=$APP.M(b);var c=$APP.I(b,$APP.Ag),d=$APP.I(b,Kq),e=$APP.I(b,$APP.eh),g=$APP.I(b,$APP.ai),h=$APP.I(b,$APP.wi),k=$APP.I(b,$APP.W),m=Eq(a);m=$APP.M(m);var q=$APP.I(m,$APP.Ph);m=$APP.I(m,
|
|
5
|
+
Dq);var r=$APP.hc(q.assignedElements());q=$APP.B(r);q=$APP.n($APP.n(e)?q>e:e)?new $APP.O(null,2,5,$APP.Xd,[e,q-e],null):new $APP.O(null,2,5,$APP.Xd,[q,0],null);e=$APP.H(q,0,null);q=$APP.H(q,1,null);var v=$APP.lc(Mq,d,"0px");a.setAttribute("data-size",c);a.setAttribute("data-overlap",d);a.setAttribute("data-direction",g);a.setAttribute("role","group");$APP.n(k)?a.setAttribute("aria-label",k):a.removeAttribute("aria-label");$APP.n(h)?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled");
|
|
6
|
+
d=$APP.u($APP.Id.m($APP.og,r,$APP.Cf(0,Number.MAX_VALUE)));g=null;for(r=k=0;;)if(r<k){var w=g.F(null,r),z=$APP.H(w,0,null);w=$APP.H(w,1,null);w<e?(z.style.display="",z.setAttribute("size",c),$APP.n(h)?z.setAttribute("disabled",""):z.removeAttribute("disabled"),z.style.marginInlineStart=w>0?v:"0px"):z.style.display="none";r+=1}else if(d=$APP.u(d))$APP.yc(d)?(k=$APP.ob(d),d=$APP.pb(d),g=k,k=$APP.B(k)):(k=$APP.x(d),g=$APP.H(k,0,null),k=$APP.H(k,1,null),k<e?(g.style.display="",g.setAttribute("size",c),
|
|
7
|
+
$APP.n(h)?g.setAttribute("disabled",""):g.removeAttribute("disabled"),g.style.marginInlineStart=k>0?v:"0px"):g.style.display="none",d=$APP.y(d),g=null,k=0),r=0;else break;q>0?(m.textContent="+"+$APP.S.g(q),m.setAttribute("role","img"),m.setAttribute("aria-label",""+$APP.S.g(q)+" more"),m.style.display="inline-flex",m.style.marginInlineStart=v):(m.textContent="",m.style.display="none");a.__xAvatarGroupModel=b},Oq=function(a){Nq(a,Lq(a));return null},Pq=function(a){function b(){return Oq(a)}var c=Eq(a);
|
|
8
|
+
c=$APP.M(c);c=$APP.I(c,$APP.Ph);$APP.n(c)&&c.addEventListener("slotchange",b);$APP.ma(a,"__xAvatarGroupHandlers",{slot:b})},Qq=function(a){var b=$APP.l(a,"__xAvatarGroupHandlers");if($APP.n(b)){var c=$APP.l(a,"__xAvatarGroupRefs");$APP.n(c)&&(c=$APP.Ph.g(c),b=$APP.l(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xAvatarGroupHandlers=null},Rq=function(a){Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?
|
|
9
|
+
this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},Sq=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},Tq=function(a){Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",
|
|
10
|
+
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},Uq=function(a){Object.defineProperty(a,"max",{get:function(){return Cq(this.getAttribute("max"))},set:function(b){return b!=null?this.setAttribute("max",""+$APP.S.g(b)):this.removeAttribute("max")},enumerable:!0,configurable:!0})},Vq=function(a){Sq(a,"size","md");Sq(a,"overlap","md");Sq(a,"direction","ltr");Rq(a);Tq(a);Uq(a)},Xq=function(){var a=class extends HTMLElement{};a.observedAttributes=Wq;a.prototype.connectedCallback=
|
|
11
|
+
function(){Eq(this);Qq(this);Pq(this);Oq(this);return null};a.prototype.disconnectedCallback=function(){Qq(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(b=Lq(this),$APP.N($APP.l(this,"__xAvatarGroupModel"),b)&&Nq(this,b));return null};Vq(a.prototype);return a},Yq=function(){$APP.n(customElements.get("x-avatar-group"))||customElements.define("x-avatar-group",Xq());return null},Fq=new $APP.K(null,"overlap-raw","overlap-raw",1202229114),Dq=new $APP.K(null,"overflow",
|
|
12
|
+
"overflow",2058931880),Gq=new $APP.K(null,"direction-raw","direction-raw",560730236),Kq=new $APP.K(null,"overlap","overlap",-1673335644);var Wq="size overlap max direction disabled label".split(" "),Hq=new $APP.R(null,new $APP.P(null,5,["xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),Iq=new $APP.R(null,new $APP.P(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),Jq=new $APP.R(null,new $APP.P(null,2,["ltr",null,"rtl",null],null),null),Mq=new $APP.P(null,4,"none 0px sm -4px md -8px lg -12px".split(" "),null);$APP.ka("baredom.exports.x_avatar_group.init",Yq);export const init=Yq;
|
package/dist/x-avatar.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var r=$APP.x(m);m=$APP.Mb(m);return k(q,r,m)};h.G=k;return h}();e=function(h,k,m){switch(arguments.length){case 0:return d.call(this);case 1:return c.call(this,h);case 2:return b.call(this,h,k);default:var q=null;if(arguments.length>2){q=0;for(var r=Array(arguments.length-2);q<r.length;)r[q]=arguments[q+2],++q;q=new $APP.Ib(r,0,null)}return g.G(h,k,q)}throw Error("Invalid arity: "+arguments.length);};e.Y=2;e.X=g.X;e.K=d;e.g=c;e.h=b;e.G=g.G;return e}()},
|
|
4
|
-
function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Cc(a,c)?c:b},
|
|
5
|
-
|
|
6
|
-
d.setAttribute("part","root");e.setAttribute("part","image");e.setAttribute("alt","");g.setAttribute("part","initials");h.setAttribute("part","fallback");h.textContent="?";k.setAttribute("part","status");k.setAttribute("aria-hidden","true");m.setAttribute("part","badge");q.setAttribute("name","badge");m.appendChild(q);d.appendChild(e);d.appendChild(g);d.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(k);b.appendChild(m);a.__xAvatarRefs=new $APP.P(null,7,[
|
|
7
|
-
m,
|
|
2
|
+
var QE=function(a){return function(){function b(h,k){return $APP.p(a.h?a.h(h,k):a.call(null,h,k))}function c(h){return $APP.p(a.g?a.g(h):a.call(null,h))}function d(){return $APP.p(a.K?a.K():a.call(null))}var e=null,g=function(){function h(m,q,r){var v=null;if(arguments.length>2){v=0;for(var w=Array(arguments.length-2);v<w.length;)w[v]=arguments[v+2],++v;v=new $APP.Ib(w,0,null)}return k.call(this,m,q,v)}function k(m,q,r){return $APP.p($APP.td(a,m,q,r))}h.Y=2;h.X=function(m){var q=$APP.x(m);m=$APP.y(m);
|
|
3
|
+
var r=$APP.x(m);m=$APP.Mb(m);return k(q,r,m)};h.G=k;return h}();e=function(h,k,m){switch(arguments.length){case 0:return d.call(this);case 1:return c.call(this,h);case 2:return b.call(this,h,k);default:var q=null;if(arguments.length>2){q=0;for(var r=Array(arguments.length-2);q<r.length;)r[q]=arguments[q+2],++q;q=new $APP.Ib(r,0,null)}return g.G(h,k,q)}throw Error("Invalid arity: "+arguments.length);};e.Y=2;e.X=g.X;e.K=d;e.g=c;e.h=b;e.G=g.G;return e}()},RE=function(a,b){return $APP.Kd(QE(a),b)},SE=
|
|
4
|
+
function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Cc(a,c)?c:b},TE=function(a){return typeof a==="string"?(a=a.trim(),$APP.E.h(a,"")?null:a):null},UE=function(a){a=TE(a);if($APP.n(a)){var b=$APP.be(RE(function(c){return $APP.E.h(c,"")},a.split(/\s+/)));if($APP.u(b))return a=$APP.x(b)[0],b=$APP.B(b)>=2?$APP.x($APP.y(b))[0]:null,a=""+$APP.S.g(a)+$APP.S.g($APP.n(b)?b:""),$APP.E.h(a,"")?null:a.toUpperCase()}return null},XE=function(a){var b=$APP.M(a);a=$APP.I(b,VE);b=$APP.I(b,
|
|
5
|
+
WE);return $APP.n(a)?a:b},ZE=function(a){var b=$APP.M(a);a=$APP.I(b,YE);b=$APP.I(b,$APP.gi);return $APP.n(a)?a:b},gF=function(a){var b=$APP.l(a,"__xAvatarRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("img"),g=document.createElement("span"),h=document.createElement("span"),k=document.createElement("span"),m=document.createElement("span"),q=document.createElement("slot");c.textContent=":host{display:inline-block;vertical-align:middle;position:relative;color-scheme:light dark;--x-avatar-size-xs:20px;--x-avatar-size-sm:24px;--x-avatar-size-md:32px;--x-avatar-size-lg:40px;--x-avatar-size-xl:48px;--x-avatar-radius:10px;--x-avatar-disabled-opacity:0.55;--x-avatar-bg:rgba(0,0,0,0.06);--x-avatar-border:rgba(0,0,0,0.14);--x-avatar-color:rgba(0,0,0,0.86);--x-avatar-ring:#ffffff;--x-avatar-status-online:rgba(16,140,72,0.95);--x-avatar-status-offline:rgba(0,0,0,0.45);--x-avatar-status-busy:rgba(190,20,40,0.95);--x-avatar-status-away:rgba(204,120,0,0.95);--x-avatar-status-color:transparent;--x-avatar-font-size:0.875rem;--x-avatar-size:var(--x-avatar-size-md);}@media (prefers-color-scheme:dark){:host{--x-avatar-bg:rgba(255,255,255,0.10);--x-avatar-border:rgba(255,255,255,0.18);--x-avatar-color:rgba(255,255,255,0.88);--x-avatar-ring:#0b0c0f;--x-avatar-status-online:rgba(60,210,120,0.95);--x-avatar-status-offline:rgba(255,255,255,0.45);--x-avatar-status-busy:rgba(255,90,110,0.95);--x-avatar-status-away:rgba(255,190,90,0.95);}}:host([data-size\x3d'xs']){--x-avatar-size:var(--x-avatar-size-xs);--x-avatar-font-size:0.625rem;}:host([data-size\x3d'sm']){--x-avatar-size:var(--x-avatar-size-sm);--x-avatar-font-size:0.75rem;}:host([data-size\x3d'md']){--x-avatar-size:var(--x-avatar-size-md);}:host([data-size\x3d'lg']){--x-avatar-size:var(--x-avatar-size-lg);--x-avatar-font-size:1rem;}:host([data-size\x3d'xl']){--x-avatar-size:var(--x-avatar-size-xl);--x-avatar-font-size:1.125rem;}:host([data-variant\x3d'brand']){--x-avatar-bg:rgba(0,102,204,0.10);--x-avatar-border:rgba(0,102,204,0.30);--x-avatar-color:rgba(0,60,120,0.90);}:host([data-variant\x3d'subtle']){--x-avatar-bg:rgba(0,0,0,0.03);--x-avatar-border:rgba(0,0,0,0.08);--x-avatar-color:rgba(0,0,0,0.55);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'brand']){--x-avatar-bg:rgba(80,160,255,0.18);--x-avatar-border:rgba(80,160,255,0.40);--x-avatar-color:rgba(210,235,255,0.92);}:host([data-variant\x3d'subtle']){--x-avatar-bg:rgba(255,255,255,0.04);--x-avatar-border:rgba(255,255,255,0.08);--x-avatar-color:rgba(255,255,255,0.50);}}[part\x3droot]{width:var(--x-avatar-size);height:var(--x-avatar-size);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--x-avatar-bg);color:var(--x-avatar-color);border:1px solid var(--x-avatar-border);box-shadow:0 0 0 2px var(--x-avatar-ring);font-size:var(--x-avatar-font-size);font-weight:600;line-height:1;user-select:none;border-radius:999px;}:host([data-shape\x3d'square']) [part\x3droot]{border-radius:0;}:host([data-shape\x3d'rounded']) [part\x3droot]{border-radius:var(--x-avatar-radius);}:host([disabled]){opacity:var(--x-avatar-disabled-opacity);}[part\x3dimage]{width:100%;height:100%;object-fit:cover;display:none;}[part\x3dinitials],[part\x3dfallback]{display:none;padding:0 0.25em;}[part\x3dstatus]{position:absolute;right:-1px;bottom:-1px;width:0.34em;height:0.34em;min-width:10px;min-height:10px;border-radius:999px;border:2px solid var(--x-avatar-ring);background:var(--x-avatar-status-color);display:none;}[part\x3dbadge]{position:absolute;top:-4px;right:-4px;display:none;}slot[name\x3dbadge]::slotted(*){display:block;}@media (prefers-reduced-motion:reduce){[part\x3droot]{transition:none !important;}}";
|
|
6
|
+
d.setAttribute("part","root");e.setAttribute("part","image");e.setAttribute("alt","");g.setAttribute("part","initials");h.setAttribute("part","fallback");h.textContent="?";k.setAttribute("part","status");k.setAttribute("aria-hidden","true");m.setAttribute("part","badge");q.setAttribute("name","badge");m.appendChild(q);d.appendChild(e);d.appendChild(g);d.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(k);b.appendChild(m);a.__xAvatarRefs=new $APP.P(null,7,[$E,d,aF,e,bF,g,cF,h,dF,k,eF,
|
|
7
|
+
m,fF,q],null);return $APP.l(a,"__xAvatarRefs")},jF=function(a,b){b=$APP.M(b);var c=$APP.I(b,hF),d=$APP.I(b,$APP.Ag),e=$APP.I(b,iF),g=$APP.I(b,$APP.Vg),h=$APP.I(b,$APP.Gg),k=$APP.I(b,$APP.wi),m=gF(a),q=$APP.M(m);m=$APP.I(q,aF);var r=$APP.I(q,bF),v=$APP.I(q,cF),w=$APP.I(q,dF),z=$APP.I(q,eF),A=$APP.I(q,fF),C=$APP.J($APP.l(a,"__xAvatarImgOk")),F=c!=null;q=XE(b);var D=ZE(b);C=F&&C;F=!C&&q!=null;var Q=!C&&!F;A=$APP.n(A)?A.assignedNodes().length>0:null;a.setAttribute("data-size",d);a.setAttribute("data-shape",
|
|
8
8
|
e);a.setAttribute("data-variant",g);$APP.n(D)?(a.setAttribute("role","img"),a.setAttribute("aria-label",D),a.removeAttribute("aria-hidden")):(a.removeAttribute("role"),a.removeAttribute("aria-label"),a.setAttribute("aria-hidden","true"));$APP.n(k)?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled");c=$APP.n(c)?c:"";$APP.N(function(){var V=$APP.l(a,"__xAvatarLastSrc");return $APP.n(V)?V:""}(),c)&&(a.__xAvatarLastSrc=c,m.src=c);m.style.display=C?"block":"none";F&&(r.textContent=
|
|
9
|
-
q);r.style.display=F?"inline":"none";
|
|
10
|
-
|
|
11
|
-
3):d:null;var r=d==null?
|
|
12
|
-
|
|
13
|
-
b)}}a.__xAvatarHandlers=null},
|
|
14
|
-
"src");
|
|
15
|
-
return null};a.prototype.disconnectedCallback=function(){
|
|
16
|
-
"badge-slot","badge-slot",2030670001),
|
|
17
|
-
1068654895),
|
|
18
|
-
$APP.
|
|
9
|
+
q);r.style.display=F?"inline":"none";v.style.display=Q?"inline":"none";$APP.n(h)?(a.style.setProperty("--x-avatar-status-color",function(){switch(h){case "online":return"var(--x-avatar-status-online)";case "busy":return"var(--x-avatar-status-busy)";case "away":return"var(--x-avatar-status-away)";default:return"var(--x-avatar-status-offline)"}}()),w.style.display="block"):w.style.display="none";z.style.display=$APP.n(A)?"block":"none";a.__xAvatarModel=b},sF=function(a){var b=$APP.cf([kF,$APP.Dh,$APP.Jh,
|
|
10
|
+
lF,$APP.Ah,$APP.Yh,mF,nF,$APP.fi],[a.getAttribute("initials"),a.getAttribute("variant"),a.getAttribute("name"),a.getAttribute("shape"),a.getAttribute("status"),a.hasAttribute("disabled"),a.getAttribute("alt"),a.getAttribute("src"),a.getAttribute("size")]);var c=$APP.M(b),d=$APP.I(c,kF),e=$APP.I(c,$APP.Dh),g=$APP.I(c,$APP.Jh);b=$APP.I(c,lF);var h=$APP.I(c,$APP.Ah),k=$APP.I(c,mF),m=$APP.I(c,$APP.Yh),q=$APP.I(c,nF);c=$APP.I(c,$APP.fi);q=TE(q);k=TE(k);g=TE(g);d=TE(d);d=$APP.n(d)?d.length>3?d.slice(0,
|
|
11
|
+
3):d:null;var r=d==null?UE(g):null,v=[VE,$APP.wi,$APP.Vg,YE,$APP.gi,hF,$APP.Ag,$APP.Gg,WE,iF];m=$APP.J(m);e=SE(oF,"neutral",e);c=SE(pF,"md",c);h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.Cc(qF,h)?h:null;b=$APP.cf(v,[d,m,e,k,g,q,c,h,r,SE(rF,"circle",b)]);$APP.N($APP.l(a,"__xAvatarModel"),b)&&jF(a,b);return null},tF=function(a){function b(){return sF(a)}function c(){a.__xAvatarImgOk=!1;return sF(a)}function d(){a.__xAvatarImgOk=!0;return sF(a)}var e=gF(a),g=$APP.M(e);e=$APP.I(g,aF);g=$APP.I(g,
|
|
12
|
+
fF);e.addEventListener("load",d);e.addEventListener("error",c);$APP.n(g)&&g.addEventListener("slotchange",b);$APP.ma(a,"__xAvatarHandlers",{load:d,error:c,slot:b})},uF=function(a){var b=$APP.l(a,"__xAvatarHandlers");if($APP.n(b)){var c=$APP.l(a,"__xAvatarRefs");if($APP.n(c)){var d=aF.g(c);c=fF.g(c);var e=$APP.l(b,"load"),g=$APP.l(b,"error");b=$APP.l(b,"slot");$APP.n(e)&&d.removeEventListener("load",e);$APP.n(g)&&d.removeEventListener("error",g);$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",
|
|
13
|
+
b)}}a.__xAvatarHandlers=null},vF=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""+$APP.S.g(c)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},xF=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},yF=function(a){vF(a,
|
|
14
|
+
"src");vF(a,"alt");vF(a,"name");vF(a,"initials");xF(a,"size","md");xF(a,"shape","circle");xF(a,"variant","neutral");vF(a,"status");Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},AF=function(){var a=class extends HTMLElement{};a.observedAttributes=zF;a.prototype.connectedCallback=function(){gF(this);uF(this);tF(this);sF(this);
|
|
15
|
+
return null};a.prototype.disconnectedCallback=function(){uF(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&($APP.E.h(b,"src")&&(this.__xAvatarImgOk=!1),sF(this));return null};yF(a.prototype);return a},BF=function(){$APP.n(customElements.get("x-avatar"))||customElements.define("x-avatar",AF());return null},hF=new $APP.K(null,"src","src",-1651076051),YE=new $APP.K(null,"alt","alt",-3214426),eF=new $APP.K(null,"badge-el","badge-el",1341875403),fF=new $APP.K(null,
|
|
16
|
+
"badge-slot","badge-slot",2030670001),lF=new $APP.K(null,"shape-raw","shape-raw",1588938757),bF=new $APP.K(null,"initials-el","initials-el",2044340724),kF=new $APP.K(null,"initials-raw","initials-raw",1031756224),aF=new $APP.K(null,"img","img",1442687358),WE=new $APP.K(null,"derived","derived",1986040597),nF=new $APP.K(null,"src-raw","src-raw",-510472785),mF=new $APP.K(null,"alt-raw","alt-raw",-1423153400),cF=new $APP.K(null,"fallback-el","fallback-el",-208030239),$E=new $APP.K(null,"root-el","root-el",
|
|
17
|
+
1068654895),iF=new $APP.K(null,"shape","shape",1190694006),dF=new $APP.K(null,"status-el","status-el",2132204108),VE=new $APP.K(null,"initials","initials",-2130377215);var zF="src alt name initials size shape variant status disabled".split(" "),pF=new $APP.R(null,new $APP.P(null,5,["xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),rF=new $APP.R(null,new $APP.P(null,3,["rounded",null,"square",null,"circle",null],null),null),oF=new $APP.R(null,new $APP.P(null,3,["neutral",null,"brand",null,"subtle",null],null),null),qF=new $APP.R(null,new $APP.P(null,4,["online",null,"away",null,"offline",null,"busy",null],null),null);
|
|
18
|
+
$APP.cf([VE,$APP.wi,$APP.Vg,YE,$APP.gi,hF,$APP.Ag,$APP.Gg,iF],[new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.Ji],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null),new $APP.P(null,1,[$APP.Z,$APP.X],null)]);$APP.ka("baredom.exports.x_avatar.init",BF);export const init=BF;
|
package/dist/x-badge.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.K?b.oa:null){case "count":return a>c?""+$APP.S.g(c)+"+":""+$APP.S.g(a);case "text":return d;default:return null}},
|
|
4
|
-
[$APP.J(k),
|
|
5
|
-
d.setAttribute("part","base");d.setAttribute("role","status");g.setAttribute("part","label");d.appendChild(e);d.appendChild(g);b.appendChild(c);b.appendChild(d);a.__xBadgeRefs=new $APP.P(null,3,[
|
|
6
|
-
a.getAttribute("size"),a.getAttribute("count"),a.getAttribute("aria-label"),a.getAttribute("dot"),a.getAttribute("aria-describedby"),a.getAttribute("pill")]))},
|
|
7
|
-
$APP.
|
|
8
|
-
$APP.ma(a,"__xBadgeHandlers",{slot:b})},
|
|
9
|
-
b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},
|
|
10
|
-
null?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
var nE=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Cc(a,c)?c:b},oE=function(a,b){if(typeof a==="string"){a=parseInt(a,10);var c=isFinite(a);return $APP.n($APP.n(c)?a>=0:c)?a:b}return b},tE=function(a){var b=$APP.M(a);a=$APP.I(b,pE);var c=$APP.I(b,$APP.Hg),d=$APP.I(b,$APP.Lh);b=$APP.I(b,qE);return $APP.n(a)?rE:c!=null?$APP.Hg:d!=null?$APP.Lh:$APP.n(b)?qE:sE},uE=function(a){var b=$APP.M(a);a=$APP.I(b,$APP.Hg);var c=$APP.I(b,$APP.eh),d=$APP.I(b,$APP.Lh);b=tE(b);switch(b instanceof
|
|
3
|
+
$APP.K?b.oa:null){case "count":return a>c?""+$APP.S.g(c)+"+":""+$APP.S.g(a);case "text":return d;default:return null}},BE=function(a){var b=$APP.M(a);a=$APP.I(b,$APP.Ci);var c=$APP.I(b,vE),d=$APP.I(b,$APP.ii),e=$APP.I(b,wE),g=$APP.I(b,$APP.Dh),h=$APP.I(b,$APP.zg),k=$APP.I(b,pE),m=$APP.I(b,$APP.hh),q=$APP.I(b,xE);b=$APP.I(b,$APP.fi);m=oE(m,99);var r=$APP.n(q)?function(){var v=oE(q,null);return v!=null?v:null}():null;return $APP.cf([pE,$APP.Vg,yE,$APP.Ag,$APP.eh,$APP.Hg,$APP.Vi,qE,$APP.$h,$APP.Lh],
|
|
4
|
+
[$APP.J(k),nE(zE,"neutral",g),e!=null&&$APP.N(e,"false"),nE(AE,"md",b),m,r,d,c!=null&&$APP.N(c,"false"),a,typeof h==="string"?function(){var v=h.trim();return $APP.E.h(v,"")?null:v}():null])},DE=function(a){var b=$APP.l(a,"__xBadgeRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),g=document.createElement("span");c.textContent=":host{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;color-scheme:light dark;--x-badge-bg:rgba(0,0,0,0.08);--x-badge-color:rgba(0,0,0,0.80);--x-badge-border:rgba(0,0,0,0.12);--x-badge-font-size:0.75rem;--x-badge-height:1.25rem;--x-badge-padding:0 0.375rem;--x-badge-radius:0.25rem;}@media (prefers-color-scheme:dark){:host{--x-badge-bg:rgba(255,255,255,0.12);--x-badge-color:rgba(255,255,255,0.88);--x-badge-border:rgba(255,255,255,0.14);}}:host([data-variant\x3d'info']){--x-badge-bg:rgba(0,102,204,0.12);--x-badge-color:rgba(0,60,140,0.90);--x-badge-border:rgba(0,102,204,0.25);}:host([data-variant\x3d'success']){--x-badge-bg:rgba(16,140,72,0.12);--x-badge-color:rgba(0,90,45,0.90);--x-badge-border:rgba(16,140,72,0.25);}:host([data-variant\x3d'warning']){--x-badge-bg:rgba(204,120,0,0.12);--x-badge-color:rgba(140,70,0,0.90);--x-badge-border:rgba(204,120,0,0.25);}:host([data-variant\x3d'error']){--x-badge-bg:rgba(190,20,40,0.12);--x-badge-color:rgba(140,0,20,0.90);--x-badge-border:rgba(190,20,40,0.25);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'info']){--x-badge-bg:rgba(80,160,255,0.18);--x-badge-color:rgba(210,235,255,0.95);--x-badge-border:rgba(80,160,255,0.35);}:host([data-variant\x3d'success']){--x-badge-bg:rgba(60,210,120,0.18);--x-badge-color:rgba(200,255,230,0.95);--x-badge-border:rgba(60,210,120,0.35);}:host([data-variant\x3d'warning']){--x-badge-bg:rgba(255,190,90,0.18);--x-badge-color:rgba(255,235,180,0.95);--x-badge-border:rgba(255,190,90,0.35);}:host([data-variant\x3d'error']){--x-badge-bg:rgba(255,90,110,0.18);--x-badge-color:rgba(255,210,215,0.95);--x-badge-border:rgba(255,90,110,0.35);}}:host([data-size\x3d'sm']){--x-badge-font-size:0.6875rem;--x-badge-height:1rem;--x-badge-padding:0 0.25rem;--x-badge-radius:0.1875rem;}[part\x3dbase]{display:inline-flex;align-items:center;justify-content:center;min-height:var(--x-badge-height);padding:var(--x-badge-padding);border-radius:var(--x-badge-radius);border:1px solid var(--x-badge-border);background:var(--x-badge-bg);color:var(--x-badge-color);font-size:var(--x-badge-font-size);font-weight:600;line-height:1;white-space:nowrap;user-select:none;box-sizing:border-box;}:host([data-pill]) [part\x3dbase]{border-radius:999px;}:host([data-dot]) [part\x3dbase]{min-width:var(--x-badge-height);padding:0;}:host([data-mode\x3d'dot']) [part\x3dlabel],:host([data-mode\x3d'empty']) [part\x3dbase]{display:none;}slot{display:none;}:host([data-mode\x3d'slot']) slot{display:contents;}:host([data-mode\x3d'slot']) [part\x3dlabel]{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dbase]{transition:none !important;}}";
|
|
5
|
+
d.setAttribute("part","base");d.setAttribute("role","status");g.setAttribute("part","label");d.appendChild(e);d.appendChild(g);b.appendChild(c);b.appendChild(d);a.__xBadgeRefs=new $APP.P(null,3,[CE,d,$APP.Ph,e,$APP.Pi,g],null);return $APP.l(a,"__xBadgeRefs")},EE=function(a){var b=DE(a);b=$APP.M(b);b=$APP.I(b,$APP.Ph);return BE($APP.cf([$APP.Dh,$APP.zg,pE,$APP.hh,$APP.fi,xE,$APP.Ci,vE,$APP.ii,wE],[a.getAttribute("variant"),a.getAttribute("text"),$APP.n(b)?b.assignedNodes().length>0:null,a.getAttribute("max"),
|
|
6
|
+
a.getAttribute("size"),a.getAttribute("count"),a.getAttribute("aria-label"),a.getAttribute("dot"),a.getAttribute("aria-describedby"),a.getAttribute("pill")]))},FE=function(a){var b=EE(a);if($APP.N($APP.l(a,"__xBadgeModel"),b)){b=$APP.M(b);var c=$APP.I(b,$APP.Vg),d=$APP.I(b,$APP.Ag),e=$APP.I(b,yE),g=$APP.I(b,qE),h=$APP.I(b,$APP.$h),k=$APP.I(b,$APP.Vi),m=DE(a),q=$APP.M(m);m=$APP.I(q,CE);q=$APP.I(q,$APP.Pi);var r=tE(b),v=uE(b);a.setAttribute("data-variant",c);a.setAttribute("data-size",d);a.setAttribute("data-mode",
|
|
7
|
+
$APP.wf(r));$APP.n(e)?a.setAttribute("data-pill",""):a.removeAttribute("data-pill");$APP.n(g)?a.setAttribute("data-dot",""):a.removeAttribute("data-dot");q.textContent=$APP.n(v)?v:"";$APP.n(h)?m.setAttribute("aria-label",h):m.removeAttribute("aria-label");$APP.n(k)?m.setAttribute("aria-describedby",k):m.removeAttribute("aria-describedby");a.__xBadgeModel=b}return null},GE=function(a){function b(){return FE(a)}var c=DE(a);c=$APP.M(c);c=$APP.I(c,$APP.Ph);$APP.n(c)&&c.addEventListener("slotchange",b);
|
|
8
|
+
$APP.ma(a,"__xBadgeHandlers",{slot:b})},HE=function(a){var b=$APP.l(a,"__xBadgeHandlers");if($APP.n(b)){var c=$APP.l(a,"__xBadgeRefs");$APP.n(c)&&(c=$APP.Ph.g(c),b=$APP.l(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xBadgeHandlers=null},IE=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""+$APP.S.g(c)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},JE=function(a,b,c){Object.defineProperty(a,
|
|
9
|
+
b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},KE=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})},LE=function(a,b,c){Object.defineProperty(a,b,{get:function(){return oE(this.getAttribute(b),c)},set:function(d){return d!=
|
|
10
|
+
null?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},ME=function(a){JE(a,"variant","neutral");JE(a,"size","md");KE(a,"pill");KE(a,"dot");IE(a,"text");IE(a,"aria-label");IE(a,"aria-describedby");LE(a,"count",null);LE(a,"max",99);Object.defineProperty(a,"displayText",{get:function(){return uE(EE(this))},enumerable:!0,configurable:!0})},OE=function(){var a=class extends HTMLElement{};a.observedAttributes=NE;a.prototype.connectedCallback=function(){DE(this);
|
|
11
|
+
HE(this);GE(this);FE(this);return null};a.prototype.disconnectedCallback=function(){HE(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&FE(this);return null};ME(a.prototype);return a},PE=function(){$APP.n(customElements.get("x-badge"))||customElements.define("x-badge",OE());return null},pE=new $APP.K(null,"has-slot?","has-slot?",181244965),sE=new $APP.K(null,"empty","empty",767870958),qE=new $APP.K(null,"dot","dot",1442709401),yE=new $APP.K(null,"pill","pill",-37707E3),
|
|
12
|
+
xE=new $APP.K(null,"count-raw","count-raw",-952861839),rE=new $APP.K(null,"slot","slot",240229571),vE=new $APP.K(null,"dot-raw","dot-raw",1754908187),wE=new $APP.K(null,"pill-raw","pill-raw",-557846051),CE=new $APP.K(null,"base","base",185279322);var NE="variant size pill dot count max text aria-label aria-describedby".split(" "),zE=new $APP.R(null,new $APP.P(null,5,["success",null,"neutral",null,"warning",null,"info",null,"error",null],null),null),AE=new $APP.R(null,new $APP.P(null,2,["md",null,"sm",null],null),null);$APP.ka("baredom.exports.x_badge.init",PE);export const init=PE;
|
package/dist/x-breadcrumbs.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","root");e.setAttribute("part","list");d.appendChild(e);b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xBreadcrumbsRefs=new $APP.P(null,3,[$APP.
|
|
4
|
-
b.setAttribute("class","ellipsis");c.setAttribute("class","separator");c.setAttribute("aria-hidden","true");c.textContent=a;d.setAttribute("class","ellipsis-btn");d.setAttribute("aria-label","Show hidden breadcrumbs");d.textContent="…";b.appendChild(c);b.appendChild(d);return b},
|
|
5
|
-
""),d.setAttribute("aria-current","page"));return c},
|
|
6
|
-
var d=$APP.I(c,
|
|
7
|
-
b=$APP.M(b);d=$APP.I(b,$APP.Ag);e=$APP.I(b,$APP.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
h>0&&!$APP.E.h(h,g)&&r.appendChild(
|
|
11
|
-
$APP.n(c)&&(c=$APP.
|
|
12
|
-
""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},
|
|
13
|
-
function(a){
|
|
14
|
-
function(b,c,d){$APP.N(c,d)&&
|
|
15
|
-
"separator-raw",1358337914),
|
|
2
|
+
var Kn=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Cc(a,c)?c:b},Ln=function(a,b){if(typeof a==="string"){a=parseInt(a,10);var c=isFinite(a);return $APP.n($APP.n(c)?a>0:c)?a:b}return b},Mn=function(a){var b=$APP.l(a,"__xBreadcrumbsRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("nav"),e=document.createElement("ol"),g=document.createElement("slot");c.textContent=":host{display:block;color-scheme:light dark;--x-breadcrumbs-color:rgba(0,0,0,0.55);--x-breadcrumbs-color-current:rgba(0,0,0,0.88);--x-breadcrumbs-color-hover:rgba(0,0,0,0.80);--x-breadcrumbs-separator-color:rgba(0,0,0,0.35);--x-breadcrumbs-font-size:0.875rem;--x-breadcrumbs-gap:0.25rem;--x-breadcrumbs-disabled-opacity:0.55;}@media (prefers-color-scheme:dark){:host{--x-breadcrumbs-color:rgba(255,255,255,0.50);--x-breadcrumbs-color-current:rgba(255,255,255,0.90);--x-breadcrumbs-color-hover:rgba(255,255,255,0.75);--x-breadcrumbs-separator-color:rgba(255,255,255,0.30);}}:host([data-size\x3d'sm']){--x-breadcrumbs-font-size:0.75rem;}:host([data-size\x3d'lg']){--x-breadcrumbs-font-size:1rem;}:host([disabled]){opacity:var(--x-breadcrumbs-disabled-opacity);pointer-events:none;}[part\x3droot]{display:block;font-size:var(--x-breadcrumbs-font-size);}[part\x3dlist]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--x-breadcrumbs-gap);}:host([data-wrap\x3d'false']) [part\x3dlist]{flex-wrap:nowrap;}.crumb{display:inline-flex;align-items:center;gap:var(--x-breadcrumbs-gap);}.crumb-content{color:var(--x-breadcrumbs-color);text-decoration:none;cursor:pointer;}.crumb-content:hover{color:var(--x-breadcrumbs-color-hover);}.crumb[data-current] .crumb-content{color:var(--x-breadcrumbs-color-current);font-weight:500;}:host([data-variant\x3d'subtle']) .crumb-content{opacity:0.75;}:host([data-variant\x3d'text']) .crumb-content{text-decoration:none;border-bottom:none;}.separator{color:var(--x-breadcrumbs-separator-color);user-select:none;aria-hidden:true;flex-shrink:0;}.ellipsis{display:inline-flex;align-items:center;gap:var(--x-breadcrumbs-gap);}.ellipsis-btn{color:var(--x-breadcrumbs-color);background:none;border:none;padding:0;cursor:pointer;font:inherit;line-height:1;}.ellipsis-btn:hover{color:var(--x-breadcrumbs-color-hover);}slot{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dlist]{transition:none !important;}}";
|
|
3
|
+
d.setAttribute("part","root");e.setAttribute("part","list");d.appendChild(e);b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xBreadcrumbsRefs=new $APP.P(null,3,[$APP.mh,d,$APP.lh,e,$APP.Ph,g],null);return $APP.l(a,"__xBreadcrumbsRefs")},Nn=function(a){var b=document.createElement("span");b.setAttribute("class","separator");b.setAttribute("aria-hidden","true");b.textContent=a;return b},On=function(a){var b=document.createElement("li"),c=document.createElement("span"),d=document.createElement("button");
|
|
4
|
+
b.setAttribute("class","ellipsis");c.setAttribute("class","separator");c.setAttribute("aria-hidden","true");c.textContent=a;d.setAttribute("class","ellipsis-btn");d.setAttribute("aria-label","Show hidden breadcrumbs");d.textContent="…";b.appendChild(c);b.appendChild(d);return b},Pn=function(a,b){var c=document.createElement("li"),d=document.createElement("span");a=a.cloneNode(!0);c.setAttribute("class","crumb");d.setAttribute("class","crumb-content");d.appendChild(a);c.appendChild(d);$APP.n(b)&&(c.setAttribute("data-current",
|
|
5
|
+
""),d.setAttribute("aria-current","page"));return c},fo=function(a){var b=$APP.cf([$APP.Dh,Qn,$APP.Yh,Rn,Sn,$APP.fi,Tn,Un,$APP.Ci,Vn,$APP.ii],[a.getAttribute("variant"),a.getAttribute("max-items"),a.hasAttribute("disabled"),a.getAttribute("wrap"),a.getAttribute("items-after"),a.getAttribute("size"),a.hasAttribute("preserve-aria-current"),a.getAttribute("items-before"),a.getAttribute("aria-label"),a.getAttribute("separator"),a.getAttribute("aria-describedby")]);var c=$APP.M(b);b=$APP.I(c,$APP.Ci);
|
|
6
|
+
var d=$APP.I(c,Vn),e=$APP.I(c,$APP.ii),g=$APP.I(c,Qn),h=$APP.I(c,$APP.Dh),k=$APP.I(c,$APP.Yh),m=$APP.I(c,Sn),q=$APP.I(c,Rn),r=$APP.I(c,$APP.fi),v=$APP.I(c,Tn);c=$APP.I(c,Un);v=$APP.J(v);m=Ln(m,2);q=q!=null&&$APP.N(q,"false");k=$APP.J(k);h=Kn(Wn,"default",h);if(typeof g==="string"){g=parseInt(g,10);var w=isFinite(g);g=$APP.n($APP.n(w)?g>0:w)?g:null}else g=null;b=$APP.cf([Xn,Yn,Zn,$APP.wi,$APP.Vg,$n,$APP.Ag,$APP.Vi,ao,$APP.$h,$APP.oh],[v,m,q,k,h,g,Kn(bo,"md",r),e,Ln(c,1),b,typeof d==="string"?d:"/"]);
|
|
7
|
+
b=$APP.M(b);d=$APP.I(b,$APP.Ag);e=$APP.I(b,$APP.Vg);r=$APP.I(b,Zn);$APP.I(b,$APP.wi);c=$APP.I(b,$APP.$h);v=$APP.I(b,$APP.Vi);g=Mn(a);g=$APP.M(g);g=$APP.I(g,$APP.mh);a.setAttribute("data-size",d);a.setAttribute("data-variant",e);a.setAttribute("data-wrap",""+$APP.S.g($APP.J(r)));$APP.n(c)?g.setAttribute("aria-label",c):g.setAttribute("aria-label","Breadcrumb");$APP.n(v)?g.setAttribute("aria-describedby",v):g.removeAttribute("aria-describedby");e=$APP.M(b);d=$APP.I(e,$APP.oh);m=$APP.I(e,$n);h=$APP.I(e,
|
|
8
|
+
ao);g=$APP.I(e,Yn);e=$APP.I(e,Xn);r=Mn(a);r=$APP.M(r);c=$APP.I(r,$APP.Ph);r=$APP.I(r,$APP.lh);c=$APP.hc(c.assignedElements());v=$APP.B(c);m==null||v<=m?g=new $APP.P(null,3,[$APP.Uh,$APP.be($APP.Cf(0,v)),co,-1,eo,v],null):(m=$APP.lg.h(h,$APP.kg.h(0,v-g)),g=$APP.lg.h(g,$APP.kg.h(0,v-m)),m=$APP.lg.h(m,v-g),m=$APP.kg.h(0,m),m=$APP.be($APP.Cf(0,m)),g=$APP.be($APP.Cf(v-g,v)),g=new $APP.P(null,3,[$APP.Uh,$APP.Be.h(m,g),co,$APP.B(m),eo,v],null));v=$APP.Uh.g(g);g=co.g(g);r.innerHTML="";m=$APP.u($APP.Bd($APP.og,
|
|
9
|
+
v));h=null;for(k=q=0;;)if(k<q){var z=h.F(null,k);w=$APP.H(z,0,null);z=$APP.H(z,1,null);z=$APP.H(c,z,null);var A=$APP.E.h(w,$APP.B(v)-1)&&$APP.p(e);$APP.E.h(w,g)&&r.appendChild(On(d));w>0&&!$APP.E.h(w,g)&&r.appendChild(Nn(d));$APP.E.h(w,g)&&r.appendChild(Nn(d));$APP.n(z)&&r.appendChild(Pn(z,A));k+=1}else if(m=$APP.u(m))$APP.yc(m)?(q=$APP.ob(m),m=$APP.pb(m),h=q,q=$APP.B(q)):(q=$APP.x(m),h=$APP.H(q,0,null),q=$APP.H(q,1,null),q=$APP.H(c,q,null),k=$APP.E.h(h,$APP.B(v)-1)&&$APP.p(e),$APP.E.h(h,g)&&r.appendChild(On(d)),
|
|
10
|
+
h>0&&!$APP.E.h(h,g)&&r.appendChild(Nn(d)),$APP.E.h(h,g)&&r.appendChild(Nn(d)),$APP.n(q)&&r.appendChild(Pn(q,k)),m=$APP.y(m),h=null,q=0),k=0;else break;$APP.E.h(g,$APP.B(v))&&r.appendChild(On(d));a.__xBreadcrumbsModel=b;return null},go=function(a){function b(){return fo(a)}var c=Mn(a);c=$APP.M(c);c=$APP.I(c,$APP.Ph);$APP.n(c)&&c.addEventListener("slotchange",b);$APP.ma(a,"__xBreadcrumbsHandlers",{slot:b})},ho=function(a){var b=$APP.l(a,"__xBreadcrumbsHandlers");if($APP.n(b)){var c=$APP.l(a,"__xBreadcrumbsRefs");
|
|
11
|
+
$APP.n(c)&&(c=$APP.Ph.g(c),b=$APP.l(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xBreadcrumbsHandlers=null},io=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""+$APP.S.g(c)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},jo=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,
|
|
12
|
+
""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},ko=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})},lo=function(a,b,c){Object.defineProperty(a,b,{get:function(){return Ln(this.getAttribute(b),c)},set:function(d){return d!=null?this.setAttribute(b,""+$APP.S.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},mo=
|
|
13
|
+
function(a){jo(a,"separator","/");jo(a,"size","md");jo(a,"variant","default");ko(a,"wrap");ko(a,"disabled");ko(a,"preserve-aria-current");lo(a,"max-items",null);lo(a,"items-before",1);lo(a,"items-after",2);io(a,"aria-label");io(a,"aria-describedby")},oo=function(){var a=class extends HTMLElement{};a.observedAttributes=no;a.prototype.connectedCallback=function(){Mn(this);ho(this);go(this);fo(this);return null};a.prototype.disconnectedCallback=function(){ho(this);return null};a.prototype.attributeChangedCallback=
|
|
14
|
+
function(b,c,d){$APP.N(c,d)&&fo(this);return null};mo(a.prototype);return a},po=function(){$APP.n(customElements.get("x-breadcrumbs"))||customElements.define("x-breadcrumbs",oo());return null},Qn=new $APP.K(null,"max-items-raw","max-items-raw",-340487390),Yn=new $APP.K(null,"items-after","items-after",358736705),Zn=new $APP.K(null,"wrap","wrap",851669987),Rn=new $APP.K(null,"wrap-raw","wrap-raw",-1468030804),$n=new $APP.K(null,"max-items","max-items",-1969244147),Vn=new $APP.K(null,"separator-raw",
|
|
15
|
+
"separator-raw",1358337914),co=new $APP.K(null,"ellipsis-at","ellipsis-at",-628372349),Tn=new $APP.K(null,"preserve-aria-current-present?","preserve-aria-current-present?",729931506),Un=new $APP.K(null,"items-before-raw","items-before-raw",1580997624),Sn=new $APP.K(null,"items-after-raw","items-after-raw",-1677187220),ao=new $APP.K(null,"items-before","items-before",-1151895719),Xn=new $APP.K(null,"preserve-aria-current","preserve-aria-current",682773185),eo=new $APP.K(null,"total","total",1916810418);var no="separator size variant wrap max-items items-before items-after disabled preserve-aria-current aria-label aria-describedby".split(" "),bo=new $APP.R(null,new $APP.P(null,3,["md",null,"lg",null,"sm",null],null),null),Wn=new $APP.R(null,new $APP.P(null,3,["subtle",null,"text",null,"default",null],null),null);$APP.ka("baredom.exports.x_breadcrumbs.init",po);export const init=po;
|
package/dist/x-button.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
b},
|
|
4
|
-
|
|
5
|
-
r=q;if(k=$APP.E.h(r.nodeType,Node.TEXT_NODE))k=r.textContent,k=$APP.N("",($APP.n(k)?k:"").trim());if(!k){k=q;if(q=$APP.E.h(k.nodeType,Node.ELEMENT_NODE))q=k.textContent,q=$APP.N("",($APP.n(q)?q:"").trim());k=q}if(k){k=!0;break a}m+=1}else{k=!1;break a}k=void 0}e=
|
|
6
|
-
$APP.Z.g(b));r=$APP.
|
|
7
|
-
c.setAttribute("data-disabled",$APP.n($APP.
|
|
8
|
-
(
|
|
9
|
-
|
|
10
|
-
{source:"keyboard"})}return null});b.addEventListener("keyup",function(c){c=c.key;return $APP.E.h("keyboard",
|
|
11
|
-
|
|
12
|
-
set:function(d){return $APP.n($APP.J(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
var Fu=function(a,b,c){return typeof a==="string"&&$APP.Cc(b,a)?a:c},Gu=function(a){var b=$APP.M(a);a=$APP.I(b,$APP.wi);b=$APP.I(b,$APP.Gh);return $APP.p($APP.n(a)?a:b)},Hu=function(a){return a.__xButtonState},Iu=function(a){return $APP.E.h(!0,a.__xButtonHover)},Ju=function(a,b){a.__xButtonHover=$APP.J(b)},Ku=function(a,b){a.__xButtonFocusVisible=$APP.J(b)},Lu=function(a){return a.__xButtonActiveSource},Mu=function(a,b){a.__xButtonActiveSource=b},Nu=function(a,b){return a.__xButtonLastActivationSource=
|
|
3
|
+
b},Su=function(a){a=new $APP.P(null,7,[$APP.wi,a.hasAttribute("disabled"),$APP.Gh,a.hasAttribute("loading"),Ou,a.hasAttribute("pressed"),$APP.Z,a.getAttribute("type"),$APP.Vg,a.getAttribute("variant"),$APP.Ag,a.getAttribute("size"),$APP.W,a.getAttribute("label")],null);var b=$APP.M(a);a=$APP.I(b,$APP.wi);var c=$APP.I(b,$APP.Gh),d=$APP.I(b,Ou),e=$APP.I(b,$APP.Z),g=$APP.I(b,$APP.Vg),h=$APP.I(b,$APP.Ag);b=$APP.I(b,$APP.W);return new $APP.P(null,7,[$APP.wi,$APP.J(a),$APP.Gh,$APP.J(c),Ou,$APP.J(d),$APP.Z,
|
|
4
|
+
Fu(e,Pu,"button"),$APP.Vg,Fu(g,Qu,"primary"),$APP.Ag,Fu(h,Ru,"md"),$APP.W,typeof b==="string"?b:null],null)},Tu=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},Uu=function(a){return a.assignedNodes({flatten:!0})},Vu=function(a){return document.createElement(a)},Xu=function(a,b){var c=b.button,d=b["label-slot"],e=b["icon-start-slot"],g=b["icon-end-slot"],h=b["spinner-slot"];b=Su(a);var k;a:{d=Uu(d);for(var m=0;;)if(m<d.length){var q=d[m],
|
|
5
|
+
r=q;if(k=$APP.E.h(r.nodeType,Node.TEXT_NODE))k=r.textContent,k=$APP.N("",($APP.n(k)?k:"").trim());if(!k){k=q;if(q=$APP.E.h(k.nodeType,Node.ELEMENT_NODE))q=k.textContent,q=$APP.N("",($APP.n(q)?q:"").trim());k=q}if(k){k=!0;break a}m+=1}else{k=!1;break a}k=void 0}e=Uu(e).length>0;g=Uu(g).length>0;h=Uu(h).length>0;d=Iu(a);m=Lu(a)!=null;q=$APP.E.h(!0,a.__xButtonFocusVisible);k=$APP.jg.m(b,Wu,k);r=$APP.M(k);k=$APP.I(r,$APP.W);r=$APP.I(r,Wu);k=$APP.p(r)&&typeof k==="string"&&$APP.N("",k)?k:null;c.setAttribute("type",
|
|
6
|
+
$APP.Z.g(b));r=$APP.wi.g(b);r=$APP.n(r)?r:$APP.Gh.g(b);c.disabled=r;r=$APP.M(b);r=$APP.I(r,$APP.Gh);r=$APP.n(r)?"true":null;$APP.n(r)?c.setAttribute("aria-busy",r):c.removeAttribute("aria-busy");$APP.n(Ou.g(b))?c.setAttribute("aria-pressed","true"):c.removeAttribute("aria-pressed");$APP.n(k)?c.setAttribute("aria-label",k):c.removeAttribute("aria-label");c.setAttribute("data-variant",$APP.Vg.g(b));c.setAttribute("data-size",$APP.Ag.g(b));c.setAttribute("data-loading",$APP.n($APP.Gh.g(b))?"true":"false");
|
|
7
|
+
c.setAttribute("data-disabled",$APP.n($APP.wi.g(b))?"true":"false");c.setAttribute("data-hover",d?"true":"false");c.setAttribute("data-active",m?"true":"false");c.setAttribute("data-focus-visible",q?"true":"false");c.setAttribute("data-has-icon-start",e?"true":"false");c.setAttribute("data-has-icon-end",g?"true":"false");c.setAttribute("data-has-spinner",h?"true":"false");a.setAttribute("data-variant",$APP.Vg.g(b));return a.setAttribute("data-size",$APP.Ag.g(b))},Yu=function(a){var b=Lu(a);return $APP.n(b)?
|
|
8
|
+
(Mu(a,null),Tu(a,"press-end",{source:b}),b=Hu(a),$APP.n(b)?Xu(a,b):null):null},Zu=function(a){Gu(Su(a))||(Ju(a,!1),Mu(a,null))},$u=function(a,b){b.addEventListener("pointerenter",function(){if(Gu(Su(a))){if(Iu(a))return null;Ju(a,!0);Xu(a,Hu(a));return Tu(a,"hover-start",{})}return null});b.addEventListener("pointerleave",function(){Iu(a)&&(Ju(a,!1),Xu(a,Hu(a)),Gu(Su(a))&&Tu(a,"hover-end",{}));return $APP.E.h("pointer",Lu(a))?Yu(a):null})},av=function(a,b){b.addEventListener("pointerdown",function(){if(Gu(Su(a))){if($APP.n(Lu(a)))return null;
|
|
9
|
+
Nu(a,"pointer");Mu(a,"pointer");Xu(a,Hu(a));return Tu(a,"press-start",{source:"pointer"})}return null});b.addEventListener("pointerup",function(){return $APP.E.h("pointer",Lu(a))?Yu(a):null});b.addEventListener("pointercancel",function(){return $APP.E.h("pointer",Lu(a))?Yu(a):null});b.addEventListener("keydown",function(c){c=c.key;if(Gu(Su(a))&&($APP.E.h(c,"Enter")||$APP.E.h(c," "))){if($APP.E.h("keyboard",Lu(a)))return null;Nu(a,"keyboard");Mu(a,"keyboard");Xu(a,Hu(a));return Tu(a,"press-start",
|
|
10
|
+
{source:"keyboard"})}return null});b.addEventListener("keyup",function(c){c=c.key;return $APP.E.h("keyboard",Lu(a))&&($APP.E.h(c,"Enter")||$APP.E.h(c," "))?Yu(a):null});b.addEventListener("blur",function(){return $APP.n(Lu(a))?Yu(a):null});b.addEventListener("click",function(){if(Gu(Su(a))){var c=a.__xButtonLastActivationSource;Tu(a,"press",{source:$APP.n(c)?c:"programmatic"});Nu(a,null);c=$APP.Z.g(Su(a));var d=a.getAttribute("form");d=$APP.n(d)?document.getElementById(d):null;d=$APP.n(d)?d:a.closest("form");
|
|
11
|
+
return $APP.n(d)?$APP.E.h(c,"submit")?d.requestSubmit():$APP.E.h(c,"reset")?d.reset():null:null}return null})},bv=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");Ku(a,c);Xu(a,Hu(a));return $APP.n(c)?Tu(a,"focus-visible",{}):null});b.addEventListener("blur",function(){Ku(a,!1);return Xu(a,Hu(a))})},cv=function(a,b){function c(){return Xu(a,b)}b["label-slot"].addEventListener("slotchange",c);b["icon-start-slot"].addEventListener("slotchange",c);b["icon-end-slot"].addEventListener("slotchange",
|
|
12
|
+
c);b["spinner-slot"].addEventListener("slotchange",c)},dv=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)}})},fv=function(){var a=class extends HTMLElement{};a.formAssociated=!0;a.observedAttributes=ev;a.prototype.connectedCallback=function(){if(!$APP.n(Hu(this))){var b=this.attachShadow({mode:"open"});var c=Vu("style"),d=Vu("button"),e=Vu("span"),
|
|
13
|
+
g=Vu("span"),h=Vu("span"),k=Vu("span"),m=Vu("span"),q=Vu("span"),r=Vu("slot"),v=Vu("slot"),w=Vu("slot"),z=Vu("slot");c.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-button-radius:0.75rem;--x-button-gap:0.5rem;--x-button-padding-inline:0.95rem;--x-button-height-sm:2rem;--x-button-height-md:2.5rem;--x-button-height-lg:3rem;--x-button-font-size-sm:0.875rem;--x-button-font-size-md:0.9375rem;--x-button-font-size-lg:1rem;--x-button-font-weight:600;--x-button-icon-size-sm:0.875rem;--x-button-icon-size-md:1rem;--x-button-icon-size-lg:1.125rem;--x-button-spinner-size:1em;--x-button-spinner-stroke:2px;--x-button-shadow:0 1px 2px rgba(15,23,42,0.08),0 1px 1px rgba(15,23,42,0.04);--x-button-shadow-hover:0 4px 10px rgba(15,23,42,0.10),0 2px 4px rgba(15,23,42,0.06);--x-button-shadow-active:0 1px 2px rgba(15,23,42,0.08);--x-button-bg:#2563eb;--x-button-bg-hover:#1d4ed8;--x-button-bg-active:#1e40af;--x-button-bg-disabled:#cbd5e1;--x-button-fg:#ffffff;--x-button-fg-disabled:#ffffff;--x-button-border:transparent;--x-button-border-hover:transparent;--x-button-border-active:transparent;--x-button-secondary-bg:#ffffff;--x-button-secondary-bg-hover:#f8fafc;--x-button-secondary-bg-active:#f1f5f9;--x-button-secondary-fg:#0f172a;--x-button-secondary-border:#cbd5e1;--x-button-tertiary-bg:#f1f5f9;--x-button-tertiary-bg-hover:#e2e8f0;--x-button-tertiary-bg-active:#cbd5e1;--x-button-tertiary-fg:#0f172a;--x-button-ghost-bg:transparent;--x-button-ghost-bg-hover:#f8fafc;--x-button-ghost-bg-active:#f1f5f9;--x-button-ghost-fg:#334155;--x-button-danger-bg:#dc2626;--x-button-danger-bg-hover:#b91c1c;--x-button-danger-bg-active:#991b1b;--x-button-danger-fg:#ffffff;--x-button-focus-ring:#60a5fa;--x-button-transition-duration:140ms;--x-button-transition-easing:cubic-bezier(0.2,0,0,1);}@media (prefers-color-scheme: dark){:host{--x-button-shadow:0 1px 2px rgba(0,0,0,0.35),0 1px 1px rgba(0,0,0,0.2);--x-button-shadow-hover:0 6px 14px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.24);--x-button-shadow-active:0 1px 2px rgba(0,0,0,0.3);--x-button-bg:#3b82f6;--x-button-bg-hover:#2563eb;--x-button-bg-active:#1d4ed8;--x-button-bg-disabled:#334155;--x-button-fg:#eff6ff;--x-button-fg-disabled:#94a3b8;--x-button-secondary-bg:#111827;--x-button-secondary-bg-hover:#1f2937;--x-button-secondary-bg-active:#273449;--x-button-secondary-fg:#e5e7eb;--x-button-secondary-border:#374151;--x-button-tertiary-bg:#1e293b;--x-button-tertiary-bg-hover:#273449;--x-button-tertiary-bg-active:#334155;--x-button-tertiary-fg:#e5e7eb;--x-button-ghost-bg:transparent;--x-button-ghost-bg-hover:#0f172a;--x-button-ghost-bg-active:#172033;--x-button-ghost-fg:#cbd5e1;--x-button-danger-bg:#ef4444;--x-button-danger-bg-hover:#dc2626;--x-button-danger-bg-active:#b91c1c;--x-button-danger-fg:#ffffff;--x-button-focus-ring:#93c5fd;}}@keyframes x-button-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;min-block-size:var(--x-button-height-md);padding-inline:var(--x-button-padding-inline);border-radius:var(--x-button-radius);border:1px solid var(--x-button-border);background:var(--x-button-bg);color:var(--x-button-fg);font-size:var(--x-button-font-size-md);font-weight:var(--x-button-font-weight);line-height:1;cursor:pointer;user-select:none;box-shadow:var(--x-button-shadow);transition:background var(--x-button-transition-duration) var(--x-button-transition-easing),border-color var(--x-button-transition-duration) var(--x-button-transition-easing),color var(--x-button-transition-duration) var(--x-button-transition-easing),transform var(--x-button-transition-duration) var(--x-button-transition-easing),box-shadow var(--x-button-transition-duration) var(--x-button-transition-easing),opacity var(--x-button-transition-duration) var(--x-button-transition-easing);}button[disabled]{cursor:default;box-shadow:none;}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-button-focus-ring),var(--x-button-shadow);}button[data-size\x3d'sm']{min-block-size:var(--x-button-height-sm);font-size:var(--x-button-font-size-sm);}button[data-size\x3d'md']{min-block-size:var(--x-button-height-md);font-size:var(--x-button-font-size-md);}button[data-size\x3d'lg']{min-block-size:var(--x-button-height-lg);font-size:var(--x-button-font-size-lg);}button[data-variant\x3d'primary']{background:var(--x-button-bg);color:var(--x-button-fg);border-color:var(--x-button-border);}button[data-variant\x3d'primary'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-bg-hover);box-shadow:var(--x-button-shadow-hover);}button[data-variant\x3d'primary'][data-active\x3d'true']:not([disabled]){background:var(--x-button-bg-active);transform:translateY(1px);box-shadow:var(--x-button-shadow-active);}button[data-variant\x3d'secondary']{background:var(--x-button-secondary-bg);color:var(--x-button-secondary-fg);border-color:var(--x-button-secondary-border);}button[data-variant\x3d'secondary'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-secondary-bg-hover);border-color:var(--x-button-secondary-border);box-shadow:var(--x-button-shadow-hover);}button[data-variant\x3d'secondary'][data-active\x3d'true']:not([disabled]){background:var(--x-button-secondary-bg-active);transform:translateY(1px);box-shadow:var(--x-button-shadow-active);}button[data-variant\x3d'tertiary']{background:var(--x-button-tertiary-bg);color:var(--x-button-tertiary-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'tertiary'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-tertiary-bg-hover);}button[data-variant\x3d'tertiary'][data-active\x3d'true']:not([disabled]){background:var(--x-button-tertiary-bg-active);transform:translateY(1px);}button[data-variant\x3d'ghost']{background:var(--x-button-ghost-bg);color:var(--x-button-ghost-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'ghost'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-ghost-bg-hover);}button[data-variant\x3d'ghost'][data-active\x3d'true']:not([disabled]){background:var(--x-button-ghost-bg-active);transform:translateY(1px);}button[data-variant\x3d'danger']{background:var(--x-button-danger-bg);color:var(--x-button-danger-fg);border-color:transparent;}button[data-variant\x3d'danger'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-danger-bg-hover);box-shadow:var(--x-button-shadow-hover);}button[data-variant\x3d'danger'][data-active\x3d'true']:not([disabled]){background:var(--x-button-danger-bg-active);transform:translateY(1px);box-shadow:var(--x-button-shadow-active);}button[data-loading\x3d'true']{cursor:progress;}button[data-disabled\x3d'true']{background:var(--x-button-bg-disabled);color:var(--x-button-fg-disabled);border-color:transparent;opacity:0.72;}[part\x3d'inner']{display:inline-flex;align-items:center;justify-content:center;gap:var(--x-button-gap);min-inline-size:0;}[part\x3d'label']{display:inline-flex;align-items:center;justify-content:center;min-inline-size:0;white-space:nowrap;}[part\x3d'icon-start'],[part\x3d'icon-end'],[part\x3d'spinner']{display:inline-flex;align-items:center;justify-content:center;flex:none;}button[data-size\x3d'sm'] [part\x3d'icon-start'],button[data-size\x3d'sm'] [part\x3d'icon-end']{inline-size:var(--x-button-icon-size-sm);block-size:var(--x-button-icon-size-sm);}button[data-size\x3d'md'] [part\x3d'icon-start'],button[data-size\x3d'md'] [part\x3d'icon-end']{inline-size:var(--x-button-icon-size-md);block-size:var(--x-button-icon-size-md);}button[data-size\x3d'lg'] [part\x3d'icon-start'],button[data-size\x3d'lg'] [part\x3d'icon-end']{inline-size:var(--x-button-icon-size-lg);block-size:var(--x-button-icon-size-lg);}[part\x3d'spinner']{inline-size:var(--x-button-spinner-size);block-size:var(--x-button-spinner-size);position:relative;}[part\x3d'spinner-slot']{display:inline-flex;align-items:center;justify-content:center;}[part\x3d'spinner-fallback']{display:none;inline-size:100%;block-size:100%;box-sizing:border-box;border-radius:999px;border:var(--x-button-spinner-stroke) solid currentColor;border-inline-end-color:transparent;animation:x-button-spin 0.7s linear infinite;opacity:0.9;}button[data-has-icon-start\x3d'false'] [part\x3d'icon-start']{display:none;}button[data-has-icon-end\x3d'false'] [part\x3d'icon-end']{display:none;}button[data-loading\x3d'false'] [part\x3d'spinner']{display:none;}button[data-loading\x3d'true'][data-has-spinner\x3d'false'] [part\x3d'spinner-fallback']{display:inline-block;}button[data-loading\x3d'true'][data-has-spinner\x3d'true'] [part\x3d'spinner-fallback']{display:none;}@media (prefers-reduced-motion: reduce){button{transition:none;}[part\x3d'spinner-fallback']{animation:none;}}";
|
|
14
|
+
d.setAttribute("part","button");e.setAttribute("part","inner");g.setAttribute("part","icon-start");h.setAttribute("part","label");k.setAttribute("part","spinner");z.setAttribute("part","spinner-slot");m.setAttribute("part","spinner-fallback");q.setAttribute("part","icon-end");v.setAttribute("name","icon-start");w.setAttribute("name","icon-end");z.setAttribute("name","spinner");k.setAttribute("aria-hidden","true");m.setAttribute("aria-hidden","true");g.appendChild(v);h.appendChild(r);k.appendChild(z);
|
|
15
|
+
k.appendChild(m);q.appendChild(w);e.appendChild(g);e.appendChild(h);e.appendChild(k);e.appendChild(q);d.appendChild(e);b.appendChild(c);b.appendChild(d);b={root:b,style:c,button:d,inner:e,"label-slot":r,"icon-start-slot":v,"icon-end-slot":w,"spinner-slot":z};c=b.button;Ju(this,!1);Ku(this,!1);Mu(this,null);Nu(this,null);$u(this,c);av(this,c);bv(this,c);cv(this,b);this.__xButtonState=b}Zu(this);return Xu(this,Hu(this))};a.prototype.disconnectedCallback=function(){Ju(this,!1);Ku(this,!1);Mu(this,null);
|
|
16
|
+
return Nu(this,null)};a.prototype.attributeChangedCallback=function(){var b=Hu(this);$APP.n(b)?(Zu(this),b=Xu(this,b)):b=null;return b};dv(a.prototype,"disabled","disabled");dv(a.prototype,"loading","loading");dv(a.prototype,"pressed","pressed");return a},gv=function(){return $APP.n(customElements.get("x-button"))?null:customElements.define("x-button",fv())},Ou=new $APP.K(null,"pressed","pressed",1100937946),Wu=new $APP.K(null,"has-default-text?","has-default-text?",2021837624);var Pu=new $APP.R(null,new $APP.P(null,3,["reset",null,"submit",null,"button",null],null),null),Qu=new $APP.R(null,new $APP.P(null,5,["secondary",null,"tertiary",null,"primary",null,"danger",null,"ghost",null],null),null),Ru=new $APP.R(null,new $APP.P(null,3,["md",null,"lg",null,"sm",null],null),null),ev="disabled loading pressed type variant size label".split(" ");
|
|
17
|
+
$APP.wd(["press",new $APP.P(null,1,[$APP.Y,new $APP.P(null,1,[$APP.Bh,$APP.X],null)],null),"press-start",new $APP.P(null,1,[$APP.Y,new $APP.P(null,1,[$APP.Bh,$APP.X],null)],null),"press-end",new $APP.P(null,1,[$APP.Y,new $APP.P(null,1,[$APP.Bh,$APP.X],null)],null),"hover-start",new $APP.P(null,1,[$APP.Y,$APP.xd],null),"hover-end",new $APP.P(null,1,[$APP.Y,$APP.xd],null),"focus-visible",new $APP.P(null,1,[$APP.Y,$APP.xd],null)]);$APP.ka("baredom.exports.x_button.init",gv);export const init=gv;
|