@net7/components 3.8.2 → 3.8.3
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/esm2020/lib/components/toast/toast.mjs +3 -3
- package/esm2020/lib/components/toast/toast.mock.mjs +7 -3
- package/fesm2015/net7-components.mjs +8 -4
- package/fesm2015/net7-components.mjs.map +1 -1
- package/fesm2020/net7-components.mjs +8 -4
- package/fesm2020/net7-components.mjs.map +1 -1
- package/lib/components/toast/toast.d.ts +23 -19
- package/package.json +1 -1
- package/src/lib/styles/components/_toast.scss +2 -0
|
@@ -1847,10 +1847,10 @@ class ToastComponent {
|
|
|
1847
1847
|
}
|
|
1848
1848
|
}
|
|
1849
1849
|
ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1850
|
-
ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ToastComponent, selector: "n7-toast", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n\n <!-- Toast boxes -->\n <div class=\"n7-toast__box\" \n *ngFor=\"let box of data.toasts\"\n [ngClass]=\"{ 'has-actions' : !! (box.actions || box.closeIcon) }\">\n \n <!-- Toast text -->\n <div class=\"n7-toast__content {{box.classes || ''}}\" *ngIf=\"box.title || box.text\">\n <span class=\"n7-toast__title\" *ngIf=\"box.title\">{{ box.title }}</span>\n <span class=\"n7-toast__text\" *ngIf=\"box.text\">{{ box.text }}</span>\n </div>\n\n <!-- Toast actions -->\n <div class=\"n7-toast__actions\" *ngIf=\"box.actions || box.closeIcon\">\n <span\n class=\"n7-toast__closeIcon {{ box.closeIcon.icon }}\" \n *ngIf=\"box.closeIcon\" \n (click)=\"onClick(box.closeIcon.payload)\">\n </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span class=\"n7-toast__action-content\" *ngFor=\"let action of box.actions\">\n <button class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\">\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div
|
|
1850
|
+
ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ToastComponent, selector: "n7-toast", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n\n <!-- Toast boxes -->\n <div class=\"n7-toast__box\" \n *ngFor=\"let box of data.toasts\"\n [ngClass]=\"{ 'has-actions' : !! (box.actions || box.closeIcon) }\">\n\n <!-- Toast icon -->\n <div class=\"n7-toast__icon\" *ngIf=\"box.icon\">\n <span class=\"{{ box.icon }}\"></span>\n </div>\n \n <!-- Toast text -->\n <div class=\"n7-toast__content {{box.classes || ''}}\" *ngIf=\"box.title || box.text\">\n <span class=\"n7-toast__title\" *ngIf=\"box.title\">{{ box.title }}</span>\n <span class=\"n7-toast__text\" *ngIf=\"box.text\">{{ box.text }}</span>\n </div>\n\n <!-- Toast actions -->\n <div class=\"n7-toast__actions\" *ngIf=\"box.actions || box.closeIcon\">\n <span\n class=\"n7-toast__closeIcon {{ box.closeIcon.icon }}\" \n *ngIf=\"box.closeIcon\" \n (click)=\"onClick(box.closeIcon.payload)\">\n </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span class=\"n7-toast__action-content\" *ngFor=\"let action of box.actions\">\n <button class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\">\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1851
1851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToastComponent, decorators: [{
|
|
1852
1852
|
type: Component,
|
|
1853
|
-
args: [{ selector: 'n7-toast', template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n\n <!-- Toast boxes -->\n <div class=\"n7-toast__box\" \n *ngFor=\"let box of data.toasts\"\n [ngClass]=\"{ 'has-actions' : !! (box.actions || box.closeIcon) }\">\n \n <!-- Toast text -->\n <div class=\"n7-toast__content {{box.classes || ''}}\" *ngIf=\"box.title || box.text\">\n <span class=\"n7-toast__title\" *ngIf=\"box.title\">{{ box.title }}</span>\n <span class=\"n7-toast__text\" *ngIf=\"box.text\">{{ box.text }}</span>\n </div>\n\n <!-- Toast actions -->\n <div class=\"n7-toast__actions\" *ngIf=\"box.actions || box.closeIcon\">\n <span\n class=\"n7-toast__closeIcon {{ box.closeIcon.icon }}\" \n *ngIf=\"box.closeIcon\" \n (click)=\"onClick(box.closeIcon.payload)\">\n </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span class=\"n7-toast__action-content\" *ngFor=\"let action of box.actions\">\n <button class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\">\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div
|
|
1853
|
+
args: [{ selector: 'n7-toast', template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n\n <!-- Toast boxes -->\n <div class=\"n7-toast__box\" \n *ngFor=\"let box of data.toasts\"\n [ngClass]=\"{ 'has-actions' : !! (box.actions || box.closeIcon) }\">\n\n <!-- Toast icon -->\n <div class=\"n7-toast__icon\" *ngIf=\"box.icon\">\n <span class=\"{{ box.icon }}\"></span>\n </div>\n \n <!-- Toast text -->\n <div class=\"n7-toast__content {{box.classes || ''}}\" *ngIf=\"box.title || box.text\">\n <span class=\"n7-toast__title\" *ngIf=\"box.title\">{{ box.title }}</span>\n <span class=\"n7-toast__text\" *ngIf=\"box.text\">{{ box.text }}</span>\n </div>\n\n <!-- Toast actions -->\n <div class=\"n7-toast__actions\" *ngIf=\"box.actions || box.closeIcon\">\n <span\n class=\"n7-toast__closeIcon {{ box.closeIcon.icon }}\" \n *ngIf=\"box.closeIcon\" \n (click)=\"onClick(box.closeIcon.payload)\">\n </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span class=\"n7-toast__action-content\" *ngFor=\"let action of box.actions\">\n <button class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\">\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
1854
1854
|
}], propDecorators: { data: [{
|
|
1855
1855
|
type: Input
|
|
1856
1856
|
}], emit: [{
|
|
@@ -8061,8 +8061,12 @@ const TOAST_MOCK = {
|
|
|
8061
8061
|
classes: 'is-warning',
|
|
8062
8062
|
title: 'Title',
|
|
8063
8063
|
text: 'Questo messaggio ha soltanto un titolo e del testo, è di tipo is-warning ed ha un tempo di 15 secondi',
|
|
8064
|
-
}
|
|
8065
|
-
|
|
8064
|
+
}, {
|
|
8065
|
+
classes: 'is-info',
|
|
8066
|
+
icon: 'n7-icon-bell',
|
|
8067
|
+
title: 'Toast & Icon',
|
|
8068
|
+
text: 'Questo messaggio contiene un\'icona di accompagnamento, è di tipo is-info ed ha un tempo di 15 secondi',
|
|
8069
|
+
}]
|
|
8066
8070
|
};
|
|
8067
8071
|
|
|
8068
8072
|
const TOOLTIP_CONTENT_MOCK = {
|