@vanelsas/baredom 0.1.10-alpha → 0.2.1-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 +20 -0
- package/README.md +76 -20
- package/dist/base.js +231 -231
- package/dist/x-alert.js +10 -10
- package/dist/x-avatar-group.js +5 -5
- package/dist/x-avatar.js +17 -17
- package/dist/x-badge.js +11 -11
- package/dist/x-breadcrumbs.js +8 -8
- package/dist/x-button.js +13 -14
- package/dist/x-cancel-dialogue.js +15 -15
- package/dist/x-card.js +3 -3
- package/dist/x-chart.js +43 -43
- package/dist/x-checkbox.js +8 -8
- package/dist/x-chip.js +6 -6
- package/dist/x-collapse.js +11 -11
- package/dist/x-command-palette.js +16 -16
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -19
- package/dist/x-copy.js +14 -14
- package/dist/x-currency-field.js +21 -21
- package/dist/x-date-picker.js +35 -35
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +6 -6
- package/dist/x-dropdown.js +6 -6
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +10 -10
- 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 +13 -13
- package/dist/x-navbar.js +12 -12
- package/dist/x-notification-center.js +6 -6
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +8 -8
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-radio.js +9 -9
- package/dist/x-search-field.js +12 -12
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.js +24 -24
- package/dist/x-skeleton.js +5 -5
- package/dist/x-slider.js +9 -9
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-stat.js +8 -8
- package/dist/x-stepper.js +7 -7
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +3 -3
- package/dist/x-table-cell.js +23 -23
- package/dist/x-table-row.js +6 -6
- package/dist/x-table.js +7 -7
- package/dist/x-tabs.js +7 -7
- package/dist/x-text-area.js +18 -18
- package/dist/x-timeline-item.js +12 -12
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +12 -12
- package/dist/x-toaster.js +2 -2
- package/package.json +1 -1
package/dist/x-toast.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
2
|
var Zl=function(a){a=$APP.I(Yl,typeof a==="string"?a.toLowerCase():null);return $APP.n(a)?a:$APP.yh},am=function(a){a=$APP.I($l,a);return $APP.n(a)?a:"info"},bm=function(a){return a==null?!0:$APP.N((""+$APP.S.g(a)).trim().toLowerCase(),"false")},cm=function(a){return a==null?!1:$APP.N((""+$APP.S.g(a)).trim().toLowerCase(),"false")},dm=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:null):null},em=function(a){return typeof a==="string"?(a=
|
|
3
|
-
a.trim(),$APP.N(a,"")&&$APP.N(a.toLowerCase(),"none")?a:null):null},hm=function(a){var b=$APP.M(a),c=$APP.I(b,$APP.Lg),d=$APP.I(b,$APP.Lh);a=$APP.I(b,$APP.Zh);var e=$APP.I(b,$APP.$h),
|
|
3
|
+
a.trim(),$APP.N(a,"")&&$APP.N(a.toLowerCase(),"none")?a:null):null},hm=function(a){var b=$APP.M(a),c=$APP.I(b,$APP.Lg),d=$APP.I(b,$APP.Lh);a=$APP.I(b,$APP.Zh);var e=$APP.I(b,$APP.$h),g=$APP.I(b,$APP.hh),h=$APP.I(b,$APP.Kg),k=$APP.I(b,fm),m=$APP.I(b,$APP.jh);b=$APP.I(b,$APP.ni);m=Zl(m);b=em(b);h=$APP.n($APP.n(h)?b==null:h)?$APP.Zi:b!=null?$APP.Oh:$APP.ah;return $APP.bf([gm,$APP.vh,$APP.Z,$APP.$g,$APP.ej,$APP.U,$APP.Fi,$APP.Lg,$APP.Lh],[cm(k),bm(a),m,$APP.E.h(h,$APP.Oh)?b:null,h,$APP.J(e),dm(g),function(){var q=
|
|
4
4
|
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:""}()])},im=function(a){var b=$APP.M(a);a=$APP.I(b,$APP.vh);b=$APP.I(b,$APP.U);return $APP.n(a)?$APP.p(b):a},jm=function(a,b){var c=$APP.M(a);a=$APP.I(c,$APP.Z);var d=$APP.I(c,$APP.Lh);c=$APP.I(c,$APP.Lg);return new $APP.P(null,4,[$APP.Z,am(a),$APP.xh,b,$APP.Lh,d,$APP.Lg,c],null)},km=function(a){var b=$APP.M(a);a=$APP.I(b,gm);b=$APP.I(b,$APP.Fi);return $APP.J($APP.n(a)?
|
|
5
|
-
b!=null&&b>0:a)},qm=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"),
|
|
5
|
+
b!=null&&b>0:a)},qm=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"),u=document.createElement("button"),w=document.createElement("span"),z=document.createElement("div"),
|
|
6
6
|
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;}}";
|
|
7
|
-
d.setAttribute("part","container");e.setAttribute("part","inner");
|
|
8
|
-
"true");w.textContent="×";u.appendChild(w);e.appendChild(
|
|
9
|
-
$APP.Lh],[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")]))},tm=function(a){var b=rm(a);if($APP.N($APP.l(a,"__xToastModel"),b)){b=$APP.M(b);var c=$APP.I(b,$APP.Z),d=$APP.I(b,$APP.Lh),e=$APP.I(b,$APP.Lg),
|
|
10
|
-
u=$APP.M(r),w=$APP.I(u,$APP.di);r=$APP.I(u,pm);var z=$APP.I(u,lm),A=$APP.I(u,$APP.Ui),C=$APP.I(u,mm),F=$APP.I(u,$APP.eh),
|
|
11
|
-
"")?"none":"";C.textContent=e;
|
|
12
|
-
"Escape"):a.removeAttribute("aria-keyshortcuts");a.__xToastModel=b}},um=function(a){a=typeof a==="string"?a.trim():"";return $APP.
|
|
7
|
+
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);u.setAttribute("part","dismiss");u.setAttribute("type","button");u.setAttribute("aria-label","Dismiss toast");w.setAttribute("aria-hidden",
|
|
8
|
+
"true");w.textContent="×";u.appendChild(w);e.appendChild(g);e.appendChild(m);e.appendChild(u);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.bf([lm,$APP.Ui,mm,$APP.eh,$APP.Mi,nm,$APP.sh,$APP.ri,om,$APP.Fg,$APP.di,pm],[A,k,r,u,m,e,b,d,z,g,h,q]);a.__xToastRefs=b;return $APP.l(a,"__xToastRefs")},rm=function(a){return hm($APP.bf([$APP.Zh,$APP.$h,$APP.hh,$APP.Kg,fm,$APP.ni,$APP.jh,$APP.Lg,
|
|
9
|
+
$APP.Lh],[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")]))},tm=function(a){var b=rm(a);if($APP.N($APP.l(a,"__xToastModel"),b)){b=$APP.M(b);var c=$APP.I(b,$APP.Z),d=$APP.I(b,$APP.Lh),e=$APP.I(b,$APP.Lg),g=$APP.I(b,$APP.ej),h=$APP.I(b,$APP.$g),k=$APP.I(b,$APP.vh),m=$APP.I(b,$APP.U),q=$APP.I(b,$APP.Fi),r=qm(a),
|
|
10
|
+
u=$APP.M(r),w=$APP.I(u,$APP.di);r=$APP.I(u,pm);var z=$APP.I(u,lm),A=$APP.I(u,$APP.Ui),C=$APP.I(u,mm),F=$APP.I(u,$APP.eh),D=$APP.I(u,$APP.ri),Q=$APP.I(u,om);u=$APP.I(u,$APP.Fg);w=$APP.n(w)?w.assignedNodes().length>0:null;$APP.E.h(g,$APP.Oh)||(h=$APP.I(sm,c),h=$APP.n(h)?h:$APP.I(sm,$APP.yh));g=$APP.p(w)&&$APP.E.h(g,$APP.Zi);w=km(b);a.setAttribute("data-type",am(c));var V=D.setAttribute;c=$APP.E.h(c,$APP.ui)||$APP.E.h(c,$APP.qh)?"alert":"status";V.call(D,"role",c);r.textContent=d;r.style.display=$APP.E.h(d,
|
|
11
|
+
"")?"none":"";C.textContent=e;g?(A.textContent="",u.style.display="none"):(A.textContent=h,u.style.display="inline");$APP.n(k)?(F.disabled=$APP.J(m),F.style.display="inline-flex"):(F.disabled=!0,F.style.display="none");w?(Q.style.display="block",z.style.setProperty("--x-toast-timeout",""+$APP.S.g(q)+"ms")):Q.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",
|
|
12
|
+
"Escape"):a.removeAttribute("aria-keyshortcuts");a.__xToastModel=b}},um=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},vm=function(a){var b=window.getComputedStyle(a);a=um(b.getPropertyValue("--x-toast-exit-duration"));
|
|
13
13
|
b=um(b.getPropertyValue("--x-motion-exit-duration"));return a>0?a:b>0?b:180},wm=function(a){var b=$APP.l(a,"__xToastTimeout");$APP.n(b)&&(clearTimeout(b),a.__xToastTimeout=null)},ym=function(a){wm(a);var b=function(){var c=$APP.l(a,"__xToastModel");return $APP.n(c)?c:rm(a)}();$APP.n(function(){var c=im(b);return $APP.n(c)?typeof $APP.Fi.g(b)==="number"&&$APP.p($APP.l(a,"__xToastExiting")):c}())&&$APP.ma(a,"__xToastTimeout",setTimeout(function(){a.__xToastTimeout=null;if($APP.n(function(){var d=a.isConnected;
|
|
14
14
|
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:rm(a)}();if($APP.n(im(c)))return c=$APP.xg(jm(c,"timeout")),c=new CustomEvent("x-toast-dismiss",{detail:c,bubbles:!0,composed:!0,cancelable:!0}),c=a.dispatchEvent(c),$APP.n(c)?xm.g?xm.g(a):xm.call(null,a):null}return null},$APP.Fi.g(b)))},zm=function(a){if(!$APP.n($APP.l(a,"__xToastEntered"))){a.__xToastEntered=!0;a.setAttribute("data-entering","");var b=qm(a);b=$APP.M(b);
|
|
15
|
-
var c=$APP.I(b,$APP.ri);c.addEventListener("animationend",function
|
|
16
|
-
else{var c=qm(a);c=$APP.M(c);var d=$APP.I(c,$APP.ri),e=function k(h){return $APP.
|
|
15
|
+
var c=$APP.I(b,$APP.ri);c.addEventListener("animationend",function g(e){return $APP.E.h(e.target,c)?(c.removeEventListener("animationend",g),a.removeAttribute("data-entering"),e=$APP.l(a,"__xToastModel"),$APP.n($APP.n(e)?km(e):e)?a.setAttribute("data-progress-active",""):null):null})}},xm=function(a){if(!$APP.n($APP.l(a,"__xToastExiting"))){a.__xToastExiting=!0;wm(a);a.removeAttribute("data-entering");a.removeAttribute("data-progress-active");var b=vm(a);if(b===0||$APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches))a.remove();
|
|
16
|
+
else{var c=qm(a);c=$APP.M(c);var d=$APP.I(c,$APP.ri),e=function k(h){return $APP.E.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",
|
|
17
17
|
e),a.__xToastExitTimer=null,a.remove()):null},b+60))}}return null},Am=function(a,b){var c=$APP.l(a,"__xToastModel");c=$APP.n(c)?c:rm(a);b=$APP.xg(jm(c,b));b=new CustomEvent("x-toast-dismiss",{detail:b,bubbles:!0,composed:!0,cancelable:!0});b=a.dispatchEvent(b);$APP.n(b)&&xm(a)},Bm=function(a,b){var c=function(){var d=$APP.l(a,"__xToastModel");return $APP.n(d)?d:rm(a)}();$APP.n(function(){var d=im(c);return $APP.n(d)?$APP.p($APP.l(a,"__xToastExiting")):d}())&&(b.preventDefault(),Am(a,"button"));return null},
|
|
18
|
-
Cm=function(a,b){if($APP.
|
|
18
|
+
Cm=function(a,b){if($APP.E.h(b.key,"Escape")){var c=function(){var d=$APP.l(a,"__xToastModel");return $APP.n(d)?d:rm(a)}();$APP.n(function(){var d=im(c);return $APP.n(d)?$APP.p($APP.l(a,"__xToastExiting")):d}())&&(b.preventDefault(),Am(a,"keyboard"))}return null},Dm=function(a){function b(e){return Cm(a,e)}function c(e){return Bm(a,e)}var d=qm(a);d=$APP.M(d);$APP.I(d,$APP.eh).addEventListener("click",c);a.addEventListener("keydown",b);$APP.ma(a,"__xToastHandlers",{click:c,keydown:b})},Em=function(a){wm(a);
|
|
19
19
|
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},Fm=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)?
|
|
20
20
|
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",
|
|
21
21
|
""+$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 bm(this.getAttribute("dismissible"))},set:function(b){return $APP.n(b)?this.setAttribute("dismissible",""):this.setAttribute("dismissible","false")},
|
|
@@ -23,4 +23,4 @@ enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function
|
|
|
23
23
|
"showProgress",{get:function(){return cm(this.getAttribute("show-progress"))},set:function(b){return $APP.n(b)?this.setAttribute("show-progress",""):this.removeAttribute("show-progress")},enumerable:!0,configurable:!0})},Gm=function(a){a.dismiss=function(b){var c=$APP.p($APP.l(this,"__xToastExiting"));$APP.n(c?this.isConnected:c)&&Am(this,typeof b==="string"?b:"api");return null}},Im=function(){var a=class extends HTMLElement{};a.observedAttributes=Hm;a.prototype.connectedCallback=function(){qm(this);
|
|
24
24
|
Em(this);Dm(this);tm(this);zm(this);ym(this);return null};a.prototype.disconnectedCallback=function(){Em(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(tm(this),$APP.n(this.isConnected)&&ym(this));return null};Fm(a.prototype);Gm(a.prototype);return a},Jm=function(){$APP.n(customElements.get("x-toast"))||customElements.define("x-toast",Im());return null},pm=new $APP.K(null,"heading-el","heading-el",-1277272161),nm=new $APP.K(null,"inner","inner",-1383171215),
|
|
25
25
|
om=new $APP.K(null,"progress-el","progress-el",-184081515),mm=new $APP.K(null,"message-el","message-el",-683533234),gm=new $APP.K(null,"show-progress?","show-progress?",-1681518912),lm=new $APP.K(null,"progress-bar","progress-bar",-123877022),fm=new $APP.K(null,"show-progress-attr","show-progress-attr",1680262066);var Hm="type heading message icon dismissible disabled timeout-ms show-progress".split(" ");$APP.wd(["x-toast-dismiss",new $APP.P(null,2,[$APP.Y,new $APP.P(null,4,[$APP.Z,$APP.X,$APP.xh,$APP.X,$APP.Lh,$APP.X,$APP.Lg,$APP.X],null),$APP.wi,!0],null)]);
|
|
26
|
-
var Yl=new $APP.P(null,4,["info",$APP.yh,"success",$APP.Sg,"warning",$APP.ui,"error",$APP.qh],null),$l=new $APP.P(null,4,[$APP.yh,"info",$APP.Sg,"success",$APP.ui,"warning",$APP.qh,"error"],null),sm=new $APP.P(null,4,[$APP.yh,"ℹ",$APP.Sg,"✓",$APP.ui,"!",$APP.qh,"⨯"],null);$APP.ka("
|
|
26
|
+
var Yl=new $APP.P(null,4,["info",$APP.yh,"success",$APP.Sg,"warning",$APP.ui,"error",$APP.qh],null),$l=new $APP.P(null,4,[$APP.yh,"info",$APP.Sg,"success",$APP.ui,"warning",$APP.qh,"error"],null),sm=new $APP.P(null,4,[$APP.yh,"ℹ",$APP.Sg,"✓",$APP.ui,"!",$APP.qh,"⨯"],null);$APP.ka("baredom.exports.x_toast.init",Jm);export const init=Jm;
|
package/dist/x-toaster.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
2
|
var so=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.Cc(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.P(null,2,[$APP.sh,b,$APP.Qh,d],null)}},yo=function(a){a=
|
|
3
3
|
new $APP.P(null,3,[$APP.Ii,a.getAttribute("position"),wo,a.getAttribute("max-toasts"),$APP.dh,a.getAttribute("label")],null);var b=$APP.M(a),c=$APP.I(b,$APP.Ii);a=$APP.I(b,wo);b=$APP.I(b,$APP.dh);c=so(c);a=to(a);return new $APP.P(null,3,[$APP.aj,c,xo,$APP.n(a)?a:5,$APP.W,typeof b==="string"&&$APP.N(b.trim(),"")?b:"Notifications"],null)},zo=function(a){var b=yo(a);if($APP.N($APP.l(a,"__xToasterModel"),b)){b=$APP.M(b);var c=$APP.I(b,$APP.aj),d=$APP.I(b,$APP.W);vo(a);a.setAttribute("role","region");
|
|
4
|
-
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.N($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var
|
|
4
|
+
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.N($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.xg(new $APP.P(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.xh,$APP.n(g)?g:"",$APP.Lh,$APP.n(h)?h:"",$APP.Lg,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
|
|
5
5
|
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})},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",
|
|
6
6
|
""+$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.N(b,""):b)?this.setAttribute("label",""+$APP.S.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==
|
|
7
7
|
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: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,
|
|
8
8
|
"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})},Eo=function(){var a=class extends HTMLElement{};a.observedAttributes=
|
|
9
|
-
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.N(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.K(null,"max-toasts","max-toasts",-1982289139),wo=new $APP.K(null,"max-toasts-raw","max-toasts-raw",-815087069);var Do=["position","max-toasts","label"];$APP.wd(["x-toaster-dismiss",new $APP.P(null,2,[$APP.Y,new $APP.P(null,4,[$APP.Z,$APP.X,$APP.xh,$APP.X,$APP.Lh,$APP.X,$APP.Lg,$APP.X],null),$APP.wi,!0],null)]);var ro=new $APP.R(null,new $APP.P(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.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.ka("
|
|
9
|
+
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.N(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.K(null,"max-toasts","max-toasts",-1982289139),wo=new $APP.K(null,"max-toasts-raw","max-toasts-raw",-815087069);var Do=["position","max-toasts","label"];$APP.wd(["x-toaster-dismiss",new $APP.P(null,2,[$APP.Y,new $APP.P(null,4,[$APP.Z,$APP.X,$APP.xh,$APP.X,$APP.Lh,$APP.X,$APP.Lg,$APP.X],null),$APP.wi,!0],null)]);var ro=new $APP.R(null,new $APP.P(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.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.ka("baredom.exports.x_toaster.init",Fo);export const init=Fo;
|