@vanelsas/baredom 3.0.0 → 3.1.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 +18 -0
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +86 -86
- package/dist/base.js +533 -524
- package/dist/integrity.json +103 -103
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- 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 +14 -13
- package/dist/x-button.js +1 -1
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -7
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -25
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -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 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +120 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +4 -2
package/dist/x-badge.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
switch(b instanceof $APP.F?b.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
$APP.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
var b6=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},c6=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},f6=function(a){var b=$APP.H(a);a=$APP.C(b,d6);var c=$APP.C(b,$APP.gn),d=$APP.C(b,$APP.cr);b=$APP.C(b,e6);return $APP.n(a)?$APP.nl:c!=null?$APP.gn:d!=null?$APP.cr:$APP.n(b)?e6:$APP.uq},g6=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.gn);var c=$APP.C(b,$APP.sq),d=$APP.C(b,$APP.cr);b=
|
|
3
|
+
f6(b);switch(b instanceof $APP.F?b.ea:null){case "count":return a>c?""+$APP.P.i(c)+"+":""+$APP.P.i(a);case "text":return d;default:return null}},h6=function(a){var b=$APP.l(a,"__xBadgeRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("span");c.textContent=":host{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;color-scheme:light dark;--x-badge-bg:rgba(0,0,0,0.08);--x-badge-color:var(--x-color-text,rgba(0,0,0,0.80));--x-badge-border:var(--x-color-border,rgba(0,0,0,0.12));--x-badge-font-size:var(--x-font-size-sm,0.75rem);--x-badge-height:1.25rem;--x-badge-padding:0 0.375rem;--x-badge-radius:var(--x-radius-sm,0.25rem);}@media (prefers-color-scheme:dark){:host{--x-badge-bg:rgba(255,255,255,0.12);--x-badge-color:var(--x-color-text,rgba(255,255,255,0.88));--x-badge-border:var(--x-color-border,rgba(255,255,255,0.14));}}:host([data-variant\x3d'info']){--x-badge-bg:rgba(0,102,204,0.12);--x-badge-color:rgba(0,60,140,0.90);--x-badge-border:rgba(0,102,204,0.25);}:host([data-variant\x3d'success']){--x-badge-bg:rgba(16,140,72,0.12);--x-badge-color:rgba(0,90,45,0.90);--x-badge-border:rgba(16,140,72,0.25);}:host([data-variant\x3d'warning']){--x-badge-bg:rgba(204,120,0,0.12);--x-badge-color:rgba(140,70,0,0.90);--x-badge-border:rgba(204,120,0,0.25);}:host([data-variant\x3d'error']){--x-badge-bg:rgba(190,20,40,0.12);--x-badge-color:rgba(140,0,20,0.90);--x-badge-border:rgba(190,20,40,0.25);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'info']){--x-badge-bg:rgba(80,160,255,0.18);--x-badge-color:rgba(210,235,255,0.95);--x-badge-border:rgba(80,160,255,0.35);}:host([data-variant\x3d'success']){--x-badge-bg:rgba(60,210,120,0.18);--x-badge-color:rgba(200,255,230,0.95);--x-badge-border:rgba(60,210,120,0.35);}:host([data-variant\x3d'warning']){--x-badge-bg:rgba(255,190,90,0.18);--x-badge-color:rgba(255,235,180,0.95);--x-badge-border:rgba(255,190,90,0.35);}:host([data-variant\x3d'error']){--x-badge-bg:rgba(255,90,110,0.18);--x-badge-color:rgba(255,210,215,0.95);--x-badge-border:rgba(255,90,110,0.35);}}:host([data-size\x3d'sm']){--x-badge-font-size:0.6875rem;--x-badge-height:1rem;--x-badge-padding:0 0.25rem;--x-badge-radius:0.1875rem;}[part\x3dbase]{display:inline-flex;align-items:center;justify-content:center;min-height:var(--x-badge-height);padding:var(--x-badge-padding);border-radius:var(--x-badge-radius);border:1px solid var(--x-badge-border);background:var(--x-badge-bg);color:var(--x-badge-color);font-size:var(--x-badge-font-size);font-weight:600;line-height:1;white-space:nowrap;user-select:none;box-sizing:border-box;}:host([data-pill]) [part\x3dbase]{border-radius:999px;}:host([data-dot]) [part\x3dbase]{min-width:var(--x-badge-height);padding:0;}:host([data-mode\x3d'dot']) [part\x3dlabel],:host([data-mode\x3d'empty']) [part\x3dbase]{display:none;}slot{display:none;}:host([data-mode\x3d'slot']) slot{display:contents;}:host([data-mode\x3d'slot']) [part\x3dlabel]{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dbase]{transition:none !important;}}";
|
|
4
|
+
$APP.T(d,"part","base");$APP.T(d,"role","status");$APP.T(f,"part","label");d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xBadgeRefs",new $APP.N(null,3,[$APP.cs,d,$APP.gr,e,$APP.Fj,f],null));return $APP.l(a,"__xBadgeRefs")},l6=function(a){var b=h6(a);b=$APP.H(b);b=$APP.C(b,$APP.gr);a=$APP.Yf([$APP.Xq,$APP.an,d6,$APP.yq,$APP.Al,$APP.ro,$APP.ik,i6,$APP.jk,j6],[a.getAttribute("variant"),a.getAttribute("text"),$APP.n(b)?b.assignedNodes().length>0:null,a.getAttribute("max"),
|
|
5
|
+
a.getAttribute("size"),a.getAttribute("count"),a.getAttribute("aria-label"),a.getAttribute("dot"),a.getAttribute("aria-describedby"),a.getAttribute("pill")]);var c=$APP.H(a);a=$APP.C(c,$APP.ik);var d=$APP.C(c,i6);b=$APP.C(c,$APP.jk);var e=$APP.C(c,j6),f=$APP.C(c,$APP.Xq),h=$APP.C(c,$APP.an),k=$APP.C(c,d6),m=$APP.C(c,$APP.yq),q=$APP.C(c,$APP.ro);c=$APP.C(c,$APP.Al);m=c6(m,99);q=c6(q,null);k=$APP.E(k);f=b6(Hla,"neutral",f);e=$APP.Uh(e);c=b6(Ila,"md",c);d=$APP.Uh(d);typeof h==="string"?(h=h.trim(),h=
|
|
6
|
+
$APP.y.j(h,"")?null:h):h=null;return $APP.Yf([d6,$APP.Nk,k6,$APP.Ok,$APP.sq,$APP.gn,$APP.qk,e6,$APP.rk,$APP.cr],[k,f,e,c,m,q,b,d,a,h])},m6=function(a){var b=l6(a);if($APP.I($APP.l(a,"__xBadgeModel"),b)){b=$APP.H(b);var c=$APP.C(b,$APP.Nk),d=$APP.C(b,$APP.Ok),e=$APP.C(b,k6),f=$APP.C(b,e6),h=$APP.C(b,$APP.rk),k=$APP.C(b,$APP.qk),m=h6(a),q=$APP.H(m);m=$APP.C(q,$APP.cs);q=$APP.C(q,$APP.Fj);var u=f6(b),x=g6(b);$APP.T(a,"data-variant",c);$APP.T(a,"data-size",d);$APP.T(a,"data-mode",$APP.Dg(u));$APP.n(e)?
|
|
7
|
+
$APP.T(a,"data-pill",""):$APP.U(a,"data-pill");$APP.n(f)?$APP.T(a,"data-dot",""):$APP.U(a,"data-dot");q.textContent=$APP.n(x)?x:"";$APP.n(h)?$APP.T(m,"aria-label",h):$APP.U(m,"aria-label");$APP.n(k)?$APP.T(m,"aria-describedby",k):$APP.U(m,"aria-describedby");a=$APP.R(a,"__xBadgeModel",b)}else a=null;return a},Jla=function(a){function b(){return m6(a)}var c=h6(a);c=$APP.H(c);c=$APP.C(c,$APP.gr);var d={};$APP.n(c)&&c.addEventListener("slotchange",b);d.slot=b;$APP.R(a,"__xBadgeHandlers",d)},n6=function(a){var b=
|
|
8
|
+
$APP.l(a,"__xBadgeHandlers");if($APP.n(b)){var c=$APP.l(a,"__xBadgeRefs");$APP.n(c)&&(c=$APP.gr.i(c),b=$APP.l(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}return $APP.R(a,"__xBadgeHandlers",null)},o6=function(a,b,c){Object.defineProperty(a,b,{get:function(){return c6(this.getAttribute(b),c)},set:function(d){return d!=null?$APP.T(this,b,""+$APP.P.i(d)):$APP.U(this,b)},enumerable:!0,configurable:!0})},Kla=function(a){$APP.xi(a,"variant","variant","neutral");$APP.xi(a,"size",
|
|
9
|
+
"size","md");$APP.ui(a,"pill","pill");$APP.ui(a,"dot","dot");$APP.yi(a,"text","text");$APP.yi(a,"aria-label","aria-label");$APP.yi(a,"aria-describedby","aria-describedby");o6(a,"count",null);o6(a,"max",99);return Object.defineProperty(a,"displayText",{get:function(){return g6(l6(this))},enumerable:!0,configurable:!0})},Lla=function(a){h6(a);n6(a);Jla(a);return m6(a)},Mla=function(a){return n6(a)},Nla=function(a,b,c,d){return $APP.I(c,d)?m6(a):null},p6=function(){return $APP.Kh("x-badge",new $APP.N(null,
|
|
10
|
+
5,[$APP.Bh,Ola,$APP.zh,Lla,$APP.qh,Mla,$APP.ph,Nla,$APP.Ah,Kla],null))},k6=new $APP.F(null,"pill","pill",-37707E3),d6=new $APP.F(null,"has-slot?","has-slot?",181244965),e6=new $APP.F(null,"dot","dot",1442709401),i6=new $APP.F(null,"dot-raw","dot-raw",1754908187),j6=new $APP.F(null,"pill-raw","pill-raw",-557846051);var Ola="variant size pill dot count max text aria-label aria-describedby".split(" "),Hla=new $APP.rg(null,new $APP.N(null,5,["success",null,"neutral",null,"warning",null,"info",null,"error",null],null),null),Ila=new $APP.rg(null,new $APP.N(null,2,["md",null,"sm",null],null),null);$APP.fa("baredom.exports.x_badge.init",p6);export const init=p6;
|
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
|
-
|
|
6
|
-
|
|
2
|
+
var pT=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"}},Oba=function(a){return $APP.$c(qT,a)?a:"md"},Pba=function(a){return typeof a==="string"&&$APP.I(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.p(isNaN(a))?$APP.Hm.j($APP.Gm.j(a,1),12):4):4},Qba=function(a){return typeof a==="string"&&$APP.I(a,"")?a:"auto"},Rba=function(a){a=$APP.H(a);var b=$APP.C(a,$APP.gq),c=
|
|
3
|
+
$APP.C(a,$APP.up),d=$APP.C(a,$APP.Qr),e=$APP.C(a,$APP.Do);a=$APP.C(a,rT);b=Pba(b);var f=Oba(c);c=function(){var k=$APP.$c(qT,d)?d:null;return $APP.n(k)?k:f}();var h=function(){var k=$APP.$c(qT,e)?e:null;return $APP.n(k)?k:f}();a=Qba(a);return new $APP.N(null,6,[$APP.gq,b,sT,"repeat("+$APP.P.i(b)+",minmax(0,1fr))",$APP.up,f,$APP.Qr,pT(c),$APP.Do,pT(h),rT,a],null)},tT=function(a){var b=$APP.l(a,"__xBentoGridRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
4
|
+
d=document.createElement("div"),e=document.createElement("slot"),f=new $APP.N(null,2,[$APP.Kj,b,$APP.cs,d],null);c.textContent=Sba;$APP.T(d,"part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xBentoGridRefs",f);a=f}return a},uT=function(a){var b=Rba(new $APP.N(null,5,[$APP.gq,a.getAttribute("columns"),$APP.up,a.getAttribute("gap"),$APP.Qr,a.getAttribute("row-gap"),$APP.Do,a.getAttribute("column-gap"),rT,a.getAttribute("row-height")],null));if($APP.I($APP.l(a,
|
|
5
|
+
"__xBentoGridModel"),b)){b=$APP.H(b);var c=$APP.C(b,sT),d=$APP.C(b,rT),e=$APP.C(b,$APP.Qr),f=$APP.C(b,$APP.Do),h=tT(a);h=$APP.H(h);h=$APP.C(h,$APP.cs).style;h.setProperty("--x-bento-grid-columns",c);h.setProperty("--x-bento-grid-row-height",d);h.setProperty("--x-bento-grid-row-gap",e);h.setProperty("--x-bento-grid-column-gap",f);a=$APP.R(a,"__xBentoGridModel",b)}else a=null;return a},Tba=function(a){tT(a);return uT(a)},Uba=function(a,b,c,d){return $APP.I(c,d)?uT(a):null},BT=function(){return $APP.Kh("x-bento-grid",
|
|
6
|
+
new $APP.N(null,3,[$APP.Bh,Vba,$APP.zh,Tba,$APP.ph,Uba],null))},rT=new $APP.F(null,"row-height","row-height",527360749),sT=new $APP.F(null,"template","template",-702405684);var Vba=["columns","gap","row-gap","column-gap","row-height"],qT=new $APP.rg(null,new $APP.N(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null);var Sba=":host{display:block;}.base{display:grid;box-sizing:border-box;grid-template-columns:var("+$APP.P.i("--x-bento-grid-columns")+");grid-auto-rows:var("+$APP.P.i("--x-bento-grid-row-height")+");grid-auto-flow:dense;row-gap:var("+$APP.P.i("--x-bento-grid-row-gap")+");column-gap:var("+$APP.P.i("--x-bento-grid-column-gap")+");}";$APP.fa("baredom.exports.x_bento_grid.init",BT);export const init=BT;
|
package/dist/x-bento-item.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
b=new $APP.
|
|
4
|
-
d.
|
|
5
|
-
"col-span-css",-1306581329);var
|
|
2
|
+
var lI=function(a){return typeof a==="string"&&$APP.I(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.p(isNaN(a))?$APP.Hm.j($APP.Gm.j(a,1),6):1):1},mI=function(a){if(!$APP.fi(a,"__xBentoItemInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;min-width:0;min-height:0;}.base{width:100%;height:100%;box-sizing:border-box;}";$APP.T(d,"part","base");d.className="base";d.appendChild(e);
|
|
3
|
+
b.appendChild(c);b.appendChild(d);$APP.R(a,"__xBentoItemInitialized",!0)}},pI=function(a){var b=new $APP.N(null,3,[$APP.Xr,a.getAttribute("col-span"),$APP.qn,a.getAttribute("row-span"),$APP.Cp,a.getAttribute("order")],null);var c=$APP.H(b);b=$APP.C(c,$APP.Xr);var d=$APP.C(c,$APP.qn);c=$APP.C(c,$APP.Cp);b=lI(b);d=lI(d);typeof c==="string"&&$APP.I(c,"")?(c=parseInt(c,10),c=typeof c==="number"&&$APP.p(isNaN(c))?c:null):c=null;b=new $APP.N(null,5,[$APP.Xr,b,$APP.qn,d,nI,"span "+$APP.P.i(b),oI,"span "+
|
|
4
|
+
$APP.P.i(d),$APP.Cp,c],null);if($APP.I($APP.l(a,"__xBentoItemModel"),b)){b=$APP.H(b);d=$APP.C(b,nI);c=$APP.C(b,oI);var e=$APP.C(b,$APP.Cp);mI(a);var f=a.style;f.setProperty("grid-column",d);f.setProperty("grid-row",c);$APP.n(e)?f.setProperty("order",""+$APP.P.i(e)):f.removeProperty("order");a=$APP.R(a,"__xBentoItemModel",b)}else a=null;return a},qI=function(a){mI(a);return pI(a)},rI=function(a,b,c,d){return $APP.I(c,d)?pI(a):null},tI=function(){return $APP.Kh("x-bento-item",new $APP.N(null,3,[$APP.Bh,
|
|
5
|
+
sI,$APP.zh,qI,$APP.ph,rI],null))},oI=new $APP.F(null,"row-span-css","row-span-css",956357389),nI=new $APP.F(null,"col-span-css","col-span-css",-1306581329);var sI=["col-span","row-span","order"];$APP.fa("baredom.exports.x_bento_item.init",tI);export const init=tI;
|
package/dist/x-breadcrumbs.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
""),
|
|
6
|
-
|
|
7
|
-
d
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
var Iz=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},Jz=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},Kz=function(a){var b=$APP.l(a,"__xBreadcrumbsRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("nav"),e=document.createElement("ol"),f=document.createElement("slot"),h=new $APP.N(null,3,[$APP.Ln,d,$APP.Bq,e,$APP.gr,
|
|
3
|
+
f],null);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;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;}}";
|
|
4
|
+
$APP.T(d,"part","root");$APP.T(e,"part","list");d.appendChild(e);b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.R(a,"__xBreadcrumbsRefs",h);a=h}return a},Wz=function(a){a=$APP.Yf([$APP.Xq,Lz,$APP.Wi,Mz,Nz,$APP.Al,Oz,Pz,$APP.ik,$APP.co,$APP.jk],[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"),
|
|
5
|
+
a.getAttribute("separator"),a.getAttribute("aria-describedby")]);var b=$APP.H(a);a=$APP.C(b,$APP.ik);var c=$APP.C(b,$APP.co),d=$APP.C(b,$APP.jk),e=$APP.C(b,Lz),f=$APP.C(b,$APP.Xq),h=$APP.C(b,$APP.Wi),k=$APP.C(b,Nz),m=$APP.C(b,Mz),q=$APP.C(b,$APP.Al),u=$APP.C(b,Oz);b=$APP.C(b,Pz);u=$APP.E(u);k=Jz(k,2);m=$APP.Uh(m);h=$APP.E(h);f=Iz(Qz,"default",f);if(typeof e==="string"){e=parseInt(e,10);var x=isFinite(e);e=$APP.n($APP.n(x)?e>0:x)?e:null}else e=null;return $APP.Yf([Rz,Sz,$APP.Cn,$APP.Hk,$APP.Nk,Tz,
|
|
6
|
+
$APP.Ok,$APP.qk,Uz,$APP.rk,$APP.Fq],[u,k,m,h,f,e,Iz(Vz,"md",q),d,Jz(b,1),a,typeof c==="string"?c:"/"])},Xz=function(a){var b=document.createElement("span");$APP.T(b,"class","separator");$APP.T(b,"aria-hidden","true");b.textContent=a;return b},Yz=function(a){var b=document.createElement("li"),c=document.createElement("span"),d=document.createElement("button");$APP.T(b,"class","ellipsis");$APP.T(c,"class","separator");$APP.T(c,"aria-hidden","true");c.textContent=a;$APP.T(d,"class","ellipsis-btn");$APP.T(d,
|
|
7
|
+
"aria-label","Show hidden breadcrumbs");d.textContent="…";b.appendChild(c);b.appendChild(d);return b},Zz=function(a,b){var c=document.createElement("li"),d=document.createElement("span");a=a.cloneNode(!0);$APP.T(c,"class","crumb");$APP.T(d,"class","crumb-content");d.appendChild(a);c.appendChild(d);$APP.n(b)&&($APP.T(c,"data-current",""),$APP.T(d,"aria-current","page"));return c},aA=function(a,b){b=$APP.H(b);var c=$APP.C(b,$APP.Ok),d=$APP.C(b,$APP.Nk),e=$APP.C(b,$APP.Cn),f=$APP.C(b,$APP.rk),h=$APP.C(b,
|
|
8
|
+
$APP.qk),k=Kz(a);k=$APP.H(k);k=$APP.C(k,$APP.Ln);$APP.T(a,"data-size",c);$APP.T(a,"data-variant",d);$APP.T(a,"data-wrap",""+$APP.P.i($APP.E(e)));$APP.n(f)?$APP.T(k,"aria-label",f):$APP.T(k,"aria-label","Breadcrumb");$APP.n(h)?$APP.T(k,"aria-describedby",h):$APP.U(k,"aria-describedby");d=$APP.H(b);c=$APP.C(d,$APP.Fq);var m=$APP.C(d,Tz),q=$APP.C(d,Uz);k=$APP.C(d,Sz);d=$APP.C(d,Rz);e=Kz(a);e=$APP.H(e);f=$APP.C(e,$APP.gr);e=$APP.C(e,$APP.Bq);f=$APP.Bc(f.assignedElements());h=$APP.w(f);m==null||h<=m?k=
|
|
9
|
+
new $APP.N(null,3,[$APP.nr,$APP.Oe($APP.Jg(0,h)),$z,-1,$APP.ys,h],null):(m=$APP.Hm.j(q,$APP.Gm.j(0,h-k)),k=$APP.Hm.j(k,$APP.Gm.j(0,h-m)),m=$APP.Hm.j(m,h-k),m=$APP.Gm.j(0,m),m=$APP.Oe($APP.Jg(0,m)),k=$APP.Oe($APP.Jg(h-k,h)),k=new $APP.N(null,3,[$APP.nr,$APP.tf.j(m,k),$z,$APP.w(m),$APP.ys,h],null));h=$APP.nr.i(k);k=$z.i(k);e.innerHTML="";m=$APP.r($APP.ie($APP.Mm,h));q=null;for(var u=0,x=0;;)if(x<u){var z=q.F(null,x),A=$APP.B(z,0,null);z=$APP.B(z,1,null);z=$APP.B(f,z,null);var D=$APP.y.j(A,$APP.w(h)-
|
|
10
|
+
1)&&$APP.p(d);$APP.y.j(A,k)&&e.appendChild(Yz(c));A>0&&!$APP.y.j(A,k)&&e.appendChild(Xz(c));$APP.y.j(A,k)&&e.appendChild(Xz(c));$APP.n(z)&&e.appendChild(Zz(z,D));x+=1}else if(m=$APP.r(m))$APP.Wc(m)?(u=$APP.Cb(m),m=$APP.Db(m),q=u,u=$APP.w(u)):(u=$APP.t(m),q=$APP.B(u,0,null),u=$APP.B(u,1,null),u=$APP.B(f,u,null),x=$APP.y.j(q,$APP.w(h)-1)&&$APP.p(d),$APP.y.j(q,k)&&e.appendChild(Yz(c)),q>0&&!$APP.y.j(q,k)&&e.appendChild(Xz(c)),$APP.y.j(q,k)&&e.appendChild(Xz(c)),$APP.n(u)&&e.appendChild(Zz(u,x)),m=$APP.v(m),
|
|
11
|
+
q=null,u=0),x=0;else break;$APP.y.j(k,$APP.w(h))&&e.appendChild(Yz(c));return $APP.R(a,"__xBreadcrumbsModel",b)},bA=function(a){var b=Wz(a);return $APP.I($APP.l(a,"__xBreadcrumbsModel"),b)?aA(a,b):null},cA=function(a){function b(){return aA(a,Wz(a))}var c=Kz(a);c=$APP.H(c);c=$APP.C(c,$APP.gr);var d={};$APP.n(c)&&c.addEventListener("slotchange",b);d.slot=b;$APP.R(a,"__xBreadcrumbsHandlers",d)},dA=function(a){var b=$APP.l(a,"__xBreadcrumbsHandlers");if($APP.n(b)){var c=$APP.l(a,"__xBreadcrumbsRefs");
|
|
12
|
+
$APP.n(c)&&(c=$APP.gr.i(c),b=$APP.l(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}return $APP.R(a,"__xBreadcrumbsHandlers",null)},eA=function(a,b,c){Object.defineProperty(a,b,{get:function(){return Jz(this.getAttribute(b),c)},set:function(d){return d!=null?$APP.T(this,b,""+$APP.P.i(d)):$APP.U(this,b)},enumerable:!0,configurable:!0})},fA=function(a){$APP.xi(a,"separator","separator","/");$APP.xi(a,"size","size","md");$APP.xi(a,"variant","variant","default");$APP.ui(a,"wrap",
|
|
13
|
+
"wrap");$APP.ui(a,"disabled","disabled");$APP.ui(a,"preserve-aria-current","preserve-aria-current");eA(a,"max-items",null);eA(a,"items-before",1);eA(a,"items-after",2);$APP.yi(a,"aria-label","aria-label");return $APP.yi(a,"aria-describedby","aria-describedby")},gA=function(a){Kz(a);dA(a);cA(a);return bA(a)},hA=function(a){return dA(a)},iA=function(a,b,c,d){return $APP.I(c,d)?bA(a):null},kA=function(){return $APP.Kh("x-breadcrumbs",new $APP.N(null,5,[$APP.Bh,jA,$APP.zh,gA,$APP.qh,hA,$APP.ph,iA,$APP.Ah,
|
|
14
|
+
fA],null))},Sz=new $APP.F(null,"items-after","items-after",358736705),Pz=new $APP.F(null,"items-before-raw","items-before-raw",1580997624),Lz=new $APP.F(null,"max-items-raw","max-items-raw",-340487390),Mz=new $APP.F(null,"wrap-raw","wrap-raw",-1468030804),Tz=new $APP.F(null,"max-items","max-items",-1969244147),$z=new $APP.F(null,"ellipsis-at","ellipsis-at",-628372349),Oz=new $APP.F(null,"preserve-aria-current-present?","preserve-aria-current-present?",729931506),Nz=new $APP.F(null,"items-after-raw",
|
|
15
|
+
"items-after-raw",-1677187220),Uz=new $APP.F(null,"items-before","items-before",-1151895719),Rz=new $APP.F(null,"preserve-aria-current","preserve-aria-current",682773185);var jA="separator size variant wrap max-items items-before items-after disabled preserve-aria-current aria-label aria-describedby".split(" "),Vz=new $APP.rg(null,new $APP.N(null,3,["md",null,"lg",null,"sm",null],null),null),Qz=new $APP.rg(null,new $APP.N(null,3,["subtle",null,"text",null,"default",null],null),null);$APP.fa("baredom.exports.x_breadcrumbs.init",kA);export const init=kA;
|
package/dist/x-button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var OW=function(){return $APP.zl()};$APP.fa("baredom.exports.x_button.init",OW);export const init=OW;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"string")
|
|
4
|
-
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
var AK=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.Rn);var c=$APP.C(b,$APP.Wi),d=$APP.C(b,rK),e=$APP.C(b,sK),f=$APP.C(b,tK),h=$APP.C(b,uK);b=$APP.C(b,vK);return new $APP.N(null,7,[$APP.ls,$APP.E(a),$APP.cj,$APP.E(c),wK,function(){var k;if(k=typeof d==="string")k=(k=$APP.I(d,""))?d:k;return $APP.n(k)?k:"Discard changes?"}(),$APP.Yp,typeof e==="string"&&$APP.I(e,"")?e:null,xK,function(){var k;if(k=typeof f==="string")k=(k=$APP.I(f,""))?f:k;return $APP.n(k)?k:"Discard"}(),yK,function(){var k;if(k=typeof h===
|
|
3
|
+
"string")k=(k=$APP.I(h,""))?h:k;return $APP.n(k)?k:"Keep editing"}(),zK,$APP.E(b)],null)},EK=function(a){var b=$APP.l(a,"__xCancelDialogueRefs");if($APP.n(b))a=b;else{var c="x-cd-headline-"+$APP.P.i(crypto.randomUUID());b=a.attachShadow({mode:"open"});var d=document.createElement("style"),e=document.createElement("div");$APP.T(e,"part","backdrop");var f=document.createElement("div");$APP.T(f,"part","dialog");$APP.T(f,"role","dialog");$APP.T(f,"aria-modal","true");$APP.T(f,"aria-labelledby",c);var h=
|
|
4
|
+
document.createElement("div"),k=document.createElement("h2");$APP.T(h,"part","header");$APP.T(k,"part","headline");$APP.T(k,"id",c);h.appendChild(k);c=new $APP.N(null,2,[$APP.Ao,h,wK,k],null);h=document.createElement("div");k=document.createElement("slot");var m=document.createElement("p");$APP.T(h,"part","body");$APP.T(k,"name","body");$APP.T(m,"part","message");h.appendChild(k);h.appendChild(m);h=new $APP.N(null,3,[$APP.Ho,h,BK,k,$APP.Yp,m],null);k=document.createElement("div");m=document.createElement("button");
|
|
5
|
+
var q=document.createElement("button");$APP.T(k,"part","actions");$APP.T(m,"part","cancel-btn");$APP.T(m,"type","button");$APP.T(q,"part","confirm-btn");$APP.T(q,"type","button");k.appendChild(m);k.appendChild(q);m=new $APP.N(null,3,[$APP.ss,k,CK,m,DK,q],null);q=document.createElement("div");$APP.T(q,"part","panel");q.appendChild($APP.Ao.i(c));q.appendChild($APP.Ho.i(h));q.appendChild($APP.ss.i(m));k={};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;}}";
|
|
6
|
+
f.appendChild(q);b.appendChild(d);b.appendChild(e);b.appendChild(f);k.backdrop=e;k.dialog=f;b=wK.i(c);k.headline=b;b=$APP.Yp.i(h);k.message=b;b=CK.i(m);k.cancelBtn=b;b=DK.i(m);k.confirmBtn=b;$APP.R(a,"__xCancelDialogueRefs",k);a=k}return a},FK=function(a,b){return $APP.n(a.hasAttribute("disabled"))?null:$APP.ri(a,"x-cancel-dialogue-cancel-request",{reason:b})?($APP.U(a,"open"),$APP.pi(a,"x-cancel-dialogue-cancel",{})):null},GK=function(a){return $APP.n(a.hasAttribute("disabled"))?null:$APP.ri(a,"x-cancel-dialogue-confirm-request",
|
|
7
|
+
{})?($APP.U(a,"open"),$APP.pi(a,"x-cancel-dialogue-confirm",{})):null},HK=function(a,b){var c=b.key;if($APP.y.j(c,"Escape"))return b.preventDefault(),FK(a,"escape");if($APP.y.j(c,"Tab")){var d=EK(a);c=$APP.l(d,"cancelBtn");d=$APP.l(d,"confirmBtn");var e=b.shiftKey;a=a.shadowRoot.activeElement;if($APP.n($APP.n(e)?$APP.y.j(a,c):e))return b.preventDefault(),d.focus();if($APP.p(e)&&$APP.y.j(a,d))return b.preventDefault(),c.focus()}return null},IK=function(a){var b=$APP.l(a,"confirmBtn");setTimeout(function(){return b.focus()},
|
|
8
|
+
0)},JK=function(a){var b=AK(new $APP.N(null,7,[$APP.Rn,a.hasAttribute("open"),$APP.Wi,a.hasAttribute("disabled"),rK,a.getAttribute("headline"),sK,a.getAttribute("message"),tK,a.getAttribute("confirm-text"),uK,a.getAttribute("cancel-text"),vK,a.hasAttribute("danger")],null));var c=$APP.l(a,"__xCancelDialogueModel");if($APP.I(c,b)){var d=EK(a),e=$APP.H(b),f=$APP.C(e,wK),h=$APP.C(e,yK);e=$APP.C(e,xK);var k=$APP.l(d,"cancelBtn"),m=$APP.l(d,"confirmBtn");$APP.l(d,"headline").textContent=f;k.textContent=
|
|
9
|
+
h;m.textContent=e;f=$APP.H(b);f=$APP.C(f,$APP.Yp);h=$APP.l(d,"message");$APP.n(f)?(h.textContent=f,h.style.display="block"):(h.textContent="",h.style.display="none");f=$APP.H(b);f=$APP.C(f,zK);h=$APP.l(d,"confirmBtn");$APP.n(f)?$APP.T(h,"data-danger",""):$APP.U(h,"data-danger");f=$APP.H(b);h=$APP.C(f,$APP.cj);f=$APP.l(d,"confirmBtn");h=$APP.E(h);$APP.l(d,"cancelBtn").disabled=h;f.disabled=h;f=$APP.ls.i(b);c=$APP.n(f)?$APP.p($APP.ls.i(c)):f;$APP.n(c)&&IK(d);a=$APP.R(a,"__xCancelDialogueModel",b)}else a=
|
|
10
|
+
null;return a},KK=function(a){function b(u){return HK(a,u)}function c(){return GK(a)}function d(){return FK(a,"cancel-button")}function e(){return FK(a,"backdrop")}var f=EK(a),h=$APP.l(f,"cancelBtn"),k=$APP.l(f,"confirmBtn"),m=$APP.l(f,"dialog"),q={};$APP.l(f,"backdrop").addEventListener("click",e);h.addEventListener("click",d);k.addEventListener("click",c);m.addEventListener("keydown",b);q.backdrop=e;q.cancel=d;q.confirm=c;q.keydown=b;$APP.R(a,"__xCancelDialogueHandlers",q)},LK=function(a){var b=
|
|
11
|
+
$APP.l(a,"__xCancelDialogueHandlers"),c=$APP.l(a,"__xCancelDialogueRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop"),e=$APP.l(c,"cancelBtn"),f=$APP.l(c,"confirmBtn");c=$APP.l(c,"dialog");var h=$APP.l(b,"backdrop"),k=$APP.l(b,"cancel"),m=$APP.l(b,"confirm");b=$APP.l(b,"keydown");$APP.n(h)&&d.removeEventListener("click",h);$APP.n(k)&&e.removeEventListener("click",k);$APP.n(m)&&f.removeEventListener("click",m);$APP.n(b)&&c.removeEventListener("keydown",b)}return $APP.R(a,"__xCancelDialogueHandlers",
|
|
12
|
+
null)},MK=function(a){EK(a);LK(a);KK(a);return JK(a)},NK=function(a){return LK(a)},OK=function(a,b,c,d){return $APP.I(c,d)?JK(a):null},PK=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?$APP.n(this.hasAttribute("open"))?null:$APP.T(this,"open",""):$APP.U(this,"open")},enumerable:!0,configurable:!0});$APP.ui(a,"disabled","disabled");$APP.ui(a,"danger","danger");$APP.yi(a,"headline","headline");$APP.yi(a,"message","message");
|
|
13
|
+
$APP.yi(a,"confirmText","confirm-text");$APP.yi(a,"cancelText","cancel-text");Object.defineProperty(a,"close",{value:function(){return $APP.U(this,"open")},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"confirm",{value:function(){return GK(this)},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"cancel",{value:function(b){return FK(this,$APP.n(b)?b:"cancel-button")},enumerable:!0,configurable:!0,writable:!0})},RK=function(){return $APP.Kh("x-cancel-dialogue",
|
|
14
|
+
new $APP.N(null,5,[$APP.Bh,QK,$APP.zh,MK,$APP.qh,NK,$APP.ph,OK,$APP.Ah,PK],null))},CK=new $APP.F(null,"cancel-btn","cancel-btn",-2070266380),wK=new $APP.F(null,"headline","headline",-157157727),BK=new $APP.F(null,"body-slot","body-slot",-614633512),yK=new $APP.F(null,"cancel-text","cancel-text",1885137831),DK=new $APP.F(null,"confirm-btn","confirm-btn",-530228913),uK=new $APP.F(null,"cancel-text-raw","cancel-text-raw",615622099),xK=new $APP.F(null,"confirm-text","confirm-text",-1839494031),sK=new $APP.F(null,
|
|
15
|
+
"message-raw","message-raw",952235685),rK=new $APP.F(null,"headline-raw","headline-raw",1141142757),zK=new $APP.F(null,"danger?","danger?",181682216),tK=new $APP.F(null,"confirm-text-raw","confirm-text-raw",-1317418708),vK=new $APP.F(null,"danger-present?","danger-present?",-439648505);var QK="open disabled headline message confirm-text cancel-text danger".split(" ");$APP.be(["x-cancel-dialogue-cancel-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,1,[$APP.$n,$APP.Y],null)],null),"x-cancel-dialogue-cancel",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,$APP.ce],null),"x-cancel-dialogue-confirm-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,$APP.ce],null),"x-cancel-dialogue-confirm",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,$APP.ce],null)]);$APP.fa("baredom.exports.x_cancel_dialogue.init",RK);export const init=RK;
|
package/dist/x-card.d.ts
CHANGED
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
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
2
|
+
var CT=function(a,b,c){return $APP.$c(b,a)?a:c},DT=function(a){var b=$APP.l(a,"__xCardRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=new $APP.N(null,2,[$APP.Kj,b,$APP.cs,d],null);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 ";
|
|
3
|
+
$APP.T(d,"part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xCardRefs",f);a=f}return a},FT=function(a){a=new $APP.N(null,6,[$APP.Nk,a.getAttribute("variant"),$APP.js,a.getAttribute("padding"),$APP.qs,a.getAttribute("radius"),$APP.xo,a.hasAttribute("interactive"),$APP.Hk,a.hasAttribute("disabled"),$APP.bj,a.getAttribute("label")],null);var b=$APP.H(a),c=$APP.C(b,$APP.Nk),d=$APP.C(b,$APP.js),e=$APP.C(b,$APP.qs),f=$APP.C(b,$APP.xo);a=$APP.C(b,$APP.Hk);b=
|
|
4
|
+
$APP.C(b,$APP.bj);c=CT(c,Wba,"elevated");d=CT(d,Xba,"md");e=CT(e,Yba,"lg");f=$APP.E(f);a=$APP.E(a);b=typeof b==="string"&&$APP.I("",b)?b:null;return $APP.Yf([$APP.un,$APP.hq,$APP.Hk,$APP.Nk,$APP.xo,$APP.qs,$APP.js,ET,$APP.rk],[f?"button":null,f&&a?"-1":f?"0":null,a,c,f,e,d,a?"true":null,b])},GT=function(a){var b=$APP.l(a,"__xCardModel");return $APP.n(b)?b:FT(a)},HT=function(a){var b=$APP.xo.i(a);return $APP.n(b)?$APP.p($APP.Hk.i(a)):b},IT=function(a,b,c){c!=null?$APP.T(a,b,c):$APP.U(a,b)},JT=function(a){var b=
|
|
5
|
+
FT(a);if($APP.I($APP.l(a,"__xCardModel"),b)){var c=DT(a);c=$APP.H(c);c=$APP.C(c,$APP.cs);IT(a,"role",$APP.un.i(b));IT(a,"tabindex",$APP.hq.i(b));IT(a,"aria-label",$APP.rk.i(b));IT(a,"aria-disabled",ET.i(b));$APP.T(c,"data-variant",$APP.Nk.i(b));$APP.T(c,"data-padding",$APP.js.i(b));$APP.T(c,"data-radius",$APP.qs.i(b));IT(c,"data-interactive",$APP.n($APP.xo.i(b))?"true":null);IT(c,"data-disabled",$APP.n($APP.Hk.i(b))?"true":null);a=$APP.R(a,"__xCardModel",b)}else a=null;return a},$ba=function(a){a.addEventListener("click",
|
|
6
|
+
function(){return $APP.n(HT(GT(a)))?$APP.pi(a,"press",{}):null});a.addEventListener("keydown",function(b){a:{if($APP.n(HT(GT(a)))){var c=b.key;if($APP.y.j(c,"Enter")){b=$APP.pi(a,"press",{});break a}if($APP.$c(Zba,c)){b.preventDefault();b=$APP.pi(a,"press",{});break a}}b=null}return b})},bca=function(a){return $APP.Ei(a,aca)},cca=function(a){$APP.n($APP.l(a,"__xCardRefs"))||(DT(a),$ba(a));return JT(a)},dca=function(a,b,c,d){return $APP.I(c,d)?JT(a):null},KT=function(){return $APP.Kh("x-card",new $APP.N(null,
|
|
7
|
+
4,[$APP.Bh,eca,$APP.zh,cca,$APP.ph,dca,$APP.Ah,bca],null))},ET=new $APP.F(null,"aria-disabled","aria-disabled",-667357160);var eca="variant padding radius interactive disabled label".split(" "),Wba=new $APP.rg(null,new $APP.N(null,4,["outlined",null,"elevated",null,"filled",null,"ghost",null],null),null),Xba=new $APP.rg(null,new $APP.N(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),Yba=new $APP.rg(null,new $APP.N(null,5,["none",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),aca=new $APP.N(null,2,[$APP.xo,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"interactive"],null),$APP.Hk,new $APP.N(null,2,
|
|
8
|
+
[$APP.O,$APP.Ci,$APP.W,"disabled"],null)],null);$APP.be(["press",new $APP.N(null,1,[$APP.V,$APP.ce],null)]);var Zba=$APP.tg([" ","Spacebar"]);$APP.fa("baredom.exports.x_card.init",KT);export const init=KT;
|
package/dist/x-carousel.d.ts
CHANGED