@vanelsas/baredom 2.4.1 → 2.6.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 +25 -0
- package/README.md +63 -270
- package/custom-elements.json +7373 -0
- package/dist/baredom.d.ts +97 -0
- package/dist/base.js +74 -74
- package/dist/integrity.json +93 -93
- package/dist/x-alert.d.ts +43 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.d.ts +18 -0
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.d.ts +21 -0
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.d.ts +19 -0
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.d.ts +12 -0
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.d.ts +12 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +20 -0
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.d.ts +45 -0
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.d.ts +50 -0
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.d.ts +39 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +48 -0
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.d.ts +23 -0
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.d.ts +45 -0
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.d.ts +41 -0
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.d.ts +42 -0
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.d.ts +47 -0
- package/dist/x-color-picker.js +41 -41
- package/dist/x-combobox.d.ts +47 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.d.ts +46 -0
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.d.ts +14 -0
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.d.ts +17 -0
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.d.ts +51 -0
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +52 -0
- package/dist/x-currency-field.js +23 -21
- package/dist/x-date-picker.d.ts +20 -0
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.d.ts +20 -0
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.d.ts +44 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.d.ts +42 -0
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.d.ts +14 -0
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +40 -0
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +46 -0
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.d.ts +47 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +41 -0
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.d.ts +12 -0
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.d.ts +15 -0
- package/dist/x-icon.js +7 -7
- package/dist/x-image.d.ts +48 -0
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.d.ts +48 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.d.ts +27 -0
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.d.ts +47 -0
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.d.ts +46 -0
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.d.ts +41 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.d.ts +42 -0
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.d.ts +44 -0
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.d.ts +46 -0
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.d.ts +46 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.d.ts +22 -0
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.d.ts +42 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.d.ts +19 -0
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.d.ts +45 -0
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.d.ts +18 -0
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +45 -0
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.d.ts +47 -0
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.d.ts +45 -0
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.d.ts +41 -0
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.d.ts +44 -0
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.d.ts +44 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.d.ts +42 -0
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.d.ts +45 -0
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.d.ts +46 -0
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.d.ts +56 -0
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.d.ts +58 -0
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.d.ts +51 -0
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.d.ts +47 -0
- package/dist/x-search-field.js +15 -14
- package/dist/x-select.d.ts +41 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.d.ts +40 -0
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.d.ts +15 -0
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.d.ts +16 -0
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +49 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.d.ts +44 -0
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.d.ts +15 -0
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.d.ts +15 -0
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.d.ts +42 -0
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.d.ts +21 -0
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.d.ts +42 -0
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.d.ts +44 -0
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.d.ts +40 -0
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.d.ts +50 -0
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.d.ts +43 -0
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.d.ts +124 -0
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +71 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +48 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.d.ts +15 -0
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.d.ts +46 -0
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.d.ts +78 -0
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.d.ts +45 -0
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.d.ts +41 -0
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.d.ts +43 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.d.ts +16 -0
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.d.ts +92 -0
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +506 -392
package/dist/x-badge.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
switch(b instanceof $APP.K?b.pa:null){case "count":return a>c?""+$APP.T.g(c)+"+":""+$APP.T.g(a);case "text":return d;default:return null}},
|
|
4
|
-
|
|
5
|
-
d.setAttribute("part","base");d.setAttribute("role","status");g.setAttribute("part","label");d.appendChild(e);d.appendChild(g);b.appendChild(c);b.appendChild(d);a.__xBadgeRefs=new $APP.
|
|
6
|
-
a.getAttribute("size"),a.getAttribute("count"),a.getAttribute("aria-label"),a.getAttribute("dot"),a.getAttribute("aria-describedby"),a.getAttribute("pill")]))},
|
|
7
|
-
$APP.Yf(q));$APP.n(e)?a.setAttribute("data-pill",""):a.removeAttribute("data-pill");$APP.n(g)?a.setAttribute("data-dot",""):a.removeAttribute("data-dot");p.textContent=$APP.n(v)?v:"";$APP.n(h)?m.setAttribute("aria-label",h):m.removeAttribute("aria-label");$APP.n(l)?m.setAttribute("aria-describedby",l):m.removeAttribute("aria-describedby");a.__xBadgeModel=b}return null},
|
|
8
|
-
$APP.ja(a,"__xBadgeHandlers",{slot:b})},
|
|
9
|
-
b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},
|
|
10
|
-
null?this.setAttribute(b,""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
var V0=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.I(a,c)?c:b},W0=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},$0=function(a){var b=$APP.M(a);a=$APP.D(b,X0);var c=$APP.D(b,$APP.Rh),d=$APP.D(b,$APP.Cl);b=$APP.D(b,Y0);return $APP.n(a)?$APP.kj:c!=null?$APP.Rh:d!=null?$APP.Cl:$APP.n(b)?Y0:Z0},a1=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Rh);var c=$APP.D(b,$APP.Wk),d=$APP.D(b,$APP.Cl);b=$0(b);
|
|
3
|
+
switch(b instanceof $APP.K?b.pa:null){case "count":return a>c?""+$APP.T.g(c)+"+":""+$APP.T.g(a);case "text":return d;default:return null}},l1=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Uj);var c=$APP.D(b,b1),d=$APP.D(b,$APP.Cj),e=$APP.D(b,c1),g=$APP.D(b,$APP.ul),h=$APP.D(b,$APP.Kh),l=$APP.D(b,X0),m=$APP.D(b,$APP.$k),p=$APP.D(b,$APP.gj);b=$APP.D(b,$APP.Wl);m=W0(m,99);var q=$APP.n(p)?function(){var v=W0(p,null);return v!=null?v:null}():null;return $APP.zf([X0,$APP.Vg,d1,$APP.Mh,$APP.Wk,$APP.Rh,$APP.$m,
|
|
4
|
+
Y0,$APP.Ql,$APP.Cl],[$APP.F(l),V0(e1,"neutral",g),$APP.Kg(e),V0(f1,"md",b),m,q,d,$APP.Kg(c),a,typeof h==="string"?function(){var v=h.trim();return $APP.B.i(v,"")?null:v}():null])},H1=function(a){var b=$APP.k(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"),g=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;}}";
|
|
5
|
+
d.setAttribute("part","base");d.setAttribute("role","status");g.setAttribute("part","label");d.appendChild(e);d.appendChild(g);b.appendChild(c);b.appendChild(d);a.__xBadgeRefs=new $APP.Q(null,3,[G1,d,$APP.Fl,e,$APP.Rm,g],null);return $APP.k(a,"__xBadgeRefs")},I1=function(a){var b=H1(a);b=$APP.M(b);b=$APP.D(b,$APP.Fl);return l1($APP.zf([$APP.ul,$APP.Kh,X0,$APP.$k,$APP.Wl,$APP.gj,$APP.Uj,b1,$APP.Cj,c1],[a.getAttribute("variant"),a.getAttribute("text"),$APP.n(b)?b.assignedNodes().length>0:null,a.getAttribute("max"),
|
|
6
|
+
a.getAttribute("size"),a.getAttribute("count"),a.getAttribute("aria-label"),a.getAttribute("dot"),a.getAttribute("aria-describedby"),a.getAttribute("pill")]))},J1=function(a){var b=I1(a);if($APP.N($APP.k(a,"__xBadgeModel"),b)){b=$APP.M(b);var c=$APP.D(b,$APP.Vg),d=$APP.D(b,$APP.Mh),e=$APP.D(b,d1),g=$APP.D(b,Y0),h=$APP.D(b,$APP.Ql),l=$APP.D(b,$APP.$m),m=H1(a),p=$APP.M(m);m=$APP.D(p,G1);p=$APP.D(p,$APP.Rm);var q=$0(b),v=a1(b);a.setAttribute("data-variant",c);a.setAttribute("data-size",d);a.setAttribute("data-mode",
|
|
7
|
+
$APP.Yf(q));$APP.n(e)?a.setAttribute("data-pill",""):a.removeAttribute("data-pill");$APP.n(g)?a.setAttribute("data-dot",""):a.removeAttribute("data-dot");p.textContent=$APP.n(v)?v:"";$APP.n(h)?m.setAttribute("aria-label",h):m.removeAttribute("aria-label");$APP.n(l)?m.setAttribute("aria-describedby",l):m.removeAttribute("aria-describedby");a.__xBadgeModel=b}return null},K1=function(a){function b(){return J1(a)}var c=H1(a);c=$APP.M(c);c=$APP.D(c,$APP.Fl);$APP.n(c)&&c.addEventListener("slotchange",b);
|
|
8
|
+
$APP.ja(a,"__xBadgeHandlers",{slot:b})},L1=function(a){var b=$APP.k(a,"__xBadgeHandlers");if($APP.n(b)){var c=$APP.k(a,"__xBadgeRefs");$APP.n(c)&&(c=$APP.Fl.g(c),b=$APP.k(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xBadgeHandlers=null},M1=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""+$APP.T.g(c)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},N1=function(a,b,c){Object.defineProperty(a,
|
|
9
|
+
b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},O1=function(a,b){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""):this.removeAttribute(b)},enumerable:!0,configurable:!0})},P1=function(a,b,c){Object.defineProperty(a,b,{get:function(){return W0(this.getAttribute(b),c)},set:function(d){return d!=
|
|
10
|
+
null?this.setAttribute(b,""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},Q1=function(a){N1(a,"variant","neutral");N1(a,"size","md");O1(a,"pill");O1(a,"dot");M1(a,"text");M1(a,"aria-label");M1(a,"aria-describedby");P1(a,"count",null);P1(a,"max",99);Object.defineProperty(a,"displayText",{get:function(){return a1(I1(this))},enumerable:!0,configurable:!0})},S1=function(){var a=class extends HTMLElement{};a.observedAttributes=R1;a.prototype.connectedCallback=function(){H1(this);
|
|
11
|
+
L1(this);K1(this);J1(this);return null};a.prototype.disconnectedCallback=function(){L1(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&J1(this);return null};Q1(a.prototype);return a},T1=function(){$APP.n(customElements.get("x-badge"))||customElements.define("x-badge",S1());return null},d1=new $APP.K(null,"pill","pill",-37707E3),X0=new $APP.K(null,"has-slot?","has-slot?",181244965),Z0=new $APP.K(null,"empty","empty",767870958),Y0=new $APP.K(null,"dot","dot",1442709401),
|
|
12
|
+
b1=new $APP.K(null,"dot-raw","dot-raw",1754908187),c1=new $APP.K(null,"pill-raw","pill-raw",-557846051),G1=new $APP.K(null,"base","base",185279322);var R1="variant size pill dot count max text aria-label aria-describedby".split(" "),e1=new $APP.S(null,new $APP.Q(null,5,["success",null,"neutral",null,"warning",null,"info",null,"error",null],null),null),f1=new $APP.S(null,new $APP.Q(null,2,["md",null,"sm",null],null),null);$APP.ha("baredom.exports.x_badge.init",T1);export const init=T1;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// x-bento-grid.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XBentoGrid extends HTMLElement {
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
"x-bento-grid": XBentoGrid;
|
|
11
|
+
}
|
|
12
|
+
}
|
package/dist/x-bento-grid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.Yj),d=$APP.D(a,$APP.
|
|
4
|
-
|
|
5
|
-
c.textContent="\n :host {\n display:block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-bento-grid-columns);\n grid-auto-rows:var(--x-bento-grid-row-height);\n grid-auto-flow:dense;\n row-gap:var(--x-bento-grid-row-gap);\n column-gap:var(--x-bento-grid-column-gap);\n }\n ";d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoGridRoot=b;a.__xBentoGridBase=d;a.__xBentoGridInit=!0}
|
|
6
|
-
return a},
|
|
2
|
+
var DH=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"}},FH=function(a){return $APP.I(EH,a)?a:"md"},GH=function(a){return typeof a==="string"&&$APP.N(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.r(isNaN(a))?$APP.ph.i($APP.oh.i(a,1),12):4):4},HH=function(a){return typeof a==="string"&&$APP.N(a,"")?a:"auto"},KH=function(a){a=$APP.M(a);var b=$APP.D(a,$APP.Mk),c=$APP.D(a,
|
|
3
|
+
$APP.Yj),d=$APP.D(a,$APP.pm),e=$APP.D(a,$APP.qj);a=$APP.D(a,IH);b=GH(b);var g=FH(c);c=function(){var l=$APP.I(EH,d)?d:null;return $APP.n(l)?l:g}();var h=function(){var l=$APP.I(EH,e)?e:null;return $APP.n(l)?l:g}();a=HH(a);return new $APP.Q(null,6,[$APP.Mk,b,JH,"repeat("+$APP.T.g(b)+",minmax(0,1fr))",$APP.Yj,g,$APP.pm,DH(c),$APP.qj,DH(h),IH,a],null)},LH=function(a){var b=new $APP.Q(null,5,[$APP.Mk,a.getAttribute("columns"),$APP.Yj,a.getAttribute("gap"),$APP.pm,a.getAttribute("row-gap"),$APP.qj,a.getAttribute("column-gap"),
|
|
4
|
+
IH,a.getAttribute("row-height")],null);b=KH(b);a=$APP.k(a,"__xBentoGridBase");$APP.n(a)?(a=a.style,a.setProperty("--x-bento-grid-columns",JH.g(b)),a.setProperty("--x-bento-grid-row-height",IH.g(b)),a.setProperty("--x-bento-grid-row-gap",$APP.pm.g(b)),b=a.setProperty("--x-bento-grid-column-gap",$APP.qj.g(b))):b=null;return b},MH=function(a){if(!$APP.Dg(a,"__xBentoGridInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");
|
|
5
|
+
c.textContent="\n :host {\n display:block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-bento-grid-columns);\n grid-auto-rows:var(--x-bento-grid-row-height);\n grid-auto-flow:dense;\n row-gap:var(--x-bento-grid-row-gap);\n column-gap:var(--x-bento-grid-column-gap);\n }\n ";d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoGridRoot=b;a.__xBentoGridBase=d;a.__xBentoGridInit=!0}LH(a);
|
|
6
|
+
return a},OH=function(){var a=class extends HTMLElement{};a.observedAttributes=NH;a.prototype.connectedCallback=function(){return MH(this)};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xBentoGridInit")?LH(this):MH(this)};return a},PH=function(){return $APP.n(customElements.get("x-bento-grid"))?null:customElements.define("x-bento-grid",OH())},IH=new $APP.K(null,"row-height","row-height",527360749),JH=new $APP.K(null,"template","template",-702405684);var NH=["columns","gap","row-gap","column-gap","row-height"],EH=new $APP.S(null,new $APP.Q(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null);$APP.ha("baredom.exports.x_bento_grid.init",PH);export const init=PH;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// x-bento-item.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XBentoItem extends HTMLElement {
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
"x-bento-item": XBentoItem;
|
|
11
|
+
}
|
|
12
|
+
}
|
package/dist/x-bento-item.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
5,[$APP.
|
|
4
|
-
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoItemRoot=b;a.__xBentoItemBase=d;a.__xBentoItemInit=!0}
|
|
5
|
-
|
|
2
|
+
var vA=function(a){return typeof a==="string"&&$APP.N(a,"")?(a=parseInt(a,10),typeof a==="number"&&$APP.r(isNaN(a))?$APP.ph.i($APP.oh.i(a,1),6):1):1},zA=function(a){var b=new $APP.Q(null,3,[$APP.vm,a.getAttribute("col-span"),$APP.Yh,a.getAttribute("row-span"),wA,a.getAttribute("order")],null);var c=$APP.M(b);b=$APP.D(c,$APP.vm);var d=$APP.D(c,$APP.Yh);c=$APP.D(c,wA);b=vA(b);d=vA(d);typeof c==="string"&&$APP.N(c,"")?(c=parseInt(c,10),c=typeof c==="number"&&$APP.r(isNaN(c))?c:null):c=null;b=new $APP.Q(null,
|
|
3
|
+
5,[$APP.vm,b,$APP.Yh,d,xA,"span "+$APP.T.g(b),yA,"span "+$APP.T.g(d),wA,c],null);a=a.style;a.setProperty("grid-column",xA.g(b));a.setProperty("grid-row",yA.g(b));b=wA.g(b);return $APP.n(b)?a.setProperty("order",""+$APP.T.g(b)):a.removeProperty("order")},AA=function(a){if(!$APP.Dg(a,"__xBentoItemInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n :host {\n display:block;\n min-width:0;\n min-height:0;\n }\n\n .base {\n width:100%;\n height:100%;\n box-sizing:border-box;\n }\n ";
|
|
4
|
+
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xBentoItemRoot=b;a.__xBentoItemBase=d;a.__xBentoItemInit=!0}zA(a);return a},CA=function(){var a=class extends HTMLElement{};a.observedAttributes=BA;a.prototype.connectedCallback=function(){return AA(this)};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xBentoItemInit")?zA(this):AA(this)};return a},DA=function(){return $APP.n(customElements.get("x-bento-item"))?null:customElements.define("x-bento-item",
|
|
5
|
+
CA())},yA=new $APP.K(null,"row-span-css","row-span-css",956357389),wA=new $APP.K(null,"order","order",-1254677256),xA=new $APP.K(null,"col-span-css","col-span-css",-1306581329);var BA=["col-span","row-span","order"];$APP.ha("baredom.exports.x_bento_item.init",DA);export const init=DA;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// x-breadcrumbs.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XBreadcrumbs extends HTMLElement {
|
|
6
|
+
separator: string;
|
|
7
|
+
size: string;
|
|
8
|
+
variant: string;
|
|
9
|
+
wrap: boolean;
|
|
10
|
+
maxItems: number;
|
|
11
|
+
itemsBefore: number;
|
|
12
|
+
itemsAfter: number;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
declare global {
|
|
17
|
+
interface HTMLElementTagNameMap {
|
|
18
|
+
"x-breadcrumbs": XBreadcrumbs;
|
|
19
|
+
}
|
|
20
|
+
}
|
package/dist/x-breadcrumbs.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
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(g);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.D(c,
|
|
7
|
-
$APP.D(b,$APP.Mh);e=$APP.D(b,$APP.Vg);q=$APP.D(b,
|
|
8
|
-
|
|
9
|
-
p){var y=h.F(null,l);x=$APP.Ac(y,0,null);y=$APP.Ac(y,1,null);y=$APP.Ac(c,y,null);var A=$APP.B.i(x,$APP.z(v)-1)&&$APP.r(e);$APP.B.i(x,g)&&q.appendChild(
|
|
10
|
-
!$APP.B.i(h,g)&&q.appendChild(
|
|
11
|
-
$APP.n(c)&&(c=$APP.
|
|
12
|
-
""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},
|
|
13
|
-
function(a){
|
|
14
|
-
function(b,c,d){$APP.N(c,d)
|
|
15
|
-
"wrap-raw","wrap-raw",-1468030804),
|
|
2
|
+
var Ht=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.I(a,c)?c:b},It=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},Jt=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"),g=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(g);a.__xBreadcrumbsRefs=new $APP.Q(null,3,[$APP.Bi,d,$APP.cl,e,$APP.Fl,g],null);return $APP.k(a,"__xBreadcrumbsRefs")},Kt=function(a){var b=document.createElement("span");b.setAttribute("class","separator");b.setAttribute("aria-hidden","true");b.textContent=a;return b},Lt=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},Mt=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},bu=function(a){var b=$APP.zf([$APP.ul,Nt,$APP.Ol,Ot,Pt,$APP.Wl,Qt,Rt,$APP.Uj,St,$APP.Cj],[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.M(b);b=$APP.D(c,$APP.Uj);
|
|
6
|
+
var d=$APP.D(c,St),e=$APP.D(c,$APP.Cj),g=$APP.D(c,Nt),h=$APP.D(c,$APP.ul),l=$APP.D(c,$APP.Ol),m=$APP.D(c,Pt),p=$APP.D(c,Ot),q=$APP.D(c,$APP.Wl),v=$APP.D(c,Qt);c=$APP.D(c,Rt);v=$APP.F(v);m=It(m,2);p=$APP.Kg(p);l=$APP.F(l);h=Ht(Tt,"default",h);if(typeof g==="string"){g=parseInt(g,10);var x=isFinite(g);g=$APP.n($APP.n(x)?g>0:x)?g:null}else g=null;b=$APP.zf([Ut,Vt,Wt,$APP.Pj,$APP.Vg,Xt,$APP.Mh,$APP.$m,Yt,$APP.Ql,$APP.el],[v,m,p,l,h,g,Ht(Zt,"md",q),e,It(c,1),b,typeof d==="string"?d:"/"]);b=$APP.M(b);d=
|
|
7
|
+
$APP.D(b,$APP.Mh);e=$APP.D(b,$APP.Vg);q=$APP.D(b,Wt);c=$APP.D(b,$APP.Ql);v=$APP.D(b,$APP.$m);g=Jt(a);g=$APP.M(g);g=$APP.D(g,$APP.Bi);a.setAttribute("data-size",d);a.setAttribute("data-variant",e);a.setAttribute("data-wrap",""+$APP.T.g($APP.F(q)));$APP.n(c)?g.setAttribute("aria-label",c):g.setAttribute("aria-label","Breadcrumb");$APP.n(v)?g.setAttribute("aria-describedby",v):g.removeAttribute("aria-describedby");e=$APP.M(b);d=$APP.D(e,$APP.el);m=$APP.D(e,Xt);h=$APP.D(e,Yt);g=$APP.D(e,Vt);e=$APP.D(e,
|
|
8
|
+
Ut);q=Jt(a);q=$APP.M(q);c=$APP.D(q,$APP.Fl);q=$APP.D(q,$APP.cl);c=$APP.vc(c.assignedElements());v=$APP.z(c);m==null||v<=m?g=new $APP.Q(null,3,[$APP.Ml,$APP.xe($APP.dg(0,v)),$t,-1,au,v],null):(m=$APP.ph.i(h,$APP.oh.i(0,v-g)),g=$APP.ph.i(g,$APP.oh.i(0,v-m)),m=$APP.ph.i(m,v-g),m=$APP.oh.i(0,m),m=$APP.xe($APP.dg(0,m)),g=$APP.xe($APP.dg(v-g,v)),g=new $APP.Q(null,3,[$APP.Ml,$APP.We.i(m,g),$t,$APP.z(m),au,v],null));v=$APP.Ml.g(g);g=$t.g(g);q.innerHTML="";m=$APP.t($APP.Wd($APP.xh,v));h=null;for(l=p=0;;)if(l<
|
|
9
|
+
p){var y=h.F(null,l);x=$APP.Ac(y,0,null);y=$APP.Ac(y,1,null);y=$APP.Ac(c,y,null);var A=$APP.B.i(x,$APP.z(v)-1)&&$APP.r(e);$APP.B.i(x,g)&&q.appendChild(Lt(d));x>0&&!$APP.B.i(x,g)&&q.appendChild(Kt(d));$APP.B.i(x,g)&&q.appendChild(Kt(d));$APP.n(y)&&q.appendChild(Mt(y,A));l+=1}else if(m=$APP.t(m))$APP.Nc(m)?(p=$APP.yb(m),m=$APP.zb(m),h=p,p=$APP.z(p)):(p=$APP.u(m),h=$APP.Ac(p,0,null),p=$APP.Ac(p,1,null),p=$APP.Ac(c,p,null),l=$APP.B.i(h,$APP.z(v)-1)&&$APP.r(e),$APP.B.i(h,g)&&q.appendChild(Lt(d)),h>0&&
|
|
10
|
+
!$APP.B.i(h,g)&&q.appendChild(Kt(d)),$APP.B.i(h,g)&&q.appendChild(Kt(d)),$APP.n(p)&&q.appendChild(Mt(p,l)),m=$APP.w(m),h=null,p=0),l=0;else break;$APP.B.i(g,$APP.z(v))&&q.appendChild(Lt(d));a.__xBreadcrumbsModel=b;return null},cu=function(a){function b(){return bu(a)}var c=Jt(a);c=$APP.M(c);c=$APP.D(c,$APP.Fl);$APP.n(c)&&c.addEventListener("slotchange",b);$APP.ja(a,"__xBreadcrumbsHandlers",{slot:b})},du=function(a){var b=$APP.k(a,"__xBreadcrumbsHandlers");if($APP.n(b)){var c=$APP.k(a,"__xBreadcrumbsRefs");
|
|
11
|
+
$APP.n(c)&&(c=$APP.Fl.g(c),b=$APP.k(b,"slot"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("slotchange",b))}a.__xBreadcrumbsHandlers=null},eu=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""+$APP.T.g(c)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},fu=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(b);return $APP.n(d)?d:c},set:function(d){return $APP.n(d)?this.setAttribute(b,
|
|
12
|
+
""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},gu=function(a,b){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""):this.removeAttribute(b)},enumerable:!0,configurable:!0})},hu=function(a,b,c){Object.defineProperty(a,b,{get:function(){return It(this.getAttribute(b),c)},set:function(d){return d!=null?this.setAttribute(b,""+$APP.T.g(d)):this.removeAttribute(b)},enumerable:!0,configurable:!0})},iu=
|
|
13
|
+
function(a){fu(a,"separator","/");fu(a,"size","md");fu(a,"variant","default");gu(a,"wrap");gu(a,"disabled");gu(a,"preserve-aria-current");hu(a,"max-items",null);hu(a,"items-before",1);hu(a,"items-after",2);eu(a,"aria-label");eu(a,"aria-describedby")},ku=function(){var a=class extends HTMLElement{};a.observedAttributes=ju;a.prototype.connectedCallback=function(){Jt(this);du(this);cu(this);bu(this);return null};a.prototype.disconnectedCallback=function(){du(this);return null};a.prototype.attributeChangedCallback=
|
|
14
|
+
function(b,c,d){$APP.N(c,d)&&bu(this);return null};iu(a.prototype);return a},lu=function(){$APP.n(customElements.get("x-breadcrumbs"))||customElements.define("x-breadcrumbs",ku());return null},Vt=new $APP.K(null,"items-after","items-after",358736705),Wt=new $APP.K(null,"wrap","wrap",851669987),St=new $APP.K(null,"separator-raw","separator-raw",1358337914),Rt=new $APP.K(null,"items-before-raw","items-before-raw",1580997624),Nt=new $APP.K(null,"max-items-raw","max-items-raw",-340487390),Ot=new $APP.K(null,
|
|
15
|
+
"wrap-raw","wrap-raw",-1468030804),Xt=new $APP.K(null,"max-items","max-items",-1969244147),$t=new $APP.K(null,"ellipsis-at","ellipsis-at",-628372349),Qt=new $APP.K(null,"preserve-aria-current-present?","preserve-aria-current-present?",729931506),Pt=new $APP.K(null,"items-after-raw","items-after-raw",-1677187220),Yt=new $APP.K(null,"items-before","items-before",-1151895719),Ut=new $APP.K(null,"preserve-aria-current","preserve-aria-current",682773185),au=new $APP.K(null,"total","total",1916810418);var ju="separator size variant wrap max-items items-before items-after disabled preserve-aria-current aria-label aria-describedby".split(" "),Zt=new $APP.S(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),Tt=new $APP.S(null,new $APP.Q(null,3,["subtle",null,"text",null,"default",null],null),null);$APP.ha("baredom.exports.x_breadcrumbs.init",lu);export const init=lu;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
// x-button.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XButtonEventMap {
|
|
6
|
+
"press": CustomEvent<{ source: string }>;
|
|
7
|
+
"press-start": CustomEvent<{ source: string }>;
|
|
8
|
+
"press-end": CustomEvent<{ source: string }>;
|
|
9
|
+
"hover-start": CustomEvent<{}>;
|
|
10
|
+
"hover-end": CustomEvent<{}>;
|
|
11
|
+
"focus-visible": CustomEvent<{}>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export interface XButton extends HTMLElement {
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
loading: boolean;
|
|
17
|
+
pressed: boolean;
|
|
18
|
+
|
|
19
|
+
addEventListener<K extends keyof XButtonEventMap>(
|
|
20
|
+
type: K,
|
|
21
|
+
listener: (this: XButton, ev: XButtonEventMap[K]) => any,
|
|
22
|
+
options?: boolean | AddEventListenerOptions
|
|
23
|
+
): void;
|
|
24
|
+
addEventListener(
|
|
25
|
+
type: string,
|
|
26
|
+
listener: EventListenerOrEventListenerObject,
|
|
27
|
+
options?: boolean | AddEventListenerOptions
|
|
28
|
+
): void;
|
|
29
|
+
removeEventListener<K extends keyof XButtonEventMap>(
|
|
30
|
+
type: K,
|
|
31
|
+
listener: (this: XButton, ev: XButtonEventMap[K]) => any,
|
|
32
|
+
options?: boolean | EventListenerOptions
|
|
33
|
+
): void;
|
|
34
|
+
removeEventListener(
|
|
35
|
+
type: string,
|
|
36
|
+
listener: EventListenerOrEventListenerObject,
|
|
37
|
+
options?: boolean | EventListenerOptions
|
|
38
|
+
): void;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
declare global {
|
|
42
|
+
interface HTMLElementTagNameMap {
|
|
43
|
+
"x-button": XButton;
|
|
44
|
+
}
|
|
45
|
+
}
|
package/dist/x-button.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
b},
|
|
4
|
-
$APP.F(d),$APP.Z,
|
|
5
|
-
d[m],q=p;if(l=$APP.B.i(q.nodeType,Node.TEXT_NODE))l=q.textContent,l=$APP.N("",($APP.n(l)?l:"").trim());if(!l){l=p;if(p=$APP.B.i(l.nodeType,Node.ELEMENT_NODE))p=l.textContent,p=$APP.N("",($APP.n(p)?p:"").trim());l=p}if(l){l=!0;break a}m+=1}else{l=!1;break a}l=void 0}e=
|
|
6
|
-
$APP.Z.g(b));q=$APP.Pj.g(b);q=$APP.n(q)?q:$APP.
|
|
7
|
-
"false");c.setAttribute("data-disabled",$APP.n($APP.Pj.g(b))?"true":"false");c.setAttribute("data-hover",d?"true":"false");c.setAttribute("data-active",m?"true":"false");c.setAttribute("data-focus-visible",p?"true":"false");c.setAttribute("data-has-icon-start",e?"true":"false");c.setAttribute("data-has-icon-end",g?"true":"false");c.setAttribute("data-has-spinner",h?"true":"false");a.setAttribute("data-variant",$APP.Vg.g(b));return a.setAttribute("data-size",$APP.Mh.g(b))},
|
|
8
|
-
return $APP.n(b)?(
|
|
9
|
-
function(){if(
|
|
10
|
-
"keyboard");
|
|
11
|
-
null;d=$APP.n(d)?d:a.closest("form");return $APP.n(d)?$APP.B.i(c,"submit")?d.requestSubmit():$APP.B.i(c,"reset")?d.reset():null:null}return null})},
|
|
12
|
-
c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},
|
|
13
|
-
e=
|
|
2
|
+
var nM=function(a,b,c){return typeof a==="string"&&$APP.I(b,a)?a:c},oM=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Pj);b=$APP.D(b,$APP.yl);return $APP.r($APP.n(a)?a:b)},pM=function(a){return a.__xButtonState},qM=function(a){return $APP.B.i(!0,a.__xButtonHover)},rM=function(a,b){a.__xButtonHover=$APP.F(b)},sM=function(a,b){a.__xButtonFocusVisible=$APP.F(b)},tM=function(a){return a.__xButtonActiveSource},uM=function(a,b){a.__xButtonActiveSource=b},vM=function(a,b){return a.__xButtonLastActivationSource=
|
|
3
|
+
b},zM=function(a){a=new $APP.Q(null,7,[$APP.Pj,a.hasAttribute("disabled"),$APP.yl,a.hasAttribute("loading"),$APP.Ck,a.hasAttribute("pressed"),$APP.Z,a.getAttribute("type"),$APP.Vg,a.getAttribute("variant"),$APP.Mh,a.getAttribute("size"),$APP.U,a.getAttribute("label")],null);var b=$APP.M(a);a=$APP.D(b,$APP.Pj);var c=$APP.D(b,$APP.yl),d=$APP.D(b,$APP.Ck),e=$APP.D(b,$APP.Z),g=$APP.D(b,$APP.Vg),h=$APP.D(b,$APP.Mh);b=$APP.D(b,$APP.U);return new $APP.Q(null,7,[$APP.Pj,$APP.F(a),$APP.yl,$APP.F(c),$APP.Ck,
|
|
4
|
+
$APP.F(d),$APP.Z,nM(e,wM,"button"),$APP.Vg,nM(g,xM,"primary"),$APP.Mh,nM(h,yM,"md"),$APP.U,typeof b==="string"?b:null],null)},AM=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},BM=function(a){return a.assignedNodes({flatten:!0})},CM=function(a){return document.createElement(a)},DM=function(a,b){var c=b.button,d=b["label-slot"],e=b["icon-start-slot"],g=b["icon-end-slot"],h=b["spinner-slot"];b=zM(a);var l;a:{d=BM(d);for(var m=0;;)if(m<d.length){var p=
|
|
5
|
+
d[m],q=p;if(l=$APP.B.i(q.nodeType,Node.TEXT_NODE))l=q.textContent,l=$APP.N("",($APP.n(l)?l:"").trim());if(!l){l=p;if(p=$APP.B.i(l.nodeType,Node.ELEMENT_NODE))p=l.textContent,p=$APP.N("",($APP.n(p)?p:"").trim());l=p}if(l){l=!0;break a}m+=1}else{l=!1;break a}l=void 0}e=BM(e).length>0;g=BM(g).length>0;h=BM(h).length>0;d=qM(a);m=tM(a)!=null;p=$APP.B.i(!0,a.__xButtonFocusVisible);l=$APP.mh.m(b,$APP.pk,l);q=$APP.M(l);l=$APP.D(q,$APP.U);q=$APP.D(q,$APP.pk);l=$APP.r(q)&&$APP.Lg(l)?l:null;c.setAttribute("type",
|
|
6
|
+
$APP.Z.g(b));q=$APP.Pj.g(b);q=$APP.n(q)?q:$APP.yl.g(b);c.disabled=q;q=$APP.M(b);q=$APP.D(q,$APP.yl);q=$APP.n(q)?"true":null;$APP.n(q)?c.setAttribute("aria-busy",q):c.removeAttribute("aria-busy");$APP.n($APP.Ck.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.Vg.g(b));c.setAttribute("data-size",$APP.Mh.g(b));c.setAttribute("data-loading",$APP.n($APP.yl.g(b))?"true":
|
|
7
|
+
"false");c.setAttribute("data-disabled",$APP.n($APP.Pj.g(b))?"true":"false");c.setAttribute("data-hover",d?"true":"false");c.setAttribute("data-active",m?"true":"false");c.setAttribute("data-focus-visible",p?"true":"false");c.setAttribute("data-has-icon-start",e?"true":"false");c.setAttribute("data-has-icon-end",g?"true":"false");c.setAttribute("data-has-spinner",h?"true":"false");a.setAttribute("data-variant",$APP.Vg.g(b));return a.setAttribute("data-size",$APP.Mh.g(b))},EM=function(a){var b=tM(a);
|
|
8
|
+
return $APP.n(b)?(uM(a,null),AM(a,"press-end",{source:b}),b=pM(a),$APP.n(b)?DM(a,b):null):null},FM=function(a){oM(zM(a))||(rM(a,!1),uM(a,null))},GM=function(a,b){b.addEventListener("pointerenter",function(){if(oM(zM(a))){if(qM(a))return null;rM(a,!0);DM(a,pM(a));return AM(a,"hover-start",{})}return null});b.addEventListener("pointerleave",function(){qM(a)&&(rM(a,!1),DM(a,pM(a)),oM(zM(a))&&AM(a,"hover-end",{}));return $APP.B.i("pointer",tM(a))?EM(a):null})},HM=function(a,b){b.addEventListener("pointerdown",
|
|
9
|
+
function(){if(oM(zM(a))){if($APP.n(tM(a)))return null;vM(a,"pointer");uM(a,"pointer");DM(a,pM(a));return AM(a,"press-start",{source:"pointer"})}return null});b.addEventListener("pointerup",function(){return $APP.B.i("pointer",tM(a))?EM(a):null});b.addEventListener("pointercancel",function(){return $APP.B.i("pointer",tM(a))?EM(a):null});b.addEventListener("keydown",function(c){c=c.key;if(oM(zM(a))&&($APP.B.i(c,"Enter")||$APP.B.i(c," "))){if($APP.B.i("keyboard",tM(a)))return null;vM(a,"keyboard");uM(a,
|
|
10
|
+
"keyboard");DM(a,pM(a));return AM(a,"press-start",{source:"keyboard"})}return null});b.addEventListener("keyup",function(c){c=c.key;return $APP.B.i("keyboard",tM(a))&&($APP.B.i(c,"Enter")||$APP.B.i(c," "))?EM(a):null});b.addEventListener("blur",function(){return $APP.n(tM(a))?EM(a):null});b.addEventListener("click",function(){if(oM(zM(a))){var c=a.__xButtonLastActivationSource;AM(a,"press",{source:$APP.n(c)?c:"programmatic"});vM(a,null);c=$APP.Z.g(zM(a));var d=a.getAttribute("form");d=$APP.n(d)?document.getElementById(d):
|
|
11
|
+
null;d=$APP.n(d)?d:a.closest("form");return $APP.n(d)?$APP.B.i(c,"submit")?d.requestSubmit():$APP.B.i(c,"reset")?d.reset():null:null}return null})},IM=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");sM(a,c);DM(a,pM(a));return $APP.n(c)?AM(a,"focus-visible",{}):null});b.addEventListener("blur",function(){sM(a,!1);return DM(a,pM(a))})},JM=function(a,b){function c(){return DM(a,b)}b["label-slot"].addEventListener("slotchange",c);b["icon-start-slot"].addEventListener("slotchange",
|
|
12
|
+
c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},KM=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.Eg(this,c,$APP.F(d))}})},MM=function(){var a=class extends HTMLElement{};a.formAssociated=!0;a.observedAttributes=LM;a.prototype.connectedCallback=function(){if(!$APP.n(pM(this))){var b=this.attachShadow({mode:"open"});var c=CM("style"),d=CM("button"),
|
|
13
|
+
e=CM("span"),g=CM("span"),h=CM("span"),l=CM("span"),m=CM("span"),p=CM("span"),q=CM("slot"),v=CM("slot"),x=CM("slot"),y=CM("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;}}";
|
|
14
14
|
d.setAttribute("part","button");e.setAttribute("part","inner");g.setAttribute("part","icon-start");h.setAttribute("part","label");l.setAttribute("part","spinner");y.setAttribute("part","spinner-slot");m.setAttribute("part","spinner-fallback");p.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");g.appendChild(v);h.appendChild(q);l.appendChild(y);
|
|
15
|
-
l.appendChild(m);p.appendChild(x);e.appendChild(g);e.appendChild(h);e.appendChild(l);e.appendChild(p);d.appendChild(e);b.appendChild(c);b.appendChild(d);b={root:b,style:c,button:d,inner:e,"label-slot":q,"icon-start-slot":v,"icon-end-slot":x,"spinner-slot":y};c=b.button;
|
|
16
|
-
return
|
|
17
|
-
$APP.Pd(["press",new $APP.
|
|
15
|
+
l.appendChild(m);p.appendChild(x);e.appendChild(g);e.appendChild(h);e.appendChild(l);e.appendChild(p);d.appendChild(e);b.appendChild(c);b.appendChild(d);b={root:b,style:c,button:d,inner:e,"label-slot":q,"icon-start-slot":v,"icon-end-slot":x,"spinner-slot":y};c=b.button;rM(this,!1);sM(this,!1);uM(this,null);vM(this,null);GM(this,c);HM(this,c);IM(this,c);JM(this,b);this.__xButtonState=b}FM(this);return DM(this,pM(this))};a.prototype.disconnectedCallback=function(){rM(this,!1);sM(this,!1);uM(this,null);
|
|
16
|
+
return vM(this,null)};a.prototype.attributeChangedCallback=function(){var b=pM(this);$APP.n(b)?(FM(this),b=DM(this,b)):b=null;return b};KM(a.prototype,"disabled","disabled");KM(a.prototype,"loading","loading");KM(a.prototype,"pressed","pressed");return a},NM=function(){return $APP.n(customElements.get("x-button"))?null:customElements.define("x-button",MM())};var wM=new $APP.S(null,new $APP.Q(null,3,["reset",null,"submit",null,"button",null],null),null),xM=new $APP.S(null,new $APP.Q(null,5,["secondary",null,"tertiary",null,"primary",null,"danger",null,"ghost",null],null),null),yM=new $APP.S(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),LM="disabled loading pressed type variant size label".split(" ");
|
|
17
|
+
$APP.Pd(["press",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.sl,$APP.Y],null)],null),"press-start",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.sl,$APP.Y],null)],null),"press-end",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.sl,$APP.Y],null)],null),"hover-start",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"hover-end",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"focus-visible",new $APP.Q(null,1,[$APP.V,$APP.Qd],null)]);$APP.ha("baredom.exports.x_button.init",NM);export const init=NM;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// x-cancel-dialogue.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XCancelDialogueEventMap {
|
|
6
|
+
"x-cancel-dialogue-cancel-request": CustomEvent<{ reason: string }>;
|
|
7
|
+
"x-cancel-dialogue-cancel": CustomEvent<{}>;
|
|
8
|
+
"x-cancel-dialogue-confirm-request": CustomEvent<{}>;
|
|
9
|
+
"x-cancel-dialogue-confirm": CustomEvent<{}>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export interface XCancelDialogue extends HTMLElement {
|
|
13
|
+
open: boolean;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
headline: string;
|
|
16
|
+
message: string;
|
|
17
|
+
confirmText: string;
|
|
18
|
+
cancelText: string;
|
|
19
|
+
danger: boolean;
|
|
20
|
+
close(): void;
|
|
21
|
+
confirm(): void;
|
|
22
|
+
cancel(reason: string): void;
|
|
23
|
+
|
|
24
|
+
addEventListener<K extends keyof XCancelDialogueEventMap>(
|
|
25
|
+
type: K,
|
|
26
|
+
listener: (this: XCancelDialogue, ev: XCancelDialogueEventMap[K]) => any,
|
|
27
|
+
options?: boolean | AddEventListenerOptions
|
|
28
|
+
): void;
|
|
29
|
+
addEventListener(
|
|
30
|
+
type: string,
|
|
31
|
+
listener: EventListenerOrEventListenerObject,
|
|
32
|
+
options?: boolean | AddEventListenerOptions
|
|
33
|
+
): void;
|
|
34
|
+
removeEventListener<K extends keyof XCancelDialogueEventMap>(
|
|
35
|
+
type: K,
|
|
36
|
+
listener: (this: XCancelDialogue, ev: XCancelDialogueEventMap[K]) => any,
|
|
37
|
+
options?: boolean | EventListenerOptions
|
|
38
|
+
): void;
|
|
39
|
+
removeEventListener(
|
|
40
|
+
type: string,
|
|
41
|
+
listener: EventListenerOrEventListenerObject,
|
|
42
|
+
options?: boolean | EventListenerOptions
|
|
43
|
+
): void;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare global {
|
|
47
|
+
interface HTMLElementTagNameMap {
|
|
48
|
+
"x-cancel-dialogue": XCancelDialogue;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"string")l=(l=$APP.N(h,""))?h:l;return $APP.n(l)?l:"Keep editing"}(),
|
|
2
|
+
var sC=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Gi);var c=$APP.D(b,$APP.Ol),d=$APP.D(b,jC),e=$APP.D(b,kC),g=$APP.D(b,lC),h=$APP.D(b,mC);b=$APP.D(b,nC);return new $APP.Q(null,7,[$APP.Om,$APP.F(a),$APP.X,$APP.F(c),oC,function(){var l;if(l=typeof d==="string")l=(l=$APP.N(d,""))?d:l;return $APP.n(l)?l:"Discard changes?"}(),$APP.Bk,typeof e==="string"&&$APP.N(e,"")?e:null,pC,function(){var l;if(l=typeof g==="string")l=(l=$APP.N(g,""))?g:l;return $APP.n(l)?l:"Discard"}(),qC,function(){var l;if(l=typeof h===
|
|
3
|
+
"string")l=(l=$APP.N(h,""))?h:l;return $APP.n(l)?l:"Keep editing"}(),rC,$APP.F(b)],null)},tC=function(a){return document.createElement(a)},vC=function(a){var b=$APP.k(a,"__xCancelDialogueRefs");if($APP.n(b))return b;b=$APP.k(uC,"n")+1;uC.n=b;b="x-cd-headline-"+$APP.T.g(b);var c=a.attachShadow({mode:"open"}),d=tC("style"),e=tC("div"),g=tC("div"),h=tC("div"),l=tC("div"),m=tC("h2"),p=tC("div"),q=tC("slot"),v=tC("p"),x=tC("div"),y=tC("button"),A=tC("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
4
|
e.setAttribute("part","backdrop");g.setAttribute("part","dialog");g.setAttribute("role","dialog");g.setAttribute("aria-modal","true");g.setAttribute("aria-labelledby",b);h.setAttribute("part","panel");l.setAttribute("part","header");m.setAttribute("part","headline");m.setAttribute("id",b);p.setAttribute("part","body");q.setAttribute("name","body");v.setAttribute("part","message");x.setAttribute("part","actions");y.setAttribute("part","cancel-btn");y.setAttribute("type","button");A.setAttribute("part",
|
|
5
|
-
"confirm-btn");A.setAttribute("type","button");l.appendChild(m);p.appendChild(q);p.appendChild(v);x.appendChild(y);x.appendChild(A);h.appendChild(l);h.appendChild(p);h.appendChild(x);g.appendChild(h);c.appendChild(d);c.appendChild(e);c.appendChild(g);a.__xCancelDialogueRefs={headline:m,confirmBtn:A,panel:h,bodySlot:q,root:c,dialog:g,backdrop:e,cancelBtn:y,message:v};return $APP.k(a,"__xCancelDialogueRefs")},
|
|
6
|
-
return b},
|
|
7
|
-
{},!0);$APP.n(b.defaultPrevented)||(
|
|
8
|
-
|
|
9
|
-
v=$APP.k(v,"confirmBtn");var x=p.shiftKey,y=a.shadowRoot.activeElement;$APP.n($APP.n(x)?$APP.B.i(y,q):x)?(p.preventDefault(),v.focus()):$APP.r(x)&&$APP.B.i(y,v)&&(p.preventDefault(),q.focus())}return null}function c(){return
|
|
10
|
-
m.addEventListener("keydown",b);$APP.ja(a,"__xCancelDialogueHandlers",{backdrop:e,cancel:d,confirm:c,keydown:b})},
|
|
11
|
-
l);$APP.n(m)&&g.removeEventListener("click",m);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xCancelDialogueHandlers=null},
|
|
5
|
+
"confirm-btn");A.setAttribute("type","button");l.appendChild(m);p.appendChild(q);p.appendChild(v);x.appendChild(y);x.appendChild(A);h.appendChild(l);h.appendChild(p);h.appendChild(x);g.appendChild(h);c.appendChild(d);c.appendChild(e);c.appendChild(g);a.__xCancelDialogueRefs={headline:m,confirmBtn:A,panel:h,bodySlot:q,root:c,dialog:g,backdrop:e,cancelBtn:y,message:v};return $APP.k(a,"__xCancelDialogueRefs")},wC=function(a,b,c,d){b=new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:d});a.dispatchEvent(b);
|
|
6
|
+
return b},xC=function(a){$APP.n(a.hasAttribute("open"))||a.setAttribute("open","");a=vC(a);var b=$APP.k(a,"confirmBtn");setTimeout(function(){return b.focus()},0);return null},yC=function(a){a.removeAttribute("open");return null},zC=function(a,b){$APP.n(a.hasAttribute("disabled"))||(b=wC(a,"x-cancel-dialogue-cancel-request",{reason:b},!0),$APP.n(b.defaultPrevented)||(yC(a),wC(a,"x-cancel-dialogue-cancel",{},!1)));return null},AC=function(a){if(!$APP.n(a.hasAttribute("disabled"))){var b=wC(a,"x-cancel-dialogue-confirm-request",
|
|
7
|
+
{},!0);$APP.n(b.defaultPrevented)||(yC(a),wC(a,"x-cancel-dialogue-confirm",{},!1))}return null},BC=function(a){var b=vC(a),c=$APP.k(b,"headline"),d=$APP.k(b,"message"),e=$APP.k(b,"cancelBtn"),g=$APP.k(b,"confirmBtn");a=sC(new $APP.Q(null,7,[$APP.Gi,a.hasAttribute("open"),$APP.Ol,a.hasAttribute("disabled"),jC,a.getAttribute("headline"),kC,a.getAttribute("message"),lC,a.getAttribute("confirm-text"),mC,a.getAttribute("cancel-text"),nC,a.hasAttribute("danger")],null));c.textContent=oC.g(a);e.textContent=
|
|
8
|
+
qC.g(a);g.textContent=pC.g(a);$APP.n($APP.Bk.g(a))?(d.textContent=$APP.Bk.g(a),d.style.display="block"):(d.textContent="",d.style.display="none");$APP.n(rC.g(a))?g.setAttribute("data-danger",""):g.removeAttribute("data-danger");e.disabled=$APP.F($APP.X.g(a));g.disabled=$APP.F($APP.X.g(a));$APP.k(b,"dialog").setAttribute("aria-modal","true")},CC=function(a){function b(p){var q=p.key;if($APP.B.i(q,"Escape"))p.preventDefault(),zC(a,"escape");else if($APP.B.i(q,"Tab")){var v=vC(a);q=$APP.k(v,"cancelBtn");
|
|
9
|
+
v=$APP.k(v,"confirmBtn");var x=p.shiftKey,y=a.shadowRoot.activeElement;$APP.n($APP.n(x)?$APP.B.i(y,q):x)?(p.preventDefault(),v.focus()):$APP.r(x)&&$APP.B.i(y,v)&&(p.preventDefault(),q.focus())}return null}function c(){return AC(a)}function d(){return zC(a,"cancel-button")}function e(){return zC(a,"backdrop")}var g=vC(a),h=$APP.k(g,"cancelBtn"),l=$APP.k(g,"confirmBtn"),m=$APP.k(g,"dialog");$APP.k(g,"backdrop").addEventListener("click",e);h.addEventListener("click",d);l.addEventListener("click",c);
|
|
10
|
+
m.addEventListener("keydown",b);$APP.ja(a,"__xCancelDialogueHandlers",{backdrop:e,cancel:d,confirm:c,keydown:b})},DC=function(a){var b=$APP.k(a,"__xCancelDialogueHandlers"),c=$APP.k(a,"__xCancelDialogueRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"backdrop"),e=$APP.k(c,"cancelBtn"),g=$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",
|
|
11
|
+
l);$APP.n(m)&&g.removeEventListener("click",m);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xCancelDialogueHandlers=null},EC=function(a,b,c,d){if($APP.N(c,d)&&(BC(a),$APP.B.i(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},FC=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(q){return $APP.n(q)?xC(this):yC(this)},
|
|
12
12
|
enumerable:!0,configurable:!0});for(var b=$APP.t(new $APP.O(null,2,5,$APP.P,[new $APP.O(null,2,5,$APP.P,["disabled","disabled"],null),new $APP.O(null,2,5,$APP.P,["danger","danger"],null)],null)),c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e),h=$APP.Ac(g,0,null),l=$APP.Ac(g,1,null);Object.defineProperty(a,h,{get:function(q,v,x,y,A,C,E){return function(){return this.hasAttribute(E)}}(b,c,d,e,g,h,l),set:function(q,v,x,y,A,C,E){return function(H){return $APP.n(H)?this.setAttribute(E,""):this.removeAttribute(E)}}(b,
|
|
13
13
|
c,d,e,g,h,l),enumerable:!0,configurable:!0});e+=1}else if(h=$APP.t(b)){g=h;if($APP.Nc(g))b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e;else{l=$APP.u(g);var m=$APP.Ac(l,0,null),p=$APP.Ac(l,1,null);Object.defineProperty(a,m,{get:function(q,v,x,y,A,C,E){return function(){return this.hasAttribute(E)}}(b,c,d,e,l,m,p,g,h),set:function(q,v,x,y,A,C,E){return function(H){return $APP.n(H)?this.setAttribute(E,""):this.removeAttribute(E)}}(b,c,d,e,l,m,p,g,h),enumerable:!0,configurable:!0});b=$APP.w(g);c=null;
|
|
14
14
|
d=0}e=0}else break;b=$APP.t(new $APP.O(null,4,5,$APP.P,[new $APP.O(null,2,5,$APP.P,["headline","headline"],null),new $APP.O(null,2,5,$APP.P,["message","message"],null),new $APP.O(null,2,5,$APP.P,["confirmText","confirm-text"],null),new $APP.O(null,2,5,$APP.P,["cancelText","cancel-text"],null)],null));c=null;for(e=d=0;;)if(e<d)g=c.F(null,e),h=$APP.Ac(g,0,null),l=$APP.Ac(g,1,null),Object.defineProperty(a,h,{get:function(q,v,x,y,A,C,E){return function(){return this.getAttribute(E)}}(b,c,d,e,g,h,l),set:function(q,
|
|
15
15
|
v,x,y,A,C,E){return function(H){return H==null?this.removeAttribute(E):this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,g,h,l),enumerable:!0,configurable:!0}),e+=1;else if(h=$APP.t(b))g=h,$APP.Nc(g)?(b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e):(l=$APP.u(g),m=$APP.Ac(l,0,null),p=$APP.Ac(l,1,null),Object.defineProperty(a,m,{get:function(q,v,x,y,A,C,E){return function(){return this.getAttribute(E)}}(b,c,d,e,l,m,p,g,h),set:function(q,v,x,y,A,C,E){return function(H){return H==null?this.removeAttribute(E):
|
|
16
|
-
this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,l,m,p,g,h),enumerable:!0,configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"close",{value:function(){return
|
|
17
|
-
class extends HTMLElement{};a.observedAttributes=
|
|
18
|
-
"cancel-text","cancel-text",1885137831),
|
|
16
|
+
this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,l,m,p,g,h),enumerable:!0,configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"close",{value:function(){return yC(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"confirm",{value:function(){return AC(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"cancel",{value:function(q){return zC(this,$APP.n(q)?q:"cancel-button")},enumerable:!0,configurable:!0,writable:!0})},HC=function(){var a=
|
|
17
|
+
class extends HTMLElement{};a.observedAttributes=GC;a.prototype.connectedCallback=function(){vC(this);DC(this);CC(this);BC(this);return null};a.prototype.disconnectedCallback=function(){DC(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){return EC(this,b,c,d)};FC(a.prototype);return a},IC=function(){$APP.n(customElements.get("x-cancel-dialogue"))||customElements.define("x-cancel-dialogue",HC());return null},oC=new $APP.K(null,"headline","headline",-157157727),qC=new $APP.K(null,
|
|
18
|
+
"cancel-text","cancel-text",1885137831),mC=new $APP.K(null,"cancel-text-raw","cancel-text-raw",615622099),pC=new $APP.K(null,"confirm-text","confirm-text",-1839494031),kC=new $APP.K(null,"message-raw","message-raw",952235685),jC=new $APP.K(null,"headline-raw","headline-raw",1141142757),rC=new $APP.K(null,"danger?","danger?",181682216),lC=new $APP.K(null,"confirm-text-raw","confirm-text-raw",-1317418708),nC=new $APP.K(null,"danger-present?","danger-present?",-439648505);var GC="open disabled headline message confirm-text cancel-text danger".split(" ");$APP.Pd(["x-cancel-dialogue-cancel-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,1,[$APP.Qi,$APP.Y],null)],null),"x-cancel-dialogue-cancel",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,$APP.Qd],null),"x-cancel-dialogue-confirm-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,$APP.Qd],null),"x-cancel-dialogue-confirm",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,$APP.Qd],null)]);var uC={n:0};$APP.ha("baredom.exports.x_cancel_dialogue.init",IC);export const init=IC;
|
package/dist/x-card.d.ts
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
// x-card.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XCardEventMap {
|
|
6
|
+
":press": CustomEvent<{}>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface XCard extends HTMLElement {
|
|
10
|
+
interactive: boolean;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
|
|
13
|
+
addEventListener<K extends keyof XCardEventMap>(
|
|
14
|
+
type: K,
|
|
15
|
+
listener: (this: XCard, ev: XCardEventMap[K]) => any,
|
|
16
|
+
options?: boolean | AddEventListenerOptions
|
|
17
|
+
): void;
|
|
18
|
+
addEventListener(
|
|
19
|
+
type: string,
|
|
20
|
+
listener: EventListenerOrEventListenerObject,
|
|
21
|
+
options?: boolean | AddEventListenerOptions
|
|
22
|
+
): void;
|
|
23
|
+
removeEventListener<K extends keyof XCardEventMap>(
|
|
24
|
+
type: K,
|
|
25
|
+
listener: (this: XCard, ev: XCardEventMap[K]) => any,
|
|
26
|
+
options?: boolean | EventListenerOptions
|
|
27
|
+
): void;
|
|
28
|
+
removeEventListener(
|
|
29
|
+
type: string,
|
|
30
|
+
listener: EventListenerOrEventListenerObject,
|
|
31
|
+
options?: boolean | EventListenerOptions
|
|
32
|
+
): void;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
declare global {
|
|
36
|
+
interface HTMLElementTagNameMap {
|
|
37
|
+
"x-card": XCard;
|
|
38
|
+
}
|
|
39
|
+
}
|