@vanelsas/baredom 1.0.0 → 1.2.0

package/dist/x-toast.js

@@ -1,26 +1,26 @@
 import { $APP, shadow$provide } from "./base.js";
-var Tl=function(a){a=$APP.I(Sl,typeof a==="string"?a.toLowerCase():null);return $APP.n(a)?a:$APP.rh},Vl=function(a){a=$APP.I(Ul,a);return $APP.n(a)?a:"info"},Wl=function(a){return a==null?!0:$APP.O((""+$APP.T.g(a)).trim().toLowerCase(),"false")},Xl=function(a){return a==null?!1:$APP.O((""+$APP.T.g(a)).trim().toLowerCase(),"false")},Yl=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:null):null},Zl=function(a){return typeof a==="string"?(a=
-a.trim(),$APP.O(a,"")&&$APP.O(a.toLowerCase(),"none")?a:null):null},bm=function(a){var b=$APP.N(a),c=$APP.I(b,$APP.Cg),d=$APP.I(b,$APP.Eh);a=$APP.I(b,$APP.Rh);var e=$APP.I(b,$APP.Sh),g=$APP.I(b,$APP.$g),h=$APP.I(b,$APP.Bg),k=$APP.I(b,$l),m=$APP.I(b,$APP.bh);b=$APP.I(b,$APP.fi);m=Tl(m);b=Zl(b);h=$APP.n($APP.n(h)?b==null:h)?$APP.Ri:b!=null?$APP.Hh:$APP.Sg;return $APP.Xe([am,$APP.oh,$APP.Z,$APP.Rg,$APP.Xi,$APP.V,$APP.xi,$APP.Cg,$APP.Eh],[Xl(k),Wl(a),m,$APP.C.h(h,$APP.Hh)?b:null,h,$APP.K(e),Yl(g),function(){var q=
-typeof c==="string"?c.trim():null;return $APP.n(q)?q:""}(),function(){var q=typeof d==="string"?d.trim():null;return $APP.n(q)?q:""}()])},cm=function(a){var b=$APP.N(a);a=$APP.I(b,$APP.oh);b=$APP.I(b,$APP.V);return $APP.n(a)?$APP.p(b):a},dm=function(a,b){var c=$APP.N(a);a=$APP.I(c,$APP.Z);var d=$APP.I(c,$APP.Eh);c=$APP.I(c,$APP.Cg);return new $APP.Q(null,4,[$APP.Z,Vl(a),$APP.qh,b,$APP.Eh,d,$APP.Cg,c],null)},em=function(a){var b=$APP.N(a);a=$APP.I(b,am);b=$APP.I(b,$APP.xi);return $APP.K($APP.n(a)?
-b!=null&&b>0:a)},km=function(a){var b=$APP.l(a,"__xToastRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("span"),h=document.createElement("slot"),k=document.createElement("span"),m=document.createElement("div"),q=document.createElement("span"),r=document.createElement("span"),v=document.createElement("button"),w=document.createElement("span"),z=document.createElement("div"),
+var zn=function(a){a=$APP.H(yn,typeof a==="string"?a.toLowerCase():null);return $APP.n(a)?a:$APP.ji},Bn=function(a){a=$APP.H(An,a);return $APP.n(a)?a:"info"},Cn=function(a){return a==null?!0:$APP.O((""+$APP.S.g(a)).trim().toLowerCase(),"false")},Dn=function(a){return a==null?!1:$APP.O((""+$APP.S.g(a)).trim().toLowerCase(),"false")},En=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:null):null},Fn=function(a){return typeof a==="string"?(a=
+a.trim(),$APP.O(a,"")&&$APP.O(a.toLowerCase(),"none")?a:null):null},In=function(a){var b=$APP.N(a),c=$APP.H(b,$APP.bh),d=$APP.H(b,$APP.Ci);a=$APP.H(b,$APP.$i);var e=$APP.H(b,$APP.aj),g=$APP.H(b,$APP.Kh),h=$APP.H(b,$APP.ah),k=$APP.H(b,Gn),m=$APP.H(b,$APP.Nh);b=$APP.H(b,$APP.rj);m=zn(m);b=Fn(b);h=$APP.n($APP.n(h)?b==null:h)?$APP.qk:b!=null?$APP.Ni:$APP.yh;return $APP.gf([Hn,$APP.fi,$APP.Z,$APP.xh,$APP.yk,$APP.V,$APP.Pj,$APP.bh,$APP.Ci],[Dn(k),Cn(a),m,$APP.C.h(h,$APP.Ni)?b:null,h,$APP.J(e),En(g),function(){var p=
+typeof c==="string"?c.trim():null;return $APP.n(p)?p:""}(),function(){var p=typeof d==="string"?d.trim():null;return $APP.n(p)?p:""}()])},Jn=function(a){var b=$APP.N(a);a=$APP.H(b,$APP.fi);b=$APP.H(b,$APP.V);return $APP.n(a)?$APP.q(b):a},Kn=function(a,b){var c=$APP.N(a);a=$APP.H(c,$APP.Z);var d=$APP.H(c,$APP.Ci);c=$APP.H(c,$APP.bh);return new $APP.Q(null,4,[$APP.Z,Bn(a),$APP.hi,b,$APP.Ci,d,$APP.bh,c],null)},Ln=function(a){var b=$APP.N(a);a=$APP.H(b,Hn);b=$APP.H(b,$APP.Pj);return $APP.J($APP.n(a)?
+b!=null&&b>0:a)},Rn=function(a){var b=$APP.l(a,"__xToastRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("span"),h=document.createElement("slot"),k=document.createElement("span"),m=document.createElement("div"),p=document.createElement("span"),r=document.createElement("span"),v=document.createElement("button"),x=document.createElement("span"),y=document.createElement("div"),
 A=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;--x-toast-radius:12px;--x-toast-padding-y:14px;--x-toast-padding-x:16px;--x-toast-gap:12px;--x-toast-font-size:0.875rem;--x-toast-heading-font-size:0.9375rem;--x-toast-heading-weight:600;--x-toast-min-width:280px;--x-toast-max-width:480px;--x-toast-border-width:1px;--x-toast-shadow:0 4px 16px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.08);--x-toast-motion-fast:120ms;--x-toast-motion-ease:cubic-bezier(0.2,0,0,1);--x-toast-enter-duration:200ms;--x-toast-exit-duration:180ms;--x-toast-press-scale:0.97;--x-toast-disabled-opacity:0.55;--x-toast-focus-ring:rgba(0,0,0,0.6);--x-toast-dismiss-color:rgba(0,0,0,0.50);--x-toast-dismiss-hover-bg:rgba(0,0,0,0.06);--x-toast-progress-height:3px;--x-toast-progress-bg:rgba(0,0,0,0.08);--x-toast-info-bg:#ffffff;--x-toast-info-border:rgba(0,102,204,0.30);--x-toast-info-color:rgba(15,23,42,0.92);--x-toast-info-icon-color:rgba(0,102,204,0.85);--x-toast-info-progress-fill:rgba(0,102,204,0.70);--x-toast-success-bg:#ffffff;--x-toast-success-border:rgba(16,140,72,0.30);--x-toast-success-color:rgba(15,23,42,0.92);--x-toast-success-icon-color:rgba(16,140,72,0.85);--x-toast-success-progress-fill:rgba(16,140,72,0.70);--x-toast-warning-bg:#ffffff;--x-toast-warning-border:rgba(204,120,0,0.40);--x-toast-warning-color:rgba(15,23,42,0.92);--x-toast-warning-icon-color:rgba(180,100,0,0.85);--x-toast-warning-progress-fill:rgba(204,120,0,0.70);--x-toast-error-bg:#ffffff;--x-toast-error-border:rgba(190,20,40,0.40);--x-toast-error-color:rgba(15,23,42,0.92);--x-toast-error-icon-color:rgba(190,20,40,0.85);--x-toast-error-progress-fill:rgba(190,20,40,0.70);--x-toast-bg:transparent;--x-toast-border-color:transparent;--x-toast-color:inherit;--x-toast-icon-color:inherit;--x-toast-progress-fill:currentColor;}@media (prefers-color-scheme:dark){:host{--x-toast-shadow:0 4px 20px rgba(0,0,0,0.40),0 1px 6px rgba(0,0,0,0.30);--x-toast-focus-ring:rgba(255,255,255,0.75);--x-toast-dismiss-color:rgba(255,255,255,0.65);--x-toast-dismiss-hover-bg:rgba(255,255,255,0.12);--x-toast-progress-bg:rgba(255,255,255,0.10);--x-toast-info-bg:#1e293b;--x-toast-info-border:rgba(80,160,255,0.35);--x-toast-info-color:rgba(248,250,252,0.92);--x-toast-info-icon-color:rgba(96,165,250,0.90);--x-toast-info-progress-fill:rgba(96,165,250,0.75);--x-toast-success-bg:#1e293b;--x-toast-success-border:rgba(60,210,120,0.35);--x-toast-success-color:rgba(248,250,252,0.92);--x-toast-success-icon-color:rgba(52,211,153,0.90);--x-toast-success-progress-fill:rgba(52,211,153,0.75);--x-toast-warning-bg:#1e293b;--x-toast-warning-border:rgba(255,190,90,0.40);--x-toast-warning-color:rgba(248,250,252,0.92);--x-toast-warning-icon-color:rgba(251,191,36,0.90);--x-toast-warning-progress-fill:rgba(251,191,36,0.75);--x-toast-error-bg:#1e293b;--x-toast-error-border:rgba(255,90,110,0.40);--x-toast-error-color:rgba(248,250,252,0.92);--x-toast-error-icon-color:rgba(248,113,113,0.90);--x-toast-error-progress-fill:rgba(248,113,113,0.75);}}:host([data-type\x3d'info']){--x-toast-bg:var(--x-toast-info-bg);--x-toast-border-color:var(--x-toast-info-border);--x-toast-color:var(--x-toast-info-color);--x-toast-icon-color:var(--x-toast-info-icon-color);--x-toast-progress-fill:var(--x-toast-info-progress-fill);}:host([data-type\x3d'success']){--x-toast-bg:var(--x-toast-success-bg);--x-toast-border-color:var(--x-toast-success-border);--x-toast-color:var(--x-toast-success-color);--x-toast-icon-color:var(--x-toast-success-icon-color);--x-toast-progress-fill:var(--x-toast-success-progress-fill);}:host([data-type\x3d'warning']){--x-toast-bg:var(--x-toast-warning-bg);--x-toast-border-color:var(--x-toast-warning-border);--x-toast-color:var(--x-toast-warning-color);--x-toast-icon-color:var(--x-toast-warning-icon-color);--x-toast-progress-fill:var(--x-toast-warning-progress-fill);}:host([data-type\x3d'error']){--x-toast-bg:var(--x-toast-error-bg);--x-toast-border-color:var(--x-toast-error-border);--x-toast-color:var(--x-toast-error-color);--x-toast-icon-color:var(--x-toast-error-icon-color);--x-toast-progress-fill:var(--x-toast-error-progress-fill);}[part\x3dcontainer]{display:flex;flex-direction:column;background:var(--x-toast-bg);border:var(--x-toast-border-width) solid var(--x-toast-border-color);border-radius:var(--x-toast-radius);box-shadow:var(--x-toast-shadow);color:var(--x-toast-color);min-width:var(--x-toast-min-width);max-width:var(--x-toast-max-width);overflow:hidden;transition:background var(--x-toast-motion-fast) var(--x-toast-motion-ease),border-color var(--x-toast-motion-fast) var(--x-toast-motion-ease),opacity var(--x-toast-motion-fast) var(--x-toast-motion-ease),transform var(--x-toast-motion-fast) var(--x-toast-motion-ease);}[part\x3dinner]{display:flex;align-items:flex-start;gap:var(--x-toast-gap);padding:var(--x-toast-padding-y) var(--x-toast-padding-x);}[part\x3dicon]{flex:0 0 auto;color:var(--x-toast-icon-color);line-height:1;margin-top:0.15em;}slot[name\x3dicon]::slotted(*){display:block;}[part\x3dbody]{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0;}[part\x3dheading]{font-size:var(--x-toast-heading-font-size);font-weight:var(--x-toast-heading-weight);line-height:1.2;overflow-wrap:anywhere;}[part\x3dmessage]{font-size:var(--x-toast-font-size);line-height:1.35;overflow-wrap:anywhere;opacity:0.82;}[part\x3ddismiss]{flex:0 0 auto;appearance:none;border:0;background:transparent;color:var(--x-toast-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-toast-motion-fast) var(--x-toast-motion-ease),transform var(--x-toast-motion-fast) var(--x-toast-motion-ease);}:host(:not([disabled])) [part\x3ddismiss]:hover{background:var(--x-toast-dismiss-hover-bg);}:host(:not([disabled])) [part\x3ddismiss]:active{transform:scale(var(--x-toast-press-scale));}[part\x3ddismiss]:focus{outline:none;}:host(:not([disabled])) [part\x3ddismiss]:focus-visible{outline:2px solid var(--x-toast-focus-ring);outline-offset:2px;}:host([disabled]){opacity:var(--x-toast-disabled-opacity);}:host([disabled]) [part\x3ddismiss]{cursor:default;pointer-events:none;}[part\x3dprogress]{height:var(--x-toast-progress-height);background:var(--x-toast-progress-bg);overflow:hidden;display:none;}[part\x3dprogress-bar]{height:100%;width:100%;background:var(--x-toast-progress-fill);animation:x-toast-progress var(--x-toast-timeout,0ms) linear forwards;animation-play-state:paused;}:host([data-progress-active]) [part\x3dprogress-bar]{animation-play-state:running;}@keyframes x-toast-progress{from{width:100%;}to{width:0%;}}:host([data-entering]) [part\x3dcontainer]{animation:x-toast-enter var(--x-toast-enter-duration) var(--x-toast-motion-ease) both;}@keyframes x-toast-enter{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}:host([data-exiting]) [part\x3dcontainer]{animation:x-toast-exit var(--x-toast-exit-duration) var(--x-toast-motion-ease) forwards;}@keyframes x-toast-exit{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-8px);}}@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;}:host([data-progress-active]) [part\x3dprogress-bar]{animation:none !important;}}";
-d.setAttribute("part","container");e.setAttribute("part","inner");g.setAttribute("part","icon");g.setAttribute("aria-hidden","true");h.setAttribute("name","icon");k.setAttribute("part","default-icon");h.appendChild(k);g.appendChild(h);m.setAttribute("part","body");q.setAttribute("part","heading");r.setAttribute("part","message");m.appendChild(q);m.appendChild(r);v.setAttribute("part","dismiss");v.setAttribute("type","button");v.setAttribute("aria-label","Dismiss toast");w.setAttribute("aria-hidden",
-"true");w.textContent="×";v.appendChild(w);e.appendChild(g);e.appendChild(m);e.appendChild(v);z.setAttribute("part","progress");A.setAttribute("part","progress-bar");z.appendChild(A);d.appendChild(e);d.appendChild(z);b.appendChild(c);b.appendChild(d);b=$APP.Xe([fm,$APP.Mi,gm,$APP.Xg,$APP.Ei,hm,$APP.kh,$APP.ii,im,$APP.xg,$APP.Wh,jm],[A,k,r,v,m,e,b,d,z,g,h,q]);a.__xToastRefs=b;return $APP.l(a,"__xToastRefs")},lm=function(a){return bm($APP.Xe([$APP.Rh,$APP.Sh,$APP.$g,$APP.Bg,$l,$APP.fi,$APP.bh,$APP.Cg,
-$APP.Eh],[a.getAttribute("dismissible"),a.hasAttribute("disabled"),a.getAttribute("timeout-ms"),a.hasAttribute("icon"),a.getAttribute("show-progress"),a.getAttribute("icon"),a.getAttribute("type"),a.getAttribute("message"),a.getAttribute("heading")]))},nm=function(a){var b=lm(a);if($APP.O($APP.l(a,"__xToastModel"),b)){b=$APP.N(b);var c=$APP.I(b,$APP.Z),d=$APP.I(b,$APP.Eh),e=$APP.I(b,$APP.Cg),g=$APP.I(b,$APP.Xi),h=$APP.I(b,$APP.Rg),k=$APP.I(b,$APP.oh),m=$APP.I(b,$APP.V),q=$APP.I(b,$APP.xi),r=km(a),
-v=$APP.N(r),w=$APP.I(v,$APP.Wh);r=$APP.I(v,jm);var z=$APP.I(v,fm),A=$APP.I(v,$APP.Mi),D=$APP.I(v,gm),G=$APP.I(v,$APP.Xg),J=$APP.I(v,$APP.ii),E=$APP.I(v,im);v=$APP.I(v,$APP.xg);w=$APP.n(w)?w.assignedNodes().length>0:null;$APP.C.h(g,$APP.Hh)||(h=$APP.I(mm,c),h=$APP.n(h)?h:$APP.I(mm,$APP.rh));g=$APP.p(w)&&$APP.C.h(g,$APP.Ri);w=em(b);a.setAttribute("data-type",Vl(c));var R=J.setAttribute;c=$APP.C.h(c,$APP.li)||$APP.C.h(c,$APP.ih)?"alert":"status";R.call(J,"role",c);r.textContent=d;r.style.display=$APP.C.h(d,
-"")?"none":"";D.textContent=e;g?(A.textContent="",v.style.display="none"):(A.textContent=h,v.style.display="inline");$APP.n(k)?(G.disabled=$APP.K(m),G.style.display="inline-flex"):(G.disabled=!0,G.style.display="none");w?(E.style.display="block",z.style.setProperty("--x-toast-timeout",""+$APP.T.g(q)+"ms")):E.style.display="none";d=$APP.n(k)?$APP.p(m):k;a.tabIndex=$APP.n(d)?0:-1;$APP.n(m)?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled");$APP.n(d)?a.setAttribute("aria-keyshortcuts",
-"Escape"):a.removeAttribute("aria-keyshortcuts");a.__xToastModel=b}},om=function(){return $APP.K(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},pm=function(a){a=typeof a==="string"?a.trim():"";return $APP.C.h(a,"")||$APP.C.h(a,"0")||$APP.C.h(a,"0ms")||$APP.C.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},qm=function(a){var b=window.getComputedStyle(a);a=pm(b.getPropertyValue("--x-toast-exit-duration"));b=pm(b.getPropertyValue("--x-motion-exit-duration"));return a>0?a:b>0?b:180},rm=function(a){var b=$APP.l(a,"__xToastTimeout");$APP.n(b)&&(clearTimeout(b),a.__xToastTimeout=null)},tm=function(a){rm(a);var b=function(){var c=$APP.l(a,"__xToastModel");return $APP.n(c)?c:lm(a)}();$APP.n(function(){var c=cm(b);return $APP.n(c)?typeof $APP.xi.g(b)==="number"&&$APP.p($APP.l(a,"__xToastExiting")):c}())&&
-$APP.la(a,"__xToastTimeout",setTimeout(function(){a.__xToastTimeout=null;if($APP.n(function(){var d=a.isConnected;return $APP.n(d)?$APP.p($APP.l(a,"__xToastExiting")):d}())){var c=function(){var d=$APP.l(a,"__xToastModel");return $APP.n(d)?d:lm(a)}();if($APP.n(cm(c)))return c=$APP.pg(dm(c,"timeout")),c=new CustomEvent("x-toast-dismiss",{detail:c,bubbles:!0,composed:!0,cancelable:!0}),c=a.dispatchEvent(c),$APP.n(c)?sm.g?sm.g(a):sm.call(null,a):null}return null},$APP.xi.g(b)));return null},um=function(a){var b=
-$APP.l(a,"__xToastModel");$APP.n($APP.n(b)?em(b):b)&&a.setAttribute("data-progress-active","");return tm(a)},vm=function(a){if(!$APP.n($APP.l(a,"__xToastEntered")))if(a.__xToastEntered=!0,a.setAttribute("data-entering",""),om())a.removeAttribute("data-entering"),um(a);else{var b=km(a);b=$APP.N(b);var c=$APP.I(b,$APP.ii);c.addEventListener("animationend",function g(e){return $APP.C.h(e.target,c)?(c.removeEventListener("animationend",g),a.removeAttribute("data-entering"),um(a)):null})}},sm=function(a){if(!$APP.n($APP.l(a,
-"__xToastExiting"))){a.__xToastExiting=!0;rm(a);a.removeAttribute("data-entering");a.removeAttribute("data-progress-active");var b=qm(a);if(b===0||om())a.remove();else{var c=km(a);c=$APP.N(c);var d=$APP.I(c,$APP.ii),e=function k(h){return $APP.C.h(h.target,d)?(d.removeEventListener("animationend",k),h=$APP.l(a,"__xToastExitTimer"),$APP.n(h)&&(clearTimeout(h),a.__xToastExitTimer=null),$APP.n(a.isConnected)?a.remove():null):null};a.setAttribute("data-exiting","");d.addEventListener("animationend",e);
-$APP.la(a,"__xToastExitTimer",setTimeout(function(){var h=a.isConnected;return $APP.n($APP.n(h)?$APP.l(a,"__xToastExiting"):h)?(d.removeEventListener("animationend",e),a.__xToastExitTimer=null,a.remove()):null},b+60))}}return null},wm=function(a,b){var c=$APP.l(a,"__xToastModel");c=$APP.n(c)?c:lm(a);b=$APP.pg(dm(c,b));b=new CustomEvent("x-toast-dismiss",{detail:b,bubbles:!0,composed:!0,cancelable:!0});b=a.dispatchEvent(b);$APP.n(b)&&sm(a)},xm=function(a,b){var c=function(){var d=$APP.l(a,"__xToastModel");
-return $APP.n(d)?d:lm(a)}();$APP.n(function(){var d=cm(c);return $APP.n(d)?$APP.p($APP.l(a,"__xToastExiting")):d}())&&(b.preventDefault(),wm(a,"button"));return null},ym=function(a,b){if($APP.C.h(b.key,"Escape")){var c=function(){var d=$APP.l(a,"__xToastModel");return $APP.n(d)?d:lm(a)}();$APP.n(function(){var d=cm(c);return $APP.n(d)?$APP.p($APP.l(a,"__xToastExiting")):d}())&&(b.preventDefault(),wm(a,"keyboard"))}return null},zm=function(a){function b(e){return ym(a,e)}function c(e){return xm(a,
-e)}var d=km(a);d=$APP.N(d);$APP.I(d,$APP.Xg).addEventListener("click",c);a.addEventListener("keydown",b);$APP.la(a,"__xToastHandlers",{click:c,keydown:b})},Am=function(a){rm(a);var b=$APP.l(a,"__xToastExitTimer");$APP.n(b)&&(clearTimeout(b),a.__xToastExitTimer=null);b=$APP.l(a,"__xToastHandlers");var c=$APP.l(a,"__xToastRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.Xg.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.__xToastHandlers=null},Bm=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.T.g(b)):this.removeAttribute("type")},enumerable:!0,configurable:!0});Object.defineProperty(a,"heading",{get:function(){var b=this.getAttribute("heading");return $APP.n(b)?b:""},set:function(b){return $APP.n(b)?this.setAttribute("heading",""+$APP.T.g(b)):this.removeAttribute("heading")},
-enumerable:!0,configurable:!0});Object.defineProperty(a,"message",{get:function(){var b=this.getAttribute("message");return $APP.n(b)?b:""},set:function(b){return $APP.n(b)?this.setAttribute("message",""+$APP.T.g(b)):this.removeAttribute("message")},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.T.g(b)):this.removeAttribute("icon")},enumerable:!0,configurable:!0});Object.defineProperty(a,
-"dismissible",{get:function(){return Wl(this.getAttribute("dismissible"))},set:function(b){return $APP.n(b)?this.setAttribute("dismissible",""):this.setAttribute("dismissible","false")},enumerable:!0,configurable:!0});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});Object.defineProperty(a,"timeoutMs",{get:function(){return Yl(this.getAttribute("timeout-ms"))},
-set:function(b){return b==null?this.removeAttribute("timeout-ms"):this.setAttribute("timeout-ms",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"showProgress",{get:function(){return Xl(this.getAttribute("show-progress"))},set:function(b){return $APP.n(b)?this.setAttribute("show-progress",""):this.removeAttribute("show-progress")},enumerable:!0,configurable:!0})},Cm=function(a){a.dismiss=function(b){var c=$APP.p($APP.l(this,"__xToastExiting"));$APP.n(c?this.isConnected:
-c)&&wm(this,typeof b==="string"?b:"api");return null}},Em=function(){var a=class extends HTMLElement{};a.observedAttributes=Dm;a.prototype.connectedCallback=function(){km(this);Am(this);zm(this);nm(this);vm(this);return null};a.prototype.disconnectedCallback=function(){Am(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&(nm(this),$APP.n(this.isConnected)&&tm(this));return null};Bm(a.prototype);Cm(a.prototype);return a},Fm=function(){$APP.n(customElements.get("x-toast"))||
-customElements.define("x-toast",Em());return null},jm=new $APP.M(null,"heading-el","heading-el",-1277272161),hm=new $APP.M(null,"inner","inner",-1383171215),im=new $APP.M(null,"progress-el","progress-el",-184081515),gm=new $APP.M(null,"message-el","message-el",-683533234),am=new $APP.M(null,"show-progress?","show-progress?",-1681518912),fm=new $APP.M(null,"progress-bar","progress-bar",-123877022),$l=new $APP.M(null,"show-progress-attr","show-progress-attr",1680262066);var Dm="type heading message icon dismissible disabled timeout-ms show-progress".split(" ");$APP.sd(["x-toast-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.qh,$APP.X,$APP.Eh,$APP.X,$APP.Cg,$APP.X],null),$APP.ni,!0],null)]);
-var Sl=new $APP.Q(null,4,["info",$APP.rh,"success",$APP.Jg,"warning",$APP.li,"error",$APP.ih],null),Ul=new $APP.Q(null,4,[$APP.rh,"info",$APP.Jg,"success",$APP.li,"warning",$APP.ih,"error"],null),mm=new $APP.Q(null,4,[$APP.rh,"ℹ",$APP.Jg,"✓",$APP.li,"!",$APP.ih,"⨯"],null);$APP.ja("baredom.exports.x_toast.init",Fm);export const init=Fm;
+d.setAttribute("part","container");e.setAttribute("part","inner");g.setAttribute("part","icon");g.setAttribute("aria-hidden","true");h.setAttribute("name","icon");k.setAttribute("part","default-icon");h.appendChild(k);g.appendChild(h);m.setAttribute("part","body");p.setAttribute("part","heading");r.setAttribute("part","message");m.appendChild(p);m.appendChild(r);v.setAttribute("part","dismiss");v.setAttribute("type","button");v.setAttribute("aria-label","Dismiss toast");x.setAttribute("aria-hidden",
+"true");x.textContent="×";v.appendChild(x);e.appendChild(g);e.appendChild(m);e.appendChild(v);y.setAttribute("part","progress");A.setAttribute("part","progress-bar");y.appendChild(A);d.appendChild(e);d.appendChild(y);b.appendChild(c);b.appendChild(d);b=$APP.gf([Mn,$APP.kk,Nn,$APP.Eh,$APP.ak,On,$APP.Yh,$APP.xj,Pn,$APP.Wg,$APP.gj,Qn],[A,k,r,v,m,e,b,d,y,g,h,p]);a.__xToastRefs=b;return $APP.l(a,"__xToastRefs")},Sn=function(a){return In($APP.gf([$APP.$i,$APP.aj,$APP.Kh,$APP.ah,Gn,$APP.rj,$APP.Nh,$APP.bh,
+$APP.Ci],[a.getAttribute("dismissible"),a.hasAttribute("disabled"),a.getAttribute("timeout-ms"),a.hasAttribute("icon"),a.getAttribute("show-progress"),a.getAttribute("icon"),a.getAttribute("type"),a.getAttribute("message"),a.getAttribute("heading")]))},Un=function(a){var b=Sn(a);if($APP.O($APP.l(a,"__xToastModel"),b)){b=$APP.N(b);var c=$APP.H(b,$APP.Z),d=$APP.H(b,$APP.Ci),e=$APP.H(b,$APP.bh),g=$APP.H(b,$APP.yk),h=$APP.H(b,$APP.xh),k=$APP.H(b,$APP.fi),m=$APP.H(b,$APP.V),p=$APP.H(b,$APP.Pj),r=Rn(a),
+v=$APP.N(r),x=$APP.H(v,$APP.gj);r=$APP.H(v,Qn);var y=$APP.H(v,Mn),A=$APP.H(v,$APP.kk),D=$APP.H(v,Nn),G=$APP.H(v,$APP.Eh),I=$APP.H(v,$APP.xj),F=$APP.H(v,Pn);v=$APP.H(v,$APP.Wg);x=$APP.n(x)?x.assignedNodes().length>0:null;$APP.C.h(g,$APP.Ni)||(h=$APP.H(Tn,c),h=$APP.n(h)?h:$APP.H(Tn,$APP.ji));g=$APP.q(x)&&$APP.C.h(g,$APP.qk);x=Ln(b);a.setAttribute("data-type",Bn(c));var P=I.setAttribute;c=$APP.C.h(c,$APP.Bj)||$APP.C.h(c,$APP.Vh)?"alert":"status";P.call(I,"role",c);r.textContent=d;r.style.display=$APP.C.h(d,
+"")?"none":"";D.textContent=e;g?(A.textContent="",v.style.display="none"):(A.textContent=h,v.style.display="inline");$APP.n(k)?(G.disabled=$APP.J(m),G.style.display="inline-flex"):(G.disabled=!0,G.style.display="none");x?(F.style.display="block",y.style.setProperty("--x-toast-timeout",""+$APP.S.g(p)+"ms")):F.style.display="none";d=$APP.n(k)?$APP.q(m):k;a.tabIndex=$APP.n(d)?0:-1;$APP.n(m)?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled");$APP.n(d)?a.setAttribute("aria-keyshortcuts",
+"Escape"):a.removeAttribute("aria-keyshortcuts");a.__xToastModel=b}},Vn=function(){return $APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},Wn=function(a){a=typeof a==="string"?a.trim():"";return $APP.C.h(a,"")||$APP.C.h(a,"0")||$APP.C.h(a,"0ms")||$APP.C.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},Xn=function(a){var b=window.getComputedStyle(a);a=Wn(b.getPropertyValue("--x-toast-exit-duration"));b=Wn(b.getPropertyValue("--x-motion-exit-duration"));return a>0?a:b>0?b:180},Yn=function(a){var b=$APP.l(a,"__xToastTimeout");$APP.n(b)&&(clearTimeout(b),a.__xToastTimeout=null)},$n=function(a){Yn(a);var b=function(){var c=$APP.l(a,"__xToastModel");return $APP.n(c)?c:Sn(a)}();$APP.n(function(){var c=Jn(b);return $APP.n(c)?typeof $APP.Pj.g(b)==="number"&&$APP.q($APP.l(a,"__xToastExiting")):c}())&&
+$APP.ma(a,"__xToastTimeout",setTimeout(function(){a.__xToastTimeout=null;if($APP.n(function(){var d=a.isConnected;return $APP.n(d)?$APP.q($APP.l(a,"__xToastExiting")):d}())){var c=function(){var d=$APP.l(a,"__xToastModel");return $APP.n(d)?d:Sn(a)}();if($APP.n(Jn(c)))return c=$APP.Mg(Kn(c,"timeout")),c=new CustomEvent("x-toast-dismiss",{detail:c,bubbles:!0,composed:!0,cancelable:!0}),c=a.dispatchEvent(c),$APP.n(c)?Zn.g?Zn.g(a):Zn.call(null,a):null}return null},$APP.Pj.g(b)));return null},ao=function(a){var b=
+$APP.l(a,"__xToastModel");$APP.n($APP.n(b)?Ln(b):b)&&a.setAttribute("data-progress-active","");return $n(a)},bo=function(a){if(!$APP.n($APP.l(a,"__xToastEntered")))if(a.__xToastEntered=!0,a.setAttribute("data-entering",""),Vn())a.removeAttribute("data-entering"),ao(a);else{var b=Rn(a);b=$APP.N(b);var c=$APP.H(b,$APP.xj);c.addEventListener("animationend",function g(e){return $APP.C.h(e.target,c)?(c.removeEventListener("animationend",g),a.removeAttribute("data-entering"),ao(a)):null})}},Zn=function(a){if(!$APP.n($APP.l(a,
+"__xToastExiting"))){a.__xToastExiting=!0;Yn(a);a.removeAttribute("data-entering");a.removeAttribute("data-progress-active");var b=Xn(a);if(b===0||Vn())a.remove();else{var c=Rn(a);c=$APP.N(c);var d=$APP.H(c,$APP.xj),e=function k(h){return $APP.C.h(h.target,d)?(d.removeEventListener("animationend",k),h=$APP.l(a,"__xToastExitTimer"),$APP.n(h)&&(clearTimeout(h),a.__xToastExitTimer=null),$APP.n(a.isConnected)?a.remove():null):null};a.setAttribute("data-exiting","");d.addEventListener("animationend",e);
+$APP.ma(a,"__xToastExitTimer",setTimeout(function(){var h=a.isConnected;return $APP.n($APP.n(h)?$APP.l(a,"__xToastExiting"):h)?(d.removeEventListener("animationend",e),a.__xToastExitTimer=null,a.remove()):null},b+60))}}return null},co=function(a,b){var c=$APP.l(a,"__xToastModel");c=$APP.n(c)?c:Sn(a);b=$APP.Mg(Kn(c,b));b=new CustomEvent("x-toast-dismiss",{detail:b,bubbles:!0,composed:!0,cancelable:!0});b=a.dispatchEvent(b);$APP.n(b)&&Zn(a)},eo=function(a,b){var c=function(){var d=$APP.l(a,"__xToastModel");
+return $APP.n(d)?d:Sn(a)}();$APP.n(function(){var d=Jn(c);return $APP.n(d)?$APP.q($APP.l(a,"__xToastExiting")):d}())&&(b.preventDefault(),co(a,"button"));return null},fo=function(a,b){if($APP.C.h(b.key,"Escape")){var c=function(){var d=$APP.l(a,"__xToastModel");return $APP.n(d)?d:Sn(a)}();$APP.n(function(){var d=Jn(c);return $APP.n(d)?$APP.q($APP.l(a,"__xToastExiting")):d}())&&(b.preventDefault(),co(a,"keyboard"))}return null},go=function(a){function b(e){return fo(a,e)}function c(e){return eo(a,
+e)}var d=Rn(a);d=$APP.N(d);$APP.H(d,$APP.Eh).addEventListener("click",c);a.addEventListener("keydown",b);$APP.ma(a,"__xToastHandlers",{click:c,keydown:b})},ho=function(a){Yn(a);var b=$APP.l(a,"__xToastExitTimer");$APP.n(b)&&(clearTimeout(b),a.__xToastExitTimer=null);b=$APP.l(a,"__xToastHandlers");var c=$APP.l(a,"__xToastRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.Eh.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.__xToastHandlers=null},io=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,"heading",{get:function(){var b=this.getAttribute("heading");return $APP.n(b)?b:""},set:function(b){return $APP.n(b)?this.setAttribute("heading",""+$APP.S.g(b)):this.removeAttribute("heading")},
+enumerable:!0,configurable:!0});Object.defineProperty(a,"message",{get:function(){var b=this.getAttribute("message");return $APP.n(b)?b:""},set:function(b){return $APP.n(b)?this.setAttribute("message",""+$APP.S.g(b)):this.removeAttribute("message")},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,
+"dismissible",{get:function(){return Cn(this.getAttribute("dismissible"))},set:function(b){return $APP.n(b)?this.setAttribute("dismissible",""):this.setAttribute("dismissible","false")},enumerable:!0,configurable:!0});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});Object.defineProperty(a,"timeoutMs",{get:function(){return En(this.getAttribute("timeout-ms"))},
+set:function(b){return b==null?this.removeAttribute("timeout-ms"):this.setAttribute("timeout-ms",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"showProgress",{get:function(){return Dn(this.getAttribute("show-progress"))},set:function(b){return $APP.n(b)?this.setAttribute("show-progress",""):this.removeAttribute("show-progress")},enumerable:!0,configurable:!0})},jo=function(a){a.dismiss=function(b){var c=$APP.q($APP.l(this,"__xToastExiting"));$APP.n(c?this.isConnected:
+c)&&co(this,typeof b==="string"?b:"api");return null}},lo=function(){var a=class extends HTMLElement{};a.observedAttributes=ko;a.prototype.connectedCallback=function(){Rn(this);ho(this);go(this);Un(this);bo(this);return null};a.prototype.disconnectedCallback=function(){ho(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&(Un(this),$APP.n(this.isConnected)&&$n(this));return null};io(a.prototype);jo(a.prototype);return a},mo=function(){$APP.n(customElements.get("x-toast"))||
+customElements.define("x-toast",lo());return null},Qn=new $APP.M(null,"heading-el","heading-el",-1277272161),On=new $APP.M(null,"inner","inner",-1383171215),Pn=new $APP.M(null,"progress-el","progress-el",-184081515),Nn=new $APP.M(null,"message-el","message-el",-683533234),Hn=new $APP.M(null,"show-progress?","show-progress?",-1681518912),Mn=new $APP.M(null,"progress-bar","progress-bar",-123877022),Gn=new $APP.M(null,"show-progress-attr","show-progress-attr",1680262066);var ko="type heading message icon dismissible disabled timeout-ms show-progress".split(" ");$APP.zd(["x-toast-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.hi,$APP.X,$APP.Ci,$APP.X,$APP.bh,$APP.X],null),$APP.Dj,!0],null)]);
+var yn=new $APP.Q(null,4,["info",$APP.ji,"success",$APP.kh,"warning",$APP.Bj,"error",$APP.Vh],null),An=new $APP.Q(null,4,[$APP.ji,"info",$APP.kh,"success",$APP.Bj,"warning",$APP.Vh,"error"],null),Tn=new $APP.Q(null,4,[$APP.ji,"ℹ",$APP.kh,"✓",$APP.Bj,"!",$APP.Vh,"⨯"],null);$APP.ja("baredom.exports.x_toast.init",mo);export const init=mo;

package/dist/x-toaster.js

@@ -1,9 +1,9 @@
 import { $APP, shadow$provide } from "./base.js";
-var so=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.yc(ro,a)?a:"top-end"},to=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.p(isNaN(a))&&a>0?Math.floor(a):null):null},vo=function(a){if(!$APP.n($APP.l(a,"__xToasterRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=uo;b.appendChild(c);b.appendChild(d);a.__xToasterRefs=new $APP.Q(null,2,[$APP.kh,b,$APP.Jh,d],null)}},yo=function(a){a=
-new $APP.Q(null,3,[$APP.Ai,a.getAttribute("position"),wo,a.getAttribute("max-toasts"),$APP.Wg,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.I(b,$APP.Ai);a=$APP.I(b,wo);b=$APP.I(b,$APP.Wg);c=so(c);a=to(a);return new $APP.Q(null,3,[$APP.Ti,c,xo,$APP.n(a)?a:5,$APP.W,typeof b==="string"&&$APP.O(b.trim(),"")?b:"Notifications"],null)},zo=function(a){var b=yo(a);if($APP.O($APP.l(a,"__xToasterModel"),b)){b=$APP.N(b);var c=$APP.I(b,$APP.Ti),d=$APP.I(b,$APP.W);vo(a);a.setAttribute("role","region");
-a.setAttribute("aria-label",d);a.setAttribute("data-position",c);a.__xToasterModel=b}},Ao=function(a){function b(c){var d=c.detail;if($APP.O($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var g=$APP.l(d,"reason"),h=$APP.l(d,"heading");d=$APP.l(d,"message");e=$APP.pg(new $APP.Q(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.qh,$APP.n(g)?g:"",$APP.Eh,$APP.n(h)?h:"",$APP.Cg,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
-e=a.dispatchEvent(e);$APP.n(e)&&c.target.dismiss("toaster-remove")}return null}a.addEventListener("x-toast-dismiss",b);$APP.la(a,"__xToasterHandlers",{dismiss:b})},Bo=function(a){var b=$APP.l(a,"__xToasterHandlers");$APP.n(b)&&(b=$APP.l(b,"dismiss"),$APP.n(b)&&a.removeEventListener("x-toast-dismiss",b));a.__xToasterHandlers=null},Co=function(a){a=a.prototype;Object.defineProperty(a,"position",{get:function(){return so(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",
-""+$APP.T.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Notifications"},set:function(b){return $APP.n($APP.n(b)?$APP.O(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"maxToasts",{get:function(){var b=to(this.getAttribute("max-toasts"));return $APP.n(b)?b:5},set:function(b){return b==
-null?this.removeAttribute("max-toasts"):this.setAttribute("max-toasts",""+$APP.T.g(Math.floor(b)))},enumerable:!0,configurable:!0});Object.defineProperty(a,"toast",{value:function(b){b=$APP.n(b)?b:{};var c=$APP.l(this,"__xToasterModel");c=$APP.n(c)?c:yo(this);var d=xo.g(c);c=this.querySelectorAll("x-toast");var e=c.length;if(e>=d)for(d=e-d- -1,e=0;;)if(e<d)c[e].dismiss("toaster-remove"),e+=1;else break;c=document.createElement("x-toast");d=$APP.l(b,"type");$APP.n(d)&&c.setAttribute("type",d);d=$APP.l(b,
-"heading");$APP.n(d)&&c.setAttribute("heading",d);d=$APP.l(b,"message");$APP.n(d)&&c.setAttribute("message",d);d=$APP.l(b,"icon");$APP.n(d)&&c.setAttribute("icon",d);$APP.l(b,"dismissible")===!1&&c.setAttribute("dismissible","false");d=$APP.l(b,"timeoutMs");$APP.n(d)&&c.setAttribute("timeout-ms",""+$APP.T.g(d));$APP.n($APP.l(b,"showProgress"))&&c.setAttribute("show-progress","");this.appendChild(c);return c},writable:!0,configurable:!0})},Eo=function(){var a=class extends HTMLElement{};a.observedAttributes=
-Do;a.prototype.connectedCallback=function(){vo(this);Bo(this);Ao(this);zo(this);return null};a.prototype.disconnectedCallback=function(){Bo(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&zo(this);return null};Co(a);return a},Fo=function(){$APP.n(customElements.get("x-toaster"))||customElements.define("x-toaster",Eo());return null},xo=new $APP.M(null,"max-toasts","max-toasts",-1982289139),wo=new $APP.M(null,"max-toasts-raw","max-toasts-raw",-815087069);var Do=["position","max-toasts","label"];$APP.sd(["x-toaster-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.qh,$APP.X,$APP.Eh,$APP.X,$APP.Cg,$APP.X],null),$APP.ni,!0],null)]);var ro=new $APP.S(null,new $APP.Q(null,6,["top-center",null,"bottom-start",null,"bottom-end",null,"bottom-center",null,"top-end",null,"top-start",null],null),null);var uo=":host{display:flex;position:fixed;z-index:var(--x-toaster-z-index,9000);gap:var(--x-toaster-gap,8px);width:max-content;max-width:var(--x-toaster-max-width,480px);box-sizing:border-box;pointer-events:none;color-scheme:light dark;}::slotted("+$APP.T.g("x-toast")+"){pointer-events:auto;}slot{display:contents;}:host([data-position\x3d'top-start']){top:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'top-center']){top:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center;}:host([data-position\x3d'top-end']){top:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'bottom-start']){bottom:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column;}:host([data-position\x3d'bottom-center']){bottom:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;}:host([data-position\x3d'bottom-end']){bottom:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column;}";$APP.ja("baredom.exports.x_toaster.init",Fo);export const init=Fo;
+var mq=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.K(lq,a)?a:"top-end"},nq=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.q(isNaN(a))&&a>0?Math.floor(a):null):null},pq=function(a){if(!$APP.n($APP.l(a,"__xToasterRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=oq;b.appendChild(c);b.appendChild(d);a.__xToasterRefs=new $APP.Q(null,2,[$APP.Yh,b,$APP.Pi,d],null)}},sq=function(a){a=
+new $APP.Q(null,3,[$APP.Uj,a.getAttribute("position"),qq,a.getAttribute("max-toasts"),$APP.Dh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.H(b,$APP.Uj);a=$APP.H(b,qq);b=$APP.H(b,$APP.Dh);c=mq(c);a=nq(a);return new $APP.Q(null,3,[$APP.sk,c,rq,$APP.n(a)?a:5,$APP.W,typeof b==="string"&&$APP.O(b.trim(),"")?b:"Notifications"],null)},tq=function(a){var b=sq(a);if($APP.O($APP.l(a,"__xToasterModel"),b)){b=$APP.N(b);var c=$APP.H(b,$APP.sk),d=$APP.H(b,$APP.W);pq(a);a.setAttribute("role","region");
+a.setAttribute("aria-label",d);a.setAttribute("data-position",c);a.__xToasterModel=b}},uq=function(a){function b(c){var d=c.detail;if($APP.O($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var g=$APP.l(d,"reason"),h=$APP.l(d,"heading");d=$APP.l(d,"message");e=$APP.Mg(new $APP.Q(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.hi,$APP.n(g)?g:"",$APP.Ci,$APP.n(h)?h:"",$APP.bh,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
+e=a.dispatchEvent(e);$APP.n(e)&&c.target.dismiss("toaster-remove")}return null}a.addEventListener("x-toast-dismiss",b);$APP.ma(a,"__xToasterHandlers",{dismiss:b})},vq=function(a){var b=$APP.l(a,"__xToasterHandlers");$APP.n(b)&&(b=$APP.l(b,"dismiss"),$APP.n(b)&&a.removeEventListener("x-toast-dismiss",b));a.__xToasterHandlers=null},wq=function(a){a=a.prototype;Object.defineProperty(a,"position",{get:function(){return mq(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",
+""+$APP.S.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Notifications"},set:function(b){return $APP.n($APP.n(b)?$APP.O(b,""):b)?this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"maxToasts",{get:function(){var b=nq(this.getAttribute("max-toasts"));return $APP.n(b)?b:5},set:function(b){return b==
+null?this.removeAttribute("max-toasts"):this.setAttribute("max-toasts",""+$APP.S.g(Math.floor(b)))},enumerable:!0,configurable:!0});Object.defineProperty(a,"toast",{value:function(b){b=$APP.n(b)?b:{};var c=$APP.l(this,"__xToasterModel");c=$APP.n(c)?c:sq(this);var d=rq.g(c);c=this.querySelectorAll("x-toast");var e=c.length;if(e>=d)for(d=e-d- -1,e=0;;)if(e<d)c[e].dismiss("toaster-remove"),e+=1;else break;c=document.createElement("x-toast");d=$APP.l(b,"type");$APP.n(d)&&c.setAttribute("type",d);d=$APP.l(b,
+"heading");$APP.n(d)&&c.setAttribute("heading",d);d=$APP.l(b,"message");$APP.n(d)&&c.setAttribute("message",d);d=$APP.l(b,"icon");$APP.n(d)&&c.setAttribute("icon",d);$APP.l(b,"dismissible")===!1&&c.setAttribute("dismissible","false");d=$APP.l(b,"timeoutMs");$APP.n(d)&&c.setAttribute("timeout-ms",""+$APP.S.g(d));$APP.n($APP.l(b,"showProgress"))&&c.setAttribute("show-progress","");this.appendChild(c);return c},writable:!0,configurable:!0})},yq=function(){var a=class extends HTMLElement{};a.observedAttributes=
+xq;a.prototype.connectedCallback=function(){pq(this);vq(this);uq(this);tq(this);return null};a.prototype.disconnectedCallback=function(){vq(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&tq(this);return null};wq(a);return a},zq=function(){$APP.n(customElements.get("x-toaster"))||customElements.define("x-toaster",yq());return null},rq=new $APP.M(null,"max-toasts","max-toasts",-1982289139),qq=new $APP.M(null,"max-toasts-raw","max-toasts-raw",-815087069);var xq=["position","max-toasts","label"];$APP.zd(["x-toaster-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.hi,$APP.X,$APP.Ci,$APP.X,$APP.bh,$APP.X],null),$APP.Dj,!0],null)]);var lq=new $APP.R(null,new $APP.Q(null,6,["top-center",null,"bottom-start",null,"bottom-end",null,"bottom-center",null,"top-end",null,"top-start",null],null),null);var oq=":host{display:flex;position:fixed;z-index:var(--x-toaster-z-index,9000);gap:var(--x-toaster-gap,8px);width:max-content;max-width:var(--x-toaster-max-width,480px);box-sizing:border-box;pointer-events:none;color-scheme:light dark;}::slotted("+$APP.S.g("x-toast")+"){pointer-events:auto;}slot{display:contents;}:host([data-position\x3d'top-start']){top:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'top-center']){top:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center;}:host([data-position\x3d'top-end']){top:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'bottom-start']){bottom:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column;}:host([data-position\x3d'bottom-center']){bottom:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;}:host([data-position\x3d'bottom-end']){bottom:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column;}";$APP.ja("baredom.exports.x_toaster.init",zq);export const init=zq;

package/dist/x-typography.js

@@ -0,0 +1,11 @@
+import { $APP, shadow$provide } from "./base.js";
+var $w=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:null):null},bx=function(a){var b=$APP.l(a,"__xTypographyRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=ax;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.Q(null,2,[$APP.Yh,b,$APP.xj,d],null);
+return $APP.l(a,"__xTypographyRefs")},hx=function(a){var b=new $APP.Q(null,4,[$APP.ri,a.getAttribute("variant"),$APP.qi,a.getAttribute("align"),cx,a.getAttribute("truncate"),dx,a.getAttribute("line-clamp")],null);var c=$APP.N(b),d=$APP.H(c,$APP.ri),e=$APP.H(c,$APP.qi);b=$APP.H(c,cx);c=$APP.H(c,dx);d=typeof d==="string"?d.toLowerCase():null;d=$APP.K(ex,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.K(fx,e)?e:"left";b=new $APP.Q(null,4,[$APP.th,d,$APP.hj,e,$APP.di,b!=null,gx,$w(c)],
+null);if($APP.O($APP.l(a,"__xTypographyModel"),b)){b=$APP.N(b);e=$APP.H(b,$APP.th);d=$APP.H(b,$APP.hj);var g=$APP.H(b,$APP.di);c=$APP.H(b,gx);var h=bx(a);h=$APP.N(h);h=$APP.H(h,$APP.xj);a.setAttribute("data-variant",e);a.setAttribute("data-align",d);$APP.n(g)?h.setAttribute("data-truncate",""):h.removeAttribute("data-truncate");c!=null&&$APP.q(g)?(e=h.style,e.display="-webkit-box",e.setProperty("-webkit-box-orient","vertical"),e.overflow="hidden",e.setProperty("-webkit-line-clamp",""+$APP.S.g(c))):
+(c=h.style,c.removeProperty("display"),c.removeProperty("-webkit-box-orient"),c.removeProperty("overflow"),c.removeProperty("-webkit-line-clamp"));a.__xTypographyModel=b}},ix=function(a){Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:"body1"},set:function(b){return $APP.n(b)?this.setAttribute("variant",""+$APP.S.g(b)):this.removeAttribute("variant")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){var b=this.getAttribute("align");
+return $APP.n(b)?b:"left"},set:function(b){return $APP.n(b)?this.setAttribute("align",""+$APP.S.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"truncate",{get:function(){return this.hasAttribute("truncate")},set:function(b){return $APP.n(b)?this.setAttribute("truncate",""):this.removeAttribute("truncate")},enumerable:!0,configurable:!0});Object.defineProperty(a,"lineClamp",{get:function(){return $w(this.getAttribute("line-clamp"))},set:function(b){return b==
+null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0})},kx=function(){var a=class extends HTMLElement{};a.observedAttributes=jx;a.prototype.connectedCallback=function(){bx(this);hx(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&hx(this);return null};ix(a.prototype);return a},lx=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
+kx());return null},dx=new $APP.M(null,"line-clamp-raw","line-clamp-raw",-1982923204),gx=new $APP.M(null,"line-clamp","line-clamp",-1079334403),cx=new $APP.M(null,"truncate-raw","truncate-raw",1178232402);var jx=["variant","align","truncate","line-clamp"],ex=new $APP.R(null,new $APP.Q(null,16,["subtitle2",null,"overline",null,"h3",null,"body1",null,"body2",null,"small",null,"subtitle1",null,"h2",null,"kbd",null,"h4",null,"h5",null,"blockquote",null,"h1",null,"caption",null,"code",null,"h6",null],null),null),fx=new $APP.R(null,new $APP.Q(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var ax=":host{display:block;color-scheme:light dark;font-family:var(--x-typography-font-family,"+$APP.S.g("system-ui,-apple-system,sans-serif")+");color:var(--x-typography-color,inherit);}[part\x3dcontainer]{margin:0;padding:0;}:host(:not([data-variant])),:host([data-variant\x3d'body1']){font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'h1']){font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;}:host([data-variant\x3d'h2']){font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-0.015em;}:host([data-variant\x3d'h3']){font-size:1.75rem;font-weight:600;line-height:1.3;letter-spacing:-0.01em;}:host([data-variant\x3d'h4']){font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:-0.005em;}:host([data-variant\x3d'h5']){font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'h6']){font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'subtitle1']){font-size:1.125rem;font-weight:500;line-height:1.4;letter-spacing:0.005em;}:host([data-variant\x3d'subtitle2']){font-size:0.875rem;font-weight:500;line-height:1.4;letter-spacing:0.01em;}:host([data-variant\x3d'body2']){font-size:0.875rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'caption']){font-size:0.75rem;font-weight:400;line-height:1.4;letter-spacing:0.02em;}:host([data-variant\x3d'overline']){font-size:0.625rem;font-weight:600;line-height:1.5;letter-spacing:0.1em;text-transform:uppercase;}:host([data-variant\x3d'small']){font-size:0.8125rem;font-weight:400;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'blockquote']){font-size:1.125rem;font-weight:400;line-height:1.6;letter-spacing:normal;font-style:italic;}:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left:3px solid var(--x-typography-blockquote-border-color,"+
+$APP.S.g("rgba(0,0,0,0.2)")+");padding:var(--x-typography-blockquote-padding,0 0 0 1em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left-color:var(--x-typography-blockquote-border-color,"+$APP.S.g("rgba(255,255,255,0.25)")+");}}:host([data-variant\x3d'code']){font-family:var(--x-typography-mono-font-family,"+$APP.S.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+
+$APP.S.g("rgba(0,0,0,0.06)")+");border-radius:var(--x-typography-code-radius,4px);padding:var(--x-typography-code-padding,0.15em 0.35em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+$APP.S.g("rgba(255,255,255,0.1)")+");}}:host([data-variant\x3d'kbd']){font-family:var(--x-typography-mono-font-family,"+$APP.S.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+
+$APP.S.g("rgba(0,0,0,0.06)")+");border:1px solid var(--x-typography-kbd-border,"+$APP.S.g("rgba(0,0,0,0.15)")+");border-radius:var(--x-typography-kbd-radius,4px);padding:var(--x-typography-kbd-padding,0.15em 0.4em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+$APP.S.g("rgba(255,255,255,0.1)")+");border-color:var(--x-typography-kbd-border,"+$APP.S.g("rgba(255,255,255,0.2)")+");}}:host([data-align\x3d'left']){text-align:left;}:host([data-align\x3d'center']){text-align:center;}:host([data-align\x3d'right']){text-align:right;}:host([data-align\x3d'justify']){text-align:justify;}[part\x3dcontainer][data-truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}";$APP.ja("baredom.exports.x_typography.init",lx);export const init=lx;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "description" : "54 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
+  "description" : "67 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
   "engines" : {
     "node" : ">=18"
   },
@@ -13,6 +13,7 @@
   "scripts" : {
     "clean" : "rm -rf dist .shadow-cljs",
     "build" : "npm run clean && npx shadow-cljs release lib",
+    "build:demo" : "npx shadow-cljs release demo",
     "pack:local" : "npm pack",
     "test" : "npx shadow-cljs compile test-karma && npx karma start karma.conf.cjs --single-run"
   },
@@ -250,6 +251,50 @@
     "./x-copy" : {
       "import" : "./dist/x-copy.js",
       "default" : "./dist/x-copy.js"
+    },
+    "./x-typography" : {
+      "import" : "./dist/x-typography.js",
+      "default" : "./dist/x-typography.js"
+    },
+    "./x-kinetic-typography" : {
+      "import" : "./dist/x-kinetic-typography.js",
+      "default" : "./dist/x-kinetic-typography.js"
+    },
+    "./x-scroll" : {
+      "import" : "./dist/x-scroll.js",
+      "default" : "./dist/x-scroll.js"
+    },
+    "./x-scroll-parallax" : {
+      "import" : "./dist/x-scroll-parallax.js",
+      "default" : "./dist/x-scroll-parallax.js"
+    },
+    "./x-scroll-story" : {
+      "import" : "./dist/x-scroll-story.js",
+      "default" : "./dist/x-scroll-story.js"
+    },
+    "./x-scroll-timeline" : {
+      "import" : "./dist/x-scroll-timeline.js",
+      "default" : "./dist/x-scroll-timeline.js"
+    },
+    "./x-scroll-stack" : {
+      "import" : "./dist/x-scroll-stack.js",
+      "default" : "./dist/x-scroll-stack.js"
+    },
+    "./x-organic-shape" : {
+      "import" : "./dist/x-organic-shape.js",
+      "default" : "./dist/x-organic-shape.js"
+    },
+    "./x-organic-divider" : {
+      "import" : "./dist/x-organic-divider.js",
+      "default" : "./dist/x-organic-divider.js"
+    },
+    "./x-ripple-effect" : {
+      "import" : "./dist/x-ripple-effect.js",
+      "default" : "./dist/x-ripple-effect.js"
+    },
+    "./x-gaussian-blur" : {
+      "import" : "./dist/x-gaussian-blur.js",
+      "default" : "./dist/x-gaussian-blur.js"
     }
   },
   "devDependencies" : {
@@ -259,6 +304,6 @@
     "shadow-cljs" : "^3.3.6"
   },
   "files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
-  "version" : "1.0.0",
+  "version" : "1.2.0",
   "sideEffects" : [ "./dist/*.js" ]
 }