@bimetal/toast-angular-components 0.35.0 → 0.36.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.
|
@@ -30,6 +30,8 @@ export declare class ToastViewportComponent implements OnInit, OnDestroy {
|
|
|
30
30
|
pause(): void;
|
|
31
31
|
resume(): void;
|
|
32
32
|
dismiss(id: string): void;
|
|
33
|
+
/** Focus move WITHIN the viewport (Tab between toasts) is not a leave (mcp-63 R1). */
|
|
34
|
+
onViewportFocusOut(e: FocusEvent): void;
|
|
33
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToastViewportComponent, never>;
|
|
34
36
|
static ɵcmp: i0.ɵɵComponentDeclaration<ToastViewportComponent, "bm-toast-viewport", never, { "controller": { "alias": "controller"; "required": true; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, true, never>;
|
|
35
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../src/components/ToastViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,EAAkB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzG,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;;AAE/F;;;;;;;;;;GAUG;AACH,
|
|
1
|
+
{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../src/components/ToastViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,EAAkB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzG,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;;AAE/F;;;;;;;;;;GAUG;AACH,qBAwCa,sBAAuB,YAAW,MAAM,EAAE,SAAS;IAC9D,wEAAwE;IAC7C,UAAU,EAAG,eAAe,CAAC;IACxD,0EAA0E;IACjE,QAAQ,UAAS;IAE1B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAkB;IACvC,OAAO,CAAC,KAAK,CAAC,CAAa;IAC3B,QAAQ,EAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IAE3C,QAAQ,IAAI,IAAI;IAOhB,WAAW,IAAI,IAAI;IAInB,gGAAgG;IAChG,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO;IAI3B,6EAA6E;IAC7E,YAAY,IAAI,OAAO;IAIvB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM;IAIvC,KAAK,IAAI,IAAI;IACb,MAAM,IAAI,IAAI;IACd,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IACzB,sFAAsF;IACtF,kBAAkB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;yCAvC5B,sBAAsB;2CAAtB,sBAAsB;CA4ClC"}
|
|
@@ -4,8 +4,19 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
function ToastViewportComponent_div_1_button_3_Template(rf, ctx) { if (rf & 1) {
|
|
6
6
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
7
|
-
i0.ɵɵelementStart(0, "button",
|
|
8
|
-
i0.ɵɵlistener("click", function ToastViewportComponent_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const t_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.
|
|
7
|
+
i0.ɵɵelementStart(0, "button", 6);
|
|
8
|
+
i0.ɵɵlistener("click", function ToastViewportComponent_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const t_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.controller.invokeAction(t_r2.id)); });
|
|
9
|
+
i0.ɵɵtext(1);
|
|
10
|
+
i0.ɵɵelementEnd();
|
|
11
|
+
} if (rf & 2) {
|
|
12
|
+
const t_r2 = i0.ɵɵnextContext().$implicit;
|
|
13
|
+
i0.ɵɵadvance();
|
|
14
|
+
i0.ɵɵtextInterpolate(t_r2.action.label);
|
|
15
|
+
} }
|
|
16
|
+
function ToastViewportComponent_div_1_button_4_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
18
|
+
i0.ɵɵelementStart(0, "button", 7);
|
|
19
|
+
i0.ɵɵlistener("click", function ToastViewportComponent_div_1_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const t_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.dismiss(t_r2.id)); });
|
|
9
20
|
i0.ɵɵtext(1, "\u00D7");
|
|
10
21
|
i0.ɵɵelementEnd();
|
|
11
22
|
} if (rf & 2) {
|
|
@@ -16,7 +27,7 @@ function ToastViewportComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
16
27
|
i0.ɵɵelementStart(0, "div", 2)(1, "span", 3);
|
|
17
28
|
i0.ɵɵtext(2);
|
|
18
29
|
i0.ɵɵelementEnd();
|
|
19
|
-
i0.ɵɵtemplate(3, ToastViewportComponent_div_1_button_3_Template, 2, 1, "button", 4);
|
|
30
|
+
i0.ɵɵtemplate(3, ToastViewportComponent_div_1_button_3_Template, 2, 1, "button", 4)(4, ToastViewportComponent_div_1_button_4_Template, 2, 1, "button", 5);
|
|
20
31
|
i0.ɵɵelementEnd();
|
|
21
32
|
} if (rf & 2) {
|
|
22
33
|
const t_r2 = ctx.$implicit;
|
|
@@ -26,6 +37,8 @@ function ToastViewportComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
26
37
|
i0.ɵɵadvance(2);
|
|
27
38
|
i0.ɵɵtextInterpolate(t_r2.message);
|
|
28
39
|
i0.ɵɵadvance();
|
|
40
|
+
i0.ɵɵproperty("ngIf", t_r2.action);
|
|
41
|
+
i0.ɵɵadvance();
|
|
29
42
|
i0.ɵɵproperty("ngIf", t_r2.dismissible);
|
|
30
43
|
} }
|
|
31
44
|
/**
|
|
@@ -70,11 +83,18 @@ export class ToastViewportComponent {
|
|
|
70
83
|
pause() { this.controller.pause(); }
|
|
71
84
|
resume() { this.controller.resume(); }
|
|
72
85
|
dismiss(id) { this.controller.dismiss(id); }
|
|
86
|
+
/** Focus move WITHIN the viewport (Tab between toasts) is not a leave (mcp-63 R1). */
|
|
87
|
+
onViewportFocusOut(e) {
|
|
88
|
+
if (e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget))
|
|
89
|
+
return;
|
|
90
|
+
if (this.pauseOnHover())
|
|
91
|
+
this.resume();
|
|
92
|
+
}
|
|
73
93
|
static ɵfac = function ToastViewportComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToastViewportComponent)(); };
|
|
74
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastViewportComponent, selectors: [["bm-toast-viewport"]], inputs: { controller: "controller", darkMode: "darkMode" }, decls: 2, vars: 4, consts: [[1, "bm-toast__viewport", 3, "mouseenter", "mouseleave", "ngClass"], ["class", "bm-toast", 3, "ngClass", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "bm-toast", 3, "ngClass"], [1, "bm-toast__message"], ["type", "button", "class", "bm-toast__close", 3, "click", 4, "ngIf"], ["type", "button", 1, "bm-toast__close", 3, "click"]], template: function ToastViewportComponent_Template(rf, ctx) { if (rf & 1) {
|
|
94
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastViewportComponent, selectors: [["bm-toast-viewport"]], inputs: { controller: "controller", darkMode: "darkMode" }, decls: 2, vars: 4, consts: [[1, "bm-toast__viewport", 3, "mouseenter", "mouseleave", "focusin", "focusout", "ngClass"], ["class", "bm-toast", 3, "ngClass", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "bm-toast", 3, "ngClass"], [1, "bm-toast__message"], ["type", "button", "class", "bm-toast__action", 3, "click", 4, "ngIf"], ["type", "button", "class", "bm-toast__close", 3, "click", 4, "ngIf"], ["type", "button", 1, "bm-toast__action", 3, "click"], ["type", "button", 1, "bm-toast__close", 3, "click"]], template: function ToastViewportComponent_Template(rf, ctx) { if (rf & 1) {
|
|
75
95
|
i0.ɵɵelementStart(0, "div", 0);
|
|
76
|
-
i0.ɵɵlistener("mouseenter", function ToastViewportComponent_Template_div_mouseenter_0_listener() { return ctx.pauseOnHover() && ctx.pause(); })("mouseleave", function ToastViewportComponent_Template_div_mouseleave_0_listener() { return ctx.pauseOnHover() && ctx.resume(); });
|
|
77
|
-
i0.ɵɵtemplate(1, ToastViewportComponent_div_1_Template,
|
|
96
|
+
i0.ɵɵlistener("mouseenter", function ToastViewportComponent_Template_div_mouseenter_0_listener() { return ctx.pauseOnHover() && ctx.pause(); })("mouseleave", function ToastViewportComponent_Template_div_mouseleave_0_listener() { return ctx.pauseOnHover() && ctx.resume(); })("focusin", function ToastViewportComponent_Template_div_focusin_0_listener() { return ctx.pauseOnHover() && ctx.pause(); })("focusout", function ToastViewportComponent_Template_div_focusout_0_listener($event) { return ctx.onViewportFocusOut($event); });
|
|
97
|
+
i0.ɵɵtemplate(1, ToastViewportComponent_div_1_Template, 5, 6, "div", 1);
|
|
78
98
|
i0.ɵɵelementEnd();
|
|
79
99
|
} if (rf & 2) {
|
|
80
100
|
i0.ɵɵproperty("ngClass", "bm-toast__viewport--" + ctx.snapshot().config.position);
|
|
@@ -96,6 +116,8 @@ export class ToastViewportComponent {
|
|
|
96
116
|
[attr.data-theme]="darkMode ? 'dark' : null"
|
|
97
117
|
(mouseenter)="pauseOnHover() && pause()"
|
|
98
118
|
(mouseleave)="pauseOnHover() && resume()"
|
|
119
|
+
(focusin)="pauseOnHover() && pause()"
|
|
120
|
+
(focusout)="onViewportFocusOut($event)"
|
|
99
121
|
>
|
|
100
122
|
<div
|
|
101
123
|
*ngFor="let t of snapshot().toasts; trackBy: trackById"
|
|
@@ -105,6 +127,13 @@ export class ToastViewportComponent {
|
|
|
105
127
|
[attr.aria-live]="isUrgent(t) ? 'assertive' : 'polite'"
|
|
106
128
|
>
|
|
107
129
|
<span class="bm-toast__message">{{ t.message }}</span>
|
|
130
|
+
<!-- mcp-63: inline action; the controller owns consume-on-action. -->
|
|
131
|
+
<button
|
|
132
|
+
*ngIf="t.action"
|
|
133
|
+
type="button"
|
|
134
|
+
class="bm-toast__action"
|
|
135
|
+
(click)="controller.invokeAction(t.id)"
|
|
136
|
+
>{{ t.action!.label }}</button>
|
|
108
137
|
<button
|
|
109
138
|
*ngIf="t.dismissible"
|
|
110
139
|
type="button"
|
|
@@ -122,5 +151,5 @@ export class ToastViewportComponent {
|
|
|
122
151
|
}], darkMode: [{
|
|
123
152
|
type: Input
|
|
124
153
|
}] }); })();
|
|
125
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastViewportComponent, { className: "ToastViewportComponent", filePath: "components/toastviewport.ts", lineNumber:
|
|
154
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastViewportComponent, { className: "ToastViewportComponent", filePath: "components/toastviewport.ts", lineNumber: 56 }); })();
|
|
126
155
|
//# sourceMappingURL=ToastViewport.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastViewport.js","sourceRoot":"","sources":["../../src/components/ToastViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAqB,MAAM,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;;
|
|
1
|
+
{"version":3,"file":"ToastViewport.js","sourceRoot":"","sources":["../../src/components/ToastViewport.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bimetal/toast-angular-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.36.0",
|
|
4
4
|
"description": "Angular toast viewport — queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. A thin standalone-component binding over the canonical toast controller. Bound-only: the app owns the controller it pushes to.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -10,7 +10,10 @@
|
|
|
10
10
|
"types": "./dist/index.d.ts",
|
|
11
11
|
"import": "./dist/index.js"
|
|
12
12
|
},
|
|
13
|
-
"./styles":
|
|
13
|
+
"./styles": {
|
|
14
|
+
"types": "./dist/styles/index.css.d.ts",
|
|
15
|
+
"default": "./dist/styles/index.css"
|
|
16
|
+
}
|
|
14
17
|
},
|
|
15
18
|
"files": [
|
|
16
19
|
"dist",
|
|
@@ -18,15 +21,15 @@
|
|
|
18
21
|
"LICENSE"
|
|
19
22
|
],
|
|
20
23
|
"scripts": {
|
|
21
|
-
"build": "ngc -p tsconfig.json && node scripts/copy-css.mjs",
|
|
22
|
-
"typecheck": "ngc -p tsconfig.json --noEmit",
|
|
24
|
+
"build": "ngc -p tsconfig.json && node scripts/copy-css.mjs && node ../../../scripts/generate-css-stubs.mjs",
|
|
25
|
+
"typecheck": "ngc -p tsconfig.test.json --noEmit",
|
|
23
26
|
"test": "vitest run",
|
|
24
27
|
"prepublishOnly": "npm run build"
|
|
25
28
|
},
|
|
26
29
|
"dependencies": {
|
|
27
|
-
"@bimetal/angular": "^0.
|
|
28
|
-
"@bimetal/toast-headless": "^0.
|
|
29
|
-
"@bimetal/toast-themes": "^0.
|
|
30
|
+
"@bimetal/angular": "^0.36.0",
|
|
31
|
+
"@bimetal/toast-headless": "^0.36.0",
|
|
32
|
+
"@bimetal/toast-themes": "^0.36.0"
|
|
30
33
|
},
|
|
31
34
|
"peerDependencies": {
|
|
32
35
|
"@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
|