@vanelsas/baredom 2.8.0 → 3.0.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 +45 -0
- package/README.md +1 -1
- package/custom-elements.json +467 -0
- package/dist/baredom.d.ts +25 -0
- package/dist/base.js +541 -452
- package/dist/integrity.json +103 -97
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -16
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +31 -31
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- 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 +24 -24
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +25 -0
- package/dist/x-container.js +5 -4
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +9 -9
- package/dist/x-dropdown.js +11 -11
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +7 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +6 -6
- package/dist/x-image.js +16 -17
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +38 -39
- package/dist/x-liquid-fill.js +44 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -9
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +36 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +32 -32
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +37 -37
- 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 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +25 -26
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +10 -10
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +21 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +18 -18
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +34 -34
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +38 -38
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- package/dist/x-sidebar.js +15 -15
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +21 -22
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +118 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +60 -59
- package/package.json +32 -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)
|
|
6
|
-
return a},
|
|
2
|
+
var eT=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"}},gT=function(a){return $APP.$c(fT,a)?a:"md"},hT=function(a){return typeof a==="string"&&$APP.I(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.p(isNaN(a))?$APP.Hl.j($APP.Gl.j(a,1),12):4):4},iT=function(a){return typeof a==="string"&&$APP.I(a,"")?a:"auto"},lT=function(a){a=$APP.G(a);var b=$APP.C(a,$APP.Wo),c=$APP.C(a,
|
|
3
|
+
$APP.bo),d=$APP.C(a,$APP.Eq),e=$APP.C(a,$APP.Bn);a=$APP.C(a,jT);b=hT(b);var f=gT(c);c=function(){var l=$APP.$c(fT,d)?d:null;return $APP.n(l)?l:f}();var h=function(){var l=$APP.$c(fT,e)?e:null;return $APP.n(l)?l:f}();a=iT(a);return new $APP.O(null,6,[$APP.Wo,b,kT,"repeat("+$APP.V.i(b)+",minmax(0,1fr))",$APP.bo,f,$APP.Eq,eT(c),$APP.Bn,eT(h),jT,a],null)},mT=function(a){var b=new $APP.O(null,5,[$APP.Wo,a.getAttribute("columns"),$APP.bo,a.getAttribute("gap"),$APP.Eq,a.getAttribute("row-gap"),$APP.Bn,a.getAttribute("column-gap"),
|
|
4
|
+
jT,a.getAttribute("row-height")],null);b=lT(b);a=$APP.k(a,"__xBentoGridBase");$APP.n(a)?(a=a.style,a.setProperty("--x-bento-grid-columns",kT.i(b)),a.setProperty("--x-bento-grid-row-height",jT.i(b)),a.setProperty("--x-bento-grid-row-gap",$APP.Eq.i(b)),b=a.setProperty("--x-bento-grid-column-gap",$APP.Bn.i(b))):b=null;return b},nT=function(a){if(!$APP.Fh(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);$APP.R(a,"__xBentoGridRoot",b);$APP.R(a,"__xBentoGridBase",d);$APP.R(a,
|
|
6
|
+
"__xBentoGridInit",!0)}mT(a);return a},oT=function(a){return nT(a)},pT=function(a){return $APP.Fh(a,"__xBentoGridInit")?mT(a):nT(a)},rT=function(){return $APP.Ah("x-bento-grid",new $APP.O(null,3,[$APP.qh,qT,$APP.oh,oT,$APP.kh,pT],null))},jT=new $APP.F(null,"row-height","row-height",527360749),kT=new $APP.F(null,"template","template",-702405684);var qT=["columns","gap","row-gap","column-gap","row-height"],fT=new $APP.pg(null,new $APP.O(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null);$APP.ha("baredom.exports.x_bento_grid.init",rT);export const init=rT;
|
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)
|
|
5
|
-
"col-span-css"
|
|
2
|
+
var iG=function(a){return typeof a==="string"&&$APP.I(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.p(isNaN(a))?$APP.Hl.j($APP.Gl.j(a,1),6):1):1},lG=function(a){var b=new $APP.O(null,3,[$APP.Lq,a.getAttribute("col-span"),$APP.qm,a.getAttribute("row-span"),$APP.ko,a.getAttribute("order")],null);var c=$APP.G(b);b=$APP.C(c,$APP.Lq);var d=$APP.C(c,$APP.qm);c=$APP.C(c,$APP.ko);b=iG(b);d=iG(d);typeof c==="string"&&$APP.I(c,"")?(c=parseInt(c,10),c=typeof c==="number"&&$APP.p(isNaN(c))?c:null):c=null;
|
|
3
|
+
b=new $APP.O(null,5,[$APP.Lq,b,$APP.qm,d,jG,"span "+$APP.V.i(b),kG,"span "+$APP.V.i(d),$APP.ko,c],null);a=a.style;a.setProperty("grid-column",jG.i(b));a.setProperty("grid-row",kG.i(b));b=$APP.ko.i(b);return $APP.n(b)?a.setProperty("order",""+$APP.V.i(b)):a.removeProperty("order")},mG=function(a){if(!$APP.Fh(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);$APP.R(a,"__xBentoItemRoot",b);$APP.R(a,"__xBentoItemBase",d);$APP.R(a,"__xBentoItemInit",!0)}lG(a);return a},nG=function(a){return mG(a)},oG=function(a){return $APP.Fh(a,"__xBentoItemInit")?lG(a):mG(a)},qG=function(){return $APP.Ah("x-bento-item",new $APP.O(null,3,[$APP.qh,pG,$APP.oh,nG,$APP.kh,oG],null))},kG=new $APP.F(null,"row-span-css","row-span-css",956357389),jG=new $APP.F(null,"col-span-css",
|
|
5
|
+
"col-span-css",-1306581329);var pG=["col-span","row-span","order"];$APP.ha("baredom.exports.x_bento_item.init",qG);export const init=qG;
|
package/dist/x-breadcrumbs.js
CHANGED
|
@@ -1,14 +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(f);a.__xBreadcrumbsRefs=new $APP.
|
|
4
|
-
b.setAttribute("class","ellipsis");c.setAttribute("class","separator");c.setAttribute("aria-hidden","true");c.textContent=a;d.setAttribute("class","ellipsis-btn");d.setAttribute("aria-label","Show hidden breadcrumbs");d.textContent="…";b.appendChild(c);b.appendChild(d);return b},
|
|
5
|
-
""),d.setAttribute("aria-current","page"));return c},
|
|
6
|
-
var d=$APP.C(c
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
q){var
|
|
10
|
-
!$APP.
|
|
11
|
-
$APP.n(c)&&(c=$APP.
|
|
12
|
-
"wrap");$APP.
|
|
13
|
-
|
|
14
|
-
"
|
|
2
|
+
var Yx=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},Zx=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},$x=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.O(null,3,[$APP.Km,d,$APP.pp,e,$APP.Vp,f],null);return $APP.k(a,"__xBreadcrumbsRefs")},ay=function(a){var b=document.createElement("span");b.setAttribute("class","separator");b.setAttribute("aria-hidden","true");b.textContent=a;return b},by=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},cy=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},py=function(a){var b=$APP.Wf([$APP.Lp,dy,$APP.vi,ey,fy,$APP.Vk,gy,hy,$APP.yj,$APP.an,$APP.zj],[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.G(b);b=$APP.C(c,$APP.yj);
|
|
6
|
+
var d=$APP.C(c,$APP.an),e=$APP.C(c,$APP.zj),f=$APP.C(c,dy),h=$APP.C(c,$APP.Lp),l=$APP.C(c,$APP.vi),m=$APP.C(c,fy),q=$APP.C(c,ey),r=$APP.C(c,$APP.Vk),v=$APP.C(c,gy);c=$APP.C(c,hy);v=$APP.D(v);m=Zx(m,2);q=$APP.ii(q);l=$APP.D(l);h=Yx(iy,"default",h);if(typeof f==="string"){f=parseInt(f,10);var x=isFinite(f);f=$APP.n($APP.n(x)?f>0:x)?f:null}else f=null;b=$APP.Wf([jy,ky,$APP.Cm,$APP.ck,$APP.nk,ly,$APP.ok,$APP.Kj,my,$APP.Lj,$APP.tp],[v,m,q,l,h,f,Yx(ny,"md",r),e,Zx(c,1),b,typeof d==="string"?d:"/"]);b=$APP.G(b);
|
|
7
|
+
d=$APP.C(b,$APP.ok);e=$APP.C(b,$APP.nk);r=$APP.C(b,$APP.Cm);c=$APP.C(b,$APP.Lj);v=$APP.C(b,$APP.Kj);f=$x(a);f=$APP.G(f);f=$APP.C(f,$APP.Km);$APP.S(a,"data-size",d);$APP.S(a,"data-variant",e);$APP.S(a,"data-wrap",""+$APP.V.i($APP.D(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.G(b);d=$APP.C(e,$APP.tp);m=$APP.C(e,ly);h=$APP.C(e,my);f=$APP.C(e,ky);e=$APP.C(e,jy);r=$x(a);
|
|
8
|
+
r=$APP.G(r);c=$APP.C(r,$APP.Vp);r=$APP.C(r,$APP.pp);c=$APP.Ac(c.assignedElements());v=$APP.y(c);m==null||v<=m?f=new $APP.O(null,3,[$APP.bq,$APP.Qe($APP.Eg(0,v)),oy,-1,$APP.kr,v],null):(m=$APP.Hl.j(h,$APP.Gl.j(0,v-f)),f=$APP.Hl.j(f,$APP.Gl.j(0,v-m)),m=$APP.Hl.j(m,v-f),m=$APP.Gl.j(0,m),m=$APP.Qe($APP.Eg(0,m)),f=$APP.Qe($APP.Eg(v-f,v)),f=new $APP.O(null,3,[$APP.bq,$APP.sf.j(m,f),oy,$APP.y(m),$APP.kr,v],null));v=$APP.bq.i(f);f=oy.i(f);r.innerHTML="";m=$APP.t($APP.je($APP.Ml,v));h=null;for(l=q=0;;)if(l<
|
|
9
|
+
q){var z=h.F(null,l);x=$APP.Gc(z,0,null);z=$APP.Gc(z,1,null);z=$APP.Gc(c,z,null);var B=$APP.A.j(x,$APP.y(v)-1)&&$APP.p(e);$APP.A.j(x,f)&&r.appendChild(by(d));x>0&&!$APP.A.j(x,f)&&r.appendChild(ay(d));$APP.A.j(x,f)&&r.appendChild(ay(d));$APP.n(z)&&r.appendChild(cy(z,B));l+=1}else if(m=$APP.t(m))$APP.Wc(m)?(q=$APP.Ab(m),m=$APP.Bb(m),h=q,q=$APP.y(q)):(q=$APP.u(m),h=$APP.Gc(q,0,null),q=$APP.Gc(q,1,null),q=$APP.Gc(c,q,null),l=$APP.A.j(h,$APP.y(v)-1)&&$APP.p(e),$APP.A.j(h,f)&&r.appendChild(by(d)),h>0&&
|
|
10
|
+
!$APP.A.j(h,f)&&r.appendChild(ay(d)),$APP.A.j(h,f)&&r.appendChild(ay(d)),$APP.n(q)&&r.appendChild(cy(q,l)),m=$APP.w(m),h=null,q=0),l=0;else break;$APP.A.j(f,$APP.y(v))&&r.appendChild(by(d));a.__xBreadcrumbsModel=b;return null},qy=function(a){function b(){return py(a)}var c=$x(a);c=$APP.G(c);c=$APP.C(c,$APP.Vp);$APP.n(c)&&c.addEventListener("slotchange",b);$APP.ja(a,"__xBreadcrumbsHandlers",{slot:b})},ry=function(a){var b=$APP.k(a,"__xBreadcrumbsHandlers");if($APP.n(b)){var c=$APP.k(a,"__xBreadcrumbsRefs");
|
|
11
|
+
$APP.n(c)&&(c=$APP.Vp.i(c),b=$APP.k(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xBreadcrumbsHandlers=null},sy=function(a,b,c){Object.defineProperty(a,b,{get:function(){return Zx(this.getAttribute(b),c)},set:function(d){return d!=null?this.setAttribute(b,""+$APP.V.i(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},ty=function(a){$APP.Th(a,"separator","separator","/");$APP.Th(a,"size","size","md");$APP.Th(a,"variant","variant","default");$APP.Sh(a,"wrap",
|
|
12
|
+
"wrap");$APP.Sh(a,"disabled","disabled");$APP.Sh(a,"preserve-aria-current","preserve-aria-current");sy(a,"max-items",null);sy(a,"items-before",1);sy(a,"items-after",2);$APP.Uh(a,"aria-label","aria-label");return $APP.Uh(a,"aria-describedby","aria-describedby")},uy=function(a){$x(a);ry(a);qy(a);py(a);return null},vy=function(a){ry(a);return null},wy=function(a,b,c,d){$APP.I(c,d)&&py(a);return null},yy=function(){return $APP.Ah("x-breadcrumbs",new $APP.O(null,5,[$APP.qh,xy,$APP.oh,uy,$APP.lh,vy,$APP.kh,
|
|
13
|
+
wy,$APP.ph,ty],null))},ky=new $APP.F(null,"items-after","items-after",358736705),hy=new $APP.F(null,"items-before-raw","items-before-raw",1580997624),dy=new $APP.F(null,"max-items-raw","max-items-raw",-340487390),ey=new $APP.F(null,"wrap-raw","wrap-raw",-1468030804),ly=new $APP.F(null,"max-items","max-items",-1969244147),oy=new $APP.F(null,"ellipsis-at","ellipsis-at",-628372349),gy=new $APP.F(null,"preserve-aria-current-present?","preserve-aria-current-present?",729931506),fy=new $APP.F(null,"items-after-raw",
|
|
14
|
+
"items-after-raw",-1677187220),my=new $APP.F(null,"items-before","items-before",-1151895719),jy=new $APP.F(null,"preserve-aria-current","preserve-aria-current",682773185);var xy="separator size variant wrap max-items items-before items-after disabled preserve-aria-current aria-label aria-describedby".split(" "),ny=new $APP.pg(null,new $APP.O(null,3,["md",null,"lg",null,"sm",null],null),null),iy=new $APP.pg(null,new $APP.O(null,3,["subtle",null,"text",null,"default",null],null),null);$APP.ha("baredom.exports.x_breadcrumbs.init",yy);export const init=yy;
|
package/dist/x-button.js
CHANGED
|
@@ -1,17 +1,2 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
b},cQ=function(a){a=new $APP.N(null,7,[$APP.al,a.hasAttribute("disabled"),$APP.Km,a.hasAttribute("loading"),$APP.Kl,a.hasAttribute("pressed"),$APP.R,a.getAttribute("type"),$APP.ii,a.getAttribute("variant"),$APP.bj,a.getAttribute("size"),$APP.X,a.getAttribute("label")],null);var b=$APP.J(a);a=$APP.C(b,$APP.al);var c=$APP.C(b,$APP.Km),d=$APP.C(b,$APP.Kl),e=$APP.C(b,$APP.R),f=$APP.C(b,$APP.ii),h=$APP.C(b,$APP.bj);b=$APP.C(b,$APP.X);return new $APP.N(null,7,[$APP.al,$APP.E(a),$APP.Km,$APP.E(c),$APP.Kl,
|
|
4
|
-
$APP.E(d),$APP.R,RP(e,$P,"button"),$APP.ii,RP(f,aQ,"primary"),$APP.bj,RP(h,bQ,"md"),$APP.X,typeof b==="string"?b:null],null)},dQ=function(a){return a.assignedNodes({flatten:!0})},eQ=function(a){return document.createElement(a)},fQ=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=cQ(a);var l;a:{d=dQ(d);for(var m=0;;)if(m<d.length){var q=d[m],r=q;if(l=$APP.B.i(r.nodeType,Node.TEXT_NODE))l=r.textContent,l=$APP.M("",($APP.n(l)?l:"").trim());
|
|
5
|
-
if(!l){l=q;if(q=$APP.B.i(l.nodeType,Node.ELEMENT_NODE))q=l.textContent,q=$APP.M("",($APP.n(q)?q:"").trim());l=q}if(l){l=!0;break a}m+=1}else{l=!1;break a}l=void 0}e=dQ(e).length>0;f=dQ(f).length>0;h=dQ(h).length>0;d=UP(a);m=XP(a)!=null;q=$APP.B.i(!0,a.__xButtonFocusVisible);l=$APP.Fi.l(b,$APP.xl,l);r=$APP.J(l);l=$APP.C(r,$APP.X);r=$APP.C(r,$APP.xl);l=$APP.p(r)&&$APP.th(l)?l:null;c.setAttribute("type",$APP.R.g(b));r=$APP.al.g(b);r=$APP.n(r)?r:$APP.Km.g(b);c.disabled=r;r=$APP.J(b);r=$APP.C(r,$APP.Km);
|
|
6
|
-
r=$APP.n(r)?"true":null;$APP.n(r)?c.setAttribute("aria-busy",r):c.removeAttribute("aria-busy");$APP.n($APP.Kl.g(b))?c.setAttribute("aria-pressed","true"):c.removeAttribute("aria-pressed");$APP.n(l)?c.setAttribute("aria-label",l):c.removeAttribute("aria-label");c.setAttribute("data-variant",$APP.ii.g(b));c.setAttribute("data-size",$APP.bj.g(b));c.setAttribute("data-loading",$APP.n($APP.Km.g(b))?"true":"false");c.setAttribute("data-disabled",$APP.n($APP.al.g(b))?"true":"false");c.setAttribute("data-hover",
|
|
7
|
-
d?"true":"false");c.setAttribute("data-active",m?"true":"false");c.setAttribute("data-focus-visible",q?"true":"false");c.setAttribute("data-has-icon-start",e?"true":"false");c.setAttribute("data-has-icon-end",f?"true":"false");c.setAttribute("data-has-spinner",h?"true":"false");a.setAttribute("data-variant",$APP.ii.g(b));return a.setAttribute("data-size",$APP.bj.g(b))},gQ=function(a){var b=XP(a);return $APP.n(b)?(YP(a,null),$APP.P(a,"press-end",{source:b}),b=TP(a),$APP.n(b)?fQ(a,b):null):null},hQ=
|
|
8
|
-
function(a){SP(cQ(a))||(VP(a,!1),YP(a,null))},iQ=function(a,b){b.addEventListener("pointerenter",function(){if(SP(cQ(a))){if(UP(a))return null;VP(a,!0);fQ(a,TP(a));return $APP.P(a,"hover-start",{})}return null});b.addEventListener("pointerleave",function(){UP(a)&&(VP(a,!1),fQ(a,TP(a)),SP(cQ(a))&&$APP.P(a,"hover-end",{}));return $APP.B.i("pointer",XP(a))?gQ(a):null})},jQ=function(a,b){b.addEventListener("pointerdown",function(){if(SP(cQ(a))){if($APP.n(XP(a)))return null;ZP(a,"pointer");YP(a,"pointer");
|
|
9
|
-
fQ(a,TP(a));return $APP.P(a,"press-start",{source:"pointer"})}return null});b.addEventListener("pointerup",function(){return $APP.B.i("pointer",XP(a))?gQ(a):null});b.addEventListener("pointercancel",function(){return $APP.B.i("pointer",XP(a))?gQ(a):null});b.addEventListener("keydown",function(c){c=c.key;if(SP(cQ(a))&&($APP.B.i(c,"Enter")||$APP.B.i(c," "))){if($APP.B.i("keyboard",XP(a)))return null;ZP(a,"keyboard");YP(a,"keyboard");fQ(a,TP(a));return $APP.P(a,"press-start",{source:"keyboard"})}return null});
|
|
10
|
-
b.addEventListener("keyup",function(c){c=c.key;return $APP.B.i("keyboard",XP(a))&&($APP.B.i(c,"Enter")||$APP.B.i(c," "))?gQ(a):null});b.addEventListener("blur",function(){return $APP.n(XP(a))?gQ(a):null});b.addEventListener("click",function(){if(SP(cQ(a))){var c=a.__xButtonLastActivationSource;$APP.P(a,"press",{source:$APP.n(c)?c:"programmatic"});ZP(a,null);c=$APP.R.g(cQ(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,
|
|
11
|
-
"submit")?d.requestSubmit():$APP.B.i(c,"reset")?d.reset():null:null}return null})},kQ=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");WP(a,c);fQ(a,TP(a));return $APP.n(c)?$APP.P(a,"focus-visible",{}):null});b.addEventListener("blur",function(){WP(a,!1);return fQ(a,TP(a))})},lQ=function(a,b){function c(){return fQ(a,b)}b["label-slot"].addEventListener("slotchange",c);b["icon-start-slot"].addEventListener("slotchange",c);b["icon-end-slot"].addEventListener("slotchange",
|
|
12
|
-
c);b["spinner-slot"].addEventListener("slotchange",c)},mQ=function(a){if(!$APP.n(TP(a))){var b=a.attachShadow({mode:"open"});var c=eQ("style"),d=eQ("button"),e=eQ("span"),f=eQ("span"),h=eQ("span"),l=eQ("span"),m=eQ("span"),q=eQ("span"),r=eQ("slot"),v=eQ("slot"),x=eQ("slot"),y=eQ("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");x.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(x);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":x,"spinner-slot":y};c=b.button;VP(a,!1);WP(a,!1);YP(a,null);ZP(a,null);iQ(a,c);jQ(a,c);kQ(a,c);lQ(a,b);a.__xButtonState=b}hQ(a);return fQ(a,TP(a))},nQ=function(a){VP(a,!1);WP(a,!1);YP(a,null);return ZP(a,null)},oQ=function(a){var b=TP(a);return $APP.n(b)?(hQ(a),
|
|
15
|
-
fQ(a,b)):null},rQ=function(){return $APP.Yg("x-button",new $APP.N(null,6,[$APP.Pg,pQ,$APP.Qg,mQ,$APP.Rg,nQ,$APP.Sg,oQ,$APP.Tg,!0,$APP.Wg,function(a){return $APP.jh(a,qQ)}],null))},sQ=function(){return rQ()};var $P=new $APP.O(null,new $APP.N(null,3,["reset",null,"submit",null,"button",null],null),null),aQ=new $APP.O(null,new $APP.N(null,5,["secondary",null,"tertiary",null,"primary",null,"danger",null,"ghost",null],null),null),bQ=new $APP.O(null,new $APP.N(null,3,["md",null,"lg",null,"sm",null],null),null),pQ="disabled loading pressed type variant size label".split(" "),qQ=new $APP.N(null,3,[$APP.al,new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,"disabled"],null),$APP.Km,new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,
|
|
16
|
-
"loading"],null),$APP.Kl,new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,"pressed"],null)],null);
|
|
17
|
-
$APP.Yd(["press",new $APP.N(null,1,[$APP.Z,new $APP.N(null,1,[$APP.Em,$APP.U],null)],null),"press-start",new $APP.N(null,1,[$APP.Z,new $APP.N(null,1,[$APP.Em,$APP.U],null)],null),"press-end",new $APP.N(null,1,[$APP.Z,new $APP.N(null,1,[$APP.Em,$APP.U],null)],null),"hover-start",new $APP.N(null,1,[$APP.Z,$APP.Zd],null),"hover-end",new $APP.N(null,1,[$APP.Z,$APP.Zd],null),"focus-visible",new $APP.N(null,1,[$APP.Z,$APP.Zd],null)]);$APP.ca("baredom.exports.x_button.init",sQ);export const init=sQ;
|
|
2
|
+
var mX=function(){return $APP.Uk()};$APP.ha("baredom.exports.x_button.init",mX);export const init=mX;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"string")l=(l=$APP.
|
|
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");x.setAttribute("part","actions");
|
|
5
|
-
"confirm-btn");
|
|
6
|
-
"confirmBtn");setTimeout(function(){return b.focus()},0);return null},
|
|
7
|
-
d=$APP.k(b,"message"),e=$APP.k(b,"cancelBtn"),f=$APP.k(b,"confirmBtn");a=
|
|
8
|
-
$APP.n(
|
|
9
|
-
$APP.
|
|
10
|
-
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},
|
|
11
|
-
return null},
|
|
12
|
-
"danger");$APP.
|
|
13
|
-
writable:!0})},
|
|
14
|
-
|
|
2
|
+
var yI=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Qm);var c=$APP.C(b,$APP.vi),d=$APP.C(b,pI),e=$APP.C(b,qI),f=$APP.C(b,rI),h=$APP.C(b,sI);b=$APP.C(b,tI);return new $APP.O(null,7,[$APP.Zq,$APP.D(a),$APP.Bi,$APP.D(c),uI,function(){var l;if(l=typeof d==="string")l=(l=$APP.I(d,""))?d:l;return $APP.n(l)?l:"Discard changes?"}(),$APP.Go,typeof e==="string"&&$APP.I(e,"")?e:null,vI,function(){var l;if(l=typeof f==="string")l=(l=$APP.I(f,""))?f:l;return $APP.n(l)?l:"Discard"}(),wI,function(){var l;if(l=typeof h===
|
|
3
|
+
"string")l=(l=$APP.I(h,""))?h:l;return $APP.n(l)?l:"Keep editing"}(),xI,$APP.D(b)],null)},zI=function(a){return document.createElement(a)},BI=function(a){var b=$APP.k(a,"__xCancelDialogueRefs");if($APP.n(b))return b;b=$APP.k(AI,"n")+1;AI.n=b;b="x-cd-headline-"+$APP.V.i(b);var c=a.attachShadow({mode:"open"}),d=zI("style"),e=zI("div"),f=zI("div"),h=zI("div"),l=zI("div"),m=zI("h2"),q=zI("div"),r=zI("slot"),v=zI("p"),x=zI("div"),z=zI("button"),B=zI("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");x.setAttribute("part","actions");z.setAttribute("part","cancel-btn");z.setAttribute("type","button");B.setAttribute("part",
|
|
5
|
+
"confirm-btn");B.setAttribute("type","button");l.appendChild(m);q.appendChild(r);q.appendChild(v);x.appendChild(z);x.appendChild(B);h.appendChild(l);h.appendChild(q);h.appendChild(x);f.appendChild(h);c.appendChild(d);c.appendChild(e);c.appendChild(f);a.__xCancelDialogueRefs={headline:m,confirmBtn:B,panel:h,bodySlot:r,root:c,dialog:f,backdrop:e,cancelBtn:z,message:v};return $APP.k(a,"__xCancelDialogueRefs")},CI=function(a){$APP.n(a.hasAttribute("open"))||$APP.S(a,"open","");a=BI(a);var b=$APP.k(a,
|
|
6
|
+
"confirmBtn");setTimeout(function(){return b.focus()},0);return null},DI=function(a){$APP.T(a,"open");return null},EI=function(a,b){!$APP.n(a.hasAttribute("disabled"))&&$APP.Ph(a,"x-cancel-dialogue-cancel-request",{reason:b})&&(DI(a),$APP.Nh(a,"x-cancel-dialogue-cancel",{}));return null},FI=function(a){!$APP.n(a.hasAttribute("disabled"))&&$APP.Ph(a,"x-cancel-dialogue-confirm-request",{})&&(DI(a),$APP.Nh(a,"x-cancel-dialogue-confirm",{}));return null},GI=function(a){var b=BI(a),c=$APP.k(b,"headline"),
|
|
7
|
+
d=$APP.k(b,"message"),e=$APP.k(b,"cancelBtn"),f=$APP.k(b,"confirmBtn");a=yI(new $APP.O(null,7,[$APP.Qm,a.hasAttribute("open"),$APP.vi,a.hasAttribute("disabled"),pI,a.getAttribute("headline"),qI,a.getAttribute("message"),rI,a.getAttribute("confirm-text"),sI,a.getAttribute("cancel-text"),tI,a.hasAttribute("danger")],null));c.textContent=uI.i(a);e.textContent=wI.i(a);f.textContent=vI.i(a);$APP.n($APP.Go.i(a))?(d.textContent=$APP.Go.i(a),d.style.display="block"):(d.textContent="",d.style.display="none");
|
|
8
|
+
$APP.n(xI.i(a))?f.setAttribute("data-danger",""):f.removeAttribute("data-danger");e.disabled=$APP.D($APP.Bi.i(a));f.disabled=$APP.D($APP.Bi.i(a));$APP.k(b,"dialog").setAttribute("aria-modal","true")},HI=function(a){function b(q){var r=q.key;if($APP.A.j(r,"Escape"))q.preventDefault(),EI(a,"escape");else if($APP.A.j(r,"Tab")){var v=BI(a);r=$APP.k(v,"cancelBtn");v=$APP.k(v,"confirmBtn");var x=q.shiftKey,z=a.shadowRoot.activeElement;$APP.n($APP.n(x)?$APP.A.j(z,r):x)?(q.preventDefault(),v.focus()):$APP.p(x)&&
|
|
9
|
+
$APP.A.j(z,v)&&(q.preventDefault(),r.focus())}return null}function c(){return FI(a)}function d(){return EI(a,"cancel-button")}function e(){return EI(a,"backdrop")}var f=BI(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.ja(a,"__xCancelDialogueHandlers",{backdrop:e,cancel:d,confirm:c,keydown:b})},II=function(a){var b=$APP.k(a,"__xCancelDialogueHandlers"),
|
|
10
|
+
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},JI=function(a){BI(a);II(a);HI(a);GI(a);
|
|
11
|
+
return null},KI=function(a){II(a);return null},LI=function(a,b,c,d){if($APP.I(c,d)&&(GI(a),$APP.A.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},MI=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?CI(this):DI(this)},enumerable:!0,configurable:!0});$APP.Sh(a,"disabled","disabled");$APP.Sh(a,"danger",
|
|
12
|
+
"danger");$APP.Uh(a,"headline","headline");$APP.Uh(a,"message","message");$APP.Uh(a,"confirmText","confirm-text");$APP.Uh(a,"cancelText","cancel-text");Object.defineProperty(a,"close",{value:function(){return DI(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"confirm",{value:function(){return FI(this)},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"cancel",{value:function(b){return EI(this,$APP.n(b)?b:"cancel-button")},enumerable:!0,configurable:!0,
|
|
13
|
+
writable:!0})},OI=function(){return $APP.Ah("x-cancel-dialogue",new $APP.O(null,5,[$APP.qh,NI,$APP.oh,JI,$APP.lh,KI,$APP.kh,LI,$APP.ph,MI],null))},uI=new $APP.F(null,"headline","headline",-157157727),wI=new $APP.F(null,"cancel-text","cancel-text",1885137831),sI=new $APP.F(null,"cancel-text-raw","cancel-text-raw",615622099),vI=new $APP.F(null,"confirm-text","confirm-text",-1839494031),qI=new $APP.F(null,"message-raw","message-raw",952235685),pI=new $APP.F(null,"headline-raw","headline-raw",1141142757),
|
|
14
|
+
xI=new $APP.F(null,"danger?","danger?",181682216),rI=new $APP.F(null,"confirm-text-raw","confirm-text-raw",-1317418708),tI=new $APP.F(null,"danger-present?","danger-present?",-439648505);var NI="open disabled headline message confirm-text cancel-text danger".split(" ");$APP.ce(["x-cancel-dialogue-cancel-request",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,1,[$APP.Ym,$APP.X],null)],null),"x-cancel-dialogue-cancel",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,$APP.de],null),"x-cancel-dialogue-confirm-request",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,$APP.de],null),"x-cancel-dialogue-confirm",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,$APP.de],null)]);var AI={n:0};$APP.ha("baredom.exports.x_cancel_dialogue.init",OI);export const init=OI;
|
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)
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
2
|
+
var sT=function(a,b,c){return $APP.$c(b,a)?a:c},xT=function(a){var b=$APP.G(a),c=$APP.C(b,$APP.nk),d=$APP.C(b,$APP.Xq),e=$APP.C(b,$APP.dr),f=$APP.C(b,$APP.vn);a=$APP.C(b,$APP.ck);b=$APP.C(b,$APP.Z);c=sT(c,tT,"elevated");d=sT(d,uT,"md");e=sT(e,vT,"lg");f=$APP.D(f);a=$APP.D(a);b=typeof b==="string"&&$APP.I("",b)?b:null;return $APP.Wf([$APP.um,$APP.Xo,$APP.ck,$APP.nk,$APP.vn,$APP.dr,$APP.Xq,wT,$APP.Lj],[f?"button":null,f&&a?"-1":f?"0":null,a,c,f,e,d,a?"true":null,b])},yT=function(a){return new $APP.O(null,
|
|
3
|
+
6,[$APP.nk,a.getAttribute("variant"),$APP.Xq,a.getAttribute("padding"),$APP.dr,a.getAttribute("radius"),$APP.vn,a.hasAttribute("interactive"),$APP.ck,a.hasAttribute("disabled"),$APP.Z,a.getAttribute("label")],null)},zT=function(a){var b=$APP.vn.i(a);return $APP.n(b)?$APP.p($APP.ck.i(a)):b},AT=function(a){return $APP.Nh(a,"press",{})},BT=function(a,b,c){return c!=null?$APP.S(a,b,c):$APP.T(a,b)},CT=function(a){var b=xT(yT(a)),c=$APP.k(a,"__xCardBase");BT(a,"role",$APP.um.i(b));BT(a,"tabindex",$APP.Xo.i(b));
|
|
4
|
+
BT(a,"aria-label",$APP.Lj.i(b));BT(a,"aria-disabled",wT.i(b));c.setAttribute("data-variant",$APP.nk.i(b));c.setAttribute("data-padding",$APP.Xq.i(b));c.setAttribute("data-radius",$APP.dr.i(b));BT(c,"data-interactive",$APP.n($APP.vn.i(b))?"true":null);return BT(c,"data-disabled",$APP.n($APP.ck.i(b))?"true":null)},DT=function(a,b){var c=xT(yT(a)),d=b.key;if($APP.n(zT(c))){if($APP.A.j(d,"Enter"))return AT(a);if($APP.A.j(d," ")||$APP.A.j(d,"Spacebar"))return b.preventDefault(),AT(a)}return null},ET=function(a){a.addEventListener("click",
|
|
5
|
+
function(){var b=xT(yT(a));return $APP.n(zT(b))?AT(a):null});a.addEventListener("keydown",function(b){return DT(a,b)})},FT=function(a){if(!$APP.Fh(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);$APP.R(a,"__xCardRoot",b);$APP.R(a,"__xCardStyle",c);$APP.R(a,"__xCardBase",d);$APP.R(a,"__xCardSlot",e);ET(a);$APP.R(a,"__xCardInitialized",!0)}CT(a);return a},GT=function(){return null},HT=function(a){return $APP.Fh(a,"__xCardInitialized")?CT(a):null},JT=function(a){return $APP.Zh(a,IT)},LT=function(){return $APP.Ah("x-card",
|
|
7
|
+
new $APP.O(null,5,[$APP.qh,KT,$APP.oh,FT,$APP.lh,GT,$APP.kh,HT,$APP.ph,JT],null))},wT=new $APP.F(null,"aria-disabled","aria-disabled",-667357160);var KT="variant padding radius interactive disabled label".split(" "),tT=new $APP.pg(null,new $APP.O(null,4,["outlined",null,"elevated",null,"filled",null,"ghost",null],null),null),uT=new $APP.pg(null,new $APP.O(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),vT=new $APP.pg(null,new $APP.O(null,5,["none",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),IT=new $APP.O(null,2,[$APP.vn,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"interactive"],null),$APP.ck,new $APP.O(null,2,[$APP.Q,
|
|
8
|
+
$APP.Xh,$APP.W,"disabled"],null)],null);$APP.ha("baredom.exports.x_card.init",LT);export const init=LT;
|
package/dist/x-carousel.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
$APP.
|
|
5
|
-
$APP.C(c,
|
|
6
|
-
"__xCarouselPaused")))?(c=$APP.p($APP.
|
|
7
|
-
"dots");c=$APP.k(c,"live");var l=$APP.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
switch(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
h);
|
|
19
|
-
"dots");c=$APP.k(c,"viewport");d.removeEventListener("pointerdown",$APP.k(b,"down"));d.removeEventListener("pointermove",$APP.k(b,"move"));d.removeEventListener("pointerup",$APP.k(b,"up"));c.removeEventListener("keydown",$APP.k(b,"key"));l.removeEventListener("click",$APP.k(b,"dot"));f.removeEventListener("click",$APP.k(b,"prev"));h.removeEventListener("click",$APP.k(b,"next"));e.removeEventListener("slotchange"
|
|
20
|
-
$APP.k(b,"leave"));a.removeEventListener("focusin",$APP.k(b,"focusin"));a.removeEventListener("focusout",$APP.k(b,"focusout"))}a
|
|
21
|
-
["arrows","dots"],null));c=null;for(e=d=0;;)if(e<d)f=c.F(null,e),Object.defineProperty(a,f,{get:function(m,q,r,v,x){return function(){return
|
|
22
|
-
x){return function(){return
|
|
23
|
-
{get:function(){return
|
|
24
|
-
set:function(m){return $APP.n(m)?this.setAttribute("direction",""+$APP.
|
|
25
|
-
$APP.
|
|
26
|
-
document.createElement("div"),q=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;position:relative;--x-carousel-height:300px;--x-carousel-arrow-size:40px;--x-carousel-arrow-bg:var(--x-color-surface,rgba(255,255,255,0.9));--x-carousel-arrow-color:var(--x-color-text,#1e293b);--x-carousel-arrow-hover-bg:var(--x-color-surface-hover,rgba(255,255,255,1));--x-carousel-dot-size:10px;--x-carousel-dot-color:var(--x-color-border,#cbd5e1);--x-carousel-dot-active-color:var(--x-color-primary,#3b82f6);--x-carousel-transition-duration:var(--x-transition-duration,300ms);--x-carousel-radius:var(--x-radius-md,8px);--x-carousel-gap:16px;--x-carousel-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-carousel-disabled-opacity:0.5;}@media(prefers-color-scheme:dark){:host{--x-carousel-arrow-bg:var(--x-color-surface,rgba(30,41,59,0.9));--x-carousel-arrow-color:var(--x-color-text,#f1f5f9);--x-carousel-arrow-hover-bg:var(--x-color-surface-hover,rgba(30,41,59,1));--x-carousel-dot-color:var(--x-color-border,#475569);--x-carousel-dot-active-color:var(--x-color-primary,#60a5fa);--x-carousel-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dviewport]{position:relative;overflow:hidden;height:var(--x-carousel-height);border-radius:var(--x-carousel-radius);}[part\x3dviewport]:focus{outline:none;}[part\x3dviewport]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3dtrack]{display:flex;flex-direction:row;height:100%;transition:transform var(--x-carousel-transition-duration) ease;will-change:transform;touch-action:pan-y pinch-zoom;}[part\x3dtrack].dragging{transition:none !important;cursor:grabbing;}:host([data-direction\x3dvertical]) [part\x3dtrack]{flex-direction:column;touch-action:pan-x pinch-zoom;}::slotted(*){min-width:calc(100% - var(--_peek,0px) * 2);max-width:calc(100% - var(--_peek,0px) * 2);flex-shrink:0;box-sizing:border-box;overflow:hidden;}:host([data-direction\x3dvertical]) ::slotted(*){min-width:auto;max-width:none;min-height:calc(100% - var(--_peek,0px) * 2);max-height:calc(100% - var(--_peek,0px) * 2);}:host([data-transition\x3dfade]) [part\x3dtrack]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;transition:none;}:host([data-transition\x3dfade]) ::slotted(*){grid-area:1/1;min-width:100%;max-width:100%;transition:opacity var(--x-carousel-transition-duration) ease;}[part\x3dprev-btn],[part\x3dnext-btn]{position:absolute;top:50%;transform:translateY(-50%);width:var(--x-carousel-arrow-size);height:var(--x-carousel-arrow-size);border-radius:50%;border:none;background:var(--x-carousel-arrow-bg);color:var(--x-carousel-arrow-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;box-shadow:var(--x-shadow-sm,0 1px 3px rgba(0,0,0,0.1));transition:background 150ms ease,opacity 150ms ease,transform 150ms ease;opacity:0.85;}[part\x3dprev-btn]:hover,[part\x3dnext-btn]:hover{background:var(--x-carousel-arrow-hover-bg);opacity:1;}[part\x3dprev-btn]:active,[part\x3dnext-btn]:active{transform:translateY(-50%) scale(0.95);}[part\x3dprev-btn]:focus,[part\x3dnext-btn]:focus{outline:none;}[part\x3dprev-btn]:focus-visible,[part\x3dnext-btn]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3dprev-btn]:disabled,[part\x3dnext-btn]:disabled{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dprev-btn]{left:8px;}[part\x3dnext-btn]{right:8px;}[part\x3dprev-btn] svg,[part\x3dnext-btn] svg{width:60%;height:60%;pointer-events:none;}:host([data-direction\x3dvertical]) [part\x3dprev-btn],:host([data-direction\x3dvertical]) [part\x3dnext-btn]{top:auto;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);}:host([data-direction\x3dvertical]) [part\x3dprev-btn]{top:8px;bottom:auto;}:host([data-direction\x3dvertical]) [part\x3dnext-btn]{bottom:8px;top:auto;}:host([data-direction\x3dvertical]) [part\x3dprev-btn]:active{transform:translateX(-50%) rotate(90deg) scale(0.95);}:host([data-direction\x3dvertical]) [part\x3dnext-btn]:active{transform:translateX(-50%) rotate(90deg) scale(0.95);}[part\x3ddots]{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;}[part\x3ddot]{all:unset;width:var(--x-carousel-dot-size);height:var(--x-carousel-dot-size);border-radius:50%;background:var(--x-carousel-dot-color);cursor:pointer;transition:background 150ms ease,transform 150ms ease;}[part\x3ddot]:hover{transform:scale(1.3);}[part\x3ddot]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3ddot][aria-current\x3dtrue]{background:var(--x-carousel-dot-active-color);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}:host([disabled]){opacity:var(--x-carousel-disabled-opacity);pointer-events:none;}@media(prefers-reduced-motion:reduce){[part\x3dtrack]{transition-duration:0ms !important;}:host([data-transition\x3dfade]) ::slotted(*){transition-duration:0ms !important;}[part\x3dprev-btn],[part\x3dnext-btn],[part\x3ddot]{transition:none !important;}}@media(pointer:coarse){[part\x3dprev-btn],[part\x3dnext-btn]{width:max(var(--x-carousel-arrow-size),44px);height:max(var(--x-carousel-arrow-size),44px);}[part\x3ddot]{width:max(var(--x-carousel-dot-size),44px);height:max(var(--x-carousel-dot-size),44px);background-clip:content-box;padding:calc((44px - var(--x-carousel-dot-size)) / 2);box-sizing:content-box;}}";
|
|
2
|
+
var lC=function(a){return a==null?!0:$APP.I((""+$APP.V.i(a)).trim().toLowerCase(),"false")},mC=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.p(isNaN(a))&&a>=0?a:0):0},nC=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.p(isNaN(a))&&a>=100?a:5E3):5E3},pC=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.$c(oC,a)?a:"slide"):"slide"},rC=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.$c(qC,a)?a:"horizontal"):"horizontal"},
|
|
3
|
+
tC=function(a){var b=(b=typeof a==="string")?sC.test(a.trim()):b;return $APP.n(b)?a.trim():"0px"},uC=function(a,b){return b<=0?0:a<0?0:a>=b?b-1:a},wC=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.rm);var c=$APP.C(b,$APP.Np);b=$APP.C(b,vC);var d=a+1;return d>=b?$APP.n(c)?0:a:d},xC=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.rm);var c=$APP.C(b,$APP.Np);b=$APP.C(b,vC);var d=a-1;return d<0?$APP.n(c)?b-1:a:d},FC=function(a){var b=$APP.k(a,"__xCarouselSlideCount");a=$APP.Wf([$APP.vi,vC,yC,zC,$APP.sq,AC,$APP.tm,
|
|
4
|
+
$APP.yj,BC,$APP.hr,$APP.gn,CC],[a.hasAttribute("disabled"),$APP.n(b)?b:0,a.getAttribute("transition"),a.getAttribute("arrows"),a.getAttribute("peek"),a.hasAttribute("loop"),a.getAttribute("interval"),a.getAttribute("aria-label"),a.hasAttribute("autoplay"),a.getAttribute("current"),a.getAttribute("direction"),a.getAttribute("dots")]);var c=$APP.G(a);a=$APP.C(c,$APP.yj);b=$APP.C(c,BC);var d=$APP.C(c,$APP.tm),e=$APP.C(c,$APP.hr),f=$APP.C(c,$APP.gn),h=$APP.C(c,CC),l=$APP.C(c,$APP.vi),m=$APP.C(c,vC),q=
|
|
5
|
+
$APP.C(c,yC),r=$APP.C(c,zC),v=$APP.C(c,$APP.sq);c=$APP.C(c,AC);m=$APP.n(m)?m:0;e=uC(mC(e),m);return $APP.Wf([DC,EC,$APP.jp,vC,$APP.rm,$APP.Np,$APP.kp,$APP.Lj,$APP.kn,$APP.Bi,$APP.Dn,$APP.Wm],[lC(r),pC(q),lC(h),m,e,$APP.D(c),nC(d),$APP.ji(a)?a:null,tC(v),$APP.D(l),rC(f),$APP.D(b)])},GC=function(a){var b=$APP.k(a,"__xCarouselAutoTimer");$APP.n(b)&&(clearInterval(b),$APP.R(a,"__xCarouselAutoTimer",null))},IC=function(a){GC(a);var b=FC(a);$APP.n(function(){var c=$APP.Wm.i(b);return $APP.n(c)?(c=$APP.p($APP.k(a,
|
|
6
|
+
"__xCarouselPaused")))?(c=$APP.p($APP.Bi.i(b)))?(c=vC.i(b)>1)?a.isConnected:c:c:c:c}())&&$APP.R(a,"__xCarouselAutoTimer",setInterval(function(){if($APP.n(a.isConnected)){var c=FC(a);c=wC(c);return HC.m?HC.m(a,c,"autoplay"):HC.call(null,a,c,"autoplay")}return null},$APP.kp.i(b)))},JC=function(a){if($APP.Fh(a,"__xCarouselInit")){var b=FC(a);if($APP.I(b,$APP.k(a,"__xCarouselModel"))){$APP.R(a,"__xCarouselModel",b);var c=$APP.k(a,"__xCarouselRefs"),d=$APP.k(c,"track"),e=$APP.k(c,"prev"),f=$APP.k(c,"next"),
|
|
7
|
+
h=$APP.k(c,"dots");c=$APP.k(c,"live");var l=$APP.rm.i(b),m=vC.i(b),q=EC.i(b),r=$APP.Dn.i(b),v=$APP.kn.i(b),x=$APP.A.j(r,"vertical");$APP.S(a,"data-direction",r);$APP.S(a,"data-transition",q);$APP.S(a,"role","region");$APP.S(a,"aria-roledescription","carousel");var z=$APP.Lj.i(b);$APP.n(z)?$APP.S(a,"aria-label",z):$APP.n(a.hasAttribute("aria-label"))||$APP.S(a,"aria-label","Carousel");h.setAttribute("aria-orientation",r);a.style.setProperty("--_peek",v);if($APP.A.j(q,"slide"))for(q=x?"Y":"X",$APP.A.j(v,
|
|
8
|
+
"0px")?d.style.transform="translate"+$APP.V.i(q)+"("+$APP.V.i(l*-100)+"%)":d.style.transform="translate"+$APP.V.i(q)+"(calc("+$APP.V.i(l*-1)+" * (100% - "+$APP.V.i(v)+" * 2) + "+$APP.V.i(v)+"))",d=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements(),v=d.length,q=0;;)if(q<v)d[q].style.opacity="",q+=1;else break;else for(d.style.transform="",d=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements(),v=d.length,q=0;;)if(q<v)d[q].style.opacity=$APP.A.j(q,l)?"1":"0",q+=1;else break;v=$APP.G(b);
|
|
9
|
+
d=$APP.C(v,DC);v=$APP.C(v,vC);$APP.n($APP.n(d)?v>1:d)?(e.style.display="flex",f.style.display="flex",r=$APP.G(b),d=$APP.C(r,$APP.rm),v=$APP.C(r,$APP.Np),q=$APP.C(r,vC),r=$APP.C(r,$APP.Bi),d=(r=$APP.p(r))?(q=q>1)?$APP.n(v)?v:d>0:q:r,e.disabled=$APP.p(d),q=$APP.G(b),e=$APP.C(q,$APP.rm),d=$APP.C(q,$APP.Np),v=$APP.C(q,vC),q=$APP.C(q,$APP.Bi),e=(q=$APP.p(q))?(q=v>1)?$APP.n(d)?d:e<v-1:q:q,f.disabled=$APP.p(e)):(e.style.display="none",f.style.display="none");e=$APP.G(b);f=$APP.C(e,$APP.jp);e=$APP.C(e,vC);
|
|
10
|
+
if($APP.n($APP.n(f)?e>1:f)){h.style.display="flex";f=$APP.k(a,"__xCarouselDotCount");if($APP.I($APP.n(f)?f:-1,m)){h.innerHTML="";for(f=0;;)if(f<m)e=document.createElement("button"),e.setAttribute("part","dot"),e.setAttribute("type","button"),e.setAttribute("role","tab"),e.setAttribute("aria-label","Go to slide "+$APP.V.i(f+1)),e.setAttribute("data-index",""+$APP.V.i(f)),h.appendChild(e),f+=1;else break;$APP.R(a,"__xCarouselDotCount",m)}a=h.children;h=a.length;for(f=0;;)if(f<h)e=a[f],e.setAttribute("aria-current",
|
|
11
|
+
""+$APP.V.i($APP.A.j(f,l))),e.setAttribute("aria-selected",""+$APP.V.i($APP.A.j(f,l))),f+=1;else break}else h.style.display="none";m>0&&(c.textContent="Slide "+$APP.V.i(l+1)+" of "+$APP.V.i(m));$APP.n($APP.Wm.i(b))?c.setAttribute("aria-live","off"):c.setAttribute("aria-live","polite")}}},HC=function(a,b,c){var d=FC(a),e=vC.i(d);b=uC(b,e);d=$APP.rm.i(d);$APP.I(b,d)&&e>0&&$APP.Ph(a,"x-carousel-change",{index:b,previousIndex:d,reason:c})&&$APP.S(a,"current",""+$APP.V.i(b));return null},PC=function(a){function b(P){$APP.n(a.contains(P.relatedTarget))||
|
|
12
|
+
($APP.R(a,"__xCarouselPaused",!1),IC(a));return null}function c(){$APP.R(a,"__xCarouselPaused",!0);GC(a);return null}function d(){$APP.R(a,"__xCarouselPaused",!1);IC(a);return null}function e(){$APP.R(a,"__xCarouselPaused",!0);GC(a);return null}function f(){var P=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements().length;$APP.R(a,"__xCarouselSlideCount",P);var ea=FC(a);P=uC($APP.rm.i(ea),P);$APP.I(P,$APP.rm.i(ea))&&$APP.S(a,"current",""+$APP.V.i(P));JC(a);IC(a);return null}function h(){var P=
|
|
13
|
+
FC(a);HC(a,wC(P),"arrow");return null}function l(){var P=FC(a);HC(a,xC(P),"arrow");return null}function m(P){P=P.target.getAttribute("data-index");$APP.n(P)&&(P=parseInt(P,10),$APP.n(isNaN(P))||HC(a,P,"dot"));return null}function q(P){var ea=FC(a),la=P.key,Ea=$APP.Dn.i(ea);$APP.p($APP.Bi.i(ea))&&vC.i(ea)>1&&($APP.$c($APP.A.j(Ea,"vertical")?KC:LC,la)?(P.preventDefault(),HC(a,xC(ea),"keyboard")):$APP.$c($APP.A.j(Ea,"vertical")?MC:NC,la)?(P.preventDefault(),HC(a,wC(ea),"keyboard")):$APP.A.j(la,"Home")?
|
|
14
|
+
(P.preventDefault(),HC(a,0,"keyboard")):$APP.A.j(la,"End")&&(P.preventDefault(),HC(a,vC.i(ea)-1,"keyboard")));return null}function r(){if($APP.n($APP.k(a,"__xCarouselDragging"))){$APP.R(a,"__xCarouselDragging",!1);var P=$APP.k($APP.k(a,"__xCarouselRefs"),"track"),ea=$APP.k(a,"__xCarouselDragCurrent")-$APP.k(a,"__xCarouselDragStart"),la=Date.now()-$APP.k(a,"__xCarouselDragStartT");la=la>0?ea/la:0;ea=la>.3?$APP.Sn:la<-.3?$APP.Yn:ea>40?$APP.Sn:ea<-40?$APP.Yn:OC;la=FC(a);P.classList.remove("dragging");
|
|
15
|
+
switch(ea instanceof $APP.F?ea.ga:null){case "prev":HC(a,xC(la),"drag");break;case "next":HC(a,wC(la),"drag");break;default:JC(a)}$APP.R(a,"__xCarouselPaused",!1);IC(a)}return null}function v(P){if($APP.n($APP.k(a,"__xCarouselDragging"))){var ea=FC(a),la=$APP.A.j($APP.Dn.i(ea),"vertical");P=la?P.clientY:P.clientX;var Ea=P-$APP.k(a,"__xCarouselDragStart"),Na=$APP.k($APP.k(a,"__xCarouselRefs"),"track"),Za=$APP.rm.i(ea);la=la?"Y":"X";ea=$APP.kn.i(ea);$APP.R(a,"__xCarouselDragCurrent",P);$APP.A.j(ea,
|
|
16
|
+
"0px")?Na.style.transform="translate"+$APP.V.i(la)+"(calc("+$APP.V.i(Za*-100)+"% + "+$APP.V.i(Ea)+"px))":Na.style.transform="translate"+$APP.V.i(la)+"(calc("+$APP.V.i(Za*-1)+" * (100% - "+$APP.V.i(ea)+" * 2) + "+$APP.V.i(ea)+" + "+$APP.V.i(Ea)+"px))"}return null}function x(P){var ea=FC(a);if($APP.p($APP.Bi.i(ea))&&$APP.A.j(EC.i(ea),"slide")&&vC.i(ea)>1){P.preventDefault();var la=$APP.k($APP.k(a,"__xCarouselRefs"),"track");ea=$APP.A.j($APP.Dn.i(ea),"vertical")?P.clientY:P.clientX;la.setPointerCapture(P.pointerId);
|
|
17
|
+
la.classList.add("dragging");$APP.R(a,"__xCarouselDragging",!0);$APP.R(a,"__xCarouselDragStart",ea);$APP.R(a,"__xCarouselDragStartT",Date.now());$APP.R(a,"__xCarouselDragCurrent",ea);$APP.R(a,"__xCarouselPaused",!0);GC(a)}return null}var z=$APP.k(a,"__xCarouselRefs"),B=$APP.k(z,"track"),E=$APP.k(z,"slot"),H=$APP.k(z,"prev"),K=$APP.k(z,"next"),J=$APP.k(z,"dots");z=$APP.k(z,"viewport");B.addEventListener("pointerdown",x);B.addEventListener("pointermove",v);B.addEventListener("pointerup",r);z.addEventListener("keydown",
|
|
18
|
+
q);J.addEventListener("click",m);H.addEventListener("click",l);K.addEventListener("click",h);E.addEventListener("slotchange",f);a.addEventListener("pointerenter",e);a.addEventListener("pointerleave",d);a.addEventListener("focusin",c);a.addEventListener("focusout",b);$APP.R(a,"__xCarouselHandlers",{next:h,up:r,slot:f,dot:m,key:q,prev:l,focusin:c,leave:d,move:v,down:x,enter:e,focusout:b})},QC=function(a){GC(a);var b=$APP.k(a,"__xCarouselHandlers"),c=$APP.k(a,"__xCarouselRefs");if($APP.n($APP.n(b)?c:
|
|
19
|
+
b)){var d=$APP.k(c,"track"),e=$APP.k(c,"slot"),f=$APP.k(c,"prev"),h=$APP.k(c,"next"),l=$APP.k(c,"dots");c=$APP.k(c,"viewport");d.removeEventListener("pointerdown",$APP.k(b,"down"));d.removeEventListener("pointermove",$APP.k(b,"move"));d.removeEventListener("pointerup",$APP.k(b,"up"));c.removeEventListener("keydown",$APP.k(b,"key"));l.removeEventListener("click",$APP.k(b,"dot"));f.removeEventListener("click",$APP.k(b,"prev"));h.removeEventListener("click",$APP.k(b,"next"));e.removeEventListener("slotchange",
|
|
20
|
+
$APP.k(b,"slot"));a.removeEventListener("pointerenter",$APP.k(b,"enter"));a.removeEventListener("pointerleave",$APP.k(b,"leave"));a.removeEventListener("focusin",$APP.k(b,"focusin"));a.removeEventListener("focusout",$APP.k(b,"focusout"))}$APP.R(a,"__xCarouselHandlers",null)},RC=function(a){for(var b=$APP.t(new $APP.M(null,3,5,$APP.N,["autoplay","loop","disabled"],null)),c=null,d=0,e=0;;)if(e<d){var f=c.F(null,e);$APP.Sh(a,f,f);e+=1}else if(b=$APP.t(b))c=b,$APP.Wc(c)?(b=$APP.Ab(c),e=$APP.Bb(c),c=b,
|
|
21
|
+
d=$APP.y(b),b=e):(b=$APP.u(c),$APP.Sh(a,b,b),b=$APP.w(c),c=null,d=0),e=0;else break;b=$APP.t(new $APP.M(null,2,5,$APP.N,["arrows","dots"],null));c=null;for(e=d=0;;)if(e<d)f=c.F(null,e),Object.defineProperty(a,f,{get:function(m,q,r,v,x){return function(){return lC(this.getAttribute(x))}}(b,c,d,e,f),set:function(m,q,r,v,x){return function(z){return $APP.n(z)?this.removeAttribute(x):this.setAttribute(x,"false")}}(b,c,d,e,f),enumerable:!0,configurable:!0}),e+=1;else{var h=$APP.t(b);if(h){f=h;if($APP.Wc(f))b=
|
|
22
|
+
$APP.Ab(f),e=$APP.Bb(f),c=b,d=$APP.y(b),b=e;else{var l=$APP.u(f);Object.defineProperty(a,l,{get:function(m,q,r,v,x){return function(){return lC(this.getAttribute(x))}}(b,c,d,e,l,f,h),set:function(m,q,r,v,x){return function(z){return $APP.n(z)?this.removeAttribute(x):this.setAttribute(x,"false")}}(b,c,d,e,l,f,h),enumerable:!0,configurable:!0});b=$APP.w(f);c=null;d=0}e=0}else break}Object.defineProperty(a,"currentSlide",{get:function(){return mC(this.getAttribute("current"))},set:function(m){return this.setAttribute("current",
|
|
23
|
+
""+$APP.V.i(m|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"interval",{get:function(){return nC(this.getAttribute("interval"))},set:function(m){return m==null?this.removeAttribute("interval"):this.setAttribute("interval",""+$APP.V.i(m|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"transition",{get:function(){return pC(this.getAttribute("transition"))},set:function(m){return $APP.n(m)?this.setAttribute("transition",""+$APP.V.i(m)):this.removeAttribute("transition")},
|
|
24
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"direction",{get:function(){return rC(this.getAttribute("direction"))},set:function(m){return $APP.n(m)?this.setAttribute("direction",""+$APP.V.i(m)):this.removeAttribute("direction")},enumerable:!0,configurable:!0});Object.defineProperty(a,"peek",{get:function(){return tC(this.getAttribute("peek"))},set:function(m){return $APP.n(m)?this.setAttribute("peek",""+$APP.V.i(m)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
25
|
+
"slideCount",{get:function(){var m=$APP.k(this,"__xCarouselSlideCount");return $APP.n(m)?m:0},enumerable:!0,configurable:!0});$APP.ja(a,"next",function(){var m=FC(this);return HC(this,wC(m),"api")});$APP.ja(a,"previous",function(){var m=FC(this);return HC(this,xC(m),"api")});return $APP.ja(a,"goTo",function(m){return HC(this,m,"api")})},SC=function(a){if(!$APP.Fh(a,"__xCarouselInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),
|
|
26
|
+
f=document.createElement("slot"),h=document.createElement("button"),l=document.createElement("button"),m=document.createElement("div"),q=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;position:relative;--x-carousel-height:300px;--x-carousel-arrow-size:40px;--x-carousel-arrow-bg:var(--x-color-surface,rgba(255,255,255,0.9));--x-carousel-arrow-color:var(--x-color-text,#1e293b);--x-carousel-arrow-hover-bg:var(--x-color-surface-hover,rgba(255,255,255,1));--x-carousel-dot-size:10px;--x-carousel-dot-color:var(--x-color-border,#cbd5e1);--x-carousel-dot-active-color:var(--x-color-primary,#3b82f6);--x-carousel-transition-duration:var(--x-transition-duration,300ms);--x-carousel-radius:var(--x-radius-md,8px);--x-carousel-gap:16px;--x-carousel-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-carousel-disabled-opacity:0.5;}@media(prefers-color-scheme:dark){:host{--x-carousel-arrow-bg:var(--x-color-surface,rgba(30,41,59,0.9));--x-carousel-arrow-color:var(--x-color-text,#f1f5f9);--x-carousel-arrow-hover-bg:var(--x-color-surface-hover,rgba(30,41,59,1));--x-carousel-dot-color:var(--x-color-border,#475569);--x-carousel-dot-active-color:var(--x-color-primary,#60a5fa);--x-carousel-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dviewport]{position:relative;overflow:hidden;height:var(--x-carousel-height);border-radius:var(--x-carousel-radius);}[part\x3dviewport]:focus{outline:none;}[part\x3dviewport]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3dtrack]{display:flex;flex-direction:row;height:100%;transition:transform var(--x-carousel-transition-duration) ease;will-change:transform;touch-action:pan-y pinch-zoom;}[part\x3dtrack].dragging{transition:none !important;cursor:grabbing;}:host([data-direction\x3dvertical]) [part\x3dtrack]{flex-direction:column;touch-action:pan-x pinch-zoom;}::slotted(*){min-width:calc(100% - var(--_peek,0px) * 2);max-width:calc(100% - var(--_peek,0px) * 2);flex-shrink:0;box-sizing:border-box;overflow:hidden;}:host([data-direction\x3dvertical]) ::slotted(*){min-width:auto;max-width:none;min-height:calc(100% - var(--_peek,0px) * 2);max-height:calc(100% - var(--_peek,0px) * 2);}:host([data-transition\x3dfade]) [part\x3dtrack]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;transition:none;}:host([data-transition\x3dfade]) ::slotted(*){grid-area:1/1;min-width:100%;max-width:100%;transition:opacity var(--x-carousel-transition-duration) ease;}[part\x3dprev-btn],[part\x3dnext-btn]{position:absolute;top:50%;transform:translateY(-50%);width:var(--x-carousel-arrow-size);height:var(--x-carousel-arrow-size);border-radius:50%;border:none;background:var(--x-carousel-arrow-bg);color:var(--x-carousel-arrow-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;box-shadow:var(--x-shadow-sm,0 1px 3px rgba(0,0,0,0.1));transition:background 150ms ease,opacity 150ms ease,transform 150ms ease;opacity:0.85;}[part\x3dprev-btn]:hover,[part\x3dnext-btn]:hover{background:var(--x-carousel-arrow-hover-bg);opacity:1;}[part\x3dprev-btn]:active,[part\x3dnext-btn]:active{transform:translateY(-50%) scale(0.95);}[part\x3dprev-btn]:focus,[part\x3dnext-btn]:focus{outline:none;}[part\x3dprev-btn]:focus-visible,[part\x3dnext-btn]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3dprev-btn]:disabled,[part\x3dnext-btn]:disabled{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dprev-btn]{left:8px;}[part\x3dnext-btn]{right:8px;}[part\x3dprev-btn] svg,[part\x3dnext-btn] svg{width:60%;height:60%;pointer-events:none;}:host([data-direction\x3dvertical]) [part\x3dprev-btn],:host([data-direction\x3dvertical]) [part\x3dnext-btn]{top:auto;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);}:host([data-direction\x3dvertical]) [part\x3dprev-btn]{top:8px;bottom:auto;}:host([data-direction\x3dvertical]) [part\x3dnext-btn]{bottom:8px;top:auto;}:host([data-direction\x3dvertical]) [part\x3dprev-btn]:active{transform:translateX(-50%) rotate(90deg) scale(0.95);}:host([data-direction\x3dvertical]) [part\x3dnext-btn]:active{transform:translateX(-50%) rotate(90deg) scale(0.95);}[part\x3ddots]{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;}[part\x3ddot]{all:unset;width:var(--x-carousel-dot-size);height:var(--x-carousel-dot-size);border-radius:50%;background:var(--x-carousel-dot-color);cursor:pointer;transition:background 150ms ease,transform 150ms ease;}[part\x3ddot]:hover{transform:scale(1.3);}[part\x3ddot]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3ddot][aria-current\x3dtrue]{background:var(--x-carousel-dot-active-color);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}:host([disabled]){opacity:var(--x-carousel-disabled-opacity);pointer-events:none;}@media(prefers-reduced-motion:reduce){[part\x3dtrack]{transition-duration:0ms !important;}:host([data-transition\x3dfade]) ::slotted(*){transition-duration:0ms !important;}[part\x3dprev-btn],[part\x3dnext-btn],[part\x3ddot]{transition:none !important;}}@media(pointer:coarse){[part\x3dprev-btn],[part\x3dnext-btn]{width:max(var(--x-carousel-arrow-size),44px);height:max(var(--x-carousel-arrow-size),44px);}[part\x3ddot]{width:max(var(--x-carousel-dot-size),44px);height:max(var(--x-carousel-dot-size),44px);background-clip:content-box;padding:calc((44px - var(--x-carousel-dot-size)) / 2);box-sizing:content-box;}}";
|
|
27
27
|
d.setAttribute("part","viewport");d.setAttribute("tabindex","0");e.setAttribute("part","track");e.appendChild(f);h.setAttribute("part","prev-btn");h.setAttribute("type","button");h.setAttribute("aria-label","Previous slide");h.innerHTML='\x3csvg viewBox\x3d"0 0 24 24" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpolyline points\x3d"15 18 9 12 15 6"\x3e\x3c/polyline\x3e\x3c/svg\x3e';l.setAttribute("part","next-btn");l.setAttribute("type",
|
|
28
28
|
"button");l.setAttribute("aria-label","Next slide");l.innerHTML='\x3csvg viewBox\x3d"0 0 24 24" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpolyline points\x3d"9 6 15 12 9 18"\x3e\x3c/polyline\x3e\x3c/svg\x3e';d.appendChild(e);d.appendChild(h);d.appendChild(l);m.setAttribute("part","dots");m.setAttribute("role","tablist");m.setAttribute("aria-label","Slide indicators");q.setAttribute("aria-live","polite");q.setAttribute("aria-atomic",
|
|
29
|
-
"true");q.className="sr-only";b.appendChild(c);b.appendChild(d);b.appendChild(m);b.appendChild(q)
|
|
30
|
-
new $APP.
|
|
31
|
-
new $APP.F(null,"loop-present?","loop-present?",1373422006),
|
|
32
|
-
$APP.
|
|
33
|
-
$APP.
|
|
34
|
-
var
|
|
29
|
+
"true");q.className="sr-only";b.appendChild(c);b.appendChild(d);b.appendChild(m);b.appendChild(q);$APP.R(a,"__xCarouselRefs",{root:b,viewport:d,track:e,slot:f,prev:h,next:l,dots:m,live:q});$APP.R(a,"__xCarouselInit",!0)}QC(a);PC(a);b=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements();$APP.R(a,"__xCarouselSlideCount",b.length);JC(a);IC(a);return null},TC=function(a){QC(a);return null},UC=function(a){$APP.Fh(a,"__xCarouselInit")&&(JC(a),$APP.n(a.isConnected)&&IC(a));return null},WC=function(){return $APP.Ah("x-carousel",
|
|
30
|
+
new $APP.O(null,5,[$APP.qh,VC,$APP.oh,SC,$APP.lh,TC,$APP.kh,UC,$APP.ph,RC],null))},zC=new $APP.F(null,"arrows-raw","arrows-raw",-1077955796),EC=new $APP.F(null,"transition","transition",765692007),DC=new $APP.F(null,"arrows?","arrows?",-1692502811),yC=new $APP.F(null,"transition-raw","transition-raw",-1184759092),BC=new $APP.F(null,"autoplay-present?","autoplay-present?",-1468092647),vC=new $APP.F(null,"slide-count","slide-count",1368058827),CC=new $APP.F(null,"dots-raw","dots-raw",-1711545603),AC=
|
|
31
|
+
new $APP.F(null,"loop-present?","loop-present?",1373422006),OC=new $APP.F(null,"stay","stay",-1240327234);var VC="autoplay interval loop arrows dots disabled current transition direction peek aria-label".split(" ");
|
|
32
|
+
$APP.Wf([new $APP.F(null,"arrows","arrows",-1209622014),new $APP.F(null,"slideCount","slideCount",-1489337180),$APP.ck,EC,$APP.Sq,$APP.kp,$APP.Lo,$APP.kn,$APP.gp,new $APP.F(null,"currentSlide","currentSlide",-417438499),$APP.Dn],[new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,2,[$APP.Q,$APP.Y,$APP.Ao,!0],null),new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,
|
|
33
|
+
[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.X],null),new $APP.O(null,1,[$APP.Q,$APP.Xh],null),new $APP.O(null,1,[$APP.Q,$APP.Y],null),new $APP.O(null,1,[$APP.Q,$APP.X],null)]);$APP.ce(["x-carousel-change",new $APP.O(null,2,[$APP.U,new $APP.O(null,3,[$APP.sm,$APP.Y,$APP.eo,$APP.Y,$APP.Ym,$APP.X],null),$APP.Aq,!0],null)]);
|
|
34
|
+
var oC=new $APP.pg(null,new $APP.O(null,2,["slide",null,"fade",null],null),null),qC=new $APP.pg(null,new $APP.O(null,2,["vertical",null,"horizontal",null],null),null),sC=/^\d+(\.\d+)?(px|rem|em|%)$/,LC=new $APP.pg(null,new $APP.O(null,1,["ArrowLeft",null],null),null),NC=new $APP.pg(null,new $APP.O(null,1,["ArrowRight",null],null),null),KC=new $APP.pg(null,new $APP.O(null,1,["ArrowUp",null],null),null),MC=new $APP.pg(null,new $APP.O(null,1,["ArrowDown",null],null),null);$APP.ha("baredom.exports.x_carousel.init",WC);export const init=WC;
|