@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
|
@@ -12,13 +12,13 @@ export class ToastComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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
|
|
15
|
+
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"] }] });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToastComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
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
|
|
18
|
+
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" }]
|
|
19
19
|
}], propDecorators: { data: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], emit: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdG9hc3QvdG9hc3QudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdG9hc3QvdG9hc3QuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2QkFBNkI7QUFDN0IsV0FBVztBQUNYLDZCQUE2QjtBQUU3QixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBNEZqRCxNQUFNLE9BQU8sY0FBYztJQUt6QixPQUFPLENBQUMsT0FBTztRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7MkdBVFUsY0FBYzsrRkFBZCxjQUFjLHdGQ2hHM0IsOHJEQXNDQTsyRkQwRGEsY0FBYztrQkFKMUIsU0FBUzsrQkFDRSxVQUFVOzhCQUlYLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gVE9BU1QudHNcbi8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBJbnRlcmZhY2UgZm9yIHRoZSBzaW5nbGUgVG9hc3RDb21wb25lbnQncyBcIkFjdGlvblwiXG4gKlxuICogQHByb3BlcnR5IHRleHQgKHJlcXVpcmVkKVxuICogQHByb3BlcnR5IHBheWxvYWQgKHJlcXVpcmVkKVxuICogQHByb3BlcnR5IGNsYXNzZXMgKG9wdGlvbmFsKVxuICovXG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9hc3RBY3Rpb24ge1xuICAvKipcbiAgICogdGhlIGJ1dHRvbidzIHJlbmRlcmVkIHRleHRcbiAgICovXG4gIHRleHQ6IHN0cmluZztcbiAgLyoqXG4gICAqIHRoZSBidXR0b24ncyBvbkNsaWNrIHBheWxvYWRcbiAgICovXG4gIHBheWxvYWQ6IGFueTtcbiAgLyoqXG4gICAqIGFkZGl0aW9uYWwgaHRtbCBjbGFzc2VzXG4gICAqL1xuICBjbGFzc2VzPzogc3RyaW5nO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgdGhlIHNpbmdsZSBUb2FzdENvbXBvbmVudCdzIFwiQm94XCJcbiAqXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAocmVxdWlyZWQpXG4gKiBAcHJvcGVydHkgdGltZXIgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IGNsb3NlSWNvbiAob3B0aW9uYWwpXG4gKiAtIGljb24gKHJlcXVpcmVkKVxuICogLSBwYXlsb2FkIChyZXF1aXJlZClcbiAqIEBwcm9wZXJ0eSB0aXRsZSAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgdGV4dCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgYWN0aW9ucyAob3B0aW9uYWwpXG4gKi9cblxuZXhwb3J0IGludGVyZmFjZSBUb2FzdEJveCB7XG4gIC8qKlxuICAgKiByZXF1aXJlczogW2lzLXN1Y2Nlc3MsIGlzLXdhcm5pbmcsIGlzLWVycm9yXSArIG9wdGlvbmFsIGFkZGl0aW9uYWwgaHRtbCBjbGFzc2VzXG4gICAqL1xuICBjbGFzc2VzOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGRpc3BsYXkgaW5zaWRlIHRoZSB0b2FzdFxuICAgKi9cbiAgaWNvbj86IHN0cmluZztcbiAgLyoqXG4gICAqIGxhcmdlciwgdGl0bGUgdGV4dFxuICAgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiB0aGUgdG9hc3QncyBib2R5IHRleHRcbiAgICovXG4gIHRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiAnWCcgaWNvbiwgdG8gZGlzbWlzcy9jbG9zZSB0aGUgdG9hc3RcbiAgICogKCBuNy1pY29uLWNyb3NzIClcbiAgICpcbiAgICogIEVhY2ggaWNvbiByZXF1aXJlcyBpdCdzIG9uQ2xpY2sgcGF5bG9hZFxuICAgKi9cbiAgY2xvc2VJY29uPzoge1xuICAgIGljb246IHN0cmluZztcbiAgICBwYXlsb2FkOiBzdHJpbmc7XG4gIH07XG4gIC8qKlxuICAgKiB0aGUgdG9hc3QncyBvcHRpb25hbCBidXR0b25zXG4gICAqIHN1Z2dlc3Rpb246IGRvbid0IHVzZSBtb3JlIHRoYW4gMiBhY3Rpb25zXG4gICAqL1xuICBhY3Rpb25zPzogVG9hc3RBY3Rpb25bXTtcbiAgLyoqXG4gICAqIGFkZGl0aW9uYWwgaW5mb1xuICAgKi9cbiAgX21ldGE/OiBhbnk7XG59XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBUb2FzdENvbXBvbmVudCdzIFwiZGF0YVwiXG4gKlxuICogQHByb3BlcnR5IHRvYXN0cyAocmVxdWlyZWQpXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKi9cblxuZXhwb3J0IGludGVyZmFjZSBUb2FzdERhdGEgeyAvLyB0b2FzdCBjb2x1bW4gd3JhcHBlclxuICB0b2FzdHM6IFRvYXN0Qm94W107XG4gIGNsYXNzZXM/OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ243LXRvYXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogVG9hc3REYXRhO1xuXG4gIEBJbnB1dCgpIGVtaXQ6IGFueTtcblxuICBvbkNsaWNrKHBheWxvYWQpIHtcbiAgICBpZiAoIXRoaXMuZW1pdCkgcmV0dXJuO1xuXG4gICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZGF0YVwiIGNsYXNzPVwibjctdG9hc3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwibjctdG9hc3RfX2NvbHVtbiB7e2RhdGEuY2xhc3NlcyB8fCAnJ319XCI+XG5cbiAgICAgICAgPCEtLSBUb2FzdCBib3hlcyAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LXRvYXN0X19ib3hcIiBcbiAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYm94IG9mIGRhdGEudG9hc3RzXCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdoYXMtYWN0aW9ucycgOiAhISAoYm94LmFjdGlvbnMgfHwgYm94LmNsb3NlSWNvbikgfVwiPlxuXG4gICAgICAgICAgICA8IS0tIFRvYXN0IGljb24gLS0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctdG9hc3RfX2ljb25cIiAqbmdJZj1cImJveC5pY29uXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ7eyBib3guaWNvbiB9fVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICBcbiAgICAgICAgICAgIDwhLS0gVG9hc3QgdGV4dCAtLT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy10b2FzdF9fY29udGVudCB7e2JveC5jbGFzc2VzIHx8ICcnfX1cIiAqbmdJZj1cImJveC50aXRsZSB8fCBib3gudGV4dFwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctdG9hc3RfX3RpdGxlXCIgKm5nSWY9XCJib3gudGl0bGVcIj57eyBib3gudGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy10b2FzdF9fdGV4dFwiICpuZ0lmPVwiYm94LnRleHRcIj57eyBib3gudGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8IS0tIFRvYXN0IGFjdGlvbnMgLS0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctdG9hc3RfX2FjdGlvbnNcIiAqbmdJZj1cImJveC5hY3Rpb25zIHx8IGJveC5jbG9zZUljb25cIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIGNsYXNzPVwibjctdG9hc3RfX2Nsb3NlSWNvbiB7eyBib3guY2xvc2VJY29uLmljb24gfX1cIiBcbiAgICAgICAgICAgICAgICAqbmdJZj1cImJveC5jbG9zZUljb25cIiBcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhib3guY2xvc2VJY29uLnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctdG9hc3RfX2FjdGlvbi13cmFwcGVyXCIgKm5nSWY9XCJib3guYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LXRvYXN0X19hY3Rpb24tY29udGVudFwiICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYm94LmFjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJuNy10b2FzdF9fYWN0aW9uLWJ1dHRvbiBuNy1idG4gbjctYnRuLXMge3thY3Rpb24uY2xhc3NlcyB8fCAnJ319XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soYWN0aW9uLnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWN0aW9uLnRleHR9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -41,7 +41,11 @@ export const TOAST_MOCK = {
|
|
|
41
41
|
classes: 'is-warning',
|
|
42
42
|
title: 'Title',
|
|
43
43
|
text: 'Questo messaggio ha soltanto un titolo e del testo, è di tipo is-warning ed ha un tempo di 15 secondi',
|
|
44
|
-
}
|
|
45
|
-
|
|
44
|
+
}, {
|
|
45
|
+
classes: 'is-info',
|
|
46
|
+
icon: 'n7-icon-bell',
|
|
47
|
+
title: 'Toast & Icon',
|
|
48
|
+
text: 'Questo messaggio contiene un\'icona di accompagnamento, è di tipo is-info ed ha un tempo di 15 secondi',
|
|
49
|
+
}]
|
|
46
50
|
};
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QubW9jay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2R2LWNvbXBvbmVudHMtbGliL3NyYy9saWIvY29tcG9uZW50cy90b2FzdC90b2FzdC5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBYztJQUNuQyxNQUFNLEVBQUUsQ0FBQztZQUNQLE9BQU8sRUFBRSxZQUFZO1lBQ3JCLEtBQUssRUFBRSxPQUFPO1lBQ2QsSUFBSSxFQUFFLHVHQUF1RztZQUM3RyxTQUFTLEVBQUU7Z0JBQ1QsSUFBSSxFQUFFLGVBQWU7Z0JBQ3JCLE9BQU8sRUFBRSxTQUFTO2FBQ25CO1NBQ0YsRUFBRTtZQUNELE9BQU8sRUFBRSxZQUFZO1lBQ3JCLEtBQUssRUFBRSxPQUFPO1lBQ2QsSUFBSSxFQUFFLHVHQUF1RztTQUM5RyxFQUFFO1lBQ0QsT0FBTyxFQUFFLFlBQVk7WUFDckIsS0FBSyxFQUFFLHFCQUFxQjtZQUM1QixTQUFTLEVBQUU7Z0JBQ1QsSUFBSSxFQUFFLGVBQWU7Z0JBQ3JCLE9BQU8sRUFBRSxTQUFTO2FBQ25CO1NBQ0YsRUFBRTtZQUNELE9BQU8sRUFBRSxVQUFVO1lBQ25CLElBQUksRUFBRSw2R0FBNkc7WUFDbkgsT0FBTyxFQUFFLENBQUM7b0JBQ1IsSUFBSSxFQUFFLFdBQVc7b0JBQ2pCLE9BQU8sRUFBRSxXQUFXO29CQUNwQixPQUFPLEVBQUUsY0FBYztpQkFDeEIsQ0FBQztTQUNILEVBQUU7WUFDRCxPQUFPLEVBQUUsWUFBWTtZQUNyQixJQUFJLEVBQUUsOEVBQThFO1lBQ3BGLE9BQU8sRUFBRSxDQUFDO29CQUNSLElBQUksRUFBRSxJQUFJO29CQUNWLE9BQU8sRUFBRSxJQUFJO2lCQUNkLEVBQUU7b0JBQ0QsSUFBSSxFQUFFLElBQUk7b0JBQ1YsT0FBTyxFQUFFLElBQUk7b0JBQ2IsT0FBTyxFQUFFLFlBQVk7aUJBQ3RCLENBQUM7U0FDSCxFQUFFO1lBQ0QsT0FBTyxFQUFFLFlBQVk7WUFDckIsS0FBSyxFQUFFLE9BQU87WUFDZCxJQUFJLEVBQUUsdUdBQXVHO1NBQzlHLEVBQUU7WUFDRCxPQUFPLEVBQUUsU0FBUztZQUNsQixJQUFJLEVBQUUsY0FBYztZQUNwQixLQUFLLEVBQUUsY0FBYztZQUNyQixJQUFJLEVBQUUsd0dBQXdHO1NBQy9HLENBQUM7Q0FDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVG9hc3REYXRhIH0gZnJvbSAnLi90b2FzdCc7XG5cbmV4cG9ydCBjb25zdCBUT0FTVF9NT0NLOiBUb2FzdERhdGEgPSB7XG4gIHRvYXN0czogW3sgLy8gYXJyYXkgb2YgdG9hc3QgYm94ZXNcbiAgICBjbGFzc2VzOiAnaXMtd2FybmluZycsXG4gICAgdGl0bGU6ICdUaXRsZScsXG4gICAgdGV4dDogJ1F1ZXN0byBtZXNzYWdnaW8gaGEgc29sdGFudG8gdW4gdGl0b2xvIGUgZGVsIHRlc3RvLCDDqCBkaSB0aXBvIGlzLXdhcm5pbmcgZWQgaGEgdW4gdGVtcG8gZGkgMTUgc2Vjb25kaScsXG4gICAgY2xvc2VJY29uOiB7XG4gICAgICBpY29uOiAnbjctaWNvbi1jbG9zZScsXG4gICAgICBwYXlsb2FkOiAnY2xvc2luZydcbiAgICB9XG4gIH0sIHtcbiAgICBjbGFzc2VzOiAnaXMtd2FybmluZycsXG4gICAgdGl0bGU6ICdUaXRsZScsXG4gICAgdGV4dDogJ1F1ZXN0byBtZXNzYWdnaW8gaGEgc29sdGFudG8gdW4gdGl0b2xvIGUgZGVsIHRlc3RvLCDDqCBkaSB0aXBvIGlzLXdhcm5pbmcgZWQgaGEgdW4gdGVtcG8gZGkgMTUgc2Vjb25kaScsXG4gIH0sIHtcbiAgICBjbGFzc2VzOiAnaXMtc3VjY2VzcycsXG4gICAgdGl0bGU6ICdUaXRvbG8gZSBjbG9zZS1pY29uJyxcbiAgICBjbG9zZUljb246IHtcbiAgICAgIGljb246ICduNy1pY29uLWNsb3NlJyxcbiAgICAgIHBheWxvYWQ6ICdjbG9zaW5nJ1xuICAgIH1cbiAgfSwge1xuICAgIGNsYXNzZXM6ICdpcy1lcnJvcicsXG4gICAgdGV4dDogJ1F1ZXN0byDDqCB1biBtZXNzYWdnaW8gZGkgdGlwbyBpcy1lcnJvciBjb24gdW4gcHVsc2FudGUgY2hlIGNoaWVkZSBhbGxcXCd1dGVudGUgbGEgY29uZmVybWEgZGkgcHJlc2EgdmlzaW9uZS4nLFxuICAgIGFjdGlvbnM6IFt7XG4gICAgICB0ZXh0OiAnSE8gQ0FQSVRPJyxcbiAgICAgIHBheWxvYWQ6ICdobyBjYXBpdG8nLFxuICAgICAgY2xhc3NlczogJ243LWJ0bi1saWdodCdcbiAgICB9XVxuICB9LCB7XG4gICAgY2xhc3NlczogJ2lzLXdhcm5pbmcnLFxuICAgIHRleHQ6ICdRdWVzdG8gbWVzc2FnZ2lvIG5vbiBoYSB0aXRvbG8sIMOoIGRpIHRpcG8gaXMtd2FybmluZyBlIHNlZ3Vvbm8gZHVlIHB1bHNhbnRpLicsXG4gICAgYWN0aW9uczogW3tcbiAgICAgIHRleHQ6ICdOTycsXG4gICAgICBwYXlsb2FkOiAnTk8nXG4gICAgfSwge1xuICAgICAgdGV4dDogJ1NJJyxcbiAgICAgIHBheWxvYWQ6ICdTSScsXG4gICAgICBjbGFzc2VzOiAnbjctYnRuLWN0YSdcbiAgICB9XVxuICB9LCB7XG4gICAgY2xhc3NlczogJ2lzLXdhcm5pbmcnLFxuICAgIHRpdGxlOiAnVGl0bGUnLFxuICAgIHRleHQ6ICdRdWVzdG8gbWVzc2FnZ2lvIGhhIHNvbHRhbnRvIHVuIHRpdG9sbyBlIGRlbCB0ZXN0bywgw6ggZGkgdGlwbyBpcy13YXJuaW5nIGVkIGhhIHVuIHRlbXBvIGRpIDE1IHNlY29uZGknLFxuICB9LCB7XG4gICAgY2xhc3NlczogJ2lzLWluZm8nLFxuICAgIGljb246ICduNy1pY29uLWJlbGwnLFxuICAgIHRpdGxlOiAnVG9hc3QgJiBJY29uJyxcbiAgICB0ZXh0OiAnUXVlc3RvIG1lc3NhZ2dpbyBjb250aWVuZSB1blxcJ2ljb25hIGRpIGFjY29tcGFnbmFtZW50bywgw6ggZGkgdGlwbyBpcy1pbmZvIGVkIGhhIHVuIHRlbXBvIGRpIDE1IHNlY29uZGknLFxuICB9XVxufTtcbiJdfQ==
|
|
@@ -1834,10 +1834,10 @@ class ToastComponent {
|
|
|
1834
1834
|
}
|
|
1835
1835
|
}
|
|
1836
1836
|
ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1837
|
-
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
|
|
1837
|
+
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"] }] });
|
|
1838
1838
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToastComponent, decorators: [{
|
|
1839
1839
|
type: Component,
|
|
1840
|
-
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
|
|
1840
|
+
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" }]
|
|
1841
1841
|
}], propDecorators: { data: [{
|
|
1842
1842
|
type: Input
|
|
1843
1843
|
}], emit: [{
|
|
@@ -8048,8 +8048,12 @@ const TOAST_MOCK = {
|
|
|
8048
8048
|
classes: 'is-warning',
|
|
8049
8049
|
title: 'Title',
|
|
8050
8050
|
text: 'Questo messaggio ha soltanto un titolo e del testo, è di tipo is-warning ed ha un tempo di 15 secondi',
|
|
8051
|
-
}
|
|
8052
|
-
|
|
8051
|
+
}, {
|
|
8052
|
+
classes: 'is-info',
|
|
8053
|
+
icon: 'n7-icon-bell',
|
|
8054
|
+
title: 'Toast & Icon',
|
|
8055
|
+
text: 'Questo messaggio contiene un\'icona di accompagnamento, è di tipo is-info ed ha un tempo di 15 secondi',
|
|
8056
|
+
}]
|
|
8053
8057
|
};
|
|
8054
8058
|
|
|
8055
8059
|
const TOOLTIP_CONTENT_MOCK = {
|