@vanelsas/baredom 2.7.0 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +50 -0
- package/custom-elements.json +822 -16
- package/dist/baredom.d.ts +9 -0
- package/dist/base.js +455 -428
- package/dist/integrity.json +102 -93
- package/dist/x-alert.js +17 -18
- package/dist/x-avatar-group.js +9 -10
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +9 -10
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -14
- package/dist/x-button.js +17 -18
- package/dist/x-cancel-dialogue.js +13 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -34
- package/dist/x-chart.d.ts +26 -0
- package/dist/x-chart.js +47 -46
- package/dist/x-checkbox.js +11 -10
- package/dist/x-chip.js +1 -9
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +26 -26
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +23 -0
- package/dist/x-container.js +4 -4
- package/dist/x-context-menu.d.ts +31 -2
- package/dist/x-context-menu.js +20 -18
- package/dist/x-copy.js +20 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.d.ts +27 -0
- package/dist/x-date-picker.js +42 -41
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +10 -11
- package/dist/x-dropdown.js +11 -10
- package/dist/x-fieldset.js +5 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +21 -21
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -8
- package/dist/x-gaussian-blur.js +13 -19
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.d.ts +43 -0
- package/dist/x-i18n-provider.js +8 -0
- package/dist/x-i18n.d.ts +14 -0
- package/dist/x-i18n.js +5 -0
- package/dist/x-icon.js +6 -7
- package/dist/x-image.js +18 -19
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- package/dist/x-kinetic-canvas.d.ts +18 -0
- package/dist/x-kinetic-canvas.js +26 -0
- package/dist/x-kinetic-font.js +27 -28
- package/dist/x-kinetic-typography.js +33 -39
- package/dist/x-liquid-dock.js +38 -39
- package/dist/x-liquid-fill.js +45 -45
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -9
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +11 -12
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.d.ts +50 -0
- package/dist/x-multi-combobox.js +37 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +33 -33
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -18
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -16
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +26 -24
- package/dist/x-progress-circle.js +9 -10
- package/dist/x-progress.js +10 -11
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +20 -0
- package/dist/x-radio.js +11 -10
- package/dist/x-ripple-effect.js +11 -12
- package/dist/x-scroll-parallax.js +18 -19
- package/dist/x-scroll-stack.js +17 -18
- package/dist/x-scroll-story.js +34 -36
- package/dist/x-scroll-timeline.js +45 -46
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -9
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -5
- package/dist/x-spinner.js +4 -5
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -12
- package/dist/x-stepper.js +14 -15
- package/dist/x-switch.js +10 -9
- package/dist/x-tab.js +7 -8
- package/dist/x-table-cell.js +20 -24
- package/dist/x-table-row.js +8 -9
- package/dist/x-table.js +12 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +21 -23
- package/dist/x-timeline.js +8 -9
- package/dist/x-toast.js +22 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -11
- package/dist/x-typography.js +9 -11
- package/dist/x-welcome-tour.js +60 -64
- package/package.json +47 -2
package/dist/x-bento-grid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
|
|
5
|
-
c.textContent="\n :host {\n display:block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-bento-grid-columns);\n grid-auto-rows:var(--x-bento-grid-row-height);\n grid-auto-flow:dense;\n row-gap:var(--x-bento-grid-row-gap);\n column-gap:var(--x-bento-grid-column-gap);\n }\n ";d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoGridRoot=b;a.__xBentoGridBase=d;a.__xBentoGridInit=!0}
|
|
6
|
-
return a},
|
|
2
|
+
var ZL=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},aM=function(a){return $APP.Vc($L,a)?a:"md"},bM=function(a){return typeof a==="string"&&$APP.M(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.p(isNaN(a))?$APP.Di.j($APP.Ci.j(a,1),12):4):4},cM=function(a){return typeof a==="string"&&$APP.M(a,"")?a:"auto"},fM=function(a){a=$APP.H(a);var b=$APP.C(a,$APP.dm),c=$APP.C(a,
|
|
3
|
+
$APP.pl),d=$APP.C(a,$APP.Yn),e=$APP.C(a,$APP.Ek);a=$APP.C(a,dM);b=bM(b);var f=aM(c);c=function(){var l=$APP.Vc($L,d)?d:null;return $APP.n(l)?l:f}();var h=function(){var l=$APP.Vc($L,e)?e:null;return $APP.n(l)?l:f}();a=cM(a);return new $APP.P(null,6,[$APP.dm,b,eM,"repeat("+$APP.R.i(b)+",minmax(0,1fr))",$APP.pl,f,$APP.Yn,ZL(c),$APP.Ek,ZL(h),dM,a],null)},gM=function(a){var b=new $APP.P(null,5,[$APP.dm,a.getAttribute("columns"),$APP.pl,a.getAttribute("gap"),$APP.Yn,a.getAttribute("row-gap"),$APP.Ek,a.getAttribute("column-gap"),
|
|
4
|
+
dM,a.getAttribute("row-height")],null);b=fM(b);a=$APP.k(a,"__xBentoGridBase");$APP.n(a)?(a=a.style,a.setProperty("--x-bento-grid-columns",eM.i(b)),a.setProperty("--x-bento-grid-row-height",dM.i(b)),a.setProperty("--x-bento-grid-row-gap",$APP.Yn.i(b)),b=a.setProperty("--x-bento-grid-column-gap",$APP.Ek.i(b))):b=null;return b},hM=function(a){if(!$APP.Yg(a,"__xBentoGridInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");
|
|
5
|
+
c.textContent="\n :host {\n display:block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-bento-grid-columns);\n grid-auto-rows:var(--x-bento-grid-row-height);\n grid-auto-flow:dense;\n row-gap:var(--x-bento-grid-row-gap);\n column-gap:var(--x-bento-grid-column-gap);\n }\n ";d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoGridRoot=b;a.__xBentoGridBase=d;a.__xBentoGridInit=!0}gM(a);
|
|
6
|
+
return a},iM=function(a){return hM(a)},jM=function(a){return $APP.Yg(a,"__xBentoGridInit")?gM(a):hM(a)},lM=function(){return $APP.Wg("x-bento-grid",new $APP.P(null,3,[$APP.Mg,kM,$APP.Ng,iM,$APP.Qg,jM],null))},dM=new $APP.F(null,"row-height","row-height",527360749),eM=new $APP.F(null,"template","template",-702405684);var kM=["columns","gap","row-gap","column-gap","row-height"],$L=new $APP.Q(null,new $APP.P(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null);$APP.da("baredom.exports.x_bento_grid.init",lM);export const init=lM;
|
package/dist/x-bento-item.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
5,[$APP.
|
|
4
|
-
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoItemRoot=b;a.__xBentoItemBase=d;a.__xBentoItemInit=!0}
|
|
5
|
-
"col-span-css","col-span-css",-1306581329);var
|
|
2
|
+
var aE=function(a){return typeof a==="string"&&$APP.M(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.p(isNaN(a))?$APP.Di.j($APP.Ci.j(a,1),6):1):1},eE=function(a){var b=new $APP.P(null,3,[$APP.fo,a.getAttribute("col-span"),$APP.pj,a.getAttribute("row-span"),bE,a.getAttribute("order")],null);var c=$APP.H(b);b=$APP.C(c,$APP.fo);var d=$APP.C(c,$APP.pj);c=$APP.C(c,bE);b=aE(b);d=aE(d);typeof c==="string"&&$APP.M(c,"")?(c=parseInt(c,10),c=typeof c==="number"&&$APP.p(isNaN(c))?c:null):c=null;b=new $APP.P(null,
|
|
3
|
+
5,[$APP.fo,b,$APP.pj,d,cE,"span "+$APP.R.i(b),dE,"span "+$APP.R.i(d),bE,c],null);a=a.style;a.setProperty("grid-column",cE.i(b));a.setProperty("grid-row",dE.i(b));b=bE.i(b);return $APP.n(b)?a.setProperty("order",""+$APP.R.i(b)):a.removeProperty("order")},fE=function(a){if(!$APP.Yg(a,"__xBentoItemInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n :host {\n display:block;\n min-width:0;\n min-height:0;\n }\n\n .base {\n width:100%;\n height:100%;\n box-sizing:border-box;\n }\n ";
|
|
4
|
+
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoItemRoot=b;a.__xBentoItemBase=d;a.__xBentoItemInit=!0}eE(a);return a},gE=function(a){return fE(a)},hE=function(a){return $APP.Yg(a,"__xBentoItemInit")?eE(a):fE(a)},jE=function(){return $APP.Wg("x-bento-item",new $APP.P(null,3,[$APP.Mg,iE,$APP.Ng,gE,$APP.Qg,hE],null))},dE=new $APP.F(null,"row-span-css","row-span-css",956357389),bE=new $APP.F(null,"order","order",-1254677256),cE=new $APP.F(null,
|
|
5
|
+
"col-span-css","col-span-css",-1306581329);var iE=["col-span","row-span","order"];$APP.da("baredom.exports.x_bento_item.init",jE);export const init=jE;
|
package/dist/x-breadcrumbs.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
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(
|
|
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.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
!$APP.B.
|
|
11
|
-
$APP.n(c)&&(c=$APP.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"preserve-aria-current-present?","preserve-aria-current-present?",729931506),ru=new $APP.K(null,"items-after-raw","items-after-raw",-1677187220),Au=new $APP.K(null,"items-before","items-before",-1151895719),wu=new $APP.K(null,"preserve-aria-current","preserve-aria-current",682773185),Du=new $APP.K(null,"total","total",1916810418);var Pu="separator size variant wrap max-items items-before items-after disabled preserve-aria-current aria-label aria-describedby".split(" "),Bu=new $APP.R(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),vu=new $APP.R(null,new $APP.Q(null,3,["subtle",null,"text",null,"default",null],null),null);$APP.ha("baredom.exports.x_breadcrumbs.init",Qu);export const init=Qu;
|
|
2
|
+
var Mv=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.Vc(a,c)?c:b},Nv=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},Ov=function(a){var b=$APP.k(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"),f=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:var(--x-font-size-sm,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(f);a.__xBreadcrumbsRefs=new $APP.P(null,3,[$APP.Nj,d,$APP.ym,e,$APP.dn,f],null);return $APP.k(a,"__xBreadcrumbsRefs")},Pv=function(a){var b=document.createElement("span");b.setAttribute("class","separator");b.setAttribute("aria-hidden","true");b.textContent=a;return b},Qv=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},Rv=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},ew=function(a){var b=$APP.Hf([$APP.Tm,Sv,$APP.Eh,Tv,Uv,$APP.wn,Vv,Wv,$APP.ll,$APP.ek,$APP.Pk],[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.H(b);b=$APP.C(c,$APP.ll);
|
|
6
|
+
var d=$APP.C(c,$APP.ek),e=$APP.C(c,$APP.Pk),f=$APP.C(c,Sv),h=$APP.C(c,$APP.Tm),l=$APP.C(c,$APP.Eh),m=$APP.C(c,Uv),q=$APP.C(c,Tv),r=$APP.C(c,$APP.wn),v=$APP.C(c,Vv);c=$APP.C(c,Wv);v=$APP.E(v);m=Nv(m,2);q=$APP.rh(q);l=$APP.E(l);h=Mv(Xv,"default",h);if(typeof f==="string"){f=parseInt(f,10);var w=isFinite(f);f=$APP.n($APP.n(w)?f>0:w)?f:null}else f=null;b=$APP.Hf([Yv,Zv,$APP.Fj,$APP.fl,$APP.hi,$v,$APP.bj,$APP.Fo,aw,$APP.on,$APP.Bm],[v,m,q,l,h,f,Mv(bw,"md",r),e,Nv(c,1),b,typeof d==="string"?d:"/"]);b=$APP.H(b);
|
|
7
|
+
d=$APP.C(b,$APP.bj);e=$APP.C(b,$APP.hi);r=$APP.C(b,$APP.Fj);c=$APP.C(b,$APP.on);v=$APP.C(b,$APP.Fo);f=Ov(a);f=$APP.H(f);f=$APP.C(f,$APP.Nj);a.setAttribute("data-size",d);a.setAttribute("data-variant",e);$APP.Zg(a,"data-wrap",""+$APP.R.i($APP.E(r)));$APP.n(c)?f.setAttribute("aria-label",c):f.setAttribute("aria-label","Breadcrumb");$APP.n(v)?f.setAttribute("aria-describedby",v):f.removeAttribute("aria-describedby");e=$APP.H(b);d=$APP.C(e,$APP.Bm);m=$APP.C(e,$v);h=$APP.C(e,aw);f=$APP.C(e,Zv);e=$APP.C(e,
|
|
8
|
+
Yv);r=Ov(a);r=$APP.H(r);c=$APP.C(r,$APP.dn);r=$APP.C(r,$APP.ym);c=$APP.yc(c.assignedElements());v=$APP.z(c);m==null||v<=m?f=new $APP.P(null,3,[$APP.ln,$APP.Ee($APP.mg(0,v)),cw,-1,dw,v],null):(m=$APP.Di.j(h,$APP.Ci.j(0,v-f)),f=$APP.Di.j(f,$APP.Ci.j(0,v-m)),m=$APP.Di.j(m,v-f),m=$APP.Ci.j(0,m),m=$APP.Ee($APP.mg(0,m)),f=$APP.Ee($APP.mg(v-f,v)),f=new $APP.P(null,3,[$APP.ln,$APP.df.j(m,f),cw,$APP.z(m),dw,v],null));v=$APP.ln.i(f);f=cw.i(f);r.innerHTML="";m=$APP.t($APP.ae($APP.Ii,v));h=null;for(l=q=0;;)if(l<
|
|
9
|
+
q){var y=h.G(null,l);w=$APP.Dc(y,0,null);y=$APP.Dc(y,1,null);y=$APP.Dc(c,y,null);var A=$APP.B.j(w,$APP.z(v)-1)&&$APP.p(e);$APP.B.j(w,f)&&r.appendChild(Qv(d));w>0&&!$APP.B.j(w,f)&&r.appendChild(Pv(d));$APP.B.j(w,f)&&r.appendChild(Pv(d));$APP.n(y)&&r.appendChild(Rv(y,A));l+=1}else if(m=$APP.t(m))$APP.Rc(m)?(q=$APP.yb(m),m=$APP.zb(m),h=q,q=$APP.z(q)):(q=$APP.u(m),h=$APP.Dc(q,0,null),q=$APP.Dc(q,1,null),q=$APP.Dc(c,q,null),l=$APP.B.j(h,$APP.z(v)-1)&&$APP.p(e),$APP.B.j(h,f)&&r.appendChild(Qv(d)),h>0&&
|
|
10
|
+
!$APP.B.j(h,f)&&r.appendChild(Pv(d)),$APP.B.j(h,f)&&r.appendChild(Pv(d)),$APP.n(q)&&r.appendChild(Rv(q,l)),m=$APP.x(m),h=null,q=0),l=0;else break;$APP.B.j(f,$APP.z(v))&&r.appendChild(Qv(d));a.__xBreadcrumbsModel=b;return null},fw=function(a){function b(){return ew(a)}var c=Ov(a);c=$APP.H(c);c=$APP.C(c,$APP.dn);$APP.n(c)&&c.addEventListener("slotchange",b);$APP.fa(a,"__xBreadcrumbsHandlers",{slot:b})},gw=function(a){var b=$APP.k(a,"__xBreadcrumbsHandlers");if($APP.n(b)){var c=$APP.k(a,"__xBreadcrumbsRefs");
|
|
11
|
+
$APP.n(c)&&(c=$APP.dn.i(c),b=$APP.k(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xBreadcrumbsHandlers=null},hw=function(a,b,c){Object.defineProperty(a,b,{get:function(){return Nv(this.getAttribute(b),c)},set:function(d){return d!=null?this.setAttribute(b,""+$APP.R.i(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},iw=function(a){$APP.dh(a,"separator","separator","/");$APP.dh(a,"size","size","md");$APP.dh(a,"variant","variant","default");$APP.ch(a,"wrap",
|
|
12
|
+
"wrap");$APP.ch(a,"disabled","disabled");$APP.ch(a,"preserve-aria-current","preserve-aria-current");hw(a,"max-items",null);hw(a,"items-before",1);hw(a,"items-after",2);$APP.eh(a,"aria-label","aria-label");return $APP.eh(a,"aria-describedby","aria-describedby")},jw=function(a){Ov(a);gw(a);fw(a);ew(a);return null},kw=function(a){gw(a);return null},lw=function(a,b,c,d){$APP.M(c,d)&&ew(a);return null},nw=function(){return $APP.Wg("x-breadcrumbs",new $APP.P(null,5,[$APP.Mg,mw,$APP.Ng,jw,$APP.Og,kw,$APP.Qg,
|
|
13
|
+
lw,$APP.Ug,iw],null))},Zv=new $APP.F(null,"items-after","items-after",358736705),Wv=new $APP.F(null,"items-before-raw","items-before-raw",1580997624),Sv=new $APP.F(null,"max-items-raw","max-items-raw",-340487390),Tv=new $APP.F(null,"wrap-raw","wrap-raw",-1468030804),$v=new $APP.F(null,"max-items","max-items",-1969244147),cw=new $APP.F(null,"ellipsis-at","ellipsis-at",-628372349),Vv=new $APP.F(null,"preserve-aria-current-present?","preserve-aria-current-present?",729931506),Uv=new $APP.F(null,"items-after-raw",
|
|
14
|
+
"items-after-raw",-1677187220),aw=new $APP.F(null,"items-before","items-before",-1151895719),Yv=new $APP.F(null,"preserve-aria-current","preserve-aria-current",682773185),dw=new $APP.F(null,"total","total",1916810418);var mw="separator size variant wrap max-items items-before items-after disabled preserve-aria-current aria-label aria-describedby".split(" "),bw=new $APP.Q(null,new $APP.P(null,3,["md",null,"lg",null,"sm",null],null),null),Xv=new $APP.Q(null,new $APP.P(null,3,["subtle",null,"text",null,"default",null],null),null);$APP.da("baredom.exports.x_breadcrumbs.init",nw);export const init=nw;
|
package/dist/x-button.js
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
$APP.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.n(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
function(){if(GN(RN(a))){var c=a.__xButtonLastActivationSource;$APP.Qg(a,"press",{source:$APP.n(c)?c:"programmatic"});NN(a,null);c=$APP.Z.g(RN(a));var d=a.getAttribute("form");d=$APP.n(d)?document.getElementById(d):null;d=$APP.n(d)?d:a.closest("form");return $APP.n(d)?$APP.B.i(c,"submit")?d.requestSubmit():$APP.B.i(c,"reset")?d.reset():null:null}return null})},ZN=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");KN(a,c);UN(a,HN(a));return $APP.n(c)?$APP.Qg(a,"focus-visible",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
$APP.Pd(["press",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Kl,$APP.Y],null)],null),"press-start",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Kl,$APP.Y],null)],null),"press-end",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Kl,$APP.Y],null)],null),"hover-start",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"hover-end",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"focus-visible",new $APP.Q(null,1,[$APP.V,$APP.Qd],null)]);$APP.ha("baredom.exports.x_button.init",fO);export const init=fO;
|
|
2
|
+
var HR=function(a,b,c){return typeof a==="string"&&$APP.Vc(b,a)?a:c},IR=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.fl);b=$APP.C(b,$APP.Xm);return $APP.p($APP.n(a)?a:b)},JR=function(a){return a.__xButtonState},KR=function(a){return $APP.B.j(!0,a.__xButtonHover)},LR=function(a,b){a.__xButtonHover=$APP.E(b)},MR=function(a,b){a.__xButtonFocusVisible=$APP.E(b)},NR=function(a){return a.__xButtonActiveSource},OR=function(a,b){a.__xButtonActiveSource=b},PR=function(a,b){return a.__xButtonLastActivationSource=
|
|
3
|
+
b},TR=function(a){a=new $APP.P(null,7,[$APP.fl,a.hasAttribute("disabled"),$APP.Xm,a.hasAttribute("loading"),$APP.Vl,a.hasAttribute("pressed"),$APP.S,a.getAttribute("type"),$APP.hi,a.getAttribute("variant"),$APP.bj,a.getAttribute("size"),$APP.X,a.getAttribute("label")],null);var b=$APP.H(a);a=$APP.C(b,$APP.fl);var c=$APP.C(b,$APP.Xm),d=$APP.C(b,$APP.Vl),e=$APP.C(b,$APP.S),f=$APP.C(b,$APP.hi),h=$APP.C(b,$APP.bj);b=$APP.C(b,$APP.X);return new $APP.P(null,7,[$APP.fl,$APP.E(a),$APP.Xm,$APP.E(c),$APP.Vl,
|
|
4
|
+
$APP.E(d),$APP.S,HR(e,QR,"button"),$APP.hi,HR(f,RR,"primary"),$APP.bj,HR(h,SR,"md"),$APP.X,typeof b==="string"?b:null],null)},UR=function(a){return a.assignedNodes({flatten:!0})},VR=function(a){return document.createElement(a)},WR=function(a){return $APP.n(a)?"true":"false"},YR=function(a,b,c){$APP.n(c)?a.setAttribute(b,typeof c==="string"?c:""+$APP.R.i(c)):a.removeAttribute(b)},dS=function(a,b){var c=b.button,d=b["label-slot"],e=b["icon-start-slot"],f=b["icon-end-slot"],h=b["spinner-slot"];b=TR(a);
|
|
5
|
+
var l=KR(a);e=new $APP.P(null,6,[ZR,l,$APP.jm,NR(a)!=null,$R,$APP.B.j(!0,a.__xButtonFocusVisible),aS,UR(e).length>0,bS,UR(f).length>0,cS,UR(h).length>0],null);f=$APP.Ai.m;a:{d=UR(d);for(h=0;;)if(h<d.length){l=d[h];var m,q=l;if(m=$APP.B.j(q.nodeType,Node.TEXT_NODE))m=q.textContent,m=$APP.M("",($APP.n(m)?m:"").trim());if(!m){m=l;if(l=$APP.B.j(m.nodeType,Node.ELEMENT_NODE))l=m.textContent,l=$APP.M("",($APP.n(l)?l:"").trim());m=l}if(m){d=!0;break a}h+=1}else{d=!1;break a}d=void 0}f=f.call($APP.Ai,b,$APP.Gl,
|
|
6
|
+
d);d=$APP.H(f);f=$APP.C(d,$APP.X);d=$APP.C(d,$APP.Gl);f=$APP.p(d)&&$APP.sh(f)?f:null;c.setAttribute("type",$APP.S.i(b));d=$APP.fl.i(b);d=$APP.n(d)?d:$APP.Xm.i(b);c.disabled=d;d=$APP.H(b);d=$APP.C(d,$APP.Xm);YR(c,"aria-busy",$APP.n(d)?"true":null);YR(c,"aria-pressed",$APP.n($APP.Vl.i(b))?"true":null);YR(c,"aria-label",f);l=$APP.H(b);f=$APP.C(l,$APP.hi);d=$APP.C(l,$APP.bj);h=$APP.C(l,$APP.Xm);l=$APP.C(l,$APP.fl);var r=$APP.H(e);e=$APP.C(r,ZR);m=$APP.C(r,$APP.jm);q=$APP.C(r,$R);var v=$APP.C(r,aS),w=
|
|
7
|
+
$APP.C(r,bS);r=$APP.C(r,cS);c.setAttribute("data-variant",f);c.setAttribute("data-size",d);c.setAttribute("data-loading",WR(h));c.setAttribute("data-disabled",WR(l));c.setAttribute("data-hover",WR(e));c.setAttribute("data-active",WR(m));c.setAttribute("data-focus-visible",WR(q));c.setAttribute("data-has-icon-start",WR(v));c.setAttribute("data-has-icon-end",WR(w));c.setAttribute("data-has-spinner",WR(r));b=$APP.H(b);c=$APP.C(b,$APP.hi);b=$APP.C(b,$APP.bj);a.setAttribute("data-variant",c);return a.setAttribute("data-size",
|
|
8
|
+
b)},eS=function(a){var b=NR(a);return $APP.n(b)?(OR(a,null),$APP.ah(a,"press-end",{source:b}),b=JR(a),$APP.n(b)?dS(a,b):null):null},fS=function(a){IR(TR(a))||(LR(a,!1),OR(a,null))},gS=function(a,b){b.addEventListener("pointerenter",function(){if(IR(TR(a))){if(KR(a))return null;LR(a,!0);dS(a,JR(a));return $APP.ah(a,"hover-start",{})}return null});b.addEventListener("pointerleave",function(){KR(a)&&(LR(a,!1),dS(a,JR(a)),IR(TR(a))&&$APP.ah(a,"hover-end",{}));return $APP.B.j("pointer",NR(a))?eS(a):null})},
|
|
9
|
+
hS=function(a){a=a.key;return $APP.B.j(a,"Enter")||$APP.B.j(a," ")},iS=function(a,b){var c=IR(TR(a));if(c)a:switch(b){case "pointer":c=$APP.p(NR(a));break a;case "keyboard":c=$APP.M("keyboard",NR(a));break a;default:throw Error("No matching clause: "+$APP.R.i(b));}return $APP.n(c)?(PR(a,b),OR(a,b),dS(a,JR(a)),$APP.ah(a,"press-start",{source:b})):null},jS=function(a,b){return $APP.B.j(b,NR(a))?eS(a):null},kS=function(a,b){b.addEventListener("pointerdown",function(){return iS(a,"pointer")});b.addEventListener("pointerup",
|
|
10
|
+
function(){return jS(a,"pointer")});b.addEventListener("pointercancel",function(){return jS(a,"pointer")});b.addEventListener("keydown",function(c){return hS(c)?iS(a,"keyboard"):null});b.addEventListener("keyup",function(c){return hS(c)?jS(a,"keyboard"):null});b.addEventListener("blur",function(){return $APP.n(NR(a))?eS(a):null});b.addEventListener("click",function(){if(IR(TR(a))){var c=a.__xButtonLastActivationSource;$APP.ah(a,"press",{source:$APP.n(c)?c:"programmatic"});PR(a,null);c=$APP.S.i(TR(a));
|
|
11
|
+
var d=a.getAttribute("form");d=$APP.n(d)?document.getElementById(d):null;d=$APP.n(d)?d:a.closest("form");c=$APP.n(d)?$APP.B.j(c,"submit")?d.requestSubmit():$APP.B.j(c,"reset")?d.reset():null:null}else c=null;return c})},lS=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");MR(a,c);dS(a,JR(a));return $APP.n(c)?$APP.ah(a,"focus-visible",{}):null});b.addEventListener("blur",function(){MR(a,!1);return dS(a,JR(a))})},mS=function(a,b){function c(){return dS(a,b)}b["label-slot"].addEventListener("slotchange",
|
|
12
|
+
c);b["icon-start-slot"].addEventListener("slotchange",c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},nS=function(a){if(!$APP.n(JR(a))){var b=a.attachShadow({mode:"open"});var c=VR("style"),d=VR("button"),e=VR("span"),f=VR("span"),h=VR("span"),l=VR("span"),m=VR("span"),q=VR("span"),r=VR("slot"),v=VR("slot"),w=VR("slot"),y=VR("slot");c.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-button-radius:var(--x-radius-md,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:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08),0 1px 1px rgba(15,23,42,0.04));--x-button-shadow-hover:var(--x-shadow-md,0 4px 10px rgba(15,23,42,0.10),0 2px 4px rgba(15,23,42,0.06));--x-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08));--x-button-bg:var(--x-color-primary,#2563eb);--x-button-bg-hover:var(--x-color-primary-hover,#1d4ed8);--x-button-bg-active:var(--x-color-primary-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:var(--x-color-surface,#ffffff);--x-button-secondary-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-button-secondary-bg-active:var(--x-color-surface-active,#f1f5f9);--x-button-secondary-fg:var(--x-color-text,#0f172a);--x-button-secondary-border:var(--x-color-border,#cbd5e1);--x-button-tertiary-bg:var(--x-color-surface-active,#f1f5f9);--x-button-tertiary-bg-hover:var(--x-color-surface-active,#e2e8f0);--x-button-tertiary-bg-active:var(--x-color-border,#cbd5e1);--x-button-tertiary-fg:var(--x-color-text,#0f172a);--x-button-ghost-bg:transparent;--x-button-ghost-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-button-ghost-bg-active:var(--x-color-surface-active,#f1f5f9);--x-button-ghost-fg:var(--x-color-text-muted,#334155);--x-button-danger-bg:var(--x-color-danger,#dc2626);--x-button-danger-bg-hover:#b91c1c;--x-button-danger-bg-active:#991b1b;--x-button-danger-fg:#ffffff;--x-button-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-button-transition-duration:var(--x-transition-duration,140ms);--x-button-transition-easing:var(--x-transition-easing,cubic-bezier(0.2,0,0,1));}@media (prefers-color-scheme: dark){:host{--x-button-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.35),0 1px 1px rgba(0,0,0,0.2));--x-button-shadow-hover:var(--x-shadow-md,0 6px 14px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.24));--x-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.3));--x-button-bg:var(--x-color-primary,#3b82f6);--x-button-bg-hover:var(--x-color-primary-hover,#2563eb);--x-button-bg-active:var(--x-color-primary-active,#1d4ed8);--x-button-bg-disabled:#334155;--x-button-fg:#eff6ff;--x-button-fg-disabled:#94a3b8;--x-button-secondary-bg:var(--x-color-surface,#111827);--x-button-secondary-bg-hover:var(--x-color-surface-hover,#1f2937);--x-button-secondary-bg-active:var(--x-color-surface-active,#273449);--x-button-secondary-fg:var(--x-color-text,#e5e7eb);--x-button-secondary-border:var(--x-color-border,#374151);--x-button-tertiary-bg:var(--x-color-surface-active,#1e293b);--x-button-tertiary-bg-hover:var(--x-color-surface-active,#273449);--x-button-tertiary-bg-active:var(--x-color-border,#334155);--x-button-tertiary-fg:var(--x-color-text,#e5e7eb);--x-button-ghost-bg:transparent;--x-button-ghost-bg-hover:var(--x-color-surface-hover,#0f172a);--x-button-ghost-bg-active:var(--x-color-surface-active,#172033);--x-button-ghost-fg:var(--x-color-text-muted,#cbd5e1);--x-button-danger-bg:var(--x-color-danger,#ef4444);--x-button-danger-bg-hover:#dc2626;--x-button-danger-bg-active:#b91c1c;--x-button-danger-fg:#ffffff;--x-button-focus-ring:var(--x-color-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;touch-action:manipulation;-webkit-tap-highlight-color:transparent;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;}}";
|
|
13
|
+
d.setAttribute("part","button");e.setAttribute("part","inner");f.setAttribute("part","icon-start");h.setAttribute("part","label");l.setAttribute("part","spinner");y.setAttribute("part","spinner-slot");m.setAttribute("part","spinner-fallback");q.setAttribute("part","icon-end");v.setAttribute("name","icon-start");w.setAttribute("name","icon-end");y.setAttribute("name","spinner");l.setAttribute("aria-hidden","true");m.setAttribute("aria-hidden","true");f.appendChild(v);h.appendChild(r);l.appendChild(y);
|
|
14
|
+
l.appendChild(m);q.appendChild(w);e.appendChild(f);e.appendChild(h);e.appendChild(l);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":y};c=b.button;LR(a,!1);MR(a,!1);OR(a,null);PR(a,null);gS(a,c);kS(a,c);lS(a,c);mS(a,b);a.__xButtonState=b}fS(a);return dS(a,JR(a))},oS=function(a){LR(a,!1);MR(a,!1);OR(a,null);return PR(a,null)},pS=function(a){var b=JR(a);return $APP.n(b)?(fS(a),
|
|
15
|
+
dS(a,b)):null},sS=function(){return $APP.Wg("x-button",new $APP.P(null,6,[$APP.Mg,qS,$APP.Ng,nS,$APP.Og,oS,$APP.Qg,pS,$APP.Rg,!0,$APP.Ug,function(a){return $APP.ih(a,rS)}],null))},tS=function(){return sS()},aS=new $APP.F(null,"has-icon-start?","has-icon-start?",-42481707),bS=new $APP.F(null,"has-icon-end?","has-icon-end?",-1513846314),$R=new $APP.F(null,"focus-visible?","focus-visible?",1313436685),ZR=new $APP.F(null,"hover?","hover?",-1201331489),cS=new $APP.F(null,"has-spinner?","has-spinner?",
|
|
16
|
+
-686683799);var QR=new $APP.Q(null,new $APP.P(null,3,["reset",null,"submit",null,"button",null],null),null),RR=new $APP.Q(null,new $APP.P(null,5,["secondary",null,"tertiary",null,"primary",null,"danger",null,"ghost",null],null),null),SR=new $APP.Q(null,new $APP.P(null,3,["md",null,"lg",null,"sm",null],null),null),qS="disabled loading pressed type variant size label".split(" "),rS=new $APP.P(null,3,[$APP.fl,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"disabled"],null),$APP.Xm,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,
|
|
17
|
+
"loading"],null),$APP.Vl,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"pressed"],null)],null);
|
|
18
|
+
$APP.Ud(["press",new $APP.P(null,1,[$APP.Z,new $APP.P(null,1,[$APP.Rm,$APP.V],null)],null),"press-start",new $APP.P(null,1,[$APP.Z,new $APP.P(null,1,[$APP.Rm,$APP.V],null)],null),"press-end",new $APP.P(null,1,[$APP.Z,new $APP.P(null,1,[$APP.Rm,$APP.V],null)],null),"hover-start",new $APP.P(null,1,[$APP.Z,$APP.Vd],null),"hover-end",new $APP.P(null,1,[$APP.Z,$APP.Vd],null),"focus-visible",new $APP.P(null,1,[$APP.Z,$APP.Vd],null)]);$APP.da("baredom.exports.x_button.init",tS);export const init=tS;
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"string")l=(l=$APP.
|
|
4
|
-
e.setAttribute("part","backdrop");
|
|
5
|
-
"confirm-btn");A.setAttribute("type","button");l.appendChild(m);
|
|
6
|
-
"confirmBtn");setTimeout(function(){return b.focus()},0);return null},
|
|
7
|
-
"headline"),d=$APP.k(b,"message"),e=$APP.k(b,"cancelBtn"),
|
|
8
|
-
"none");$APP.n(
|
|
9
|
-
$APP.
|
|
10
|
-
"__xCancelDialogueHandlers"),c=$APP.k(a,"__xCancelDialogueRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"backdrop"),e=$APP.k(c,"cancelBtn"),
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
this.setAttribute(E,""+$APP.S.g(H))}}(b,c,d,e,g,h,l),enumerable:!0,configurable:!0}),e+=1;else if(h=$APP.t(b))g=h,$APP.Nc(g)?(b=$APP.xb(g),e=$APP.yb(g),c=b,d=$APP.z(b),b=e):(l=$APP.u(g),m=$APP.Ac(l,0,null),p=$APP.Ac(l,1,null),Object.defineProperty(a,m,{get:function(r,v,x,y,A,C,E){return function(){return this.getAttribute(E)}}(b,c,d,e,l,m,p,g,h),set:function(r,v,x,y,A,C,E){return function(H){return H==null?this.removeAttribute(E):this.setAttribute(E,""+$APP.S.g(H))}}(b,c,d,e,l,m,p,g,h),enumerable:!0,
|
|
16
|
-
configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"close",{value:function(){return rD(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"confirm",{value:function(){return tD(this)},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"cancel",{value:function(r){return sD(this,$APP.n(r)?r:"cancel-button")},enumerable:!0,configurable:!0,writable:!0})},CD=function(){return $APP.Lg("x-cancel-dialogue",new $APP.Q(null,5,[$APP.Cg,
|
|
17
|
-
BD,$APP.Dg,xD,$APP.Eg,yD,$APP.Fg,zD,$APP.Jg,AD],null))},iD=new $APP.K(null,"headline","headline",-157157727),kD=new $APP.K(null,"cancel-text","cancel-text",1885137831),gD=new $APP.K(null,"cancel-text-raw","cancel-text-raw",615622099),jD=new $APP.K(null,"confirm-text","confirm-text",-1839494031),eD=new $APP.K(null,"message-raw","message-raw",952235685),dD=new $APP.K(null,"headline-raw","headline-raw",1141142757),lD=new $APP.K(null,"danger?","danger?",181682216),fD=new $APP.K(null,"confirm-text-raw",
|
|
18
|
-
"confirm-text-raw",-1317418708),hD=new $APP.K(null,"danger-present?","danger-present?",-439648505);var BD="open disabled headline message confirm-text cancel-text danger".split(" ");$APP.Pd(["x-cancel-dialogue-cancel-request",new $APP.Q(null,2,[$APP.Km,!0,$APP.V,new $APP.Q(null,1,[$APP.hj,$APP.Y],null)],null),"x-cancel-dialogue-cancel",new $APP.Q(null,2,[$APP.Km,!1,$APP.V,$APP.Qd],null),"x-cancel-dialogue-confirm-request",new $APP.Q(null,2,[$APP.Km,!0,$APP.V,$APP.Qd],null),"x-cancel-dialogue-confirm",new $APP.Q(null,2,[$APP.Km,!1,$APP.V,$APP.Qd],null)]);var oD={n:0};$APP.ha("baredom.exports.x_cancel_dialogue.init",CD);export const init=CD;
|
|
2
|
+
var rG=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.Sj);var c=$APP.C(b,$APP.Eh),d=$APP.C(b,iG),e=$APP.C(b,jG),f=$APP.C(b,kG),h=$APP.C(b,lG);b=$APP.C(b,mG);return new $APP.P(null,7,[$APP.to,$APP.E(a),$APP.Y,$APP.E(c),nG,function(){var l;if(l=typeof d==="string")l=(l=$APP.M(d,""))?d:l;return $APP.n(l)?l:"Discard changes?"}(),$APP.Ul,typeof e==="string"&&$APP.M(e,"")?e:null,oG,function(){var l;if(l=typeof f==="string")l=(l=$APP.M(f,""))?f:l;return $APP.n(l)?l:"Discard"}(),pG,function(){var l;if(l=typeof h===
|
|
3
|
+
"string")l=(l=$APP.M(h,""))?h:l;return $APP.n(l)?l:"Keep editing"}(),qG,$APP.E(b)],null)},sG=function(a){return document.createElement(a)},uG=function(a){var b=$APP.k(a,"__xCancelDialogueRefs");if($APP.n(b))return b;b=$APP.k(tG,"n")+1;tG.n=b;b="x-cd-headline-"+$APP.R.i(b);var c=a.attachShadow({mode:"open"}),d=sG("style"),e=sG("div"),f=sG("div"),h=sG("div"),l=sG("div"),m=sG("h2"),q=sG("div"),r=sG("slot"),v=sG("p"),w=sG("div"),y=sG("button"),A=sG("button");d.textContent=":host{display:contents;color-scheme:light dark;--x-cancel-dialogue-z-base:1000;--x-cancel-dialogue-backdrop-bg:rgba(0,0,0,0.45);--x-cancel-dialogue-bg:var(--x-color-bg,#ffffff);--x-cancel-dialogue-fg:var(--x-color-text,#0f172a);--x-cancel-dialogue-radius:var(--x-radius-lg,12px);--x-cancel-dialogue-shadow:var(--x-shadow-lg,0 20px 60px rgba(0,0,0,0.20),0 4px 12px rgba(0,0,0,0.10));--x-cancel-dialogue-padding:24px;--x-cancel-dialogue-min-width:min(320px,calc(100vw - 2rem));--x-cancel-dialogue-max-width:min(480px,calc(100vw - 2rem));--x-cancel-dialogue-headline-size:1.125rem;--x-cancel-dialogue-headline-weight:700;--x-cancel-dialogue-message-size:0.9375rem;--x-cancel-dialogue-cancel-bg:var(--x-color-surface-active,#f1f5f9);--x-cancel-dialogue-cancel-fg:var(--x-color-text,#0f172a);--x-cancel-dialogue-cancel-bg-hover:var(--x-color-surface-active,#e2e8f0);--x-cancel-dialogue-confirm-bg:var(--x-color-primary,#2563eb);--x-cancel-dialogue-confirm-fg:#ffffff;--x-cancel-dialogue-confirm-bg-hover:var(--x-color-primary-hover,#1d4ed8);--x-cancel-dialogue-danger-bg:var(--x-color-danger,#dc2626);--x-cancel-dialogue-danger-fg:#ffffff;--x-cancel-dialogue-danger-bg-hover:#b91c1c;--x-cancel-dialogue-btn-radius:var(--x-radius-md,8px);--x-cancel-dialogue-btn-height:2.5rem;--x-cancel-dialogue-btn-font-size:0.9375rem;--x-cancel-dialogue-btn-font-weight:600;--x-cancel-dialogue-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-cancel-dialogue-enter-duration:0ms;--x-cancel-dialogue-exit-duration:0ms;}@media (prefers-color-scheme:dark){:host{--x-cancel-dialogue-bg:var(--x-color-bg,#1e293b);--x-cancel-dialogue-fg:var(--x-color-text,#f1f5f9);--x-cancel-dialogue-backdrop-bg:rgba(0,0,0,0.60);--x-cancel-dialogue-shadow:0 20px 60px rgba(0,0,0,0.55),0 4px 12px rgba(0,0,0,0.30);--x-cancel-dialogue-cancel-bg:var(--x-color-text-muted,#334155);--x-cancel-dialogue-cancel-fg:var(--x-color-text,#f1f5f9);--x-cancel-dialogue-cancel-bg-hover:var(--x-color-border,#475569);--x-cancel-dialogue-confirm-bg:var(--x-color-primary,#3b82f6);--x-cancel-dialogue-confirm-bg-hover:var(--x-color-primary-hover,#2563eb);--x-cancel-dialogue-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dbackdrop]{display:none;position:fixed;inset:0;background:var(--x-cancel-dialogue-backdrop-bg);z-index:var(--x-cancel-dialogue-z-base,1000);}[part\x3ddialog]{display:none;position:fixed;inset:0;align-items:center;justify-content:center;z-index:calc(var(--x-cancel-dialogue-z-base,1000) + 1);padding:16px;box-sizing:border-box;}:host([open]) [part\x3dbackdrop]{display:block;}:host([open]) [part\x3ddialog]{display:flex;}[part\x3dpanel]{background:var(--x-cancel-dialogue-bg);color:var(--x-cancel-dialogue-fg);border-radius:var(--x-cancel-dialogue-radius);box-shadow:var(--x-cancel-dialogue-shadow);padding:var(--x-cancel-dialogue-padding);min-width:var(--x-cancel-dialogue-min-width);max-width:var(--x-cancel-dialogue-max-width);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;}[part\x3dheader]{display:flex;align-items:flex-start;}[part\x3dheadline]{margin:0;font-size:var(--x-cancel-dialogue-headline-size);font-weight:var(--x-cancel-dialogue-headline-weight);line-height:1.3;}[part\x3dbody]{display:flex;flex-direction:column;gap:8px;}[part\x3dmessage]{font-size:var(--x-cancel-dialogue-message-size);line-height:1.5;margin:0;opacity:0.8;}[part\x3dactions]{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}[part\x3dcancel-btn],[part\x3dconfirm-btn]{all:unset;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 20px;min-height:var(--x-cancel-dialogue-btn-height);border-radius:var(--x-cancel-dialogue-btn-radius);font-size:var(--x-cancel-dialogue-btn-font-size);font-weight:var(--x-cancel-dialogue-btn-font-weight);cursor:pointer;user-select:none;white-space:nowrap;}[part\x3dcancel-btn]{background:var(--x-cancel-dialogue-cancel-bg);color:var(--x-cancel-dialogue-cancel-fg);}[part\x3dcancel-btn]:hover:not(:disabled){background:var(--x-cancel-dialogue-cancel-bg-hover);}[part\x3dconfirm-btn]{background:var(--x-cancel-dialogue-confirm-bg);color:var(--x-cancel-dialogue-confirm-fg);}[part\x3dconfirm-btn]:hover:not(:disabled){background:var(--x-cancel-dialogue-confirm-bg-hover);}[part\x3dconfirm-btn][data-danger]{background:var(--x-cancel-dialogue-danger-bg);color:var(--x-cancel-dialogue-danger-fg);}[part\x3dconfirm-btn][data-danger]:hover:not(:disabled){background:var(--x-cancel-dialogue-danger-bg-hover);}[part\x3dcancel-btn]:focus-visible,[part\x3dconfirm-btn]:focus-visible{outline:2px solid var(--x-cancel-dialogue-focus-ring);outline-offset:2px;}:host([disabled]) [part\x3dcancel-btn],:host([disabled]) [part\x3dconfirm-btn]{opacity:0.55;pointer-events:none;cursor:default;}@media (prefers-reduced-motion:reduce){[part\x3dbackdrop],[part\x3ddialog],[part\x3dpanel]{transition:none;animation:none;}}";
|
|
4
|
+
e.setAttribute("part","backdrop");f.setAttribute("part","dialog");f.setAttribute("role","dialog");f.setAttribute("aria-modal","true");f.setAttribute("aria-labelledby",b);h.setAttribute("part","panel");l.setAttribute("part","header");m.setAttribute("part","headline");m.setAttribute("id",b);q.setAttribute("part","body");r.setAttribute("name","body");v.setAttribute("part","message");w.setAttribute("part","actions");y.setAttribute("part","cancel-btn");y.setAttribute("type","button");A.setAttribute("part",
|
|
5
|
+
"confirm-btn");A.setAttribute("type","button");l.appendChild(m);q.appendChild(r);q.appendChild(v);w.appendChild(y);w.appendChild(A);h.appendChild(l);h.appendChild(q);h.appendChild(w);f.appendChild(h);c.appendChild(d);c.appendChild(e);c.appendChild(f);a.__xCancelDialogueRefs={headline:m,confirmBtn:A,panel:h,bodySlot:r,root:c,dialog:f,backdrop:e,cancelBtn:y,message:v};return $APP.k(a,"__xCancelDialogueRefs")},vG=function(a){$APP.n(a.hasAttribute("open"))||a.setAttribute("open","");a=uG(a);var b=$APP.k(a,
|
|
6
|
+
"confirmBtn");setTimeout(function(){return b.focus()},0);return null},wG=function(a){a.removeAttribute("open");return null},xG=function(a,b){!$APP.n(a.hasAttribute("disabled"))&&$APP.bh(a,"x-cancel-dialogue-cancel-request",{reason:b})&&(wG(a),$APP.ah(a,"x-cancel-dialogue-cancel",{}));return null},yG=function(a){!$APP.n(a.hasAttribute("disabled"))&&$APP.bh(a,"x-cancel-dialogue-confirm-request",{})&&(wG(a),$APP.ah(a,"x-cancel-dialogue-confirm",{}));return null},zG=function(a){var b=uG(a),c=$APP.k(b,
|
|
7
|
+
"headline"),d=$APP.k(b,"message"),e=$APP.k(b,"cancelBtn"),f=$APP.k(b,"confirmBtn");a=rG(new $APP.P(null,7,[$APP.Sj,a.hasAttribute("open"),$APP.Eh,a.hasAttribute("disabled"),iG,a.getAttribute("headline"),jG,a.getAttribute("message"),kG,a.getAttribute("confirm-text"),lG,a.getAttribute("cancel-text"),mG,a.hasAttribute("danger")],null));c.textContent=nG.i(a);e.textContent=pG.i(a);f.textContent=oG.i(a);$APP.n($APP.Ul.i(a))?(d.textContent=$APP.Ul.i(a),d.style.display="block"):(d.textContent="",d.style.display=
|
|
8
|
+
"none");$APP.n(qG.i(a))?f.setAttribute("data-danger",""):f.removeAttribute("data-danger");e.disabled=$APP.E($APP.Y.i(a));f.disabled=$APP.E($APP.Y.i(a));$APP.k(b,"dialog").setAttribute("aria-modal","true")},AG=function(a){function b(q){var r=q.key;if($APP.B.j(r,"Escape"))q.preventDefault(),xG(a,"escape");else if($APP.B.j(r,"Tab")){var v=uG(a);r=$APP.k(v,"cancelBtn");v=$APP.k(v,"confirmBtn");var w=q.shiftKey,y=a.shadowRoot.activeElement;$APP.n($APP.n(w)?$APP.B.j(y,r):w)?(q.preventDefault(),v.focus()):
|
|
9
|
+
$APP.p(w)&&$APP.B.j(y,v)&&(q.preventDefault(),r.focus())}return null}function c(){return yG(a)}function d(){return xG(a,"cancel-button")}function e(){return xG(a,"backdrop")}var f=uG(a),h=$APP.k(f,"cancelBtn"),l=$APP.k(f,"confirmBtn"),m=$APP.k(f,"dialog");$APP.k(f,"backdrop").addEventListener("click",e);h.addEventListener("click",d);l.addEventListener("click",c);m.addEventListener("keydown",b);$APP.fa(a,"__xCancelDialogueHandlers",{backdrop:e,cancel:d,confirm:c,keydown:b})},BG=function(a){var b=$APP.k(a,
|
|
10
|
+
"__xCancelDialogueHandlers"),c=$APP.k(a,"__xCancelDialogueRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"backdrop"),e=$APP.k(c,"cancelBtn"),f=$APP.k(c,"confirmBtn");c=$APP.k(c,"dialog");var h=$APP.k(b,"backdrop"),l=$APP.k(b,"cancel"),m=$APP.k(b,"confirm");b=$APP.k(b,"keydown");$APP.n(h)&&d.removeEventListener("click",h);$APP.n(l)&&e.removeEventListener("click",l);$APP.n(m)&&f.removeEventListener("click",m);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xCancelDialogueHandlers=null},CG=function(a){uG(a);
|
|
11
|
+
BG(a);AG(a);zG(a);return null},DG=function(a){BG(a);return null},EG=function(a,b,c,d){if($APP.M(c,d)&&(zG(a),$APP.B.j(b,"open")&&d!=null&&c==null)){a=$APP.k(a,"__xCancelDialogueRefs");var e=$APP.n(a)?$APP.k(a,"confirmBtn"):null;$APP.n(e)&&setTimeout(function(){return e.focus()},0)}return null},FG=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?vG(this):wG(this)},enumerable:!0,configurable:!0});$APP.ch(a,"disabled","disabled");
|
|
12
|
+
$APP.ch(a,"danger","danger");$APP.eh(a,"headline","headline");$APP.eh(a,"message","message");$APP.eh(a,"confirmText","confirm-text");$APP.eh(a,"cancelText","cancel-text");Object.defineProperty(a,"close",{value:function(){return wG(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"confirm",{value:function(){return yG(this)},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"cancel",{value:function(b){return xG(this,$APP.n(b)?b:"cancel-button")},enumerable:!0,
|
|
13
|
+
configurable:!0,writable:!0})},HG=function(){return $APP.Wg("x-cancel-dialogue",new $APP.P(null,5,[$APP.Mg,GG,$APP.Ng,CG,$APP.Og,DG,$APP.Qg,EG,$APP.Ug,FG],null))},nG=new $APP.F(null,"headline","headline",-157157727),pG=new $APP.F(null,"cancel-text","cancel-text",1885137831),lG=new $APP.F(null,"cancel-text-raw","cancel-text-raw",615622099),oG=new $APP.F(null,"confirm-text","confirm-text",-1839494031),jG=new $APP.F(null,"message-raw","message-raw",952235685),iG=new $APP.F(null,"headline-raw","headline-raw",
|
|
14
|
+
1141142757),qG=new $APP.F(null,"danger?","danger?",181682216),kG=new $APP.F(null,"confirm-text-raw","confirm-text-raw",-1317418708),mG=new $APP.F(null,"danger-present?","danger-present?",-439648505);var GG="open disabled headline message confirm-text cancel-text danger".split(" ");$APP.Ud(["x-cancel-dialogue-cancel-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,new $APP.P(null,1,[$APP.bk,$APP.V],null)],null),"x-cancel-dialogue-cancel",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,$APP.Vd],null),"x-cancel-dialogue-confirm-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,$APP.Vd],null),"x-cancel-dialogue-confirm",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,$APP.Vd],null)]);var tG={n:0};$APP.da("baredom.exports.x_cancel_dialogue.init",HG);export const init=HG;
|
package/dist/x-card.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
6,[$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var d=document.createElement("div");d.setAttribute("part","base");d.className="base";var e=document.createElement("slot");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
var mM=function(a,b,c){return $APP.Vc(b,a)?a:c},rM=function(a){var b=$APP.H(a),c=$APP.C(b,$APP.hi),d=$APP.C(b,$APP.ro),e=$APP.C(b,$APP.xo),f=$APP.C(b,$APP.yk);a=$APP.C(b,$APP.fl);b=$APP.C(b,$APP.X);c=mM(c,nM,"elevated");d=mM(d,oM,"md");e=mM(e,pM,"lg");f=$APP.E(f);a=$APP.E(a);b=typeof b==="string"&&$APP.M("",b)?b:null;return $APP.Hf([$APP.vj,$APP.em,$APP.fl,$APP.hi,$APP.yk,$APP.xo,$APP.ro,qM,$APP.on],[f?"button":null,f&&a?"-1":f?"0":null,a,c,f,e,d,a?"true":null,b])},sM=function(a){return new $APP.P(null,
|
|
3
|
+
6,[$APP.hi,a.getAttribute("variant"),$APP.ro,a.getAttribute("padding"),$APP.xo,a.getAttribute("radius"),$APP.yk,a.hasAttribute("interactive"),$APP.fl,a.hasAttribute("disabled"),$APP.X,a.getAttribute("label")],null)},tM=function(a){var b=$APP.yk.i(a);return $APP.n(b)?$APP.p($APP.fl.i(a)):b},uM=function(a){return $APP.ah(a,"press",{})},vM=function(a,b,c){return c!=null?a.setAttribute(b,c):a.removeAttribute(b)},wM=function(a){var b=rM(sM(a)),c=$APP.k(a,"__xCardBase");vM(a,"role",$APP.vj.i(b));vM(a,"tabindex",
|
|
4
|
+
$APP.em.i(b));vM(a,"aria-label",$APP.on.i(b));vM(a,"aria-disabled",qM.i(b));c.setAttribute("data-variant",$APP.hi.i(b));c.setAttribute("data-padding",$APP.ro.i(b));c.setAttribute("data-radius",$APP.xo.i(b));vM(c,"data-interactive",$APP.n($APP.yk.i(b))?"true":null);return vM(c,"data-disabled",$APP.n($APP.fl.i(b))?"true":null)},xM=function(a,b){var c=rM(sM(a)),d=b.key;if($APP.n(tM(c))){if($APP.B.j(d,"Enter"))return uM(a);if($APP.B.j(d," ")||$APP.B.j(d,"Spacebar"))return b.preventDefault(),uM(a)}return null},
|
|
5
|
+
yM=function(a){a.addEventListener("click",function(){var b=rM(sM(a));return $APP.n(tM(b))?uM(a):null});a.addEventListener("keydown",function(b){return xM(a,b)})},zM=function(a){if(!$APP.Yg(a,"__xCardInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style");c.textContent="\n :host {\n display: block;\n color-scheme: light dark;\n\n --x-card-background: var(--x-color-surface, rgba(255, 255, 255, 0.92));\n --x-card-color: var(--x-color-text, #111827);\n --x-card-border-color: var(--x-color-border, rgba(17, 24, 39, 0.12));\n --x-card-filled-background: rgba(241, 245, 249, 0.96);\n --x-card-ghost-background: transparent;\n --x-card-hover-background: rgba(15, 23, 42, 0.04);\n --x-card-press-background: rgba(15, 23, 42, 0.08);\n --x-card-shadow: var(--x-shadow-md, 0 10px 24px rgba(15, 23, 42, 0.10));\n --x-card-focus-ring: var(--x-color-focus-ring, rgba(59, 130, 246, 0.55));\n --x-card-disabled-opacity: 0.6;\n\n --x-card-padding-none: 0;\n --x-card-padding-sm: 0.5rem;\n --x-card-padding-md: 1rem;\n --x-card-padding-lg: 1.5rem;\n\n --x-card-radius-none: 0;\n --x-card-radius-sm: var(--x-radius-sm, 0.375rem);\n --x-card-radius-md: var(--x-radius-md, 0.75rem);\n --x-card-radius-lg: var(--x-radius-lg, 1rem);\n --x-card-radius-xl: 1.5rem;\n\n --x-card-transition-duration: var(--x-transition-duration, 140ms);\n --x-card-transition-timing: ease;\n\n outline: none;\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --x-card-background: var(--x-color-surface, rgba(15, 23, 42, 0.88));\n --x-card-color: var(--x-color-text, #e5e7eb);\n --x-card-border-color: var(--x-color-border, rgba(148, 163, 184, 0.24));\n --x-card-filled-background: rgba(30, 41, 59, 0.96);\n --x-card-hover-background: rgba(148, 163, 184, 0.10);\n --x-card-press-background: rgba(148, 163, 184, 0.16);\n --x-card-shadow: var(--x-shadow-md, 0 16px 32px rgba(0, 0, 0, 0.32));\n --x-card-focus-ring: var(--x-color-focus-ring, rgba(96, 165, 250, 0.6));\n }\n }\n\n .base {\n box-sizing: border-box;\n display: block;\n min-width: 0;\n background: var(--x-card-background);\n color: var(--x-card-color);\n border: 1px solid transparent;\n border-radius: var(--x-card-radius-lg);\n transition:\n background var(--x-card-transition-duration) var(--x-card-transition-timing),\n box-shadow var(--x-card-transition-duration) var(--x-card-transition-timing),\n border-color var(--x-card-transition-duration) var(--x-card-transition-timing),\n transform var(--x-card-transition-duration) var(--x-card-transition-timing);\n }\n\n .base[data-variant\x3d'elevated'] {\n background: var(--x-card-background);\n box-shadow: var(--x-card-shadow);\n }\n\n .base[data-variant\x3d'outlined'] {\n background: var(--x-card-background);\n border-color: var(--x-card-border-color);\n box-shadow: none;\n }\n\n .base[data-variant\x3d'filled'] {\n background: var(--x-card-filled-background);\n box-shadow: none;\n }\n\n .base[data-variant\x3d'ghost'] {\n background: var(--x-card-ghost-background);\n box-shadow: none;\n }\n\n .base[data-padding\x3d'none'] { padding: var(--x-card-padding-none); }\n .base[data-padding\x3d'sm'] { padding: var(--x-card-padding-sm); }\n .base[data-padding\x3d'md'] { padding: var(--x-card-padding-md); }\n .base[data-padding\x3d'lg'] { padding: var(--x-card-padding-lg); }\n\n .base[data-radius\x3d'none'] { border-radius: var(--x-card-radius-none); }\n .base[data-radius\x3d'sm'] { border-radius: var(--x-card-radius-sm); }\n .base[data-radius\x3d'md'] { border-radius: var(--x-card-radius-md); }\n .base[data-radius\x3d'lg'] { border-radius: var(--x-card-radius-lg); }\n .base[data-radius\x3d'xl'] { border-radius: var(--x-card-radius-xl); }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']) {\n cursor: pointer;\n }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']):hover {\n background: var(--x-card-hover-background);\n }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']):active {\n background: var(--x-card-press-background);\n transform: translateY(1px);\n }\n\n .base[data-disabled\x3d'true'] {\n opacity: var(--x-card-disabled-opacity);\n cursor: default;\n transform: none;\n }\n\n :host(:focus-visible) .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']) {\n box-shadow:\n 0 0 0 3px var(--x-card-focus-ring),\n var(--x-card-shadow);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .base {\n transition: none;\n }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']):active {\n transform: none;\n }\n }\n ";
|
|
6
|
+
var d=document.createElement("div");d.setAttribute("part","base");d.className="base";var e=document.createElement("slot");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xCardRoot=b;a.__xCardStyle=c;a.__xCardBase=d;a.__xCardSlot=e;yM(a);a.__xCardInitialized=!0}wM(a);return a},AM=function(){return null},BM=function(a){return $APP.Yg(a,"__xCardInitialized")?wM(a):null},DM=function(a){return $APP.ih(a,CM)},FM=function(){return $APP.Wg("x-card",new $APP.P(null,5,[$APP.Mg,EM,$APP.Ng,zM,$APP.Og,
|
|
7
|
+
AM,$APP.Qg,BM,$APP.Ug,DM],null))},qM=new $APP.F(null,"aria-disabled","aria-disabled",-667357160);var EM="variant padding radius interactive disabled label".split(" "),nM=new $APP.Q(null,new $APP.P(null,4,["outlined",null,"elevated",null,"filled",null,"ghost",null],null),null),oM=new $APP.Q(null,new $APP.P(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),pM=new $APP.Q(null,new $APP.P(null,5,["none",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),CM=new $APP.P(null,2,[$APP.yk,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"interactive"],null),$APP.fl,new $APP.P(null,2,[$APP.S,
|
|
8
|
+
$APP.U,$APP.T,"disabled"],null)],null);$APP.da("baredom.exports.x_card.init",FM);export const init=FM;
|